/*
Theme Name: The Democracy
Theme URI: http://kodeforest.net/wp-demo/democracy
Description: Democracy Wordpress Theme
Author: KodeForest
Author URI: http://www.kodeforest.com
Version: 2.0
License: 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, custom-background, custom-colors, featured-images, theme-options
Text Domain: the-democracy
*/
/**
 * Table of Contents :
 *
* 1.0 - Kode Wrapper
* 2.0 - TOP STRAIP WRAP CSS START
* 3.0 - TLOGO & NAVIGATION WRAP CSS START
* 4.0 - UI Element Style
* 5.1 - 1st DropDown Menu
* 5.2 - 2nd DropDown Menu
* 6.0 - Favorite and Search Wrap Start
* 7.0 - BANNER WRAP CSS START
* 8.1 - BREAKING NEWS WRAP CSS START
* 8.2 - Breaking News 2
* 9.0 - PROGRAM LIST WRAP CSS START
* 10.0 - WELCOME TO DEMOCRACY WRAP CSS START
* 11.0 - WHAT WE DO WRAP CSS START
* 12.0 - HEADING WRAP CSS START
* 13.0 - Heading 2 Wrap
* 14.0 - NEWS & PRESS RELEASE WRAP CSS START
* 15.0 - LATEST WORK WRAP CSS START
* 16.0 - PURCHASE NOW WRAP CSS START
* 17.0 - OUR POLITICAL CAMPAIGN WRAP CSS START
* 18.0 - OUR POLITICIAN WRAP CSS START
* 19.0 - PROGRESS BAR WRAP CSS START
* 20.0 - COUNT UP WRAP CSS START
* 21.0 - LATEST BLOG POST WRAP CSS START
* 22.0 - VIDEO & AUDIO WRAP CSS START
* 23.0 - PURCHASE NOW 2 WRAP CSS START
* 24.0 - COMMING UP ELECTION WRAP CSS START
* 25.0 - TESTIMONIAL WRAP CSS START
* 26.0 - CONTACT WITH US WRAP CSS START
* 27.0 - BREAD CRUMB WRAP CSS START
* 28.0 - ABOUT US SERVICES WRAP CSS START
* 29.0 - SOCIAL COUNTER WRAP CSS START
* 30.0 - OUR ACHIEVEMENT WRAP CSS START
* 31.0 - WHERE WE ARE WRAP CSS START
* 32.0 - BECOME A VOLUNTEER WRAP CSS START
* 33.0 - OUR SKILLS WRAP CSS START
* 34.0 - WHY WE ARE WRAP CSS START
* 35.0 - SUBCRIBE WRAP CSS START
* 36.0 - PAGINATION WRAP CSS Start
* 37.0 - NEWS WRAP CSS START
* 38.0 - NEWS LIST WRAP CSS START
* 39.0 - EVENT WRAP CSS START
* 40.0 - OUR FOCUS WRAP CSS START
* 41.0 - HOW IT WORK WRAP CSS START
* 42.0 - ADVANCE SERVICES WRAP CSS START
* 43.0 - WHY CHOOSE US WRAP CSS START
* 44.0 - TEAM WRAP CSS START
* 45.0 - BACKGROUND WRAP CSS START
* 46.0 - EDUCATION WRAP CSS START
* 47.0 - LATEST WORK WRAP CSS START
* 48.0 - POLITICAL CAREER WRAP CSS START
* 49.0 - PERFORMANCE CHART WRAP CSS START
* 50.0 - YEARLY PERFORMANCE WRAP CSS START
* 51.0 - EVENT DETAIL WRAP CSS START
* 52.0 - NEWS DETAIL WRAP CSS START
* 53.0 - CONTACT US WRAP CSS START
* 54.0 - GET IN TOUCH WRAP CSS START
* 55.0 - 404 PAGE WRAP CSS START
* 56.0 - COMMING SOON PAGE WRAP CSS START
* 57.0 - TEAM LISTING WRAP CSS START
[Color codes]

Background:	#ffffff (white)
Content:	#999999 (light black)
Header h1:	#111111 (dark black)
Header h2:	#111111 (dark black)
Footer:		#000000 (dark black)

a (standard):	#999999 (light black)
a (visited):	#999999 (light black)
a (active):	#999999 (light black)

[Typography]
  
Body copy:		14px/ 'Lato', sans-serif;
Headers:		'Josefin Sans', sans-serif;
Input, textarea:	'Lato', sans-serif;
Sidebar heading:	'Lato', sans-serif;

-------------------------------------------------------------------*/
/*
	  ==============================================================
		   kode wrapper
	  ==============================================================
*/
@import url(css/headers.css);
.screen-reader-text{}
.bypostauthor{}
.kode_wrapper,
.kode_content,
section{
	float:left;
	width:100%;	
	overflow:hidden;
}
header{
	float:left;
	width:100%;	
}
section{
	padding:70px 0px;	
}

/*
	  ==============================================================
		   TOP STRAIP WRAP CSS START
	  ==============================================================
*/
header{
	position:absolute;
	z-index:999999999;
	top:0px;
	left:0px;
	padding-bottom:5px;	
}
.kode_top_strip{
	width:100%;	
}
.kode_cnt_info{
	float:left;	
}
.kode_cnt_info ul,
.kode_scl_icon ul
{
	float:left;
	width:100%;	
	margin:0px;
}
.kode_cnt_info ul li{
	display:inline-block;
	position:relative;
	color:#fff;	
	padding:12px 16px 13px;
}
.kode_cnt_info ul li i{
	margin-right:5px;	
}
.kode_cnt_info ul li:first-child{
	padding-left:0px;	
}
.kode_scl_icon{
	float:right;	
}
.kode_scl_icon ul li{
	display:inline-block;
	position:relative;
	-ms-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);	
	margin:0px;
}
.kode_top_strip .kode_cnt_info ul li{
	margin-bottom: 0 !important;
}
.kode_top_strip .kode_scl_icon ul li{
	margin-top: 0 !important;
}
.kode_scl_icon ul li a{
	display:block;
	padding:12px 12px 13px;
	color:#fff;	
	-ms-transform: skewX(30deg);
    -webkit-transform: skewX30deg);
    transform: skewX(30deg);
}

/*
	  ==============================================================
		   TOP STRAIP WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   LOGO & NAVIGATION WRAP CSS START
	  ==============================================================
*/
.kode_navigation_outr_wrap{
	float:left;
	width:100%;
	position:relative;
	background-color:#FFF;
}
.kode_navigation_outr_wrap:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	/*height:2px;*/
	width:31%;
	bottom:0px;
}
.kode_navigation_outr_wrap:after{
	content:"";
	position:absolute;
	bottom:-4px;
	right:0px;
	background-color:#fff;
	/*height:2px;*/
	width:65%;	
}
.kode_navigation_outr_wrap .container{
	position:relative;
	z-index:9999999;	
}
.kode_logo{
	float:left;
	padding:25px 20px;
	position:relative;	
}
.kode_logo:before{
	content:"";
	position:absolute;
	right:100%;
	top:0px;
	height:100%;
	width:2000%;
}
.kode_logo:after{
	content:"";
	position:absolute;
	right:0px;
	height:100px;
	width:100px;
	transform:skew(-25deg);
	top:0;
}
.kode_logo img{
	position:relative;
	z-index:10;
}
.kode_logo a{
	display:block;	
}
/*UI Element Style*/
.kode_ui_element{
	float:right;
	padding-top:18px;	
}
.kode_menu{
	float:left;	
}
.kode_menu ul{
	float:left;
	width:100%;	
	margin: 0;
}
.kode_menu ul li{
	float:left;
	position:relative;	
	list-style:none;
}
.kode_menu ul li:before{
	content:"";
	position:absolute;
	bottom:-18px;
	left:0px;
	right:0px;
	margin:auto;
	width:0;
	height:2px;	
}
.kode_menu ul li a{
	display:block;
	text-transform:uppercase;
	color:#27282d;
	font-size:14px;
	padding:25px 15px;
	font-weight:600;
	line-height:14px;	
}
.kode_menu ul li.active:before,
.kode_menu ul li:hover:before,
.kode_menu ul li:focus:before
{
	width:70%;	
}
/*1st DropDown Menu*/
.kode_menu ul ul{
	width:250px;
	position:absolute;
	top:50%;
	left:-50px;
	background-color:#fff;
	opacity:0;
	visibility:hidden;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	padding-top:20px;
	border-bottom:4px solid;
}
.kode_menu ul ul li{
	float:left;
	width:100%;
	margin: 0;
	border: none;
	position:relative;
	background-color: #fff;
}
.kode_menu ul ul li:hover{
	background-color: #fff !important;
}
.kode_menu ul ul li:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:0px;
}
.kode_menu ul ul > li:hover > a{
	color:#fff;
	position: relative;
	z-index: 1;
}
.kode_menu ul ul li:hover:after{
	width:100%;
}
.kode_menu ul ul li a{
	padding:15px 15px;	
}
.kode_menu ul ul li:before{
	content:"";
	display:none;	
}
.kode_menu ul > li:hover > ul{
	left:0px;
	top:100%;
	opacity:1;
	visibility:visible;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);	
	margin:0px;
	padding:18px 0 0 0px;
	background-color: transparent;
}
/*2nd DropDown Menu*/
.kode_menu ul ul ul{
	position:absolute;
	top:0px;
	left:100%;	
}
.kode_menu ul ul > li:hover > ul{
	left:100%;
	top:0px;
	opacity:1;
	visibility:visible;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);	
	padding:0px;
}
.kode_menu li.last ul ul{
	left:auto;	
	right: 100%;
}
.kode_menu li.last ul li:hover > ul{
	left: auto;
	right: 100%;
}
/*Favorite and Search Wrap Start*/ 
.search-wrapper-area{
	position:absolute;
	right:0px;
	background:#fff;
	padding:20px;
	display:none;
	width:300px;
}
.search-area{
	position:relative;
}
.search-area input[type="text"]{
	float:left;
	border:1px solid #ccc;
	height:40px;
	padding:5px 15px;
	width:100%;
}
.search-area input[type="submit"]{
	float:left;
	position:absolute;
	right:0px;
	padding:14px 10px 11px; 
	border:none;
	border-radius:0px;
	background:#ccc;
	color:#fff;
	width:100%;
	top:0px;
}
.kode_favorite,
.kode_search{
	float:left;
	margin-left:10px;
	margin-top:14px;	
	position:relative;
}
.law-navigation .main-nav .dl-menuwrapper .dl-menu{
	width:270px;
}
.law-navigation .main-nav  .dl-menuwrapper button,
.kode_favorite a i,
.kode_search a i
{
	padding:9px;
	color:#27282d;
	border:1px solid #9e9ea0;	
}
.law-navigation .main-nav .dl-menuwrapper button:hover,
.kode_favorite:hover a i,
.kode_search:hover a i
{
	color:#fff;	
}
.law-navigation .main-nav .dl-menuwrapper:hover > button:after{
	background:#fff;
	box-shadow:0 7px 0 #fff, 0 14px 0 #fff;	
}
.law-navigation .main-nav .dl-menuwrapper{
	float:right;
	margin:22px 30px;
	display:none;
}
.law-navigation .main-nav .dl-menuwrapper button{
	background:#fff;
	color:#333;
	padding:0px;
	height:36px;
	width:40px;
}
.law-navigation .main-nav .dl-menuwrapper button:after{
	background:#333;
	box-shadow:0 7px 0 #333, 0 14px 0 #333;	
	top:8px;
}
.kode-responsive-navigation{
	display:none;
}

/*
	  ==============================================================
		   LOGO & NAVIGATION WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   BANNER WRAP CSS START
	  ==============================================================
*/
.kode_banner{
	float:left;
	width:100%;
	position:relative;	
}

.kode-slider-item .flexslider ul.slides > li,
.kode-slider-item ul.bxslider > li{
	position:relative;
	float:left;	
}
.kode-slider-item .flexslider ul.slides > li:before,
.kode-slider-item ul.bxslider > li:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
}
.kode-slider-item ul li img{
	width:100%;
	height:auto;
}

.kode-caption{
	position:absolute;
	width:535px;
	top:50%;
	left:50%;
	margin:-160px 0px 0px -558px;	
}
.kode-caption h6{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	border-left:4px solid;
	margin:0px 0px 16px;
	line-height:15px;
	padding-left:10px;	
}
.kode_post_slider .kode-caption h6{	
	margin-bottom:20px;
	font-size:18px !important;
}
.kode_post_slider .kode-caption{
	margin: -160px 0 0 -468px

}
.kode_post_slider .kode-caption h6 a{
	float:none;
	color:#fff;
}
.kode_bread_crumb ul.kode-breadcrumb{
	margin:0px;
}
.kode_banner.kode_post_slider .bx-pager.bx-default-pager{
	display:none;
}
.kode_banner.kode_post_slider .kode-caption .kode-caption-text{
	word-break:keep-all;
}
.kode-caption .kode-caption-title{
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;	
	margin:0px 0px 8px;
	line-height:normal;
	font-size:45px !important;
}
.kode-caption .kode-caption-title a{
	color:#fff;
}
.kode_post_slider a.kode_link_1{
	padding:15px 54px 15px 20px;
}
.kode-caption .kode-caption-title span{
	font-weight:normal;
	display:inline-block;	
}
.kode-caption .kode-caption-text{
	line-height:30px;
	color:#fff;
	margin:0px 0px 32px;	
	font-size:16px;
}
.kode-linksection.hvr-radial-out.kode_link_2{
	position:relative;
	z-index:9999;
}
.kode-caption .kode_link_2 i{
	display:none;
}
.kode-caption .kode_link_1:hover{
	color:#fff;
}
.kode-caption .kode_link_1:hover:before{
	background-color:#fff;	
}
.kode-caption-inner .kode-caption .kode_link_2:hover{
	position:relative;
	z-index:10 !important;
	color:#000 !important;
}
.kode_caption .kode_link_2:hover{
	color:#000;	
}
.kode_banner .bx-wrapper .bx-pager{
	padding:0px;	
}
.kode_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom: 150px;
    left: 50%;
    margin-left: -566px;
    text-align: left;
    width: 538px;
}
.kode_banner .bx-wrapper .bx-pager.bx-default-pager a{
	background-color:#fff;	
}
.kode_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.kode_banner .bx-wrapper .bx-pager.bx-default-pager a.active{
	background-color:#8e8e91;	
}
.kode_brekg_news_des .bx-controls-direction a i{
	display:none;
}

/*
	  ==============================================================
		   BANNER WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   BREAKING NEWS WRAP CSS START
	  ==============================================================
*/
#kode_breaking_news{
	position:absolute;
	left:0;
	right:0;
	bottom:50px;
}
.kode-parallax-wrapper{
	position:relative;
	background-size:cover;
	background-position:center;
}
.simple-column{
	float:left;
	width:100%;
}
.kode_breaking_news{
	float:left;
	left:0px;
	right:0px;
	margin:auto;
	bottom:40px;
	border:1px solid;
	background-color:#fff;	
	width:100%;
}
.kode_breaking_hdg{
	padding:16px 20px 15px;
	float:left;
	position:relative;	
}
.kode_breaking_hdg:before{
	content:"";
	position:absolute;
	top:19px;
	right:-8px;
	width: 0; 
	height: 0; 
	border-left:15px solid;
	border-top:15px solid;
	transform:rotate(45deg);		
}
.kode_breaking_news h6{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	line-height:18px;	
	margin:0px;
}
.kode_brekg_news_des{
	float:none;
	background-color:#fff;
	padding:12px 50px 10px 200px;
	
}
.margin-minus-30 .kode_brekg_news_des{
	padding:13px 50px 7px 200px;
}
.kode_brekg_news_des ul{
	float:left;
	width:100%;	
}
.kode_brekg_news_des ul li{
	display:inline-block;
	color:#000000;
	margin:0px;
	line-height:22px;
	line-height:18px;	
}
.kode_brekg_news_des .item > p{
	margin-bottom:0px;
}
.kode_brekg_news_des .bx-pager.bx-default-pager,
.kode_breaking_news2 .kode_brekg_news_des .bx-pager.bx-default-pager{
	display:none;
}
.kode_brekg_news_des .bx-controls-direction{
	position:absolute;
	width:60px;
	top:18px;
	right:-30px;
}
.kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev,
.kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next,
.kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev,
.kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next
{
	position:absolute;
	right:0px;
	top:-5px;
}
.kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev:before,
.kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before,
.kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev:before,
.kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before{
	content:"\f104";
	font-family:fontawesome;
	font-size:20px;
	text-indent:0;
	position:absolute;
	right:0px;
	top:0px;
}
.kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before,
.kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before
{
	content:"\f105";
}
.kode_breaking_news .bxslider div.item{
	float:left;
}
.kode_breaking_news .kode_brekg_news_des .bx-controls-direction a{
		background:none !important;
}
/*Breaking News 2*/
.kode_breaking_news2{
	float:left;
	width:100%;
	position:relative;
	border-bottom:2px solid;	
}
.kode_breaking_news2:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:29%;
	height:100%;
	background-color:#fff;	
}
.kode_breaking_news2:after{
	content:"";
	position:absolute;
	top:0px;
	right:0px;
	width:71%;
	height:100%;	
}
.kode_breaking_news2 .container{
	position:relative;
	z-index:99999;	
}
.kode_breaking_news2 .kode_brekg_news_des{
	background:none;
	position:relative;	
}
.kode_breaking_news2 .kode_breaking_hdg{
	background:none;
}
.kode_breaking_news2 .kode_breaking_hdg:before{
	border-left: 15px solid #fff;
    border-top: 15px solid #fff;
    content: "";
    height: 0;
    position: absolute;
    right: -8px;
    top: 22px;
    transform: rotate(45deg);
    width: 0;	
}
.kode_breaking_news2 .kode_breaking_hdg h6{
	font-weight:bold;	
}
.kode_breaking_news2 .kode_brekg_news_des p{
	color:#fff;	
	font-weight:bold;
	padding-top:5px;
}
.kode_breaking_news2 .kode_brekg_news_des .bx-controls-direction{
	position:absolute;
	width:60px;
	top:25px;
	right:-30px;
}
.kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev:before,
.kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before{
	color:#fff;
}

/*
	  ==============================================================
		   BREAKING NEWS WRAP CSS START
	  ==============================================================
*/


/*
	  ==============================================================
		   PROGRAM LIST WRAP CSS START
	  ==============================================================
*/
.kode_program_bg{
	padding:15px 0px 0px;
	float:left;
	width:100%;	
}
.kode_program_list{
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
.kode_program_list:before{
    content: "";
    height: 100%;
    left: -320px;
    position: absolute;
    top: -116px;
    transform: rotate(-30deg);
    width: 160%;
	background-color:rgba(55,45,44,0.65);
	z-index:9;
	box-shadow:0px 0px 0px 7px rgba(0,0,0,0.65);	
}
.kode_program_list:after{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	width:0px;
	height:0px;
	background-color:#15bfe9;	
}
.kode_program_list figure img{
	width:100%;
	height:auto;	
}
.kode_program_des{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:20px 0 0 30px;
	z-index:99999;	
}
.kode_program_des h5,
.kode_program_des_2 h5{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	line-height:20px;
	margin-bottom:15px;
	font-size:25px !important;	
}
.kode_program_des p,
.kode_program_des_2 p{
	color:#fff;
	margin:0 0 15px;
	line-height:normal;
	font-size:16px;	
}
.kode_program_des i{
	color:#fff;
	font-size:100px;	
}
.kode_program_hover{
	position:absolute;
	width:100%;
	top:0%;
	left:0px;
	transform: translateY(-50%);
	text-align:center;
	z-index:99999;
	padding:0px 40px;
	opacity:0;	
}
.kode_program_hover h5,
.kode_program_hover_2 h5{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 19px;
	line-height:20px;
	font-size:25px !important;
}
.kode_program_hover p,
.kode_program_hover_2 p{
	color:#fff;
	line-height:24px;
	margin-bottom:20px;
	word-break:break-all;
	font-size:16px;
}
.kode_program_list:hover .kode_program_des{
	top:50%;
	opacity:0;	
}
.kode_program_list:hover:before{
	top:-100%;
	left:-100%;
	opacity:0;	
}
.kode_program_list:hover .kode_program_hover{
	top:50%;
	opacity:1;	
}
.kode_program_list:hover:after{
	width:100%;
	height:100%;
	opacity:0.7;	
}
.kode_program_list a:hover{
	color:#000000;	
}
figure img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	height:auto;
}
.kode_program_list figure::before,
.kode_program_list figure::after {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.kode_program_list figure::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.kode_program_list figure::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.kode_program_list:hover figure::before,
.kode_program_list:hover figure::after {
	opacity: 1;
	z-index:9999;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*Program List 2 Wrap Style*/
.kode_program_list_2{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	overflow:hidden;	
}
.kode_program_list_2:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.75;
	background-color:#15bfe9;
	opacity:0;
	z-index:100;	
}
.kode_program_list_2 figure{
	float:left;
	width:100%;
	position:relative;	
}
.kode_program_list_2 figure img{
	width:100%;
	height:auto;	
}
.kode_program_des_2{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:70px 30px 30px 30px;
	background-color:rgba(0,0,0,0.7);	
}
.kode_program_des_2 i{
	display:inline-block;
	color:#fff;
	font-size:60px;
	margin:0px 0px 20px 0px;	
}
.kode_program_hover_2{
	position:absolute;
	width:100%;
	top:51%;
	left:0px;
	margin-top:-92px;
	text-align:center;
	z-index:99999;
	padding:0px 40px;
	opacity:0;	
}
/*Hover style*/
.kode_program_list_2:hover .kode_program_des_2{
	margin-top:-20px;
	opacity:0;	
}
.kode_program_list_2:hover .kode_program_hover_2{
	opacity:1;
	top:50%;	
}
.kode_program_list_2:hover:before{
	opacity:1;	
}
.kode_program_list_2 a:hover{
	color:#000000;	
}
/*
	  ==============================================================
		   PROGRAM LIST WRAP CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   WELCOME TO DEMOCRACY WRAP CSS START
	  ==============================================================
*/
.kode_welcome_bg{
}

ul.kode_tab_lnk{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:45px;	
	margin-left:0;
}
.kode_welcome_bg ul.kode_tab_lnk{
	margin-bottom:85px;	
}
ul.kode_tab_lnk li{
	position:relative;
	display:inline-block;	
}
ul.kode_tab_lnk li:before,
ul.kode_tab_lnk li:after
{
	content:"";
	position:absolute;
	top:0px;
	right:0px;
	width:0px;
	height:1px;	
	opacity:0
}
ul.kode_tab_lnk li:after{
	left:0px;
	bottom:0px;
	right:auto;
	top:auto;
	width:0px;
	opacity:0	
}
ul.kode_tab_lnk li a{
	display:block;
	color:#999999;
	padding:10px 15px;
	font-weight:bold;
	text-transform:uppercase;	
}
ul.kode_tab_lnk li.active:before,
ul.kode_tab_lnk li:hover:before{
	opacity:1;
	width:50px;	
}
ul.kode_tab_lnk li.active:after,
ul.kode_tab_lnk li:hover:after{
	opacity:1;
	width:40px;	
}

/*Image Wrap Style*/
.kode_wel_outr_wrap{
	float:left;
	width:100%;
	margin-bottom:25px;	
}
.kode_welcome{
	float:left;
	width:100%;
	position:relative;	
}
.kode_welcome:before{
	content:"";
	position:absolute;
	top:-35px;
	left:-58px;
	width:100%;
	height:100%;
	border:9px solid #27282d;
	background-color:#fff;
	z-index:-1;	
}
.kode_welcome:after{
	content: "";
	position: absolute;
	border: 3px solid #dfdfdf;
    height: 110%;
    left: -28px;
    top: -24px;
    width: 100%;
    z-index: -2;	
}
.kode_welcome figure img{
	width:100%;
	height:auto;	
}
.kode_wel_demo_des a i{
	display:none;
}
/*Image Description Wrap Start*/
.kode_wel_demo_des{
	float:left;
	width:100%;	
	margin-top:17px;
}
.kode_wel_demo_des h6{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:16px;
	line-height:14px;
	letter-spacing:2px;	
}
.kode_wel_demo_des h4{
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	padding-bottom:18px;
	margin-bottom:20px;
	position:relative;
	font-size:30px !important;
	line-height:24px;	
}
.kode_wel_demo_des h4:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:70px;
	height:3px;
	background-color:#000000;	
}
.kode_wel_demo_des p{
	line-height:29px;
	font-weight:400;
	margin-bottom:25px;	
	color:#666;
}
ul.kode_tab_lnk.nav > li.active > a,
ul.kode_tab_lnk.nav > li > a:focus,
ul.kode_tab_lnk.nav > li > a:hover{
	background:none;	
}
.kode_wel_demo_des a.kode_link_3:hover{
	color:#fff;	
	outline:1px solid #27282d;
}
/*About US Welcome*/
.kode_about_welcome{
	padding:95px 0px 85px;	
}
.kode_about_welcome a.kode_link_3:hover i{
	color:#fff;	
}
.navigation ul > li.last ul {
	left: auto !important;
	right: 0;
}
.navigation ul > li.last ul ul {
	right: 100%;
}
/*
	  ==============================================================
		   WELCOME TO DEMOCRACY WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   WHAT WE DO WRAP CSS START
	  ==============================================================
*/
.kode_wht_otr_wrap{
	float:left;
	width:100%;
	position:relative;
	background-color:#202020;		
}
.kode_wht_otr_wrap:after{
	content:"";
	position:absolute;
	background-image:url(extra-images/wht-we-do-01.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-attachment:fixed;	
}
.kode_wht_otr_wrap:before{
	content:"";
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	top:0px;
	left:0px;
	width:50%;
	height:100%;
	z-index:1;	
}
.kode_wht_des{
	float:left;
	width:100%;
	position:relative;
	padding:20px 40px 0px;
	z-index:9999999;
}
.kode_wht_des .kode_hdg_1{
	text-align:left;
	color:#fff;
	margin-bottom:30px;
}
.kode_wht_des .kode_hdg_1 h4:before,.kode_wht_des .kode_hdg_2 h4:before,.kode_wht_des .kode_hdg_3 h4:before{
	background-color:#fff;
	right:auto;
}
.kode_wht_des > h6{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px 0px 12px;
	line-height:16px;
	font-size:14px;
	letter-spacing:2px;	
}
.kode_wht_des > h4{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	margin-bottom:30px;
	font-size:30px !important;
	position:relative;
	line-height:24px;
	padding-bottom:20px;	
}
.kode_wht_des h4:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	height:3px;
	width:70px;
	background-color:#fff;		
}
.kode_wht_des ul{
	float:left;
	width:100%;
	z-index:9999999;	
	padding:0px;
	margin:0px;
}
.kode_wht_des ul li{
	float:left;
	position:relative;
	padding:4px 0 30px 5px;
	z-index:9999;
	margin:0px 0px 10px 0px;	
}
.kode_wht_des ul li span{
	float:left;
	display:inline-block;
	width:62px;
	height:62px;
	background-color:#fff;	
	text-align:center;
	line-height:70px;	
}
.kode_wht_des ul li:hover span{
	color:#fff !important;
}
.kode_wht_des ul li span i{
	font-size:25px;	
}
.kode_wht_icon_des{
	float:none;
	padding:0px 0px 0px 90px;
	width:auto;	
}
.kode_wht_icon_des h6{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:18px !important;
	margin:0px 0px 15px 0px;
}
.kode_wht_icon_des p{
	color:#fff;	
	padding:0px 90px 0px 0px;
}
.kode_wht_icon_des h6 a{
	color:#fff;	
}
.kode_wht_des .bx-wrapper .bx-pager{
	padding:0px;
	text-align:right;
	font-size:0px;
	width:20px;	
}
.kode_wht_des .bx-controls.bx-has-pager.bx-has-controls-direction{
		position:relative;
		right:0px;
		z-index:99999;
}
.kode_wht_des .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:170px;
	right:0px;
	text-align:center;	
}
.kode_wht_des .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	margin-bottom:5px;	
}
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a{
	height:40px;
	border-radius:0px;
	width:3px;	
}
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a:hover,
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a.active{
	width:5px;	
}
.kode_wht_des .bx-viewport{
	z-index:9999;	
}
/*
	  ==============================================================
		   WHAT WE DO WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   HEADING WRAP CSS START
	  ==============================================================
*/
.kode_hdg_1,
.kode_hdg_2,
.kode_hdg_3
{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
}
.kode_hdg_1 h6,
.kode_hdg_2 h6,
.kode_hdg_3 h6
{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:normal;
	margin-bottom:1px;
	letter-spacing:2.4px;
}
.kode_hdg_1 h4,
.kode_hdg_2 h4,
.kode_hdg_3 h4
{
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:6px;
	position:relative;	
	font-size:30px !important;
}

.kode_hdg_1 h4:before,
.kode_hdg_2 h4:before,
.kode_hdg_3 h4:before
{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
	width:75px;
	height:3px;
	top:46px;
	background-color:#27282d;	
}
.align-left.kode_hdg_1,
.align-left.kode_hdg_2,
.align-left.kode_hdg_3{
	text-align:left;
}
.align-right.kode_hdg_1,
.align-right.kode_hdg_2,
.align-right.kode_hdg_3{
	text-align:right;
}
.align-left.kode_hdg_1 h4:before,
.align-left.kode_hdg_2 h4:before,
.align-left.kode_hdg_3 h4:before{
	left:0px;
	right:auto;
}
.align-right.kode_hdg_1 h4:before,
.align-right.kode_hdg_2 h4:before,
.align-right.kode_hdg_3 h4:before{
	left:auto;
	right:0;
}
/*Heading 2 Wrap*/
.kode_hdg_2 h6,
.kode_hdg_3 h6
{
	color:#fff;	
}
.kode_hdg_2 h4,
.kode_hdg_3 h4
{
	color:#fff;	
}
.kode_hdg_2 h4:before{
	background-color:#fff;	
}
/*
	  ==============================================================
		   HEADING WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   NEWS & PRESS RELEASE WRAP CSS START
	  ==============================================================
*/
.kode_services_news_bg{	
	background-color:#f7f7f7;
}
.kode_service .ripplelink{
	padding: 10px 20px;
}
.kode_services_news_bg .kode-press-blog,
.kode_services_news_bg .margin_bottom
{
	margin:0px;	
}
.kode_press_news{
	float:left;
	width:100%;
	position:relative;
	box-shadow:0 1px 2px 1px rgba(0, 0, 0, 0.24);	
}
.kode_press_news:hover{
	box-shadow:0 10px 20px 0px rgba(0, 0, 0, 0.24);	

}
.kode-press-blog{
	float:left;
	width:100%;
	margin:0px 0px 0px;
}
.kode_press_news:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:0px;
	height:4px;	
}
.kode_press_news figure{
	background-color:rgba(0,0,0,1);
	margin:0px 0px 30px;
}
.kode_press_news figure img{
	width:100%;
	height:auto;	
}
.kode_item_style_1 .kode_press_news figure:before{
	background-color: #fff;
    bottom: -41%;
    content: "";
    height: 50%;
    left: -15px;
    position: absolute;
    transform: rotate(0deg);
    width: 110%;
    z-index: 9;
	display:none;	
}
.kode_item_style_1 .kode_press_news figure:after{
    bottom: 10px;
    content: "";
    height: 3px;
    left: 0px;
    position: absolute;
    transform: rotate(-7deg);
    width: 0%;
    z-index: 9;
	display:none;
}
.kode_press_news figure figcaption{
	position:absolute;
	top:0%;
	width:100%;
	text-align:center;
	opacity:0;	
}
.kode_press_news figure figcaption a{
	display:block;
	font-weight:300;
	font-size:45px;
	margin:-30px 0px 0px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;	
}
.kode_news_date{
	float:left;
	width:100%;
	position:relative;
	margin-bottom:10px;
	padding-left:10px;	
}
.kode_news_date ul{	
	margin:0px;
}
.kode_news_date ul li{
	float:left;
	position:relative;
	list-style:none;
}
.kode_news_date ul li a{
	font-size:12px;
	color:#474747;
	text-transform:uppercase;
	padding:10px 10px 5px;	
}
.kode_news_des{
	float:left;
	width:100%;
	padding:0px 20px 30px 20px;	
}
.kode_news_des h6{
	float: left;
	width: 100%;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin:0; 
}
.kode_news_des h6 > a{
	display:block;
	font-size:20px;
	color:#474747;
	margin-bottom:9px;
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	line-height:28px;
	float:left;
	width:100%;
}
.kode_news_des h6 a:before{
	content:"";
	position:absolute;
	top:0px;
	left:-22px;
	width:3px;
	height:100%;
	background-color:#474747;	
}
.kode_news_des p{
	color:#999999;
	
	margin-bottom:10px;	
}
.kode_news_des a{
	display:inline-block;
	float:right;
	color:#27282d;	
}
.kode_news_des a i{
	margin-left:5px;
	font-weight:normal;
	color:#27282d;	
}
.kode_press_news:hover:before{
	width:100%;	
}
.kode_item_style_1 .kode_press_news:hover figure:after{
	width:100%;
	bottom:8.6%;	
}
.kode_press_news:hover figure figcaption{
	top:50%;
	opacity:1;	
}
.kode_press_news:hover figure img{
	opacity:0.4;	
}
.kode_item_style_1 .kode_press_news:hover figure:before{
	transform:rotate(-7deg);	
}
/*STYLE 2*/
.kode_item_style_1 .kode_press_news figure,
.kode_item_style_2 .kode_press_news figure{
	position:relative;
	overflow:hidden;
	width:100%;
	float:left;
	
}
.kode_item_style_2 .kode_press_news figure:before{
	background-color: #fff;
    bottom: -42%;
    content: "";
    height: 50%;
    left: -10%;
    position: absolute;
    transform: rotate(0deg);
    width: 110%;
    z-index: 9;	
	display:none;
}
.kode_item_style_2 .kode_press_news figure:after{
    bottom: 54px;
    content: "";
    height: 3px;
    left: 0px;
    position: absolute;
    transform: rotate(7deg);
    width: 0%;
    z-index: 9;
	display:none;	
}
.kode_item_style_2 .kode_press_news:hover figure:after{
	width:100%;
	bottom:6.8%;	
}
.kode_item_style_2 .kode_press_news:hover figure:before{
	transform: rotate(7deg);	
}
/*LINK STYLE*/
.kode_press_link{
	float:left;
	width:100%;
	text-align:center;	
	line-height:12px;
}
.kode_press_link a{
	border:2px solid #000000;
	color:#474747;	
}
.kode_press_link a.kode_link_2:before{
	content:"";
	position:absolute;
	background-color:#474747;	
}
.kode_press_link a.kode_link_2:hover{
	color:#fff;	
}

/*
	  ==============================================================
		   NEWS & PRESS RELEASE WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   LATEST WORK WRAP CSS START
	  ==============================================================
*/
.kode_latest_wrk_bg{
	border-top:1px solid #e9e9e9;
	padding-bottom:61px;	
}
.kode_latest_galry{
	float:left;
	width:100%;
	position:relative;	
}
.portfolio-section .kode_tab_lnk{
	margin:30px 0px 30px 0px;
}
.kode_latest_galry ul.kode_tab_lnk{
	margin:0px 0px 40px;	
}
/*Gallery List Wrap Start*/
.filterable_container{		
	margin-left:-15px;
	margin-right:-15px;
}

.filterable_container .home_gallery{
	width:300px;
	float:left;
	padding-left:15px;
	padding-right:15px;	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.filterable_container .home_gallery.k_column_4{
	width:305px;
}
.portfolio-section{
	overflow:hidden;
}
.container .portfolio-section{
	margin-left:-15px;
	margin-right:-15px;
}
.kode_galry_item{
	float:left;
	width:100%;
	position:relative;
	margin-bottom:30px;
	overflow:hidden;	
}
.kode_galry_item:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:0px;
	background-color:rgba(0,0,0,0.3);
	z-index:1;	
}
.kode_galry_item figure:before{
    bottom: -48px;
    content: "";
    height: 50%;
    position: absolute;
    right: -471px;
    transform: rotate(-36deg);
    width: 110%;
    z-index: 9;
	opacity:0;	
	box-shadow:0px 0px 0px 5px #fff;
	display:none;
}
.kode_galry_item figure img{
	width:100%;
	height:auto;
}
.kode_galry_item figure figcaption{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:center;
	z-index:9999;
	opacity:0;	
}
.kode_galry_item figure figcaption a{
	display:inline-block;
	font-size:45px;
	color:#fff;	
}
.kode_galry_des{
	position:absolute;
	bottom:-50px;
	right:0px;
	z-index:99999;
	width:100%;
	padding:20px 25px 20px 20px;
	opacity:0;	
}
.kode_galry_des p{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:14px;	
}
.kode_galry_des h6{
	color:#fff;
	float: left;
	width: 100%;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	margin:0; 
	font-weight:bold;
	text-transform:uppercase;	
}
.kode_galry_item:hover:before{
	height:100%;	
}
.kode_galry_item:hover figure figcaption{
	bottom:41%;
	opacity:1;	
	transform:translateY(-41%);
}
.kode_galry_item:hover figure:before{
	right: -171px;
	opacity:1;	
}
.kode_galry_item:hover figure:after{
	width:100%;	
}
.kode_galry_item:hover .kode_galry_des{
	opacity:1;
	bottom:0px;	
}

/*
	  ==============================================================
		   LATEST WORK WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   PURCHASE NOW WRAP CSS START
	  ==============================================================
*/
.kode_purchase_bg{
	position:relative;
	background-image:url(images/purchase-now-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;	
}
.kode_purchase_bg:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.7;

}
.kode_purchase_bg:after{
	/* border: 1px solid; */
    bottom: 10px;
    content: "";
    height: 93%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 10px;
    width: 99%;	
}
.kode_purchase_bg .container{
	position:relative;	
}
.kode_purchase{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	z-index:99999;	
	line-height:12px;
}
.kode_purchase h6{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px 0px 21px;
	line-height:18px;	
	font-size:18px !important;
}
.kode_purchase h4{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px 0px 22px;
	line-height:24px;	
	font-size:30px !important;
}
.kode_purchase a{
	font-size:16px;
	z-index:9999;	
}
.kode_purchase a.kode_link_2:hover{
	color:#000000;	
}

/*
	  ==============================================================
		   PURCHASE NOW WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   OUR POLITICAL CAMPAIGN WRAP CSS START
	  ==============================================================
*/
.kode_politician_bg{	
	background:#f9f9f9;
}
.kode_camp_outr_wrap{
	float:left;
	width:100%;	
	padding:0px;
	margin:0px;
}
.kode_camp_outr_wrap > li{
	float:left;
	width:100%;	
	list-style:none;
	
}
.kode_campagin_lst{
	float:left;
	width:100%;
	position:relative;	
}
.kode_campagin_lst h6,
.kode_campagin_lst h4{
	margin:0px;
}
.kode_campgn_lst1{
	float:right;
	width:50%;
	position:relative;
	padding-bottom:40px;	
}
.kode_cam_date{
	float:left;
	position:absolute;
	left:-48px;
	top:10px;
	width:90px;
	height:90px;
	text-align:center;
	padding-top:20px;	
	background-color:#d7d7d7;
	/* border:5px solid #757575;
	box-shadow:0px 0px 0px 5px rgba(131,131,131,1), 0px 0px 0px 10px rgba(201,201,201,1); */	
}
.kode_cam_date:before{
	content:"";
	position:absolute;
	top:45px;
	left:105px;
	height:2px;
	width:40px;
	background-color:#838383;	
}
.kode_cam_date:after{
	content:"";
	position:absolute;
	top:38px;
	left:143px;
	height:15px;
	width:15px;
	border-radius:100%;
	background-color:#838383;	
}
.kode_cam_date h4,
.kode_cam_date h6
{
	font-weight:bold;
	color:#838383;
	text-transform:uppercase;
	line-height:26px;	
}
.kode_lst1_des{
	float:none;
	padding:0 0 0 148px;
	width:auto;	
}
.kode_lst1_des h6{
	font-size:20px !important;
	font-weight:500;
	text-transform:uppercase;
	color:#343434;
	margin:0px 0px 4px;
	line-height:31px;	
}
.kode_lst1_des p{
	line-height:28px;	
}
.kode_lst1_des ul{
	float:left;
	width:100%;
	margin:0px 0px 6px 0px;	
	padding:0px;
}
.kode_lst1_des > ul > li{
	color:#838383;
	position:relative;
	display:inline-block;
	padding:0px 10px;
	font-weight:bold;	
}
.kode_lst1_des ul li i{
	margin-right:5px;	
}
.kode_lst1_des ul li:first-child{
	padding-left:0px;	
}
/*List 2 Style*/
.kode_campgn_lst2{
	float:left;
	position:relative;
	width:50%;
	padding-bottom:40px;
}
.kode_campgn_lst2:after{
	content:"";
	position:absolute;
	top:120px;
	left:100%;
	bottom:5px;
	width:2px;
	background-color:#d8d8d8;
}
.kode_campgn_lst1:after{
	content:"";
	position:absolute;
	top:120px;
	right:100%;
	bottom:5px;
	width:2px;
	background-color:#d8d8d8;
}

.kode_campgn_lst2 .kode_cam_date{
	right:-42px;
	left:auto;	
}
.kode_campgn_lst2 .kode_cam_date:before{
	right:110px;
	left:auto;	
}
.kode_campgn_lst2 .kode_cam_date::after{
	right:150px;
	left:auto;	
}
.kode_campgn_lst2 .kode_lst1_des{
	float:none;
	padding:0px 160px 0px 0px;
	text-align:right;	
}
/*Hover Style*/
.kode_campgn_lst1:hover .kode_cam_date h4,
.kode_campgn_lst1:hover .kode_cam_date h6,
.kode_campgn_lst2:hover .kode_cam_date h4,
.kode_campgn_lst2:hover .kode_cam_date h6
{
	color:#fff;	
}
/* .kode_campgn_lst1:hover .kode_cam_date,
.kode_campgn_lst2:hover .kode_cam_date
{
	border:5px solid #fff;		
} */

/*
	  ==============================================================
		   OUR POLITICAL CAMPAIGN WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   OUR POLITICIAN WRAP CSS START
	  ==============================================================
*/
.kode_about_meet_bg{
}
.kode_meet_bg{
	padding-top:58px;	
}
.kode_top_politician_bg{	
}
.kode_politician {
    float: left;    
    position: relative;
    width: 100%;
	padding:0px 0px 0px;
	box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.18);
	-moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.18);
	-webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.18);
}
.kode_politician:hover {
	box-shadow:0 10px 20px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow:0 10px 20px 0px rgba(0, 0, 0, 0.18);
	-webkit-box-shadow:0 10px 20px 0px rgba(0, 0, 0, 0.18);

}
.kode_politician figure{
	border-bottom:4px solid transparent;
	margin-bottom:15px;	
	position:relative;
	overflow:hidden;
}
.kode_politician figure img{
	width:100%;
	height:auto;	
}
.kode_politician figure:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	opacity: 0;
	background-color:rgba(0,0,0,0.8);	
}
.kode_poli_img_des{
	width:100%;
	text-align:center;
	position:absolute;
	top:0%;
	margin:-70px 0 0;
	z-index:99999;
	padding:0px 25px;
	opacity:0;	
}
.kode_poli_img_des h6 a{
	display:inline-block;
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;	
}
.kode_poli_img_des span{
	display:block;
	color:#cccccc;
	margin-bottom:10px;	
}
.kode_poli_img_des p{
	color:#cccccc;
		
}
.kode_politician_des{
	float:left;
	width:100%;
	text-align:center;
	position:relative;	
	padding: 20px 0px;
}
.kode_politician_des:before{
	content:"";
	position:absolute;
	width: 0; 
	height: 0;
	top:-15px;
	left:0px;
	right:0px;
	margin:auto;
	opacity:0px;
	visibility:hidden; 
}
.kode_politician_des h6{
	font-size:20px !important;
	color:#27282d;
	text-transform:uppercase;
	margin: 0;	
	font-weight:bold;	
}
.kode_politician_des p{
	color:#999999;
	text-transform:capitalize;
	font-size:16px;
}
.kode_politician_des ul{
	float:left;
	width:100%;	
	margin:0px;
}
.kode_politician_des ul li{
	display:inline-block;
	position:relative;
	margin:0px;	
}
.kode_politician_des ul li a{
	display:block;
	padding:0px 15px;
	color:#777;	
	font-size:20px;
}

.kode_politician:hover figure:before{
	opacity:1;	
}
.kode_politician:hover .kode_poli_img_des{
	top:50%;
	opacity:1;	
}
.kode_politician:hover figure{
	border-bottom:4px solid;	
}
.kode_politician:hover .kode_politician_des:before{
	opacity:1;
	visibility:visible;	
}

/*
	  ==============================================================
		   OUR POLITICIAN WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   PROGRESS BAR WRAP CSS START
	  ==============================================================
*/
.kode_progress_bg{	
background:#f9f9f9;
}
.kode_progress{
	float:left;
	width:100%;
	position:relative;
	margin-bottom:30px;	
}
.kode_progress h6{
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:20px;
}
.kode_progress .progress{
	margin:0px;
	height:4px;
	border-radius:0px;
	background-color:#e3e5e8;	
}

/*
	  ==============================================================
		   PROGRESS BAR WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   COUNT UP WRAP CSS START
	  ==============================================================
*/
.kode_countup_bg{
	position:relative;
	background-image:url(images/count-up-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;	
}
.kode_countup_bg:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.9;
	
}
.kode_countup_bg .container{
	position:relative;	
}
.kode_countup{
	float:left;
	width:100%;
	text-align:center;
	position:relative;	
}
.kode_countup i{
	color:#fff;
	font-size:50px;
	margin-bottom:10px;	
}
.kode_countup h3{
	color:#fff;
	text-transform:uppercase;
	padding-bottom:12px;
	position:relative;
	margin-bottom:22px;
	font-weight:bold;	
	font-size:40px !important;
}
.kode_countup h3:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
	width:55px;
	height:2px;
	background-color:#fff;	
}
.kode_countup p{
	margin:0px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	line-height:14px;
	font-size:18px;	
}

/*
	  ==============================================================
		   COUNT UP WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   LATEST BLOG POST WRAP CSS START
	  ==============================================================
*/
.kode_latest_outer_wrap{
		
}
.kode_latest_outer_wrap .kode_hdg_1 h6{
	margin-bottom:1px;
}
.kode_latest_outer_wrap .kode_hdg_1 h4{
	padding-bottom:7px;
}
.kode_latst_post_lst .bx-wrapper{
	float:left;	
}
.kode_latst_post_lst{
	float:left;
	width:100%;
}
.kode_latst_post_lst .blog-info.blog-category i,
.kode_latst_post_lst .blog-info.blog-category a,
.kode_latst_post_lst .blog-info.blog-category{
	color:#fff;
}
.kode_latest_blog{
	float:left;
	width:100%;
	position:relative;	
}
.kode_latest_blog:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:1;	
}
.kode_latest_blog figure img{
	width:100%;
	height:auto;	
}
.kode_latest_blog > h6{
	position:absolute;
	top:20px;
	left:20px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;
	background-color:#ff0000;
	padding:8px 15px;
	z-index:99999;	
}
.kode_latest_blog_des{
	position:absolute;
	bottom:15px;	
	z-index:99999;
	padding:0px 80px 0px 25px;
}
.kode_latest_blog_des h6 a{
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:20px;
	margin-bottom:8px;	
	line-height:30px;
}
.kode_latest_blog_des ul{
	float:left;
	width:100%;	
}
.kode_latest_blog_des ul li{
	float:left;
	position:relative;
	border-left:2px solid #fff;	
}
.kode_latest_blog_des ul li a{
	display:block;
	padding:0px 12px;
	color:#fff;
	line-height:18px;
}
.kode_latest_blog_des ul li a i{
	margin-right:5px;	
}
.kode_latest_blog_des ul li:first-child{
	border-left:0px;
	padding-left:0px;	
}
.kode_latest_blog_des .bx-wrapper .bx-controls-direction a:hover:before{
	color:#333;
}
.kode_latst_post_lst .bx-wrapper .bx-pager{
	display:none;	
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a{
	background-color:#1eade5;	
	border:3px solid #fff;
	text-indent:0;
	text-align:center;
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a.bx-prev{
	left:-15px;	
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a.bx-next{
	right:-15px;	
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a i{
	display:none;
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a{
	width:30px;
	height:30px;
	line-height:30px;
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a.bx-prev:before
{
	content:"\f104";
	font-family:fontawesome;
	color:#fff;
	font-size:20px;
	position:absolute;
	top:-3px;
	left:8px;
	font-weight:bold;	
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a.bx-next:before{
	content:"\f105";
	font-family:fontawesome;
	color:#fff;
	font-size:20px;
	position:absolute;
	top:-3px;
	left:9px;
	font-weight:bold;	
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a:hover{
	background-color:red;
}
/*Blog Style 2*/
.kode_blog_style2{
	margin-bottom:20px;	
}

/*
	  ==============================================================
		   LATEST BLOG POST WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   VIDEO & AUDIO WRAP CSS START
	  ==============================================================
*/
.kode_video_bg{
	float:left;
	width:100%;
	background-color:#262927;
	padding:70px 0px;	
}
.kode_audio_wrap{
	float:left;
	width:100%;
	position:relative;	
}
.kode_audio_wrap figure{
	position:relative;
	overflow:hidden;
	float:left;
	width:100%;
}
.kode_audio_wrap figure:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:0px;
	height:0px;
	margin:auto;
	background-color:rgba(0,0,0,0.6);
	z-index:999;
}
.kode_audio_wrap figure img{
	width:100%;
	height:auto;	
}
.kode_audio_wrap figure figcaption{
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	opacity:0;	
}
.kode_audio_wrap figure figcaption a{
	display:inline-block;
	color:#fff;
	font-size:30px;
	margin-top:-30px;
	border:1px solid #fff;	
	padding:10px 20px;
	z-index:9999;
	position:relative;
}
.kode_audio_wrap figure:hover figcaption{
	opacity:1;
}
.kode_video_list .owl-controls .owl-pagination,
.kode_video_list .owl-controls .owl-buttons
{
	display:none;	
}
/*Hover */
.kode_audio_wrap figure:hover:before{
	width:100%;
	height:100%;	
}
.kode-padding-free .gallery-item{
	padding:0px;
}
.kode-padding-free .gallery-item .kode_galry_item{
	padding:0px;
	margin:0px;
}
/* Slider */
.kode-style-gal-gallery-slider .owl-controls .owl-dot.active span,
.kode-style-gal-gallery-slider .owl-controls .owl-dot:hover span{
	background-color:#fff;
}
/*
	  ==============================================================
		   VIDEO & AUDIO WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   PURCHASE NOW 2 WRAP CSS START
	  ==============================================================
*/
.kode_purchase_now2{
	float:left;
	width:100%;
	position:relative;	
}
.kode_purchase_now2 h4{
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:5px;
	line-height:24px;	
	font-size:30px !important;
}
.kode_purchase_now2 a{
	float:right;
	font-size:16px;
	text-transform:uppercase;
	z-index:9999;	
}
.kode_purchase_now2 a.kode_link_2:hover{
	color:#000000;	
}

/*
	  ==============================================================
		   COMMING UP ELECTION WRAP CSS START
	  ==============================================================
*/
.kode_counter_bg{
	border-bottom:4px solid #f9f9f9;	
}
.kode_coming_election{
	float:left;
	width:100%;
	position:relative;
	background-image:url(extra-images/upcomming-election-01.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	padding:90px 0px;
	background-attachment:fixed;	
}
.kode_coming_election:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	z-index:1;	
}
.kode_coming_election:after{
	border: 1px solid #a9a7aa;
    bottom: 10px;
    content: "";
    height: 92%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 10px;
    width: 98%;
	z-index:9999;	
}
/*Time Counter Style Start*/
.kode_counter_caption{
	width:100%;
	text-align:center;
	z-index:999999;
	position:relative;	
}
.kode_counter_caption h5{
	color:#fff;	
	text-transform:capitalize;
	font-weight:bold;
	margin:0px 0px 40px;
	font-size:24px !important;
}
ul.downcount {
	list-style: none;
	padding: 0;
	display: block;
	text-align: center;
	position:relative;
	margin:0px;
}
ul.downcount:before{
	content:"";
	position:absolute;
	border-top:	1px solid #a9a7aa;
	border-bottom:	1px solid #a9a7aa;
	width:30%;
	height:65.9%;
	left:12px;
	top:0px;
}
ul.downcount:after{
	content:"";
	position:absolute;
	border-top:	1px solid #a9a7aa;
	border-bottom:	1px solid #a9a7aa;
	width:29%;
	height:65.9%;
	right:12px;
	top:0px;
}
ul.downcount li { 
	display: inline-block;
	position:relative;
	margin-left:30px;
}
.kode_banner_counter ul.downcount li:before{
	content:"";
	position:absolute;
	top:18px;
	left:0px;
	width:100%;
	height:50px;
	border-right:1px solid #fff;	
}
.kode_counter_caption .downcount > li:first-child{
	margin-left:0px;
}
.kode_banner ul{
	margin:0;
	padding:0;
}
ul.downcount li span{
	display:inline-block;
	font-size:36px;
	color:#fff;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 10px;
	line-height:normal;
	width:100px;
	height:100px;
	line-height:100px;
	border:1px solid #ababac;
	background-color:rgba(171,171,171,0.3);
}
ul.downcount li p {
	color: #fff;
	font-size: 15px;
	text-transform:uppercase;
	font-weight:bold;
}
.days{
	padding: 0 10px;
	color: #fff;
}
/*
	  ==============================================================
		   COMMING UP ELECTION WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   TESTIMONIAL WRAP CSS START
	  ==============================================================
*/
.kode_testimonial_bg{
	background-image:url(images/testiminial-bg.png);
	background-repeat:no-repeat;
	background-size:50%;
	background-position:center;	
}
.kode_testimonial_wrap .item{
	margin-left:30px;
}
.kode_testi_wrap{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	border-bottom:2px solid #dbd9d9;
	padding:30px 0px;
	border-left:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	border-top:1px solid #f2f2f2;
	background-color:#f9f9f9;	
}
.kode_testi_wrap figure{
	margin-bottom:20px;	
}
.kode_testi_wrap figure img{	
	border:1px solid #dcd9d9;	
}
.kode_testi_wrap p{
	line-height:26px;
	font-size:16px;
	margin-bottom:20px;
	padding:0px 30px;	
}
.kode_testi_wrap a{
	color:#333333;
	display:block;	
}
.kode_testimonial_wrap .owl-pagination{
	display:none;	
}
.kode_testimonial_wrap .owl-wrapper-outer{
	margin-bottom:50px;
	float:left;
}
.kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div{
	width:30px;
	height:30px;
	border:2px solid #dcd9d9;
	margin:0px;
	border-radius:0px;
	background:none;
	margin-left:10px;
	position:relative;
	font-size:0px;
}
.kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div.owl-prev:before,
.kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div.owl-next:before
{
	content:"\f104";
	font-family:fontawesome;
	position:absolute;
	top:0px;
	left:2px;
	color:#838383;
	font-size:20px;
	width:20px;
	height:20px;
	line-height:25px;	
}
.kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div.owl-next:before{
	content:"\f105";	
}
/*
	  ==============================================================
		   TESTIMONIAL WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   CONTACT WITH US WRAP CSS START
	  ==============================================================
*/
.kode_contact_bg{
	position:relative;
	background-image:url(images/contact-us-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;	
	background-attachment:fixed;
}
.kode_contact_bg:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);	
}
.kode_contact_bg .container{
	position:relative;
	z-index:99999;	
}
/*Contact Us Field Wrap Style*/
.kode_contact_wrap,
.kode_contact_field
{
	float:left;
	width:100%;	
}
.kode_contact_wrap h5{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:20px;
	font-size:16px !important;
	line-height:20px;		
}
.kode_contact_field{
	margin-bottom:50px;	
	text-align:center;
}
.kode_contact_field input[type="email"],
.kode_contact_field input[type="text"]{
	width:100%;
	height:50px;
	padding:8px 0px;
	border:0px;
	border-bottom:1px solid #fff;
	background:none;
	color:#fff;	
}
.kode_contact_field textarea{
	width:100%;
	height:120px;
	border:0px;
	border-bottom:1px solid #fff;
	background:none;
	padding:20px 0px;
	resize:none;
	color:#fff;	
}
.kode_contact_field input[type="submit"],
.kode_contact_field button{
	border:0px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	font-family: 'Sintony', sans-serif;
	text-transform:uppercase;
	padding:16px 25px;
	line-height:16px;	
}
.kode_contact_field input[type="submit"]:hover,
.kode_contact_field button:hover{
	background-color:#000000 !important;	
}
.kode_contact_field input[type="email"]:focus{
	border-bottom:1px solid;
}
/*Contact Info Wrap Start*/
.kode_contact_info{
	float:left;
	width:100%;	
	margin-bottom:35px;	
}
.kode_contact_info h5{
	margin-bottom:40px;	
}
.kode_contact_info i{
	width:30px;
	font-size:30px;
	color:#fff;
	float:left;
	line-height:22px;	
}
.kode_contact_des{
	float:none;
	padding:0px 0px 0px 50px;	
}
.kode_contact_des span{
	display:block;
	font-size:14px;
	color:#fff;	
}
.kode_contact_des span a{
	color:#fff;	
}
/*
	  ==============================================================
		   CONTACT WITH US WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   BREAD CRUMB WRAP CSS START
	  ==============================================================
*/
.kode_about_bg{
	float:left;
	width:100%;
	border-bottom:3px solid;
	position:relative;
	background-image:url(images/about-us-01.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	min-height:350px;
	background-attachment:fixed;
	margin-bottom:30px;	
}
.kode_about_bg:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);	
}
.kode_about_bg .container{
	position:relative;	
}
.kode_aboutus_wrap{
	float:left;
	width:100%;
	text-align:center;
	position:relative;
	padding:190px 0 0;	
}
.header-style-4 .kode_aboutus_wrap {
    padding: 180px 0 50px;
}
.kode_about_bg.subheader-height.subheader.header-style-4{
	min-height:auto;
}
.kode_aboutus_wrap h4{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;	
	font-size:30px !important;
}
.kode_bread_crumb{
	float:left;
	width:100%;	
}
.kode_bread_crumb ul li:first-child{
	padding-left:0px;
	margin-left:0px;
}
.kode_bread_crumb ul li{
	display:inline-block;
	position:relative;
	color:#fff;
	padding-left:10px;
	margin-left:10px;
}
.kode_bread_crumb ul li:before{
	content:"\f101";
	font-family:fontawesome;
	color:#fff;
	position:absolute;
	top:-0px;
	left:-8px;
	font-weight:bold;	
}
.kode_bread_crumb ul li:first-child:before{
	font-size:0px;	
}
.kode_bread_crumb ul li a{
	display:block;
	padding:0px 10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;	
}
.kode_header_5 .kode_nav_1 .navigation ul li ul{
	transition:all 0.3s ease-in-out;
}
.kode_header_5 .kode_nav_1 .navigation ul li ul li{
	border:none;
}
/*
	  ==============================================================
		   BREAD CRUMB WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   ABOUT US SERVICES WRAP CSS START
	  ==============================================================
*/
.kode_services_abt_bg{	
	background:#f9f9f9;
}
.kode_about_services{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	padding:0px 20px 20px;	
}
.kode_about_services i{
	display:block;
	font-size:60px;
	margin:0px 0px 16px;
	color:#3d3d3d;	
}
.kode_about_services h5{
	font-size:24px !important;
}
.kode_about_services h5 a{
	display:block;
	font-weight:bold;
	text-transform:capitalize;
	padding-bottom:16px;
	margin-bottom:10px;
	position:relative;
	line-height:24px;
}
.kode_about_services h5 a:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:1px;
	width:50px;
	margin:auto;
	background-color:#333333;	
}
.kode_about_services p{
	
	line-height:26px;
	font-weight:600;	
	color:#999;
}
.kode-simple-heading{
	width:100%;
	float:left;
}
/*
	  ==============================================================
		   ABOUT US SERVICES WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   SOCIAL COUNTER WRAP CSS START
	  ==============================================================
*/
.kode_socil_counter_bg{	
}
.kode_social_item_list{
	float:left;
	width:100%;	
	position:relative;
}
.kode_social_item{
	float:left;
	width:100%;
	border-left:1px solid #fff;
	text-align:center;
	position:relative;	
}
.kode_social_item i{
	float:left;
	width:100px;
	font-size:50px;
	color:#fff;
	padding-top:15px;	
}
.kode_social_des{
	float:none;
	padding:0px 0px 0px 60px;
	width:auto;
	text-align:left;	
}
.kode_social_des h4{
	color:#fff;
	display:inline-block;
	font-weight:bold;
	font-size:36px !important;
	line-height:30px;	
}
.kode_social_des span{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:36px;	
}
.kode_social_des p{
	color:#fff;
	text-transform:capitalize;
	margin:0px;
	font-size:16px;	
}
.kode_social_item_list .col-md-3:first-child .kode_social_item{
	border-left:0px;	
}
/*
	  ==============================================================
		   SOCIAL COUNTER WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   OUR ACHIEVEMENT WRAP CSS START
	  ==============================================================
*/
.kode_achivemnt_bg{	
}
.kode_achment_wrap{
	float:left;
	width:100%;
	position:relative;	
}
.kode_achment_wrap figure{
	overflow:hidden;
	float:left;
	width:100%;
	position:relative;
	
}
.kode_achment_wrap figure:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);	
}
.kode_achment_wrap figure img{
	width:100%;
	height:auto;	
}
.kode_achment_wrap figcaption{
	position:relative;
	position:absolute;
	top:20px;
	left:20px;
}
.kode_achment_wrap figcaption h6{
	display:inline-block;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	padding:5px 10px;
	background-color:#333333;	
}
.kode_achment_des{
	float:left;
	width:100%;
	padding:16px 25px;
	box-shadow:0 2px 7px 0px rgba(0, 0, 0, 0.25);
	background:#fff;
}
.kode_achevemnt_des_2
{
	float:left;
	width:100%;
	padding:20px 25px;
	box-shadow:0 2px 7px 0px rgba(0, 0, 0, 0.25);	
}
.kode_achment_des h5{
	line-height:20px;
}
.kode_achevemnt_des_2 h5{
	line-height:20px;
	padding:5px 0 10px;
}
.kode_achment_des h5 a,
.kode_achevemnt_des_2 h5 a
{
	font-size:16px;
	text-transform:capitalize;
	font-weight:bold;
}
.margin_bottom{
	margin-bottom:40px;	
}

/*
	  ==============================================================
		   OUR ACHIEVEMENT WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   WHERE WE ARE WRAP CSS START
	  ==============================================================
*/
.kode_where_bg{	
	background:#f9f9f9;
}
.kode_where_we{
	width:100%;
	float:left;
	position:relative;
}
.kode_where_we ul{
	position:relative;
	width:100%;
	float:left;
	margin:0px;
}
.kode_where_we ul li{
	display:inline-block;
	position:relative;
	width:48%;
	padding:0px 90px 0px 0px;
	margin-bottom:50px;
}
.kode_where_we ul:before{
	content:"";
	position:absolute;
	top:0px;
	bottom:50px;
	left:50%;
	width:2px;	
}
.kode_year_list{
	display:inline-block;
	position:relative;
	width:100%%;
		
}
.kode_year_list figure{
	margin-bottom:40px;
	overflow:visible;
	z-index:9999;
	position:relative;
	background-color: #000;	
}
.kode_year_list figure img{
	width:100%;
	height:auto;	
}
.kode_year_list a:before {
    color: #fff;
    content: "\f067";
    font-family: FontAwesome;
    font-size: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: scale(0);
    width: 100%;
    z-index: 10;
}
.kode_where_des h5{
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:500;	
	font-size:24px !important;
}
.kode_where_year{
	background-color: #fff;
    /* border: 5px solid #757575; */
    border-radius: 100%;
    /* box-shadow: 0 0 0 5px rgba(131, 131, 131, 1), 0 0 0 10px rgba(201, 201, 201, 1); */
    float: left;
    height: 90px;
    position: absolute;
    right: -50%;
    text-align: center;
    top: 80px;
    width: 90px;
	background-color:#ddd;
	padding-top:6px;
	transform: translateX(-77%);
}

.kode_where_year h6{
	color:#838383;
	font-weight:bold;
	text-transform:uppercase;
	line-height:80px;
	font-size:18px !important;
	margin:0px;
}
/*Second Li Style*/
.kode_where_we ul li.timline-right{
	padding:0px 0px 0px 90px;
	width:48%;
	float:right;
}
.kode_where_we ul li.timline-right .kode_where_year {
    left: -50%;
    right: 0;
    top: 38%;
    transform: translateX(80%);
}
.kode_where_we ul li.timline-right .kode_year_list figure{
	margin-bottom:0px;	
}
.kode_where_we ul li.timline-right .kode_where_des{
	margin-bottom:40px;	
}
/* .kode_where_we ul li:hover .kode_where_year{
	border:5px solid #fff;	
} */
.kode_where_we ul li:hover .kode_where_year h6{
	color:#fff;
}
/*Hover Style*/
.kode_where_we ul li:hover figure img{
	opacity:0.3;	
}
.kode_where_we ul li:hover figure a:before{
	transform: scale(1) translateY(-50%);	
}

/*
	  ==============================================================
		   WHERE WE ARE WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   BECOME A VOLUNTEER WRAP CSS START
	  ==============================================================
*/
.kode_volunteer_bg .kode_hdg_3{
	margin:-4px 0 35px;
}
.kode_volunteer{
	width:610px;
	margin:auto;
	text-align:center;
	position:relative;	
}
.kode_volunteer p{
	color:#fff;
	font-size:16px;
	margin-bottom:43px;
	line-height:26px;
	float:left;
}
.kode_volunteer_btn{
	margin:auto;
	position:relative;
	width:610px;
	overflow:hidden;	
}
.kode_volunteer_btn a{
	display:inline-block;
	position:relative;
	float:left;
	width:50%;	
	z-index:99999;
	padding:10px 15px 10px 20px;
}
.kode_volunteer_btn a.donate:before{
	content: "";
	position: absolute;
    height: 100%;
    left: -200px;
    right: -4px;
    top: 0;
    transform:skewX(28deg);
	-moz-transform:skewX(28deg);
	-webkit-transform:skewX(28deg);
    z-index: -1;
}
.kode_volunteer_btn a.donate i{
	display:inline-block;
	width:55px;
	height:55px;
	background-color:#fff;
	font-size:28px;
	border-radius:100%;
	box-shadow:0px 0px 0px 5px rgba(247,165,149,0.7);
	text-align:center;
	line-height:48px;
	vertical-align:middle;	
}
.kode_volunteer_btn a.donate span{
	display:inline-block;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;	
	padding-left:15px;
	padding-top:1px;
	font-size:15px;
}
.kode_volunteer_btn a.kf_volunteer:after{
	content: "";
	position:absolute;
	background-color: #2196f3;
    height: 100%;
    left:15px;
    right:-2000px;
    top: 0;
    transform:skewX(28deg);
    z-index: -1;		
}
.kode_volunteer_btn a.kf_volunteer i{
	float:right;
	display:inline-block;
	width:55px;
	height:55px;
	background-color:#fff;
	font-size:28px;
	border-radius:100%;
	color:#2196f3;
	box-shadow:0px 0px 0px 5px rgba(144,203,249,0.7);
	text-align:center;
	line-height:48px;
	vertical-align:middle;	
}
.kode_volunteer_btn a.kf_volunteer span{
	display:inline-block;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	padding-top:16px;
	padding-right:15px;
	float:right;
	font-size:15px;	
}
.kode_volunteer_btn a:hover{
	opacity:0.7;
}
/*
	  ==============================================================
		   BECOME A VOLUNTEER WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   OUR SKILLS WRAP CSS START
	  ==============================================================
*/
.kode_skill_bg{
	position:relative;
	background-image:url(images/our-skill-bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;	
}
.kode_volunteer_bg:container{
	position:relative;	
}
.kode-skills{
	float: left;
	width: 100%;
	text-align: center;
}
.kode-skills ul{
	float: left;
	width: 100%;
	margin: 0px 0px 30px 0px;
}
.kode-chart{
  display: inline-block;
  width: 185px;
  height: 195px;
  margin: 20px 40px;
  vertical-align: top;
  position: relative;
  padding-top: 22px;
  text-align: center;

}
.kode-chart span{
	background:#fff;
    border-radius: 100%;
    display: inline-block;
    font-size: 18;
    font-weight: normal;
    height: 80px;
    width: 80px;
    line-height: 82px;
    text-align: center;
    margin: 16% 0px;
    color: #000;
	font-size:20px;
	font-weight:bold;
}
.kode-chart canvas{
	position: absolute;
	left: 0;
	top: 0;
}
.kode-chart > h5 {
    bottom: -50px;
    left: 0;
    position: absolute;
    width: 100%;
    text-transform: uppercase;
	margin-bottom:15px;
	color:#fff;
}

/*
	  ==============================================================
		   OUR SKILLS WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   WHY WE ARE WRAP CSS START
	  ==============================================================
*/
.kode_people_bg{	
}
.kode_goal_wrap{
	margin-bottom:15px;
	float:left;
	width:100%;	
}
.kode_goal_wrap .accordion{
	padding:15px 30px;
	box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.27);
	cursor:pointer;	
}
.kode_goal_wrap .accordion{
	background-color:#f5f5f5;	
}
.kode_goal_wrap .accordion-close h6,
.kode_goal_wrap .accordion-open h6
{
	font-size:18px;
	color:#111111;
	text-transform:capitalize;	
}
.kode_goal_wrap .accordion-close h6:after{
	content:"\f105";
	font-family:fontawesome;
	float:right;
	font-size:20px;
}
.goal_des{
	padding:20px 30px;	
}
.goal_des ul li{
	color:#666666;
	line-height:30px;	
}
.goal_des ul li:before{
	content:"\f10c";
	font-family:fontawesome;
	font-size:10px;
	margin-right:10px;
	vertical-align:middle;	
}
.kode_goal_wrap .accordion-open h6{
	color:#fff;	
}
.kode_goal_wrap .accordion-open h6:after{
	content:"\f107";
	font-family:fontawesome;
	float:right;
	font-size:20px;	
}
/*Planning Wrap Style*/
.kode_planning_wrap,.kode_planning_detail{
	float:left;
	width:100%;	
}
.kode_planning_wrap .nav-tabs{
	border:0px;	
}
.kode_planning_wrap .nav-tabs li a{
	border-radius:0;
	margin:0;	
}
.kode_planning_wrap ul li{
	float:left;
	width:32.333%;
	margin:0px 0.4%;
}
.kode_planning_wrap ul li a{
	display:block;
	text-align:center;
	font-size:18px;
	line-height:26px;
	background-color:#f5f5f5;
	color:#111111;
	padding:10px 0px;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.27);
		
}
.kode_planning_wrap ul li.active a,
.kode_planning_wrap ul li:hover a
{
	color:#fff;	
}
.kode_planning_wrap .nav-tabs li.active a,
.kode_planning_wrap .nav-tabs li.active a:focus,
.kode_planning_wrap .nav-tabs li.active a:hover{
	color:#fff;	
}
.kode_planning_detail{
	padding-top:20px;	
}
.planning_img{
	float:left;
	width:30%;
}
.planning_img img{
	width:100%;
	height:auto;	
}
.planning_des{
	padding:0 0 0 180px;
	float:none;
}
.planning_des p{
	
	color:#666666;
	line-height:22px;
}
p.planning_1{
	padding-bottom:20px;
	padding-top:10px;	
}
/*
	  ==============================================================
		   WHY WE ARE WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   SUBCRIBE WRAP CSS START
	  ==============================================================
*/
.kode_subcribe_des{
	float:left;
	width:100%;
	position:relative;	
}
.kode_subcribe_des h5{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	font-size:20px;	
	padding-top:12px;
}
.kode_subcribe_des form{
	position:relative;
	width:485px;
	float:right;	
}
.kode_subcribe_des input[type="text"]{
	width:100%;
	border:1px solid #fff;
	height:52px;
	background:none;
	float:left;
	padding:10px 100px 10px 30px;
	color:#fff;
	font-weight:bold;	
}
.kode_subcribe_des button{
	border:3px solid #fff;
	position:absolute;
	right:0px;
	top:0px;
	height:51px;
	background:none;
	line-height:none;
	padding:0px 40px;	
}
.kode_subcribe_des button i{
	color:#fff;
	font-size:16px;	
}
/*
	  ==============================================================
		   SUBCRIBE WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   PAGINATION WRAP CSS Start
	  ==============================================================
*/
.kode-pagination{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:12px;
}
.kode-pagination{
	margin:0px;
	border:0px;
	border-radius:0px;	
}
.kode-pagination a{
	display:inline-block;
	margin-right:3px;	
}
.kode-pagination span,
.kode-pagination a{
	color:#666666;
	border:0px;
	margin:0px;	
	font-size:16px;
	padding:6px 14px;
	border:1px solid #d9d9d9;
	border-radius:0px;
	display:inline-block;
}
.kode-pagination span{
	border:1px solid #cfcfcf;
	color:#fff;
}
.kode-pagination a:focus,
.kode-pagination a:hover{
	color:#fff;	
}
.kode-pagination .bx-wrapper .bx-pager{
	display:none;	
}
/*Second Pagination*/
.kode_pagination2{
	margin-top:20px;	
	margin-bottom:38px;
}
.kode-pagination ul.pagination{
	float:left;
	width:100%;	
}
.kode-pagination .pagination li a b{
	border-top:2px solid #000000;
	color:#000000;
	padding-top:5px;	
}


/*
	  ==============================================================
		   PAGINATION WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   NEWS WRAP CSS START
	  ==============================================================
*/
.kode_news_wrap{
	border:1px solid #d9d9d9;
	margin-bottom:30px;	
}
.kode_news_wrap,
.kode_news_wrap_des{
	float:left;
	width:100%;
	position:relative;	
}
.kode_news_wrap figure{
	margin-bottom:20px;	
	position:relative;
	overflow:hidden;
}
.kode_news_wrap figure:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:0;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.kode_news_wrap figure img{
	width:100%;
	height:auto;	
}
.kode_news_wrap_des{
	padding:5px 15px 23px;
	border-bottom:5px solid;	
}
.kode_news_wrap_des > span > a{
	color:#929292;
	display:block;
	margin-bottom:17px;	
	text-transform:uppercase;
}
.kode_news_wrap_des > h6 > a{
	font-weight:bold;
	text-transform:uppercase;
	color:#000000;
	margin-bottom:10px;	
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.kode_news_wrap_des p{
	color:#7e7e7e;
	font-weight:500;
	
	margin-bottom:4px;	
}
.kode_news_wrap_des > b > a{
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	font-size:20px;
	margin-top:0px;	
}	
.kode_news_wrap_des > a{
	float:right;
	color:#b1b1b1;
	padding-top:9px;	
}
.kode_news_wrap:hover{
	box-shadow:0 2px 3px 1px rgba(0, 0, 0, 0.3);	
}
.kode_news_wrap:hover figure:before{
	height:100%;	
}
.kode_news_wrap figure .kode-blog-thumbnail.kode-ux:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:0px;
	background-color:rgba(0,0,0,0.75);
}
.kode_news_wrap:hover figure .kode-blog-thumbnail.kode-ux:before{
	height:100%;
}

/*
	  ==============================================================
		   NEWS WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   NEWS LIST WRAP CSS START
	  ==============================================================
*/
.kode_news_list{
	float:left;
	width:100%;
	position:relative;
	padding:0px 0px 20px;
	margin-bottom:30px;
	border-bottom:1px solid #e5e5e5;	
}
.kode_news_list figure{
	width:350px;
	float:left;
	position:relative;
	overflow:hidden;
	
}
.kode_news_list figure img{
	width:100%;
	height:auto;
}
.kode_news_list_des{
	float:none;
	padding:0px 0px 0px 370px;	
}
.kode_news_list_des span{
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px 10px;
	text-transform:uppercase;	
}
.kode_news_list_des span.blog-info.blog-category:hover{
	background-color:#000 !important;	
}
.kode_news_list_des > h6{
	font-size:18px !important;
}
.kode_news_list_des .kode_author{
	display:none;
}
.kode_news_list_des ul{
	margin:0px;
}
.kode_news_list_des > h6 > a{
	display:block;
	color:#000000;
	font-weight:bold;
	
	margin-bottom:10px;	
}
.kode_author{
	float:left;
	color:#a1a1a1;
	margin-bottom:10px;	
}
.kode_author > a{
	color:#a1a1a1;
}
.kode_news_list_des > ul > li{
	float:left;
	position:relative;
}
.kode_news_list_des > ul > li > a{
	padding:0px 8px;
	color:#a1a1a1;
}
.kode_news_list_des > ul > li > a > i{
	margin-right:5px;	
}
.kode_news_list_des p{
	color:#777;
	float:left;
	line-height:25px;
}
.kode_news_colmn_list.col-md-8 .kode_news_list:first-child{
	padding-top:0px;
}
.kode_news_colmn_list.col-md-8 .kode_news_list:last-child{
	border-bottom:0px;
	padding-bottom:20px;	
}
.event_grid_des a,
.kode-blog-content > a.kd-readmore{
	float:left;	
	color: #333;
	font-size: 14px;
	text-transform: capitalize;
	transition:all 0.3s ease-in-out;
}
.kode-blog-content > a.kd-readmore > i{
	margin-left:8px;	
}

/*
	  ==============================================================
		   NEWS LIST WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   EVENT WRAP CSS START
	  ==============================================================
*/
.kode_event_grid_bg{
	padding-bottom:50px;	
}
.kode_event_wrap{
	float:left;
	width:100%;
	position:relative;
	border:1px solid #ececec;
	margin-bottom:30px;	
}
.kode_event_wrap figure{
	margin-bottom:24px;	
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
}
.kode_event_wrap figure:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	width:0px;
	height:0px;
	opacity:0.7;	
}
.kode_event_wrap figure img{
	width:100%;
	height:auto;	
}
.kode_event_wrap figure figcaption{
	position:absolute;
	width:100%;
	top:0px;
	text-align:center;
	margin-top:-20px;
	opacity:0;	
}
.kode_event_wrap figure figcaption a{
	color:#fff;
	font-size:25px;
	font-weight:bold;	
}
.kode_event_des{
	float:left;
	width:100%;	
	padding:0px 15px 26px 15px;
}
.kode_news_wrap_des > h6,
.kode_event_des > h6{
	margin: 0;
}
.kode_event_des > h6 > a{
	display:block;
	font-size:20px;
	text-transform:uppercase;
	margin-bottom:22px;	
	font-weight:600;
	line-height:20px;
}
.kode_event_des ul{
	float:left;
	width:100%;
	padding:0px 0px 18px 0px;
	margin:0px 0px 26px 0px;
	position:relative;	
	line-height:12px;
	list-style:none;
	
}
.kode_event_des ul:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:50px;
	height:2px;	
}
.kode_event_des ul > li{
	float:left;
	position:relative;
}
.kode_event_des > ul > li > a{
	color:#333;
	font-size:12px;
	padding:0px 5px;	
}
.kode_event_des > ul > li > a > i{
	margin-right:5px;
	font-size:14px;	
}
.kode_event_des ul li:first-child a{
	padding-left:0px;	
}
.kode_event_des p{
	line-height:27px;
	color:#888;
		
	margin:0px 0px 28px;	
}
.kode_event_des > a{
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
	/* outline:1px solid #ececec; */
	color:#999999;
	padding:10px 30px;
	line-height:normal;
	/* border-left:4px solid; */	
}
.kode_event_des a.kode_link_2{
	border:2px solid #000;
}
/*Hover Style*/
.kode_event_wrap:hover{
	box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);	
}
.kode_event_wrap:hover figure:before{
	width:100%;
	height:100%;	
}
.kode_event_wrap:hover figure figcaption{
	top:50%;
	opacity:1;	
}
.kode_event_des a.kode_link_2:before{
	background-color:#000;
}
.kode_event_wrap .kode_event_des a.kode_link_2:hover{
	color:#fff !important;
}
.kode_event_wrap:hover .kode_event_des > a{
	border:2px solid #000 !important;
	color:#999999 !important;
}

/*
	  ==============================================================
		   EVENT WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   OUR FOCUS WRAP CSS START
	  ==============================================================
*/
.kode_focus_wrap{
	float:left;
	width:100%;
	position:relative;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:35px;	
}
.kode_focus_wrap h2{
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	top:-25px;
	font-size:60px !important;
	right:0px;
	color:#f7f7f7;	
}
.kode_focus_wrap h6{
	font-size:22px !important;
	line-height:normal;
	margin-bottom:30px;
	font-weight:bold;
	margin-top: 0;
}
.kode_focus_wrap span{
	display:block;	
}
.kode_focus_wrap p{
	font-size:16px;	
}
.kode_focus_wrap a{
	display:inline-block;
	font-weight:bold;	
}
.kode_focus_wrap a i{
	margin-left:5px;
	vertical-align:middle;	
}
/*
	  ==============================================================
		   OUR FOCUS WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   HOW IT WORK WRAP CSS START
	  ==============================================================
*/
.kode_services_video_bg{
	background-color:#f7f7f7;
}
.kode_service_video{
	width:960px;
	margin:auto;
	text-align:center;	
}
.kode_service_video p{
	
	margin-bottom:35px;	
}
.kode_video{
	float:left;
	width:100%;
	position:relative;	
}
.kode_video:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);	
}
.kode_video img{
	width:100%;
	height:auto;	
}
.kode_video_icon{
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	z-index:99999;
	margin-top:-10px;
	opacity:0;	
}
.kode_video_icon a{
	color:#fff;
	font-size:20px;
	padding:10px 20px;
	border:1px solid #fff;	
}
.kode_video:hover .kode_video_icon{
	opacity:1;	
}
/*
	  ==============================================================
		   HOW IT WORK WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   ADVANCE SERVICES WRAP CSS START
	  ==============================================================
*/
.kode_advance_service{
	float:left;
	width:100%;
	position:relative;
	border:1px solid #ececec;
	overflow:hidden;
}
.kode_advance_service figure{
	opacity:0;	
}
.kode_advance_service figure img{
	width:100%;
	height:auto;	
}
.kode_advance_service figure:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:0px;	
	opacity:0.7;
}
.kode_service_caption{
	float:left;
	width:100%;
	position:absolute;
	bottom:-50%;
	text-align:center;
	padding:0px 20px;
	opacity:0;
	z-index:-99999;
	visibility:hidden:	
}
.kode_service_caption p{
	color:#fff;
	font-weight:bold;
	
	margin-bottom:20px;	
}
.kode_service_caption a.kode_link_2:before{
	z-index:-9;	
}
.kode_advance_hdg{
	float:left;
	width:100%;
	position:absolute;
	top:50%;
	width:100%;	
	text-align:center;
	margin-top:-55px;
}
.kode_advance_hdg i{
	font-size:40px;
	color:#666666;
	margin-bottom:15px;	
}
.kode_advance_hdg h6{
	font-size:20px !important;
	font-weight:bold;
	text-transform:uppercase;
	color:#666666;
	position:relative;
	padding-top:15px;	
}
.kode_advance_hdg h6:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	margin:auto;
	height:3px;	
	width:50px;
	background-color:#666666;
}
/*Hover Style*/
.kode_advance_service:hover .kode_advance_hdg h6:before{
	background-color:#fff;	
}
.kode_advance_service:hover figure{
	opacity:1;	
}
.kode_advance_service:hover figure:before{
	height:100%;	
}
.kode_advance_service:hover .kode_advance_hdg{
	top:20px;
	margin:0px;	
}
.kode_advance_service:hover .kode_advance_hdg i,
.kode_advance_service:hover .kode_advance_hdg h6{
	color:#fff;	
}
.kode_advance_service:hover .kode_service_caption{
	z-index:9999;
	opacity:1;
	bottom:5%;
	visibility:visible:	
}
.kode_advance_service a:hover{
	color:#000000;
}
.kode_advance_service .kode_link_2{
	border-color:#fff;
	color:#fff;
}
.kode_advance_service .kode_link_2:before{
	background-color:#fff;
}

/*
	  ==============================================================
		   WHY CHOOSE US WRAP CSS START
	  ==============================================================
*/
.kode_choose{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	cursor:pointer;
	position:relative;
}
.kode_choose i{
	font-size:20px;
	color:#333333;
	float:left;
	padding-left:25px;
	position:absolute;
	top:30px;
	left:0px;	
}
.kode_choose span{
	display:inline-block;
	text-transform:uppercase;
	color:#333333;
	font-weight:bold;
	padding:30px 0px;	
}
.kode_choose_des{
	float:left;
	width:100%;
	background-color:#3fb3e5;
	padding:20px;	
}
.kode_choose_des i{
	width:30px;
	float:left;	
	color:#fff;
	font-size:24px;
	text-align:center;
}
.kdoe_choose_content{
	float:none;
	padding:0px 0px 0px 50px;	
}
.kdoe_choose_content span{
	color:#fff;
	display:block;
	margin-bottom:20px;
	font-weight:bold;
	text-transform:uppercase;	
}
.kdoe_choose_content p{
	color:#fff;
		
}
/*Tab Wrap Style*/
.kode_choose_tab{
	float:left;
	width:100%;
	position:relative;	
}
.kode_choose_tab ul{
	float:left;
	width:100%;	
}
.kode_choose_tab ul li{
	float:left;
	width:24.7%;
	border-radius:3px;
	margin-left:2px;	
}
.kode_choose_tab ul li a{
	display:block;
	color:#a3a4a7;
	text-align:center;
	padding:18px 0px;
	border:1px solid #ececec;
	font-weight:bold;	
}
.kode_choose_tab ul li:first-child{
	margin-left:0px;	
}
.kode_choose_tab ul li.active a,
.kode_choose_tab ul li:hover a,
.kode_choose_tab ul li:focus a
{
	color:#333333;
	border:1px solid transparent;	
}
.kode_chose_tab_detail{
	float:left;
	width:100%;
	padding:20px;
	border:1px solid #ececec;
	border-radius:4px;
	margin-top:2px;	
}
.kode_chose_tab_detail figure{
	width:112px;
	float:left;
	margin-bottom:30px;	
}
.kode_chose_tab_detail figure img{
	width:100%;
	height:auto;	
}
.kode_tab_img_des{
	float:none;
	padding:0px 0px 0px 125px;	
}
.kode_tab_img_des p{
	color:#a3a4a7;
	
}
.kode_chose_tab_detail p{
	float:left;	
}

/*
	  ==============================================================
		   WHY CHOOSE US WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   TEAM WRAP CSS START
	  ==============================================================
*/
.kode-team-intro{
	padding:10px 0px 50px;
	float:left;
	width:100%;
	position:relative;
}
.kode_background:before,
.kode_background:after
{
	content:"";
	position:absolute;
	bottom:-56px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#e3e3e3;	
}
.kode_background:after{
	bottom:-51px;	
}
.kode-team-testi{
	float:left;
	width:100%;
	background:#f7f7f7;
	padding:70px 0px 40px;
}
.kode_team_img,
.kode_team_img figure img
{
	float:left;
	width:100%;	
}
.kode_team_img figure{
	border-bottom:3px solid;	
}
.kode_team_img_des{
	float:left;
	width:100%;	
}
.kode_team_img_des h4{
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	margin-bottom:7px;	
	line-height:normal;
	font-size:30px !important;
}
.kode_team_img_des > p{
	color:#666666;
	font-size:16px;
	margin-bottom:20px;	
}
.kode_team_img_des span{
	display:inline-block;
	font-size:16px;	
}
.kode_team_img_des blockquote{
	position:relative;
	background-color:#f4f4f4;
	border:0px;
	padding:75px 100px;
	text-align:left;	
	margin-bottom:0px;
}
.kode_team_img_des blockquote p{
	color:#666666;
	font-size:16px;
	position:relative;	
}
.kode_team_img_des blockquote p:before,
.kode_team_img_des blockquote p:after
{
	content:"\f10d";
	font-family:fontawesome;
	color:#d3d3d3;
	font-size:40px;
	position:absolute;
	top:-40px;
	left:-60px;	
}
.kode_team_img_des blockquote p:after{
	content:"\f10e";
	left:auto;
	bottom:-42px;
	right:-30px;
	top:auto;	
}
.kode_team_img_des blockquote:before{
	content:"";
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	height:80%;
	width:3px;
	margin:auto;	
}

/*
	  ==============================================================
		   TEAM WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   BACKGROUND WRAP CSS START
	  ==============================================================
*/
.kode_background{
	position:relative;	
}
.kode_bground_des{
	float:left;
	width:100%;
	position:relative;
	padding:70px 0 38px;	
}
.kode_bground_des h4{
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:30px;	
	font-size:30px !important;
}
.kode-team-bio .kode_bground_des h4{
	margin-bottom:10px;	
}
.kode_bground_des p{
	color:#666666;
	font-size:16px;	
	line-height:32px;
}
.kode_bground_des:before,
.kode_bground_des:after
{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#e3e3e3;	
}
.kode_bground_des:after{
	bottom:-5px;	
}
/*
	  ==============================================================
		   BACKGROUND WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   EDUCATION WRAP CSS START
	  ==============================================================
*/
.university_list,
.kode_education,
.kode_edu_year,

.kode_edu_des,
.kode_edu_des_right
{
	float:left;
	width:100%;	
}
.university_list{
	padding-top:30px;
}
.kode_education h4{
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:37px;	
}
.kode_edu_year{
	position:relative;
	text-align:center;	
}
.kode_edu_year:before,
.kode_edu_year:after
{
	content:"";
	position:absolute;
	top:0px;
	right:0px;
	height:110%;
	width:1px;
	background-color:#e3e3e3;	
}
.kode_edu_year:after{
	right:-5px;	
}
.kode_edu_year{
	padding:40px 15px;
	float:left;
	width:100%;	
}
.kode_edu_year h5{
	font-weight:bold;
	padding:15px;
	display:inline-block;
	background:#f7f7f7;
	margin-bottom:10px;
	font-size:24px !important;
}
.kode_edu_year h6{
	color:#eb0028;
	font-size:16px !important;
	text-transform:uppercase;
	font-weight:bold;	
}
.kode_edu_des_right{
	padding:30px 0px;	
}
.kode_edu_des{
	float:left;
	width:100%;
	border-bottom:1px solid #e4e4e4;
	padding-bottom:30px;	
}
.kode_edu_des_right{
	float:left;
	width:100%;	
}
.kode_edu_des figure{
	float:left;
}
.kode_edu_des figure,
.kode_edu_des_right figure{
	width:260px;
	border:2px solid #e4e4e4;
	border-radius:3px;	
}.kode_edu_des_right figure{
	float:right;	
}
.kode_edu_des figure img,
.kode_edu_des_right figure img{
	width:100%;
	height:auto;	
}
.kode_edu_img_des{
	float:none;
	padding:0px 0px 0px 280px; 	
}
.kode_edu_img_des_right{
	float:none;
	padding:0px 280px 0px 0px;	
}
.kode_edu_img_des h6,
.kode_edu_img_des_right h6{
	font-size:20px !important; 
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:bold;	
}
.kode_edu_img_des p,
.kode_edu_img_des_right p{
	color:#666666;
	font-size:16px;	
}
/*Even LI*/

.kode-team-edu,
.kode-team-bio{
	float:left;
	width:100%;
	margin-bottom: 30px;
}
.kode-team-edu{
	margin-bottom:4px;	
}
.kode_education{
	padding:42px 0px 10px;	
}
.kode_education:before,
.kode_education:after
{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#e3e3e3;	
}
.kode_education:after{
	bottom:-4px;	
}
/*
	  ==============================================================
		   EDUCATION WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   LATEST WORK WRAP CSS START
	  ==============================================================
*/
.our-latest-work{
	float:left;
	width:100%;
	position:relative;
}
.kode_work_wrap,
.kode_work_des
{
	float:left;
	width:100%;
	position:relative;	
}
.kode_work_wrap figure{
	width:100%;
	position:relative;	
	overflow:hidden;
}
.kode_work_wrap figure:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.kode_work_wrap figure img{
	width:100%;
	height:auto;
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);	
}
.kode_work_hover{
	position:absolute;
	top:-50px;
	width:100%;
	text-align:center;
	margin-top:-20px;	
}
.kode_work_hover a{
	font-size:24px;
	color:#fff;	
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	display: inline-block;
	border: 1px solid #000;
}
.kode_work_des{
	text-align:center;
	padding:30px 20px 22px;
	border:1px solid #e4e4e4;
}
.kode_work_des h6 a{
	color:#242424;
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px !important;	
}
.kode_work_des p{
	font-size:16px;
	color:#666666;
	line-height:normal;	
}
.kode_work_wrap:hover img{
	opacity: 0.3;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)	
}
.kode_work_wrap:hover figure:before{
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);	
}
.kode_work_wrap:hover .kode_work_hover{
	top:50%;	
}
.kode_work_outr.owl-carousel .owl-wrapper-outer{
	padding-bottom:30px;	
}
.kode_work_outr .owl-pagination{
	display:none;	
}
.kode_work_outr.owl-theme .owl-controls .owl-nav div{
	width:36px;
	height:36px;
	background-color:#fff;
	text-align:center;
	border-radius:0px;
	top:50%;
	font-size:0px;
	line-height:34px;
	padding:0px;
	opacity:1;	
}
.kode_work_outr .owl-nav .owl-prev{
	position:absolute;
	left:-20px;	
}
.kode_work_outr .owl-nav .owl-next{
	position:absolute;
	right:-20px;	
}
.kode_work_outr .owl-nav .owl-prev:before,
.kode_work_outr .owl-nav .owl-next:before
{
	content:"\f104";
	font-family:fontawesome;
	font-size:16px;
	color:#666666;
	position:absolute;
	top:0px;
	left:12px;	
}
.kode_work_outr .owl-nav .owl-next:before{
	content:"\f105";
	left:auto;
	right:12px;	
}
.kode_work_outr .owl-nav .owl-prev:after{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #8a8a8a transparent;
	transform:rotate(131deg);
	top:-7px;
	left:4px;	
}
.kode_work_outr .owl-nav .owl-next:after{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 0 8px;
	border-color: transparent transparent transparent #8a8a8a;
	top:-9px;
	left:0px;	
}
/*
	  ==============================================================
		   LATEST WORK WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   POLITICAL CAREER WRAP CSS START
	  ==============================================================
*/
.kf_political_career_bg{
	padding-bottom:60px;
	background-color:#f3f3f3;	
}
.kf_political_career,
.kf_year
{
	float:left;
	width:100%;
	position:relative;	
}
.kf_political_career:before{
	content:"";
	position:absolute;
	top:40px;
	bottom:10px;
	width:2px;
	background-color:#d8d8d8;
	left:50%;	
}
.kf_year{
	text-align:center;	
}
.kf_year h5{
	color:#1a1b1d;
	font-weight:bold;	
	font-size:24px !important;
	background:#fff;
}
.kf_empty{
	float:left;
	width:100%;
	padding:110px 0px 0px;	
}
/*Right Side Wrap Style*/
.kf_monthly{
	float:left;
	width:100%;
	position:relative;	
}
.kf_month_right{
	width:50%;
	float:right;
	position:relative;
	padding:0px 0px 17px 30px;	
}
.kf_month_right:before{
	content:"";
	position:absolute;
	top:24px;
	left:-9px;
	width:20px;
	height:20px;
	border-radius:100%;
	background-color:#9c9c9c;
	border:5px solid #ececec;
	box-shadow:0px 0px 0px 10px #fff;	
}
.kf_month_right h6,
.kf_month_left h6
{
	color:#ec6f75;
	font-size:14px;
	text-transform:uppercase;
	padding:0px 0px 10px;
	margin:0px 0px 30px;
	border-bottom:2px solid #d8d8d8;
	display:inline-block;	
}
.kf_month_right h5,
.kf_month_left h5
{
	color:#1a1b1d;
	font-size:22px !important;
	text-transform:uppercase;
	margin:0 0 26px;
}
.kf_month_right p,
.kf_month_left p
{
	font-size:16px;
		
}
/*Left Side Wrap Style*/
.kf_month_left{
	width:50%;
	float:left;
	position:relative;
	padding:0 30px 17px 0;
	text-align:right;	
}
.kf_month_left:before{
	content:"";
	position:absolute;
	right:-9px;
	top:24px;
	width:20px;
	height:20px;
	border-radius:100%;
	background-color:#9c9c9c;
	border:5px solid #ececec;
	box-shadow:0px 0px 0px 10px #fff;
		
}

/*
	  ==============================================================
		   POLITICAL CAREER WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		  PERFORMANCE CHART WRAP CSS START
	  ==============================================================
*/
.kf_performance_bg{
	float:left;
	width:100%;
	
}
.kf_chart{
	float:left;
	width:100%;
}
.kf_chart #curve_chart{
	width:100%;
	height:250px;	
}
/*
	  ==============================================================
		  PERFORMANCE CHART WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   YEARLY PERFORMANCE WRAP CSS START
	  ==============================================================
*/
.kode_yearly_performance,
.kode_yearly_performance ul
{
	float:left;
	width:100%;	
}
.timeline-box{
	width:100%;
	float:left;
	position:relative;
	padding:60px 20px 50px;
	text-align:center;	
}
.timeline-box h4{
	color:#fff;
	margin-bottom:5px;	
	line-height:normal;
}
.timeline-box p{
	margin:0px;
	color:#fff;
	font-size:16px;	
}

/*
	  ==============================================================
		   YEARLY PERFORMANCE WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   EVENT DETAIL WRAP CSS START
	  ==============================================================
*/
.kode_event_detail_timer,
.kode_event_orgnizer,
.kode_summary,
.kode_event_share,
.kode_related_event
{
	border-bottom:1px solid #d3d3d3;
}
.kode_event_detail_timer{
	padding-bottom:8px;	
}
.kode_event_detail_timer,
.kode_event_timer_des,
.kode_event_orgnizer,
.kode_orgnizer_wrap,
.kode_summary,
.kode_event_share,
.kode_related_event,
.kode_related_comment,
.kode_leave_reply
{
	float:left;
	width:100%;	
}
.circle-time{
	display:inline-block;
}
.kode_event_detail_timer figure{
	position:relative;
	overflow:hidden;
}
.kode_event_share span.event-info i{
	margin-right:10px;
}
.kode_event_detail_timer figure img{
	width:100%;
	height:auto;	
}
.event_timer_date{
	width:120px;
	height:120px;
	position:absolute;
	text-align:center;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;	
}
.event_timer_date:before{
	content: "";
    border: solid 1px;
    position: absolute;
    left: 100%;
    height: 100%;
    width: 500%;
}
.event_timer_date:after{
	content: "";
    border: solid 1px;
    position: absolute;
    right: 100%;
    height: 100%;
    width: 500%;
	top:0px;
}
.kode_border_top{
	position:relative;
	float:left;
	width:100%;
}
.kode_border_top:before{
	content: "";
    border: solid 1px;
    position: absolute;
    left: 0px;
    height: 500%;
    width: 100%;
}
.kode_border_top:after{
	content: "";
    border: solid 1px;
    position: absolute;
    left: 0px;
    height: 500%;
    width: 100%;
	bottom:0px;
}
.event_timer_date h2{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	line-height:55px;
	padding-top:28px;
	margin:0px;
	font-size:60px !important;
}
.event_timer_date span{
	display:block;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;	
}
.kode_event_timer_des p{
	
	margin-bottom:17px;	
	line-height:30px;
}
.kode_event_timer_des h6{
	font-size:20px;
	margin-bottom:15px;
	text-transform:uppercase;
	font-weight:bold;	
}
.kode_timer{
	float:left;
	width:100%;
	position:relative;	
	padding:8px 0px 70px;
	background-image:url(images/timer-bg-01.jpg);
	background-size:cover;
	background-position:center;
}
.kode_timer .kode_counter{
	width:85%;
	margin:0 auto;
	left:0px;
	right:0px;
}
.kode_timer:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.9;	
}
.kode_counter{
	position:relative;
	top:0px;
	width:100%;
	text-align:center;
	z-index:9999;	
}
.kode_counter h4{
	color:#fff;
	text-transform:uppercase;
	margin-bottom:10px;	
	margin-top:34px;	
}
/*Event Orgnizer Style*/
.kode_event_orgnizer,
.kode_summary,
.kode_related_event,
.kode_related_comment,
.kode_leave_reply
{
	padding:29px 0px 23px;	
}
.kode_event_share{
	padding:20px 0px 13px;	
}
.kode-replay-box-form {
    padding: 0 20px;
}
.kode_event_orgnizer h6,
.kode_summary h6,
.kode_related_event > h6,
.kode_related_comment > h6,
.kode_leave_reply h6
{
	font-size:20px;
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;	
}
.kode_leave_reply > h6,
.kode_related_comment > h6,
.kode_related_event > h6,
.kode_event_orgnizer > h6{
	margin-bottom:20px;	
}
.kode_related_event{
	padding:29px 0 26px;	
}
.kode_orgnizer_wrap figure{
	width:110px;
	border-bottom:2px solid;	
	float:left;
	position:relative;
}
.kode_orgnizer_wrap figure img{
	width:100%;
	height:auto;	
}
.kode_orgnizer_des{
	float:none;
	padding:0px 0px 0px 130px;	
}
.kode_orgnizer_des h6{
	text-transform:uppercase;
	line-height:normal;	
	margin:0px 0px 8px 0px;
	float: left;
	width: 100%;
}
.kode_orgnizer_des ul.kode_orgnizer_social{
	margin-bottom: 0;
}
.kode_orgnizer_des h6 span{
	margin-left:5px;
	color:#777;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;	
	float: left;
	margin-left: 0;
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
ul.kode_orgnizer_email,
ul.kode_orgnizer_social
{
	float:left;
	width:100%;	
	line-height:normal;
}	
ul.kode_orgnizer_email{
	margin:0px 0px 2px 0px;
	list-style:none;
}
.kode_orgnizer_email li{
	width:100%;
	float:left;
	color:#999999;
	margin-bottom:10px;	
}
.kode_orgnizer_email li i{
	margin-right:10px;	
}
.kode_orgnizer_email{
	margin-bottom:
}
ul.kode_orgnizer_social{
	margin:0px 0px 10px 0px;
	list-style:none;
}
.kode_orgnizer_social li{
	float:left;
	position:relative;	
}
.kode_orgnizer_social li a{
	color:#999999;
	padding:0px 10px;	
}
.kode_orgnizer_social li:first-child a{
	padding-left:0px;	
}
/*Summary Wrap Style*/
.kode_summary ul li{
	float:left;
	width:100%;
	position:relative;
	padding:8px 0px 8px 35px;	
}
.kode_summary ul li:before{
	content:"\f00c";
	font-family:fontawesome;
	position:absolute;
	top:8px;
	left:0px;
	font-size:16px;		
}
.kode_summary ul li a{
	display:block;
	line-height:normal;	
}
/*Event Share Style*/
.kode_event_share{
	padding-left:5px;
	margin:0px 0px 10px 0px;	
}
.kode_event_share ul li{
	float:left;
	position:relative;	
}
.kode_event_share ul li a{
	display:block;
	text-transform:capitalize;
	padding:0px 10px 4px;
	color:#999999;	
}
/*Related Event Style*/
.kode_event_list{
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
}
.kode_event_list figure{
	margin-bottom:14px;
	overflow:hidden;
	position:relative;
}
.kode_event_list figure img{
	width:100%;
	height:auto;	
}
.kode_event_list > h6 > a{
	display:block;
	text-transform:uppercase;
	font-size:16px;
	margin-bottom:7px;	
}
.kode_event_list ul{
	float:left;
	width:100%;	
}
.kode_event_list ul > li{
	float:left;
	position:relative;	
}
.kode_event_list ul > li > a{
	padding:0px 10px 6px;
	font-size:12px;
	color:#999999;
}
.kode_event_list ul > li > a > i{
	margin-right:5px;	
}
.kode_event_list ul li:first-child a{
	padding-left:0px;	
}
.kode_event_list a{
	color:#000000;
	line-height:20px;
	
	padding-right:10px;	
	margin-bottom:5px;
}
/*Pagination Wrap Style*/
.kf_pagination{
	border-bottom:1px solid #d3d3d3;
	padding:20px 0px 19px;	
}
.kf_pagination,
.kf_pagination ul{
	float:left;
	width:100%;
	margin:0px;	
}
.kf_pagination ul li a{
	border:0px;
	color:#222222;
	font-size:16px;	
}
.kf_pagination ul li:hover a{
	background:none;	
}
/*Related Comment Style*/
.kode_related_comment{
	padding-bottom:18px;	
}
.kode_related_comment ul{
	float:left;
	width:100%;	
}
.kode_related_comment ul li{
	position:relative;
	border-bottom:1px solid #d3d3d3;
	padding:35px 0px 0px;
	width:100%;
	float:left;	
}
.kode_related_comment ul li ul{
	border-top:1px solid #d3d3d3;
}
.kode_related_comment > ul > li:first-child{
	padding-top:0px;	
}
.kode_related_comment ul li figure{
	width:65px;	
	border-bottom:1px solid;
}
.kode_related_comment ul li figure img{
	width:100%;
	height:auto;		
}
.kode_related_comment ul > li > .kode_comment_des p{
	margin-bottom:30px;
}
.kode_comment_des{
	float:none;
	padding:0px 0px 0px 90px;	
}
.kode_comment_author{
	float:left;
	margin-bottom:10px;	
}
.kode_comment_author h6{
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
	line-height:20px;	
}
.kode_comment_author span{
	display:inline-block;
	margin-left:10px;
	color:#909090;	
}
.kode_comment_des a{
	display:inline-block;
	text-align:right;
	float:right;		
}
.kode_comment_des a i{
	margin-right:5px;	
}
.kode_comment_des a:hover{
	color:#000000;	
}
.kode_comment_des > p{
	float:left;
	width:100%;	
	margin-bottom:10px;
}
.kode_related_comment ul ul{
	padding-left:70px;
}
.kode_related_comment ul ul li{	
	padding-bottom:0px;	
}
.kode_related_comment ul li:last-child{
	border-bottom:0px;
	padding-bottom:0px;	
}
/*Leave A Reply Style*/
.kode_leave_reply{
	padding-bottom:8px;	
}
.kode_reply_field{
	float:left;
	width:100%;	
	margin-bottom:25px;
}
.kode_reply_field input[type="text"]{
	width:100%;
	height:45px;
	border:1px solid #dddddd;
	padding:8px 15px;
	color:#939393;	
}
.kode_reply_field textarea{
	width:100%;
	height:235px;
	border:1px solid #dddddd;
	padding:15px 15px;
	resize:none;
	color:#939393;	
}
.kode_reply_field button{margin-bottom:13px;}
/*
	  ==============================================================
		   EVENT DETAIL WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   NEWS DETAIL WRAP CSS START
	  ==============================================================
*/
.kode_news_detail{
	float:left;
	width:100%;
	border-bottom:1px solid #dddddd;	
}
.kode_news_detail blockquote{
	margin: 15px 0;
}
.kode_event_timer_des.kode_news_detail{
	border-bottom:none;	
}
.kode_news_detail ul.kode-meta-detail li.blog-info a{
	text-transform:capitalize;
}
.kode_news_detail figure{
	border-bottom:5px solid;
	margin-bottom:10px;	
	overflow:hidden;
}
.kode_news_detail figure img{
	width:100%;
	height:auto;	
}
.kode_news_detail h4{
	font-weight:bold;
	margin-bottom:10px;	
	font-size:30px !important;
}
.kode_news_detail > ul{
	float:left;
	width:100%;
	border-bottom:1px solid #dddddd;
	padding-bottom:15px;
	margin-bottom:15px;	
	margin:0px;
}
.kode_news_detail > ul > li{
	float:left;	
	padding:0px 10px;
}
.kode_news_detail > ul > li > a{
	color:#a1a1a1;
}
.kode_news_detail ul li i{
	margin-right:10px;	
}
.kode_news_detail p{
	
	margin-bottom:10px;	
}
.kode_news_detail blockquote{
	padding:50px 70px;
	border-left:2px solid;	
	background:#f7f7f7;
	margin-bottom:10px;
}
.kode_news_detail blockquote p{
	font-size:16px;
	font-weight:bold;
	color:#898989;
	position:relative;
	line-height:30px;	
}
 .kode_news_detail blockquote p:before,
.kode_news_detail blockquote p:after
{
	content:"\f10d";
	position:absolute;
	font-family:fontawesome;
	font-size:22px;
	top:-20px;
	left:-30px;	
}
.kode_news_detail blockquote p:after{
	content:"\f10e";
	left:auto;
	right:0px;
	bottom:-30px;
	top:auto;	
}
.kode_shortcode_heading .kode_news_detail blockquote p:before,
.kode_shortcode_heading .kode_news_detail blockquote p:after
{
	content:"\f10d";
	position:absolute;
	font-family:fontawesome;
	font-size:22px;
	top:-100px;
	left:-30px;	
}
.kode_shortcode_heading .kode_news_detail blockquote p:after{
	content:"\f10e";
	left:auto;
	right:0px;
	bottom:-30px;
	top:auto;	
}
/* Social Icon Short code Page */
#kode-links-1{
	list-style:none !important;
}


/*
	  ==============================================================
		   NEWS DETAIL WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   CONTACT US WRAP CSS START
	  ==============================================================
*/
.kf_contactus{
	float:left;
	width:100%;
	position:relative;	
}
.kf_contact_map{
	float:left;
	width:100%;		
}
.kf_contact_map .map-canvas{
	position:absolute ;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	width:100%;
}
/*Office Location Wrap Style*/
.kf_location_wrap{
	margin:auto;
	padding:70px 50px 55px;
	width:960px;
	position:relative;	
	background:#fff;
}
ul.kf_office_name{
	float:left;
	width:100%;
	text-align:center;
	margin:0px 0px 50px;	
}
.kf_location_wrap .kf_office_name li{
	display:inline-block;
	position:relative;
	border:4px solid;
	width:30%;
	margin-left:-4px;	
}
.kf_location_wrap .kf_office_name li a{
	display:block;
	color:#333236;
	padding:18px 0px;
	font-size:16px;
	font-weight:bold;
	line-height:normal	
}
.kf_office_name li.active a,
.kf_office_name li:hover a,
.kf_office_name li:focus a{
	color:#fff;		
}
/*Office Location Info Wrap Style*/
.kf_location_info{
	float:left;
	width:100%;
	text-align:center;	
}
.kf_location_info > i{
	width:70px;
	height:70px;
	background-color:#1f1e22;
	color:#fff;
	border:1px solid #d2d2d3;
	line-height:65px;
	font-size:30px;
	margin-bottom:22px;
}
.kf_location_info h6{
	color:#333236;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 0px 14px;
	font-size:20px;	
}
.kf_location_info p,
.kf_location_info span,
.kf_location_info a{
	color:#333236;
	text-transform:uppercase;
	margin:0px;
}
.kf_location_info a{
	display:inline-block;
	margin-bottom:10px;	
}
.kf_location_info span{
	display:block;	
}
ul.kf_loc_socil_icon{
	float:left;
	width:100%;	
	padding:0;
	margin:0px;
}
.kf_loc_socil_icon li{
	display:inline-block;
	position:relative;	
}
.kf_loc_socil_icon li a{
	display:block;
	color:#1f1e22;
	font-size:16px;
	padding:0px 8px;	
}
/*Hover Style*/
.kf_location_info:hover i{
	background-color:#fff;	
}

/*
	  ==============================================================
		   CONTACT US WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   GET IN TOUCH WRAP CSS START
	  ==============================================================
*/
.kf_touch_field{
	float:left;
	width:100%;
	position:relative;
}
.kf_touch_field input[type="email"],
.kf_touch_field input[type="text"],
.kf_touch_field textarea{
	width:100%;
	height:50px;
	border:1px solid #e5e6e9;
	padding:8px 15px;
	color:#27282d;
	margin-bottom:30px;
	color:#27282d;
	font-size:14px;	
}
.kf_touch_field textarea{
	height:150px;	
}
.kf_touch_field label{
	padding:16px 20px 9px;
}
.kf_touch_field label input[type="submit"],
.kf_touch_field label button{
	float:right;
	margin:0px;
	padding:0px;
	background:transparent;
	color:#333;
	font-size:14px;
}
/*Get Touch Wrap Image*/
.kf_touch_img{
	float:left;
	width:100%;
	margin-top:-80px;	
}
.kf_touch_img img{
	width:100%;
	height:auto;	
}

/*
	  ==============================================================
		   GET IN TOUCH WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   404 PAGE WRAP CSS START
	  ==============================================================
*/
.kf_404_bg{
	padding-bottom:0px;	
	padding-top:0px;	
}
.kf_404_wrap{
	width:685px;
	margin:auto;
	text-align:center;	
}
.kf_404_wrap h2{
	margin-top:-4px;
	font-size:100px !important;
	color:#333333;
	font-weight:bold;
	line-height:85px;	
}
.kf_404_wrap h2 span{
	font-size:80px !important;
	line-height:80px;
	display:inline-block;
	font-weight:bold;
	padding:0px 5px;
}
.kf_404_wrap h4{
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
	margin:40px 0px;	
	font-size:30px !important;
}
.kf_404_wrap h4:before{
	content:"";
	position:absolute;
	bottom:0px;
	width:50px;
	left:0px;
	right:0px;
	margin:auto;
	height:2px;	
}
.kf_404_wrap h5{
	color:#16283c;
	text-transform:uppercase;
	margin-bottom:32px;	
	font-size:30px !important;
}
.kf_404_wrap h5 span{
	display:block;	
}
.kf_404_wrap p{
	text-transform:uppercase;
	color:#16283c;
	margin-bottom:43px;	
}
.kf_404_form{
	position:relative;
	width:535px;
	height:55px;
	margin:auto auto 43px;
	border:1px solid #c8c8c8;	
}
.kf_404_form input[type="text"]{
	width:100%;
	border:0px;	
	color:#888888;
}

.kf_404_form button,
.kf_404_form input[type="submit"]
{
	position:absolute;
	right:0px;
	top:0px;
	color:#fff;
	height:53px;
	padding:0px 25px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	border-radius:0px;	
}
.kf_404_form button:hover,
.kf_404_form input[type="submit"]:hover{
	background-color:#020202;	
}
.kf_404_form i{
	position:absolute;
	font-size:16px;
	color:#b2b2b2;
	left:10px;
	top:19px;	
}
.kf_404_wrap .kf_page_list{
	margin-bottom: 66px !important;
	float: left;
	text-align: center;
}
.kf_page_list .menu-main-menu-container{
	float: left;
	width: 100%;
}
.kf_page_list,
.kf_page_list ul{
	float:left;
	width:100%;	
}
.kf_page_list ul.menu ul.sub-menu{
	display:none;
}
.kf_page_list p{
	text-transform:uppercase;
	font-size:15px;
	color:#666666
}
.kf_page_list{
}
.kf_page_list ul{
	display: inline-block;
	width: auto;
	padding-left: 0;
	margin: 0;	
	float: none;
}
.kf_page_list ul li{
	float:left;
	position:relative;
	list-style:none;
	width:auto;
}
.kf_page_list ul li:before{
	content:"\f105";
	position:absolute;
	font-family:fontawesome;
	top:6px;
	left:0px;
	color:#666666;
	font-size:16px;	
}
.kf_page_list ul li a{
	display:block;
	color:#666666;
	padding:8px 16px;
	text-align:left;
	text-transform:capitalize;	
}

/*
	  ==============================================================
		   404 PAGE WRAP CSS END
	  ==============================================================
*/

/*
	  ==============================================================
		   COMMING SOON PAGE WRAP CSS START
	  ==============================================================
*/
.kf_comming_bg{
	background-image:url(images/comeing-soon.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position:relative;
	background-attachment:fixed;
	padding-bottom:66px;
}
.kf_comming_wrap,
.kf_comming_counter
{
	float:left;
	width:100%;
	text-align:center;
}
.kf_comming_counter{
	margin-bottom:50px;	
}
.kf_comming_wrap a{
	display:inline-block;
	margin-bottom:25px;		
}
.kf_comming_counter h2{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;		
}
.kf_comming_counter h4{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:42px;	
}
.kf_comming_counter ul.downcount:before,
.kf_comming_counter ul.downcount:after{
	display:none;	
}
.kf_comming_counter ul.downcount li{
	width:100px;
	height:10px;
	line-height:60px;
	background-color:rgba(255, 255, 255, 0.5);
	height:150px;
	width:150px;
	border:0px;	
	text-align:center;
	position:relative;
	margin-left:15px;
}
.kf_comming_counter ul.downcount li span{
	background:none;
	border:0px;	
	padding-top:10px;
}
.kf_comming_counter ul.downcount li p{
	position:absolute;
	bottom:44px;
	left:0px;
	right:0px;
	margin:auto;
	color:#020202;
}
.kf_comming_form{
	width:560px;
	margin:auto auto 50px;
	position:relative;	
}
.kf_comming_form form input[type="text"]{
	width:370px;
	border:1px solid #fff;
	height:50px !important;
	float:left;
	background:none;
	padding:8px 15px;
	color:#fff;
}
.kf_comming_form button,
.kf_comming_form input[type="submit"]{
	text-transform:uppercase;
	border:1px solid #fff;
	height:50px;
	padding:0px 25px;
	float:right;
	background:none;
	color:#fff;
}
.kf_comming_form button:hover,
.kf_comming_form input[type="submit"]:hover{
	color:#fff;	
}
.kf_comming_social{
	margin-top:50px;	
}
.kf_comming_social,
.kf_comming_social ul
{
	float:left;
	width:100%;
	text-align:center;	
}
.kf_comming_social ul li{
	display:inline-block;
	position:relative;	
}
.kf_comming_social ul li a{
	display:block;
	font-size:18px;
	padding:0px 15px;
	color:#fff;	
}

/*
	  ==============================================================
		   COMMING SOON PAGE WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   TEAM LISTING WRAP CSS END
	  ==============================================================
*/
.kf_team_listing_bg{
	padding-bottom:50px;	
}
.kode_politician{
	margin-bottom:30px;
	box-shadow:0px 0px 8px 1px rgba(0,0,0,0.18);	
}

/*
	  ==============================================================
		   TEAM LISTING WRAP CSS END
	  ==============================================================
*/


/*
	  ==============================================================
		   SHORTCODE PAGE WRAP CSS START
	  ==============================================================
*/
.kf_shortcode_bg{
	padding-top:57px;	
}
.kode_shortcode_wrap,.kode_shortcode_inner_wrap{
	width:100%;
	float:left;
	padding-bottom:50px;
	position:relative;	
}
.kode_shortcode_wrap:before,
.kode_shortcode_inner_wrap:before
{
	content:"";
	position:absolute;
	bottom:0px;
	left:16px;
	right:16px;
	border-bottom:1px solid #e1e1e1;	
}
.kode_shortcode_heading{
	float:left;
	background:none;
	padding-bottom:30px;	
}
.kode_shortcode_heading h4{
	border-bottom:1px solid #e1e1e1;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:20px;	
}
.kf_hdg_style{
	float:left;
	width:100%;	
}
/*Heading Wrap Style*/
.kode_shortcode_inner_wrap{
	padding-top:50px	
}
.kode_shortcode_para,.kode_shortcode_social,.kode_shortcode_btn{
	width:100%;
	float:left;	
}
.kode_shortcode_inner_wrap .kode_hdg_2,
.kode_shortcode_inner_wrap .kode_hdg_3{
	background-color:#000000;
	padding:20px 0px;	
}
/*Heading Wrap Style ends*/


/*Blockquotes Style*/
.kode_shortcode_para p{
	color:#666;	
}
.kode_shortcode_inner_wrap .kode_news_detail{
	border-bottom:0px;	
}

/*Socail Icon 1*/
.kode_shortcode_social > ul{
	padding-bottom:25px;	
}
.kode_shortcode_social > ul > li{
	display:inline-block;	
}
.kode_shortcode_social > ul > li > a{
	font-size:24px;
	color:#666666;
	padding:0px 20px;	
}
.kode_shortcode_social > ul > li:first-child a{
	padding:0px;	
}
/*Icon Style 2*/
.kode_shortcode_inner_wrap .kode_scl_icon{
	float:left;
	width:100%;	
}
.kode_shortcode_inner_wrap .kode_scl_icon ul li a{
	color:#000000;
}
.kode_shortcode_inner_wrap .kode_scl_icon ul li.active a,
.kode_shortcode_inner_wrap .kode_scl_icon ul li:hover a{
	color:#fff;	
}

/*Socail Icon 1 ends*/

/*Link Style*/
.kf_btn_list{
	float:left;
	width:100%;
	background-color:#000000;
	padding:20px;	
}
.kf_btn_list a{
		margin:20px;
}

/*Link Style ends*/

/*Skill Style*/
.kode_shortcode_inner_wrap .kode-skills{
	background-color:#000000;	
}
/*
	  ==============================================================
		   SHORTCODE PAGE WRAP CSS START
	  ==============================================================
*/
.dl-menuwrapper button.dl-active:after {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;   
}
.kode_event_des ul li a {
    font-size: 14px;
    line-height: 25px;
}
.navigation li{
	list-style:none;
}



.kode-blog-list > ul > li {
	list-style: none;
	margin-bottom: 30px;
}
.kode-blog-list > ul > li:hover .kode-blog-info{
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1);
}
.kode-blog-list ul li figure {
	margin: 0px;
	overflow: hidden;
}
.kode-blog-list ul li figure,
.kode-blog-list ul li figure > a,.kode-blog-list ul li figure img {
	float: left;
	width: 100%;
}
.kode-blog-list figure figcaption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 3;
}
.kode-category { float: right; }
.kode-category a {
	float: left;
	padding: 4px 10px 1px;
	font-size: 13px;
	text-transform: uppercase;
	color: #000;
	font-weight: 500;
}
.kode-blog-info {
	background-color: ghostwhite;
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px 40px;
}
.kode-main-content .kode-blog-info{
	text-align: inherit;
}
.kode-blog-info time {
	display: inline-block;
	color: #9a9a9a;
	margin-bottom: 10px;
}
.kode-blog-info h2 {
	text-transform: uppercase;
	font-weight: 500;
	clear:both;
}
.kode-blog-list ul li .mask {
   position:absolute; /* Center the mask */
   top:50px;
   left:128px;
   cursor:pointer;
   border-radius: 50px;
   border-width: 60px;
   display: inline-block;
   height: 100px;
   width: 100px;
   border: 60px solid rgba(0, 0, 0, 0.7);
   box-sizing:border-box;
   opacity:1;
   visibility:visible;
   -webkit-transform: scale(4);
      -moz-transform: scale(4);
       -ms-transform: scale(4);
        -o-transform: scale(4);
           transform: scale(4);
   -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
       -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
}

.kode-blog-list ul li:hover .mask {
   opacity: 0;
   border:0px solid rgba(0,0,0,0.7);
   visibility:hidden;
}
/* Blog Large */
.kode-large-blog .kode-blog-info p {
	font-size: 16px;
}
.kode-tag {
	float: left;
}
.kode-tag a {
	float: left;
	padding: 2px 18px;
	color: #ffffff;
	text-transform: uppercase;
	position: relative;
	margin-right: 25px;
	background-color: #30302d;
}
.kode-tag a span {
	position: relative;
}
.kode-tag a:before, .kode-tag a:after {
	content: '';
	position: absolute;
	left: -10px;
	top: 0px;
	width: 20px;
	height: 100%;
	background-color: #30302d;
	-webkit-transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	-o-transform: skewX(-30deg);
	transform: skewX(-30deg);
}
.kode-tag a:after{
	right: -10px;
	left:auto;
}

.kode-tag a:hover {
	color: #ffffff;
}
.kode-large-blog figure figcaption {
	padding: 0px 20px 20px 30px;
}
.kode-blog-post {
	float: right;
	padding: 0px 10px;
}
.kode-blog-post ul { margin: 0px; }
.kode-blog-post ul li {
	float: left;
	list-style: none;
	padding: 2px 10px;
	color: #30302d;
	font-weight: 500;
}
.kode-blog-post ul li a {
	color: #30302d;
	font-weight: 500;
}
.kode-blog-post ul li i { margin-right: 7px; }
.kode-inncat a {
	text-transform: uppercase;
	margin-bottom: 5px;
}
.kode-large-blog .kode-blog-info {
	padding: 40px 40px;
}
.kode-large-blog .kode-blog-info h2 {
	margin: 0px 0px 25px 0px;
	font-size: 30px;
}
.kode-large-blog .flex-control-paging { display: none; }
.kode-main-content-k{
	float:left;
	width:100%;
}
footer{
	float:left;
	width:100%;	
}
/* Admin Post */
.kode-single-detail .kode-admin-post {
	float: left;
	width: 100%;
	padding: 20px;
	position: relative;
	background:#f9f9f9;
	border: 1px solid #dddddd;
	border-left: none;
	border-top: none;
	border-right: none;
	margin:30px 0px 0px;
}
.kode-admin-post figure {
	border: 3px solid #efefef;
	float: left;
	width: 104px;
	margin: 0px 0px 0px 0px;
}
.kode-admin-post figure img{
	width:100%;
}
.kode-admin-post figure a {
	float: left;
	padding: 0px 0px 0px;
	width: 100%;
}
.kode-admin-post figure ~ .admin-info {
	padding: 0px 0px 0px 142px;
}
.admin-info h2 {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 24px;
	margin:0px 0px 10px 0px;
	color: #333;
}
.admin-info h2 a{
	color: #333;
}
.kode_news_detail > ul > li{
	margin:0;
}
.blog-info{
	list-style:none;
}
.kode-breadcrumb .item-current strong{
}

.kode-blog-medium .blog-info.blog-category a{
	color:#fff;
	font-size:12px;
}
.kode-blog-medium .blog-info.blog-category .sep,
.kode-blog-medium .blog-info.blog-category i{
	display:none;
}
.kode-blog-grid-ux .blog-info.blog-category i{display:none;}
.blog-info.blog-date i{ display:inline-block; margin:5px 5px 0px 0px; }
.kode-blog-grid-ux .blog-info.blog-date i{float:left;margin:3px 10px 0px 0px;}
.sep{margin-top:20px;}
.post_bxslider{padding:0px;}
.kode_latst_post_lst figure{
	position:relative;
	overflow:hidden;
}
.kode_latst_post_lst figure img{
	width:100%;
}
.blog-info.blog-category i,
.blog-info.blog-category .sep,
.blog-info.blog-category a{
	display:none;
}

.blog-info.blog-category a[rel="tag"]:nth-child(2){
	display:block;
}
.kode_latest_blog_des ul{
	padding:0px;
	margin:0px;
}
.kode_latest_blog_des ul li a,
.kode_latest_blog_des ul li i{
	float:left;
	color:#fff;
}
.kode_latest_blog_des ul li a{
	
}
.kode_latest_blog_des ul li.blog-info i{
	margin-left:10px;
}
.kode_latest_blog_des ul li.blog-info:first-child i{
	margin-left:0px;
}
.post_bxslider{
	padding:0px;
	margin:0px;
}
.post_bxslider li{
	list-style:none;
	margin:0px;
}
.col-md-3 .kode_achment_wrap .kode_achment_des{
	padding:12px 25px;
}
.col-md-3 .kode-item-post-slider{
	float:left;
	width:100%;
}
.kode-gallery ul{
	padding:0px;	
}
.kode-gallery ul li{
	list-style:none;
	margin-bottom:0px;
	padding-bottom:0px;
}

.volun_detail.small-team-member .kode_hover_des{
	display:none;
}
.volun_detail.small-team-member .kode_volun_des{
	padding:12px 0px;
}
.volun_detail.small-team-member .kode_volun_des h4{
	font-size:14px;
	margin-bottom:5px;
}
.volun_detail.small-team-member .kode_volun_des h6{
	padding-bottom:5px;
}
.volun_detail.small-team-member .kode_volun_des h6{
	margin:0px;
	font-weight:lighter;
}
.team-candidates-senate{width:100%;float:left;position:relative;}
.kode_volun_heading{
	float:left;
	width:100%;
	padding-top:50px;	
}
.volun_detail{
	position:relative;
	float:left;
	width:100%;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
	-o-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
	-ms-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
}
.kode_hover_des{
	float:left;
	width:100%;
	text-align:center;	
}
.kode_hover_des{
	position:absolute;
	top:50%;
	background:none !important;
}
.kode_volun_des  h4{
	margin:0px;
	font-size: 18px;
}
.kode_volun_des > h6{
	font-size:20px;
	font-weight:lighter;
}
.small-team-member .kode_volun_des > h6{
	font-size:14px;
}
.volun_detail figure:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:0px;
	opacity:0.6;	
}
.volun_detail figure img{
	width:100%;
	height:auto;	
}
.kode_volun_des{
	padding:18px 0px;
	text-align:center;
	background-color:#fff;
}
.kode_volun_des h6{
	font-weight:600;	
}
.kode_hover_des{
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;	
}
.volun_detail:hover .kode_hover_des,.volun_detail:hover .kode_volun_des{
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.volun_detail:hover .kode_volun_des h4,.volun_detail:hover .kode_volun_des h6{
	color:#fff;	
}
.volun_detail:hover .kode_volun_des h4, .volun_detail:hover .kode_volun_des h4 a{
	color:#fff;
}
.volun_detail:hover figure{
	border:5px solid;	
}
.volun_detail:hover figure:before{
	height:100%;
}
.kode_leader-detail:hover figure::before {
    height: 100%;
}

/*Meet Our Politician Wrap Style start*/
.politician-bg{	
}
.kode-heading-sec h4,
.politician-bg .container .kode_volun_heading h4,
.politician-bg .container .kode_leader_heading > h4{
	display: block;	
	text-transform: uppercase;
	font-weight:bold;
	margin-bottom:20px;
}
.kode_heading_2 h3,.kode_heading_2 h3,.kode_heading_2 h3,.kode_blog_heading h3{
	color:#111111;
	text-transform:uppercase;
}
.kode_leader_heading{
	float:left;
	text-align:left;
	padding-bottom:50px;
	width:100%;	
}
.kode_vol_border{
	border-bottom:1px solid #e0e0e0;
	padding-bottom:40px;
}
.kode_leader-detail{
	float:left;
	width:100%;
	margin:0px 0px 40px 0px;
	position:relative;
}
.kode_hover_des ul{
	margin:0px;	
}
.kode_leader-detail figure{
	float:left;
	width:50%;
}
.kode_leader-detail figure img{
	float:left;
	width:100%
}
.leader-social-icon{
	position:absolute;
	width:100%;
	left:0px;
	margin-bottom:-9px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;	
}
.leader-social-icon > ul > li,.kode_hover_des > ul > li{
	display:inline-block;
	margin:0px 10px;
	transition:all 0.3s ease-in-out;
}
.leader-social-icon > ul > li > a,.kode_hover_des > ul > li > a{
	display:block;
	font-size:18px;	
}
.leader-social-icon > ul > li > a > i,.kode_hover_des > ul > li > a > i{
	color:#fff;
}
.leader-social-icon > ul > li:first-child a,.kode_hover_des > ul > li:first-child a{
	padding-left:0px;	
}
.kode_leader-detail:hover .leader-social-icon{
	opacity:1;
	bottom:50%;
	position:absolute;
}
.leader-detail{
	float:left;
	width:50%;
	background-color:#fff;
	position:absolute;
	top:25%;
	right:30px;
	height:142px;
	padding:30px 30px;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
	-o-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
	-ms-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
}
.kode_leader-detail .leader-social-icon ul{
	margin:0px;
	padding:0px;
}
.leader-social-icon ul{
	float:left;
	width:100%;
	text-align:center;
}
.leader-detail h4,.kode_volun_des h4{
	text-transform:uppercase;
	font-weight:bold;
	padding:0px;	
}
.leader-detail h6{
	font-size:20px;
}
.leader-detail h6,.kode_volun_des h6,.col-recent-wrap h6{
	color:#828282;	
	margin:10px 0px 0px 0px;
}
.volun_detail figure,
.kode_leader-detail figure{
	position:relative;
	overflow:hidden;	
	
}
.kode-advance-list-clean li{
	list-style:none;
}
.kode_leader-detail figure:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:0px;
	opacity:0.5;
}
.kode_leader-detail figure:hover figure:before{
	height:100%;
}

.leader-social-icon > ul > li > a:hover i,.kode_hover_des > ul > li > a:hover i{
	color:#111111;	
}
.kode-team-simple .volun_detail{
	margin-bottom:30px;
}

/*
	  =============================
		   Team 2 Style Page Style
	  =============================
*/
.team2_outer_wrap{
	padding-top:50px;	
	float: left;
	width: 100%;
}
.kode_2_style_1{
	float:left;
	width:100%;
	position:relative;
}
.kode_style_var{
	margin-bottom:40px;
}
.kode_style_var figure, .kode_style_var figure img{
	width: 100%;
	float: left;
}
.kode_style_var,.style_var_des{
	float:left;
	width:100%;
	position:relative;
	overflow: hidden;
}
.politician-bg .style_var_des{
	top:5%;
}
.style_var_des{
	opacity:0;
	position:absolute;
	top:10px;
	left:40px;
	width:90%;
}
.team_var_de{
	border-left:5px solid;
	padding:25px 20px;
	margin-bottom:20px;	
}
.team_var_de h4{
	text-transform:uppercase;
	font-weight:bold;
}
.team_var_de h6{
	text-transform:capitalize;
	color:#666666;
}
.style_var_des p{
	line-height:30px;
	font-size:16px;
	padding-bottom:25px;	
}
.style_var_des > ul > li{
	display:inline-block;	
}
.style_var_des > ul > li > a{
	display:block;
	border-right:1px solid #e37d39;
	color:#666666;
	font-size:16px;
	background:none;
	padding:5px 10px;
	margin:0px;	
}
.style_var_des > ul > li:last-child a{
	border-right:0px;
}
.style_var_des .modern-view-btn{
	display:inline-block;
	color:#fff;
	padding:12px 20px;
	font-size:14px;
	margin-top:20px;
	line-height:normal;
}
.style_var_des a.modern-view-btn:hover{
	background-color:#000;	
}
.kode_2_style_1 figure img{
	width:100%;
	height:auto;
}

.kode_team_2_des{
	position:absolute;
	bottom:0;
	left:0;
	background-color:#fff;
	width:100%;
	border-left:5px solid;
	padding:25px 15px;
	opacity:0.9;
}
.kode_team_2_des h4{
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;	
}
.kode_team_2_des h6{
	color:#666666;
	text-transform:capitalize;	
}
.kode_style_var figure:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:0px;
	background-color:#fff;
	opacity:0.8;	
}
.kode_style_var:hover figure:before{
	height:100%;
}
.kode_style_var:hover .kode_team_2_des{
	bottom:-100%;

}
.kode_style_var:hover .style_var_des{
	opacity:1;	
	top: 50%;
	transform: translateY(-50%);
}

.style_var_des .modern-view-btn{
	background-color: #9b9b9b;
}
.style_var_des > ul > li > a:hover{
	color: #fff;
}



/*
	  ======================================
		Team Detail Page Style Page Style
	  ======================================
*/
.kode_biblo_wrap_law{
	float:left;
	width:100%;
	border-bottom:1px solid	#c0c0c0;
	padding-bottom:50px;
}
.kode_biography_wrap_law figure{
	width:40%;
	float:left;	
}
.kode_biography_wrap_law figure img{
	width:100%;
	height:auto;	
}
.biography_des_law{
	width:60%;
	float:left;
	padding:0px 20px;	
}
.biography_des_law h4,.biography_des_law h5,.kode_edu_name_law h4{
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:20px;	
	margin:0px;
	font-size:24px !important;
}
.social-icons-lawyer{
	margin:0px;
	padding:0px;
}
.biography_des_law strong{
	display:block;
	padding-bottom:10px;
}
.biography_des_law strong span{
	font-weight:normal;
	display:inline-block;
	margin-left:10px;	
}
.biography_des_law p{
	font-weight:500;
	
	padding-bottom:10px;	
}
.biography_des_law > ul > li{
	display:inline-block;	
}
.biography_des_law > ul > li > a{
	display:block;
	font-size:16px;
	text-align:center;
	padding-right:10px;
}
.biography_des_law > ul > li:last-child a{
	padding-right:0px;	
}
.biography_des_law > ul > li > a > i{
	width:48px;
	height:48px;
	border-radius:30px;	
	padding-top:15px;
	border:1px solid;
}
.biography_des_law > ul > li:hover a{
	color:#fff;	
}
/*Education Year Base*/
.kode_edu_des_law{
	float:left;
	width:100%;
	padding:0 20px;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.18);	
}
.kode_edu_des_law,.edu_detail{
	float:left;
	width:100%;	
}
.edu_detail_law{
	padding:20px 0px;
	border-bottom:1px solid #e1e1e1;
	float:left;
	width:100%;
}
.edu_detail_law h5{
	text-transform:uppercase;
	font-weight:bold;
	width:20%;
	float:left;	
	margin:0px;
}
.kode_edu_year_law{
	float:left;
	width:80%;
	padding-left:15px;	
}
.kode_edu_year_law h4{
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:15px;
	width:100%;
	font-size:20px;
	color:#111111;
	margin:0px;
}
.kode_edu_year_law p,.kode_award_detail_law p{
	color:#666666;
	font-weight:500;
		
}
.kode_edu_des_law .edu_detail_law:last-child{
	border-bottom:0px;	
}

/*Education Year Base ends*/

/*Award Wrap*/
.kode_award_wrap_law,.kode_award_list_law,.kode_skill_progress_law,.kode_latest_work_law,.latest_work_list_law{
	float:left;
	width:100%;	
}
.kode_award_wrap_law{
	padding:50px 0px;
	border-bottom:1px solid #c0c0c0;	
}
.award_heading_law h4{
	text-transform:uppercase;
	font-weight:bold;	
}
.kode_award_list_law{
	padding-top:20px;	
}
.kode_award_logo_law{
	float:left;	
}
.kode_award_logo_law i{
	width:50px;
	height:50px;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	line-height: 50px;
	font-size: 22px;
}
.kode_award_detail_law{
	float:none;
	padding:0px 0px 0px 65px;
}
.kode_award_detail_law h5{
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:15px;	
	margin:0px;
}
.kode_award_detail_law p{
	margin:0px;	
}

/*Award Wrap ends*/

/*Progress Bar*/
.kode_skill_progress_law{
	padding-top:30px;
	padding-bottom:10px;	
}
.kode_skill_progress_law p{
	color:#111111;	
}
.kode_skill_progress_law .progress_law{
	border:0px;
	border-radius:0px;
	box-shadow:none;
	background-color:#828282;
	height:12px;
	margin:0px;
	margin-top:12px;	
}
.kode_skill_progress_law .progress-bar_law{
	box-shadow:none;	
}

/*Progress Bar ends*/

/*Latest Work Style*/
.latest_work_list_law{
	position:relative;	
}
.kode_latest_work_law{
	padding-top:50px;	
}
.latest_work_list_law figure img{
	width:100%;
	height:auto;	
}
.work_des_law{
	position:absolute;
	bottom:10px;
	left:20px;
}
.work_des_law h4{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;	
}
.work_des_law p{
	color:#fff;
}




/*
	  ======================================
		Project Page Style
	  ======================================
*/
.kode_project{
	float: left;
	width: 100%;
}
.kode_project figure{
	float: left;
	width: 100%;
}
.kode_project figure img{
	width: 100%;
}
.kode_project_detail{
	width:100%;
	float:left;
	border-bottom:1px solid #e1e1e1;
	padding-bottom:10px;
	line-height:normal;	
}
.kode_project_detail span{
	color:#666666;
	padding-bottom:10px;
	display:block;	
}
.kode_project_detail span i{
	margin-right:10px;	
}
.kode_project_detail p{
	color:#666666;
	padding:0px;
}
.kode_project_detail > ul{
	padding:20px 0px;	
}
.kode_project_detail > ul > li {
	padding:5px 0px;	
}
.margin-minus-30{
	margin-top:-30px;
	float:left;
	width:100%;
}
.kode_project_detail > ul > li:before{
	content:"\f10c";
	font-family:fontawesome;
	font-size:14px;
	margin-right:10px;
}
/*Flicker Images Style*/
.kode_project_flick_wrap h4{
	padding:30px 0;
	font-weight:bold;
	text-transform:uppercase;	
}
.kode_project_flick_wrap .flickr_icon > ul > li > a{
	font-size:18px;
	color:#fff;
	display:block;
}

/*Flicker Images Style*/

/*Related Projects Wrap*/

.kode_latest_work h4{
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:30px;	
}
.kode_latest_work figure h4{
	padding-bottom: 10px
}





/* Blog Grid Page CSS Start */
.blog_grid_wrap{
	margin-bottom:30px;
	float:left;
	width:100%;
}
.blog_grid_wrap img{
	width: 100%;
}
.kode_blog_grid figure img{
	width:100%;
	height:auto;	
}
.img_link_icon{
	position:absolute;
	top:-5%;
	left:50%;
	margin:-10px 0px 0px -10px;
	opacity:0;	
}
.img_link_icon i{
	color:#fff;
	font-size:20px;	
}
.blog_grid_des{
	width:100%;
	float:left;
	padding:15px 20px 25px;
	background-color:#fafafa;	
}
.kode_election > span{
	padding:0 10px;
}
.blog_icon{
	float:right;
	width:100%;
	margin-bottom:10px;	
}
.basic{
	float:left;	
}
.comment{
	float:right;	
}
.comment i{
	margin-right:15px;	
}
.commentlist li .kode-title-comment-c{
	text-transform:capitalize;
}
.comment-author-link{
	text-transform:capitalize;
}
.kode_sahre_blog{
	float:left;
	width:10%;
	cursor:pointer;
	position:relative;
	text-align:left;
}
.blog_social_icon{
	display:none;
	position:absolute;
	left:0px;
	top:100%;
}
.blog_social_icon > ul > li{
	display:block;
	padding-top:20px;	
}
.blog_social_icon > ul > li > a{
	display:inline-block;
	color:#666666;	
}
.blog_grid_post{
	float:right;
	width:100%;	
}
.blog_grid_post h5{
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 15px;
	float: left;
	width: 100%;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;	
}
.blog_grid_post span{
	display:inline-block;
	padding-right:7px;
	margin-bottom:10px;		
}
.blog_grid_post p{
	line-height:30px;
	color:#666666;
}
.kode_university-heading h4{
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:30px;	
	font-size:30px !important;	
}
.blog_grid_post .blog-info a{
	font-size:14px;	
	float: left;
	width: auto;
}
.blog_grid_wrap .blog_grid_des span.blog-info i{
	margin-right:8px;
	float: left;
}
.blog_grid_wrap .blog_grid_des span.blog-info a{
	text-transform:capitalize;
}
.blog_grid_des .kode-blog-content a i{
	margin-left:10px;
}
.blog_grid_wrap figure{
	position:relative;
	overflow:hidden;
}
.blog_grid_wrap figure:before,
.blog_medium_wrap figure:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#111111;
	width:100%;
	height:0;
	opacity:0.5;	
}
.blog_grid_wrap:hover figure:before,
.blog_medium_wrap:hover figure:before
{
	height:100%;	
}
.blog_grid_wrap:hover .img_link_icon,
.blog_medium_wrap:hover .img_link_icon
{
	opacity:1;
	top:50%;	
}
.blog_grid_des > h6{
	margin: 0;
}
.blog_grid_des a{
	float: left;
	width: 100%;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #666;
}
.blog_grid_des a:before{
	content:"";
	position:absolute;
	width:100%;
	height:0;
	top:0;
	left:0;
	right:0;
	bottom:0;	
}

/*
	  ======================================
		Portfolio 2 column Page Style
	  ======================================
*/
.kode_portfolio_tab{
	float:left;
	width:100%;
	text-align:center;	
}
.kode_portfolio_tab > ul > li {
	display:inline-block;
	padding-right:3px;	
}
.kode_portfolio_tab > ul > li > a{
	display:block;
	padding:15px 30px;
	color:#666666;
	font-size:16px;
	line-height:normal;
	background-color:#fff;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.18);	
}
.kode_portfolio_tab > ul > li.active a,.kode_portfolio_tab > ul > li:hover a{
	color:#fff;	
}
/*Image With detail*/
.kode_portfoiol_wrap{
	float:left;
	width:100%;
	padding-top:30px;
	position:relative;	
}
.kode_portfoiol_wrap figure:before,.kode_port_full figure:before,.kode_port_grid figure:before{
	content:"";
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:0;
	opacity:0.8;	
}
.kode_portfoiol_wrap figure:hover:before,.kode_port_full figure:hover:before,.kode_port_grid figure:hover:before{
	height:100%;	
}
.kode_portfoiol_wrap figure,.kode_portfoiol_wrap figure img{
	width:100%;
	height:100%;	
}
.kode_fortfolio_detail{
	 bottom: 0;
    float: left;
    left: 0;
    margin-top: -25px;
    opacity: 0;
    padding: 0 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.kode_fortfolio_detail h5,.kode_fortfolio4_detail h5{
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	position:relative;
}
.kode_fortfolio_detail h5:before,.kode_fortfolio4_detail h5:before{
	content:"";
	position:absolute;
	border-top:1px solid #fff;
	top:-10px;
	right:0;
	left:0;
	margin:auto;
	width:30%;
	height:0;	
}
.kode_fortfolio_detail span,.kode_fortfolio4_detail span{
	font-size:16px;
	font-style:italic;
	color:#fff;
	display:block;
	position:relative;	
}
.kode_fortfolio_detail span:after,.kode_fortfolio4_detail span:before{
	content:"";
	position:absolute;
	border-bottom:1px solid #fff;
	bottom:-10px;
	left:0;
	right:0;
	margin:auto;
	height:0;
	width:30%;	
}
.kode_portfoiol_wrap figure:hover .kode_fortfolio_detail,.kode_portfoiol_wrap figure:hover .kode_fortfolio4_detail{
	opacity:1;	
}

/*Image With detail ends*/

/*
	  ======================================
		Portfolio 4 Page Style
	  ======================================
*/
.kode_without_wrap{
	margin-top:30px;
	float:left;	
	width: 100%;
}
.kode_fortfolio4_detail{
	 bottom: 0;
    float: left;
    left: 0;
    margin-top: -25px;
    opacity: 0;
    padding: 0 40px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
}
/*
	  ======================================
		Portfolio(3)-2 full-column Page Style
	  ======================================
*/
.kode_port_full{
	width:100%;
	float:left;	
}
.kode_port_full figure,.kode_port_full figure img,.kode_port_grid figure img{
	width:100%;
	height:100%;	
}
.kode_port_full_caption{
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
	padding:20px;
}
.kode_port_full_caption h4{
	color:#fff;
	font-weight:bold;
	margin: 0;
	text-transform:uppercase;	
}
.kode_port_full_caption h4 a{
	color:#fff;
}
.kode_port_full_caption span{
	color:#fff;
	display:inline-block;
	text-transform:capitalize;	
}
.kode_port_social{
	position:absolute;
	left:0;
	top:0;
	opacity:0;	
	right: 0;
	text-align: center;
}
.kode_port_social > ul > li{
	display:inline-block;
}
.kode_port_social > ul > li > a{
	display:inline-block;
	width: auto;
	font-size:16px;
	text-align:center;
}
.kode_port_social > ul > li > a > i{
	width:45px;
	height:45px;
	border-radius:30px;
	background-color:#fff;
	padding-top:15px;	
}
.kode_port_full figure:hover .kode_port_social,
.kode_port_grid figure:hover .kode_port_social{
	opacity:1;
	left:0;
	top:45%;	
	right: 0;
	text-align: center;
	transform:translateY(-45%);
}

/*
	  ==================================
		Portfolio(2)  Page Style
	  ==================================
*/
.kode_port_grid{
	width:100%;
	float:left;
	margin-top:30px;	
}
.kode-style-style-3 .kode_port_grid{
	margin-top:0px;	
	margin-bottom:30px;	
}
/*
	  ==================================
		Portfolio(3)3  Page Style
	  ==================================
*/
.kode_port_search{
	float:left;
	width:100%;
	margin-top:30px;
	position:relative;	
}
.kode_port_search figure{
	position:static;	
}
.kode_port_search figure img{
	width:100%;
	height:auto;	
}
.kode_port_social_cap{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	height:25%;
	text-align:center;
	opacity:0;	
	z-index:hidden;
	z-index:9999;
}
.kode_port_social_cap ul{
	margin-left: 0;
	padding-left: 0;
}
.kode_port_social_cap h4{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:10px;	
}
.kode_port_social_cap p{
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	padding-bottom:8px;	
}
.kode_port_social_cap > ul > li{
	display:inline-block;	
}
.kode_port_social_cap > ul > li > a{
	display:block;
	color:#fff;
	border:1px solid #fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	padding:8px 12px;	
}
.kode_port3_cap{
	width:100%;
	float:left;
	padding:20px;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.18);	
	background-color:#f0f0f0;
}
.kode_port3_cap h5{
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:5px;	
}
.kode_port3_cap h6{
	color:#666666;
	text-transform:capitalize;	
}
.kode_port_search{
	position:relative;
	overflow:hidden;
	z-index:100;
}

.kode_port_search:before{
	z-index:100;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
}
.kode_port_search:hover:before{
	height:100%;	
}
.kode_port_search:hover .kode_port_social_cap{
	opacity:1;	
}
.kode-portfolio-list figure{
	position:relative;
	overflow:hidden;
	float: left;
	width: 100%;
}

.kode-portfolio-list.kode-item{
	float:left;
	width:100%;	
}
.kode_blog{
	position:relative;
	width:100%;
}
.kode_blog .kode-caption{
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	padding:50px;
	margin:0px;
}
.blog_des{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	padding:30px;	
}

.kode_blog .kode-user{
	float:left;
	width:100%;
	margin-bottom:50px;
}
.kode_blog .kode-user .kode-thumb{
	float:left;
}
.kode_blog .kode-user .kode_blog_posting{
	padding:10px 0px 0px 80px;
}
.kode_blog_posting h6{
	font-size:16px;
	text-transform:uppercase;
	color:#fff;	
}
.kode_blog_posting h5{
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;	
}

.kode_blog .kode-text h4{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:20px;	
}
.kode_blog .kode-text{
	text-align:center;
	float:left;
	width:100%
}
.kode_blog .kode-text p{
	color:#fff;
	margin:0px;
	padding:0px 30px 30px;	
}
.kode_blog figure{
	position:relative;
	overflow:hidden;
}
.kode_blog figure .kode_blog_detail a{
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;	
}
.kode_blog figure{
	position:relative;
}
.kode_blog figure:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:0;
	opacity:0.8;	
}
.kode_blog:hover figure:before{
	height:100%;	
}
.kode_blog .kode-text a.view{
	background-color:#fff;
	display:inline-block;
	padding:15px 20px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	text-transform:capitalize;
	font-weight:bold;
	font-size:14px;
	opacity:0;
}
.kode_blog:hover .kode-text a.view{
	opacity:1;
}
.kode_latest_blog_wrap .bx-pager{
	display:none;	
}
.kode_latest_blog_wrap .bx-wrapper .bx-controls-direction a{
	font-size:20px;
	color:#fff;
	text-indent:0;
	text-align:center;
	width:40px;
	height:40px;
	line-height:38px;	
}
.kode_latest_blog_wrap .bx-wrapper .bx-controls-direction a:hover{
	background-color: #000;
	color:#fff;

}
.kode_latest_blog_wrap .bx-wrapper a.bx-prev{
	 left:auto;
	 right:60px;
	 top:0px;	
}
.kode_latest_blog_wrap .bx-wrapper a.bx-next{
	left:auto;
	right:15px;
	top:0px;	
}
.kode-work-timeline .kode_hdg_1{
	margin-bottom:50px;
}
.kode-item.kode-divider-item,
.kode-work-timeline{
	width:100%;
	float:left;
}
.kode_wht_des .bx-controls-direction{display:none;}
.kode_work_wrapper_forest{
	width:100%;	
	float:left;
}
.kode_link_2.kd-small i{
	margin-left:10px;
}
.kode_text_align_center{
	text-align:center;
}
.kode_text_align_center a{
	float:none;
	display:inline-block;
}
.kode_text_align_center a.kode_link_2:hover{
	color:#fff;
}
.kode_purchase_now2 .kode_link_2,
.kode_program_list.kode-item.kode-type-1 .kode_link_2,
.kode_purchase .kode_link_2{
	border-color:#fff;
	color:#fff;
}
.kode_purchase_now2 .kode_link_2:before,
.kode_program_list.kode-item.kode-type-1 .kode_link_2:before,
.kode_purchase .kode_link_2:before{
	background:#fff;
}
.kode_purchase_now2 .kode_link_2:hover,
.kode_program_list.kode-item.kode-type-1 .kode_link_2:hover{
	color:#333;
}
.kode_site_map .children,
.kode_site_map .sub-menu{
	display:none;
}
.kode_event_share {
	background:#f9f9f9;
}
.kode_event_share .event-info{
	margin-right:10px;
}
.kode-background-map .kode_shortcode-map{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	bottom:0;
	right:0;
}
.no-padding [class*="col-md-"]{
	padding:0px;
}
.kode-widget.kode-sidebar-element .widget-title, .widget_hdg h5{
	color:#333;
}
.timeline-box{
	text-align:center;
}
.our-latest-work .kode_hdg_1{
	margin-bottom:50px;
}
.ev_map_canvas{
	width:100%;
	height:900px;
	float:left;
}

.kode-event-list-map{
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 30px 0px;
	overflow:hidden;
}
.kode-event-list-map img{
	width:100%;
}
.kode-event-list-map:hover img{
	transform:scale(1.3) rotate(10deg);
	-moz-transform:scale(1.3) rotate(10deg);
	-webkit-transform:scale(1.3) rotate(10deg);
}
.kode-event-list-map:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
	opacity:0.7;
	z-index:50;
}
.kode-event-list-map:hover:before{
	opacity:1;
}
.kode-event-list-map .kode-event-caption{
	position:absolute;
	left:0px;
	bottom:0px;
	padding:30px;
	width:100%;
	z-index:100;
}
.kode-event-list-map .kode-event-caption h2{
	color:#fff;
	text-transform:uppercase;
	margin:0px;
	font-style:italic;
}
.kode-event-list-map .kode-event-caption h2 a{
	color:#fff;
}
.kode-event-list-map .kode-event-caption p{
	font-size:16px;
	color:#fff;
	margin:0px 0px 15px 0px;
}
.kode-event-list-map .btn-borderd{
	padding:4px 15px;
	font-size:16px;
	border-width:1px;
}
/*
	  ============================================================
		   Transaction Effect
	  ============================================================
*/
/*----------------------------------------------------------------------Top Strip Wrap Style----------------------------------------------------------------------*/
.kode_cnt_info ul li,
.kode_scl_icon ul li,
.kode_scl_icon ul li a,
/*----------------------------------------------------------------------Logo & Navigation Wrap Style----------------------------------------------------------------------*/
.kode_menu ul li:before,
.kode_menu ul ul li a,
.kode_menu ul ul li:after,
.kode_favorite,
.kode_search,
.kode_favorite i,
.kode_search i,
.kode_menu ul ul,
.kode_link_1,
.kode_link_1 i,
/*----------------------------------------------------------------------Banner Wrap Style----------------------------------------------------------------------*/
/*----------------------------------------------------------------------Breaking News Wrap Style----------------------------------------------------------------------*/
.kode_breaking_news2,
/*----------------------------------------------------------------------Program List Wrap Style----------------------------------------------------------------------*/
.kode_program_list:before,
.kode_program_des,
.kode_program_hover,
.kode_program_list:after,
.kode_link_2:before,
a.kode_link_2,
/*----------------------------------------------------------------------Welcome to Democracy Wrap Style----------------------------------------------------------------------*/
ul.kode_tab_lnk li:before,
ul.kode_tab_lnk li:after,
ul.kode_tab_lnk li a,
.kode_link_3,
.kode_link_3 i,
.kode_link_3:before,
/*----------------------------------------------------------------------What we Do Wrap Style----------------------------------------------------------------------*/
.kode_wht_des ul li:hover h6 a,
.kode_wht_des ul li:hover a span,
/*----------------------------------------------------------------------New & Press Release Wrap Style----------------------------------------------------------------------*/
.kode_press_news:before,
.kode_news_date ul li a,
.kode_news_des h6,
.kode_news_des h6:before,
.kode_news_des a,
.kode_news_des a i,
.kode_press_news figure.kode_pres1_style::before,
.kode_press_news figure.kode_pres2_style::before,
.kode_press_news figure.kode_pres1_style:after,
.kode_press_news figure figcaption,
.kode_press_news figure.kode_pres2_style:after,
/*----------------------------------------------------------------------Latest Work Gallery Wrap Style----------------------------------------------------------------------*/
.kode_galry_item:before,
.kode_galry_item figure figcaption,
.kode_galry_item figure:before,
.kode_galry_item figure:after,
.kode_galry_des,
.kode_galry_des p,
.kode_galry_des h6,
/*----------------------------------------------------------------------Purchase Now Wrap Style----------------------------------------------------------------------*/
/*----------------------------------------------------------------------Our Political Campagin Wrap Style----------------------------------------------------------------------*/
.kode_lst1_des h6,
.kode_cam_date,
.kode_cam_date:before,
.kode_cam_date:after,
/*----------------------------------------------------------------------Our Top Politician Wrap Style----------------------------------------------------------------------*/
.kode_politician,
.kode_politician figure,
.kode_politician figure:before,
.kode_poli_img_des,
.kode_politician_des h6 a,
.kode_politician_des p,
.kode_politician_des ul li a,
.kode_politician_des:before,
/*----------------------------------------------------------------------Progress Bar Wrap Style----------------------------------------------------------------------*/
/*----------------------------------------------------------------------Count Up Wrap Style----------------------------------------------------------------------*/
/*----------------------------------------------------------------------Latest Blog Wrap Style----------------------------------------------------------------------*/
.kode_latest_blog_des,
.kode_latest_blog_des ul li a,
.kode_latest_blog_des h6 a,
.kode_latest_blog figure img,
/*----------------------------------------------------------------------Video List Wrap Style----------------------------------------------------------------------*/
.kode_audio_wrap figure:before,
.kode_audio_wrap figure figcaption,
.kode_audio_wrap figure figcaption a,
/*----------------------------------------------------------------------Purchase Now 2 Wrap Style----------------------------------------------------------------------*/
/*----------------------------------------------------------------------Testimonial Wrap Style----------------------------------------------------------------------*/
.kode_testi_wrap figure img,
.kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div,
.kode_testi_wrap a,
/*----------------------------------------------------------------------Footer Wrap Style----------------------------------------------------------------------*/
.kode_widgt_touch ul li,
.kode_widgt_touch ul li a,
.kode_foo_field input[type="submit"],
.kode_foo_field button,
.kode_footer_logo ul li a,
.kode_site_map ul li a,
.kode_copyright a,
.kode_widgt_event ul li,
.kode_widgt_event ul li a,
.kode_widgt_tweets ul li a,
.kode_foo_gallery ul li a img,
.kode_newsletter_form form button,
/*----------------------------------------------------------------------Copy Right Wrap Style----------------------------------------------------------------------*/
.kode_copyright_des a,
/*---------------------------------------------------------------------SUBCRIBE WRAP WRAP STYLE----------------------------------------------------------------------*/
/*---------------------------------------------------------------------Bread Crumb wrap Style----------------------------------------------------------------------*/
/*---------------------------------------------------------------------About Us Services Wrap STYLE----------------------------------------------------------------------*/
.kode_about_services i,
.kode_about_services h5 a,
.kode_about_services h5 a:before,
/*---------------------------------------------------------------------Social Counter Up Wrap STYLE----------------------------------------------------------------------*/
/*---------------------------------------------------------------------Our Achievement Wrap STYLE----------------------------------------------------------------------*/
.kode_achment_wrap figcaption h6,
.kode_achment_des h5 a,
/*---------------------------------------------------------------------Where We Are Wrap STYLE----------------------------------------------------------------------*/
.kode_where_year,
.kode_where_year h6,
.kode_where_des h5,
.kode_where_we figure a:before,
/*---------------------------------------------------------------------Become A Volunteer Wrap STYLE----------------------------------------------------------------------*/
/*---------------------------------------------------------------------Our Skill Wrap STYLE----------------------------------------------------------------------*/
/*---------------------------------------------------------------------Why We Are Wrap STYLE----------------------------------------------------------------------*/
.kode_goal_wrap .accordion-open,
.kode_planning_wrap ul li a,
/*---------------------------------------------------------------------Pagination Wrap STYLE----------------------------------------------------------------------*/
.kode_pagination .pagination li a,
.kode_pagination .pagination li a span,
.kode_pagination ul li a b,
/*---------------------------------------------------------------------About US Welcome Wrap STYLE----------------------------------------------------------------------*/
/*---------------------------------------------------------------------News Wrap STYLE----------------------------------------------------------------------*/
.kode_news_wrap,
.kode_news_wrap figure:before,
.kode_news_wrap_des a,
/*---------------------------------------------------------------------News List Wrap STYLE----------------------------------------------------------------------*/
.kode_news_list_des > h6 > a,
.kode_news_list_des > ul > li > a,
.kode_author > a,
.kode_news_list figure img,
/*---------------------------------------------------------------------Aside Wrap STYLE----------------------------------------------------------------------*/
.kode_aside_cat ul li a,
.kode_aside_event ul li figure:before,
.kode_aside_event ul li figure figcaption,
.kode_aside_event ul figure figcaption a,
.kode_aside_flicker ul li figure:before,
.kode_aside_flicker ul li figure figcaption,
/*---------------------------------------------------------------------Event Wrap STYLE----------------------------------------------------------------------*/
.kode_event_wrap,
.kode_event_wrap figure:before,
.kode_event_wrap figure figcaption,
.kode_event_des > h6 > a,
.kode_event_des  > a,
.kode_event_des > ul > li > a,
/*---------------------------------------------------------------------Advance Services Wrap STYLE----------------------------------------------------------------------*/
.kode_advance_service figure:before,
.kode_advance_service figure,
.kode_service_caption,
.kode_advance_hdg,
.kode_advance_hdg i,
.kode_advance_hdg h6,
/*---------------------------------------------------------------------Team Wrap STYLE----------------------------------------------------------------------*/
.kode_work_des h6 a,
/*---------------------------------------------------------------------latest Work Wrap STYLE----------------------------------------------------------------------*/
.kode_work_hover,
/*---------------------------------------------------------------------Event Detail Wrap STYLE----------------------------------------------------------------------*/
.kode_event_list > h6 > a,
.kode_event_list > ul > li > a,
/*---------------------------------------------------------------------Event Orgnizer Wrap STYLE----------------------------------------------------------------------*/
.kode_aside_gallery ul li a img,
ul.kode_orgnizer_email li,
/*---------------------------------------------------------------------Comment Wrap STYLE----------------------------------------------------------------------*/
.kode_btn_1:before,
/*---------------------------------------------------------------------Event Detail Aside Wrap STYLE----------------------------------------------------------------------*/
ul.kode_aside_contnt li,
ul.kode_aside_org_scl li a,
.kode_aside_org_des a h6,
/*---------------------------------------------------------------------News Detail Wrap STYLE----------------------------------------------------------------------*/
.kode_news_detail > ul > li a,
.kf_pagination ul li a,
.kode_event_list a,
.kode_news_detail figure img,
.kode_aside_video figure:before,
/*---------------------------------------------------------------------Contact Us Wrap STYLE----------------------------------------------------------------------*/
.kode_contact_field input[type="submit"],
.kode_contact_field button,
.kode_contact_des span,
.kode_contact_des span a,
.kode_contact_field input[type="text"],
.kode_contact_field textarea,
/*---------------------------------------------------------------------Services Wrap STYLE----------------------------------------------------------------------*/
.kode_focus_wrap h6,
.kode_focus_wrap a,
/*---------------------------------------------------------------------Services Video Page STYLE----------------------------------------------------------------------*/
.kode_video_icon,
/*---------------------------------------------------------------------Contact Us Page STYLE----------------------------------------------------------------------*/
.kf_office_name li a,
.kf_loc_socil_icon li a,
.kf_location_info a,
.kode_btn_1,
.kf_location_info i,
.kf_location_info,
.kf_location_info h6,
/*---------------------------------------------------------------------404 Page STYLE----------------------------------------------------------------------*/
.kf_page_list ul li a,
.kf_page_list ul li:before,
.kf_404_form button:hover,
.kf_404_form input[type="submit"]:hover,
/*---------------------------------------------------------------------Commiing Soon Page STYLE----------------------------------------------------------------------*/
.kf_comming_form button,
.kf_comming_form input[type="submit"],
.kf_comming_social ul li a, 
.kode_press_news, 
.kode_politician
{
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;	
}



/*
	  ============================================================
		   Transform Effect
	  ============================================================
*/
.kode_latest_blog:hover figure img,
/*News List Page Style*/
.kode_news_list:hover figure img
{
	transform:scale(1.2) rotateZ(-6deg);
	-webkit-transform:scale(1.2) rotateZ(-6deg);
	-ms-transform:scale(1.2) rotateZ(-6deg);
	-moz-transform:scale(1.2) rotateZ(-6deg);
	-o-transform:scale(1.2) rotateZ(-6deg);
}

/*
	  ============================================================
		  Content Selection
	  ============================================================
*/
::selection {
    background: #ef4a2b;
    color:#ffffff;
}
::-webkit-selection {
    background: #ef4a2b;
    color: #ffffff;
}
::-moz-selection {
    background: #ef4a2b;
    color: #ffffff;
}

/*
	  ============================================================
		  Single Border Color
	  ============================================================
*/
.kode_politician_des:before{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ef4a2b;	
}

/*
	  ============================================================
		  Outline Color
	  ============================================================
*/
.kode_about_welcome a.kode_link_3{
	outline:1px solid #ef4a2b;		
}

/*
	  ============================================================
		  Gradiant Color
	  ============================================================
*/
.kode_countup_bg:before{
	background: -moz-linear-gradient(left,  rgba(65,192,220,1) 0%, rgba(232,79,50,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(65,192,220,1)), color-stop(100%,rgba(232,79,50,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(65,192,220,1) 0%,rgba(232,79,50,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(65,192,220,1) 0%,rgba(232,79,50,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(65,192,220,1) 0%,rgba(232,79,50,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(65,192,220,1) 0%,rgba(232,79,50,1) 100%); /* W3C */
	
}
.kode_purchase_bg:before{
	background: -moz-linear-gradient(left,  rgba(238,75,44,1) 0%, rgba(65,192,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,75,44,1)), color-stop(100%,rgba(65,192,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(238,75,44,1) 0%,rgba(65,192,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(238,75,44,1) 0%,rgba(65,192,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(238,75,44,1) 0%,rgba(65,192,220,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(238,75,44,1) 0%,rgba(65,192,220,1) 100%); /* W3C */

}



.kode-blog-thumbnail.kode-video iframe{
	margin:0px;
	float:left;
}
/*Flicker Images Style*/
.kode_project_flick_wrap h4{
	padding:30px 0;
	font-weight:bold;
	text-transform:uppercase;	
}
.kode_project_flick_wrap ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.kode_project_flick_wrap ul li.clear{
	clear:both;
	margin:0px;
	padding:0px;
	border:none;
}
.kode_project_flick_wrap ul li.clear:before{
	
}
.kode_project_flick_wrap .flickr_icon > ul > li > a{
	font-size:18px;
	color:#fff;
	display:block;
}

.kode_flick_outer_wrap > ul > li,.kode_project_flick_wrap > ul > li{
	float: left;
	position:relative;
	border:5px solid #ededed;
	width:32%;
	margin-right:1.3%;
	margin-bottom:5px;
	position:relative;	
}
.kode_flick_outer_wrap > ul > li > a:before,.kode_project_flick_wrap > ul > li > a:before{
	 bottom: 0;
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 16px;
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 16px;
    z-index: 2;	
}
.kode_flick_outer_wrap > ul > li:hover a:before,.kode_project_flick_wrap > ul > li:hover a:before{
	opacity:1;
	width:100%;
	height:100%;
	
}
.kode_flick_outer_wrap > ul > li > a,.kode_project_flick_wrap > ul > li > a{
	display:block;
	position:relative;	
}
.kode_flick_outer_wrap > ul > li > a > img,.kode_project_flick_wrap > ul > li > a > img{
	width:100%;
	height:auto;	
}
.kode_flick_outer_wrap > ul > li:hover,.kode_project_flick_wrap > ul > li:hover{
	border:5px solid;	
}
.kode_flick_outer_wrap > ul > li:before,.kode_project_flick_wrap > ul > li:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:0;
	background-color:#222222;
	opacity:0.6;
	z-index:1;	
}
.kode_flick_outer_wrap > ul > li:hover:before,.kode_project_flick_wrap > ul > li:hover:before{
	height:100%;	
}
.kode_flick_outer_wrap > ul > li:hover .flicker_icon,.kode_project_flick_wrap > ul > li:hover .flicker_icon{
	opacity:1;	
}
#kodecomments{
	
}
.event_detail_review .work-info i{
	margin-right:15px;
}
.event_detail_review ul{
	margin:0px;
}
.event_detail_review li a{
	color: #666;
	transition:all 0.3s ease-in-out;
}
.kode_project .event_detail_review{
	margin-top: 0;
}
.booking_form{
	float:left;
	width:100%;
}
.kode_news_detail ul.kode-meta-detail{
	margin:0px 0px 10px;
}
.columns [class*="kode-type-"]{
	width:100%;
	float:left;
}
.kode_share_icon,
.kode_share_icon li{
	padding: 0 !important;

}
.kode_share_icon li h5{
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	line-height: 28px;
}
/* Pagination starts */
.kode-404-page{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:50px;
}
.kode-404-page h1{
	font-size:300px !important;
	color:#000 !important;
	line-height:220px;
	font-weight:bold;
	margin:0px 0px 50px 0px;
	text-shadow:0 10px 5px rgba(0, 0, 0, 0.3);
	-moz-text-shadow:0 10px 5px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow:0 10px 5px rgba(0, 0, 0, 0.3);
}
.kode-404-page h2 {
	font-size: 40px !important;
	text-transform: uppercase;
}
.kode-404-page span {
	font-size: 35px;
	text-transform: uppercase;
}
.kode-innersearch{
	display:inline-block;
	width:70%;
	position:relative;
	margin-top:20px;
}
.kode-innersearch input[type="text"]{
	float:left;
	height:68px !important;
	padding:10px 100px 10px 20px;
	width:100%;
	font-size:30px;
	color:#666;
}
.kode-innersearch .kode-search label{
	
	color:#333;
	font-size:30px;
	background:none;
}
.widget-search .kode-search input[type="text"]{
	padding:17px 30px;
}
.kf_404_form .widget-search .kode-search input[type="text"]{
	height:53px;
}
.kf_404_form .widget-search .kode-search label{
	padding:9px 26px;
}
.kode-innersearch label input[type="submit"]{
	padding:0px;
	visibility:hidden;
	opacity:0;
}
.kf_404_form label:hover {
	background-color: #000;
}
.kf_404_form label:before {
	content: "\f002";
	font-family: 'FontAwesome';
	color: #fff;
	position:absolute;
	font-size:18px;
	top:14px;
	right:17px;
	z-index:9999;
}
/* Other Gallery PAge Style */
.kode-style-gal-simple-gallery .kode_galry_item:hover figure:before{
	right:-202px;
}
.kode-style-gal-simple-gallery .kode_galry_item figure:before{
	bottom:-85px;
	height:60%;
	transform:rotate(-43deg);
}
/* Portfolio Page Wrap Style */
.kode-style-style-1 .kode_galry_item figure:before{
	height:90%;
	bottom:-103px;
	transform:rotate(-36deg);
}
.kode_fortfolio_detail h5,
.kode_fortfolio_detail h5 a,
.kode-style-style-2 .kode_portfoiol_wrap .kode-portfolio-list h5,
.kode-style-style-2 .kode_portfoiol_wrap .kode-portfolio-list h5 a{
	color:#fff !important;
}
.kode-style-style-2 .kode-portfolio-list figure:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	width:0px;
	height:0px;
	background-color:rgba(0,0,0,0.75);
}
.kode-style-style-2 .kode_portfoiol_wrap:hover figure:before{
	width:100%;
	height:100%;
}
/* Portfolio-3 Page Wrap Style */
.kode_port_social ul li:hover a i{
	color:#fff;
}
/* Short Code table Page Style */
.kd-table .table{
	border-width: 1px;
	border-color: #c7c7c7;
}
.kd-table.table-1 .table tr th{
	color:#000;
	border-color: #c7c7c7;
}
.widget_nav_menu ul li, .widget_nav_menu ul ul li{
	margin:0px;
}
/* Short Code Page Service-5 Wrap Style */
.law_services.kf-services-new:hover{
	border-radius:15px;
}
/* Gallery With Caption Page Style */
.kode-style-gal-simple-gallery .kode-padding-free .kode_galry_item:hover figure:before{
	right:-125px;
}
.kode-style-gal-simple-gallery .kode-padding-free .kode_galry_item figure:before{
	height:70%;
	bottom:-65px;
	transform:rotate(-42deg);
	width:140%;
}
/* Portfolio with padding Page Wrap Style */
.kode-style-style-1 .with-padding .kode_galry_item figure:before{
	bottom:-245px;
	transform:rotate(-41deg);
}
.kode-style-style-1 .with-padding .kode_galry_item:hover figure:before{
	right:-253px;
}

div.wpcf7-validation-errors{
	color:#fff;
}
body.category .kode-blog-thumbnail img{
	height:auto;
}
body.category .kode-item figure{
	position:relative;
}
body.category .kode-item figure figcaption .kode-blog-post.thbg-color{
	background-color:#fff;
}
.kode-blog-thumbnail iframe{
	margin-bottom:0px;
}
.kode_text_align_center a.kode_link_2:before{
	background-color:#000;
}
.kode_text_align_center a.kode_link_2{
	border:2px solid #000;
	color:#000;
}
.kode_text_align_center a.kode_link_2 i{
	display:none;
}
.kode_welcome_borderless img{
	width:90%;
}
footer .widget_categories ul li a:before,
footer .widget_categories ul li a{
	color:#999;
}
.kode-widget .em-calendar-wrapper .em-calendar{
	margin-bottom:0px;
}

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

		   			LAWYER THEME CSS

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



.law-header-1{
	float:left;
	width:100%;
}
.law-top-strip{
	float:left;
	width:100%;
	padding:10px 0px;
}
.law-top-strip .info{
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}
.law-top-strip .info li{
	margin:0px 15px 0px 0px;
}
.law-top-strip .info li, .law-top-strip .info li a{
	float:left;
	color:#fff;
	font-size:14px;
}
.law-top-strip .info li i{
	margin:3px 10px 0px 0px;
	float:left;
}
.law-top-strip .social-icons{
	float:right;
}
.law-top-strip .social-icons ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
.law-top-strip .social-icons ul li{
	float:left;
	margin:0px 0px 0px 5px;
}
.law-top-strip .social-icons ul li a{
	display:block;
	height:24px;
	width:24px;
	color:#fff;
	font-size:12px;
	line-height:24px;
	text-align:center;
	background-color:rgba(255,255,255,0.3);
	-moz-background-color:rgba(255,255,255,0.3);
	-webkit-background-color:rgba(255,255,255,0.3);
}
.law-header-container{
	float:left;
	width:100%;
	padding:0px 70px;
	position:relative;
}
.law-navigation{
	float:left;
	width:100%;
	background-color:#fff;
}
.law_logo{
	float:left;
	padding:15px 0px;
	margin-right:30px;
}
/*
==============================================================
		   			LAWYER PAGE NAVIGATION
==============================================================
*/
.law-navigation .main-nav{
	float:left;
	margin:0px;
}
.law-navigation .main-nav ul{
	float:left;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}
.law-navigation .main-nav ul li{
	float:left;
}
.law-navigation .main-nav ul li a{
	font-size:14px;
	text-transform:uppercase;
	color:#505050;
	display:block;
	padding:30px 15px;
}
.law-navigation .main-nav ul li{
	position:relative;
}
.law-navigation .main-nav .children,
.law-navigation .main-nav .sub-menu{
	width: 300px;
	opacity: 0;
	visibility:hidden;
	float:left;
	margin-top: 15px;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
}
.law-navigation .main-nav .sub-menu{
	min-width:300px;
	position:absolute;
	left:0px;
}
.law-navigation .main-nav ul li ul li{
	float:none;
}
.law-navigation .main-nav ul li ul li a{
	padding:12px 10px 12px 20px;
	text-transform: capitalize;
}
.law-navigation .main-nav ul li ul li:hover a{
	padding:12px 25px;

}
.law-navigation .main-nav ul li ul li a:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 14px;
	color: #000;
	position: absolute;
	left: 10px;
	top: 12px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.law-navigation .main-nav ul li ul li:hover a:before{
	left: 17px
}
.law-navigation .main-nav li:hover > ul.sub-menu{	
	visibility:visible;
	opacity: 1;
	margin-top: 0;
}
.law-navigation .main-nav ul.sub-menu ul{
	top: 0px;
}
.law-navigation .main-nav ul li:hover > a{
	color:#fff;
}
.law-navigation .main-nav .dl-menuwrapper li{
	width:100%;
}
.law-navigation .main-nav .dl-menuwrapper li a{
	padding:12px 20px 12px 30px !important;
	color:#999;
	text-transform:capitalize;
}
.law-navigation .main-nav .dl-menuwrapper li.dl-back::after, .law-navigation .main-nav .dl-menuwrapper li > a:not(:only-child)::after{
	left:15px;
	color:#999;
	line-height:45px;
}
/*
==============================================================
		   			GET APP BUTTON
==============================================================
*/
.get-app{
	background-color:#f9f9f9;
	float:right;
	padding:30px 0px;
	border-left:solid 1px #ededed;
	padding:0px 70px 0px 20px;
	position:absolute;
	right:0px;
	top:0px;
	height:100%
}
.get-app a{
	text-transform:uppercase;
	padding:30px 0px;
	display:inline-block;
}
.get-app .side-btn{
	margin-left:20px;
}
 /*
==============================================================
		   			LAWYER BANNER
==============================================================
*/
.law_banner{
	float:left;
	width:100%;
	position:relative;
}
.law_banner ul.bxslider > li:before{
	content:"";
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
}
.law_banner .kode-caption{
	left:auto;
	right:50%;
	margin:-10% -558px 0 0;
	text-align:right;
	width:850px;
	
}
.law_banner .kode-caption .kode-caption-text,
.law_banner .kode-caption .kode-caption-title{	
	font-size:72px !important;
	text-transform:uppercase;
}
.kode_link_7{
	display:inline-block;
	color:#fff;
	padding:20px 30px;
	text-transform:uppercase;
	background:none;
	border:solid 1px #fff;
	margin:30px 5px 0px 5px;
}
.kode_link_7:hover{
	color:#333;
	background-color:#fff;
}
.law_banner .bx-wrapper .bx-pager{
	padding:0px;
	bottom:20px;
	width:auto;
	left:0;
	right: 0px;
}
.law_banner  .bx-wrapper .bx-pager.bx-default-pager a{
	height:16px;
	width:16px;
	border-radius:100%;
	margin:0px 2px;
}
.law_banner  .bx-wrapper .bx-pager.bx-default-pager a.active{
	background-color:#fff;
}
.kode-slider-item .bx-wrapper .bx-pager.bx-default-pager a{
	border-radius:0px;
}
/*
==============================================================
		   			ABOUT THEME
==============================================================
*/
.law-desc{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
}
.law-services-newone{
	border-left:solid 1px rgba(255,255,255,0);
	border-right:solid 1px rgba(255,255,255,0);
}
.law-services-newone:hover{
	border-left:solid 1px rgba(255,255,255,0.3);
	border-right:solid 1px rgba(255,255,255,0.3);
}
.law-desc:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	opacity:0.85;
}

.law-disc-content{
	float:left;
	width:100%;
	padding:30px 0px;
}
.law-disc-content i{
	height:66px;
	width:66px;
	border-radius:100%;
	border:solid 2px #FFF;
	float:left;
	text-align:center;
	font-size:34px;
	color:#fff;
	line-height:58px;
	margin-right:20px;
}
.law-disc-content h2{
	font-size:22px !important;
	font-family: 'Lora', serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	margin:0px;
}
.law-disc-content h2 a{
	color:#fff;
	text-decoration:none;
}
.law-disc-content p{
	margin:0px;
	text-transform:uppercase;
	color:#fff;
}
/*
==============================================================
		   		LAWYER PRACTICES SECTION
==============================================================
*/
.practices-areas{
	background-color:#f9f9f9;
}
/*
==============================================================
		   		LAWYER HEADING STYLE
==============================================================
*/
.law-heading{
	float:left;
	width:100%;
	text-align:center;	
}
.law-heading p{
	font-size:16px;
	color:#9e9e9e;
	margin-bottom:16px;
	line-height:16px;
	text-transform:uppercase;
}
.law-heading h2{	
	line-height:40px !important;
	margin-bottom:14px;
	color:#333;
	font-size:40px !important;
	font-weight: 600;
	text-transform: uppercase;
}
.law-heading span{
	font-size:24px;
	width:50px;
	height:30px;
	text-align:center;
	position:relative;
	display:inline-block;
	line-height:28px;
	color:#ccc;
}
.law-heading span:before, .law-heading span:after{
	content:"";
	position:absolute;
	left:100%;
	top:50%;
	width:100px;
	height:1px;
	background-color:#ccc;
}

.law-heading span:before{
	left:auto;
	right:100%;
}
/*
==============================================================
		   			LAWYER HEADING WHITE
==============================================================
*/
.law-heading.light span, .law-heading.light h2, .law-heading.light p{
	color:#fff;
}
.law-heading.light span:before, .law-heading.light span:after{
	background-color:#fff;
}
/*
==============================================================
		   			LAWYER PRACTICES SECTION
==============================================================
*/
.law-practices{
	float:left;
	width:100%;
	background-color:#fff;
	text-align:center;
	padding:30px 20px;
	border-bottom:solid 1px #f3f3f3;
}
.law-practices h2{
	font-family: 'Lora', serif;
	font-size:22px;
	color:#666;
	line-height:22px;
	margin:0px 0px 12px 0px;
}
.law-practices p{
	margin:0px;
}
.law-practices figure{
	float:left;
	width:100%;
	margin:30px 0px;
	overflow:hidden;
}
.law-practices figure a{
	float:left;
	width:100%;
	position:relative;
}
.law-practices figure a:before{
	content:"\f067";
	font-family:FontAwesome;
	position:absolute;
	left:0px;
	top:0px;
	color:#fff;
	font-size:30px;
	width:100%;
	text-align:center;
	top:50%;
	left:0px;
	margin-top:-20px;
	z-index:10;
	transform:scale(10);
	opacity:0;
}
.law-practices:hover figure a:before{
	transform:scale(1);
	opacity:1;
}
.law-practices figure img{
	float:left;
	width:100%;
}
.law-practices:hover figure img{
	opacity:0.3;
}
.law-practices .see-more{
	font-size:14px;
	color:#999;
	display:inline-block;
	padding:10px 30px;
	border:solid 1px #e9e9e9;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.law-practices:hover a.see-more{
	color:#fff;
	border-color:transparent;
	border-collapse:collapse;
}
.law-practices:hover a.see-more:hover{
	background-color: #000 !important;
	border-color: #000;
}
/*
==============================================================
		   		LAWYER EVALUATION SECTION
==============================================================
*/
.law-case-evaluation{
	float:left;
	width:100%;
	background-color:#000;
	padding:15px 100px;
}
.law-case-evaluation .sections{
	float:left;
	width:50%;
	min-height:570px;	
	padding:85px 120px;
}
.law-case-evaluation .sections .law-heading h2{
	font-size:40px;
}
.evaluation-bg{
	background-image:url(extra-images/evaluation-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
}
.evaluation-bg:before{
	content:"";
	position:absolute;
	left:20px;
	top:20px;
	bottom:20px;
	right:20px;
	border:solid 2px #fff;
}
.evaluation-bg .logo{
	width:45%;
	background-color:rgba(0,0,0,0.7);
	padding:40px;
	text-align:center;
	box-shadow:0px 0px 0px 20px rgba(0,0,0,0.3);
	position:relative;
	z-index:10;
	margin:-70px auto 0px auto;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
}

.law-case-evaluation .evaluation-form{
	float:left;
	width:100%;
}
.law-case-evaluation .evaluation-form input[type="text"], .law-case-evaluation .evaluation-form textarea{
	width:100%;
	height:40px;
	margin-bottom:20px;
	background-color:rgba(255,255,255,0.2);
	padding:10px 10px;
	border:none;
	color:#ccc;
	font-size:12px;
}
.law-case-evaluation .evaluation-form textarea{
	height:100px;
	resize:vertical;
}
/*
==============================================================
		   		LAWYER SERVICES SECTION
==============================================================
*/
.law-services-section{
	float:left;
	width:100%;
	padding-left:80px;
	padding-right:80px;
}
.law-services-section div.item{
	padding:0px 10px;
}
.law-services-box{
	float:left;
	width:100%;
	padding:50px 30px;
	text-align:center;
	border:solid 1px #e5e5e5;
	position:relative;
	margin:30px 0px;
}

.law-services-box i{
	font-size:50px;
	margin-bottom:10px;
}
.law-services-box h2{
	font-size:22px;
	color:#313131;
	margin-bottom:10px;
}
.law-services-box h2 a{
	text-decoration:none;
}
.law-services-box a.see-more{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	display:inline-block;
	padding:10px 30px;
	border:solid 1px #d9d9d9;
	position:absolute;
	left:0px;
	right:0px;
	bottom:-50px;
	margin:auto;
	text-transform:capitalize;
	background-color:#fff;
	width:50%;
	opacity:0;
	font-weight: bold;
}
.law-services-box:hover a.see-more{
	bottom:-23px;
	opacity:1;
}
.law-services-box:hover p, .law-services-box:hover h2, .law-services-box:hover i, .law-services-box:hover h2 a{
	color:#fff;
}
.law-services-section .owl-pagination{
	display:none;
}

.law-services-section .owl-buttons .owl-prev, .law-services-section .owl-buttons .owl-next{
	left:-60px;
	position:absolute;
	top:50%;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.law-services-section .owl-buttons .owl-next{
	left:auto;
	right:-60px;
}
.law-services-section .owl-buttons .owl-prev:before, .law-services-section .owl-buttons .owl-next:before{
	content:"\f104";
	font-family:FontAwesome;
	font-size:14px;
	color:#CCC;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	position:absolute;
	width:100%;
	text-align:center;
	left:0px;
	top:0px;
	padding:4px 7px;
}
.law-services-section .owl-buttons .owl-next:before{
	content:"\f105";
}
.law-services-section .owl-buttons .owl-prev:after, .law-services-section .owl-buttons .owl-next:after{
	content:"";
	height:1px;
	width:37px;
	background-color:#e5e5e5;
	position:absolute;
	left:75%;
	top:-12px;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.law-services-section .owl-buttons .owl-next:after{
	right:75%;
	left:auto;
	top:39px;
}
.owl-theme .owl-controls .owl-buttons div{
	margin:-20px 0px 0px 0px;
	height:30px;
	width:30px;
	background-color:#fff;
	border:solid 1px #e5e5e5;
	color:transparent;
	border-radius:0px;
	opacity:1;
}

/*
==============================================================
		   		ABOUT LAW AND ATTORNEY SECTION
==============================================================
*/

.about-law-section{
	background-color:#f9f9f9;
}
.about-law-section .about-tabs{
	float:left;
	width:100%;
}
.about-law-section .about-tabs ul{
	padding:0px;
	margin:0px 0px 30px 0px;
	position:relative;
	z-index:999;
}
.about-law-section .kode_welcome_borderless{
	margin-top:-43px;	
}
.about-law-section .about-tabs .nav > li{
	float:left;
	margin:0px;
}
.about-law-section .about-tabs .nav > li > a{
	display:block;
	padding:10px 30px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
	background-color:#ededed;
	border-top:solid 3px transparent;
	margin:0px;
}
.about-law-section .about-tabs .nav > li.active > a{
	background-color:#fff;
	outline:none;
}
.about-law-section .about-tabs .nav > li:hover > a{
	background-color:#fff;
}

.about-law-section .kode-lawyer-sec{
	background-color:#fff;
	float:none;
	width:auto;
	padding:30px;
	margin-right:-100px;
	position:relative;
	z-index:10;
}
.about-law-section .tab-content h2{
	font-size:26px !important;	
	line-height:26px;
	margin:0px 0px 10px 0px;
}
.about-law-section .tab-content p{
	margin-bottom:20px;
}
.evaluation-form .wpcf7-submit,
.about-law-section .tab-content a.read-more{
	display:inline-block;
	padding:10px 30px;
	font-size:14px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	border-radius: 0px;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.law-case-evaluation .evaluation-form{
	text-align:center;
}
.evaluation-form .wpcf7-submit{
	text-align:center;
	margin:0 auto;
}
.law_countup_bg{
	float:left;
	width:100%;
	padding:80px 0px;
	position:relative;
	background-image:url(extra-images/count-up-bg.png);
	background-position:center;
	background-size:cover;
}
.law_countup_bg:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	opacity:0.7
}
.kode_countup3{
	color:#fff;
	text-align:center;
	float:left;
	width:100%;
	position:relative;
}
.kode_countup3 h3{
	margin:0px;
	padding:0px;
	font-family: 'Lora', serif;
	font-size:50px !important;
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	font-weight:bold;
}
.kode_countup3 h3:before{
	display:none;
}
.kode_countup3 i{
	font-size:40px !important;
	margin-bottom:10px;
}
.kode_countup3 p{
	font-size:20px !important;
}

/*
==============================================================
		   		OUR LAW ATTORNY SECTION
==============================================================
*/

.law-attorny{
	float:left;
	width:100%;
	position:relative;
	border-top:solid 3px;
	margin-bottom: 30px;
}
.law-attorny:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
}
.law-attorny:hover:before{
	opacity:0.8;
}
.law-attorny img{
	float:left;
	width:100%;
}
.law-attorny .law-caption {
    bottom: 0;
    height: 290px;
    left: 0;
    margin: auto;
    padding: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 87%;
    opacity: 0;
}
.law-attorny:hover .law-caption{
	opacity: 1;
}
.law-attorny .law-caption h4{
	font-size:20px;
	font-family: 'Lora', serif;
	color:#fff;
	font-weight:bold;
}
.law-attorny .law-caption h6{
	font-size:12px;
	font-family: 'Lora', serif;
	color:#fff;
	margin-bottom:15px;
}
.law-attorny .law-caption p{
	font-size:14px;
	color:#fff;
	margin-bottom:10px;
}
.law-attorny .law-caption .social-icons, .footer-info .social-icons{
	float:left;
	width:100%;
}
.law-attorny .law-caption .social-icons ul, .footer-info .social-icons ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}

.law-attorny .law-caption .social-icons ul li, .footer-info .social-icons ul li{
	display:inline-block;
	margin-left:10px;
}
.law-attorny .law-caption .social-icons ul li:first-child, .footer-info .social-icons ul li:first-child{
	margin:0px;
}
.law-attorny .law-caption .social-icons ul li a, .footer-info .social-icons ul li a{
	height:36px;
	width:36px;
	line-height:36px;
	font-size:14px;
	background-color:#fff;
	border-radius:100%;
	display:block;
	text-align:center;
}
.law-attorny .law-caption .social-icons ul li a:hover, .footer-info .social-icons ul li a:hover{
	background-color:#000;
	color:#fff;
}
/*
==============================================================
		   			LAW BLOG SECTION
==============================================================
*/

.law-blog-wrap{
	background-color:#f7f7f7;
}

.law-blog-cover{
	float:left;
	width:100%;
}
.law-blog-cover .blog-thumbnail{
	float:left;
	width:33.333%;
	background-color:#fff;
}
.law-blog-cover .blog-thumbnail .kode-thumb{
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
.law-blog-cover .blog-thumbnail .kode-thumb img{
	float:left;
	width:100%;
	height:auto;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.law-blog-cover .blog-thumbnail:hover .kode-thumb img{
	transform:scale(1.05);
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
.law-blog-cover .blog-thumbnail .kode-text{
	float:left;
	width:100%;
	padding:30px;
	text-align:center;
	min-height:348px;
}
.law-blog-cover .blog-thumbnail .kode-text p.blog-date{
	font-size:14px;
	color:#CCC;
	margin:0px;
}
.law-blog-cover .blog-thumbnail .kode-text h2{
	font-family: 'Open Sans', sans-serif;
	font-size:20px !important;
	line-height:30px;
	margin:0px 0px 10px 0px;
	color:#333;
	text-transform: uppercase;
	font-weight: bold;
}
.law-blog-cover .blog-thumbnail .kode-text h2 a{
	color: #333;

}
.law-blog-cover .blog-thumbnail .kode-text p{
	margin-bottom:20px;
	text-transform:lowercase;
}
.law-blog-cover .blog-thumbnail .kode-text a.read-more{
	display:inline-block;
	padding:10px 30px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight: bold;
	border:solid 1px #d4d4d4;
	text-transform: uppercase;
}
.law-blog-cover .blog-thumbnail .kode-text a.read-more i{
	margin-left: 10px;

}
.law-blog-cover .blog-thumbnail .kode-text a.read-more:hover{
	color:#fff;
}
.law-blog-cover .tip-to-top, .law-blog-cover .tip-to-bottom{
	height:40px;
	width:40px;
	background-color:#fff;
	position:absolute;
	left:0px;
	right:0px;
	bottom:-24px;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	margin:auto;
}
.law-blog-cover .tip-to-bottom{
	top:-24px;
	bottom:auto;
}
.law-blog-cover .tip-to-top:before, .law-blog-cover .tip-to-bottom:before{
	content:"\f106";
	font-family:FontAwesome;
	font-size:16px;
	position:absolute;
	left:-8px;
	top:1px;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	width:100%;
	text-align:center;
}
.law-blog-cover .tip-to-bottom:before{
	content:"\f107";
	left:7px;
	top:15px;
}
/*
==============================================================
		   			LAW QUOTE SECTION
==============================================================
*/
.law-quote{
	float:left;
	width:100%;
	padding:0px;
}
.law-request{
	float:left;
	width:100%;
	background-color:#000;
	padding:60px 50px;
	position:relative;
}
.law-request span.number{
	font-size:70px;
	color:#fff;
	line-height:70px;
	position:absolute;
	right:20px;
	bottom:20px;
	font-family: 'Lora', serif;
	opacity:0.2;
}
.law-request:hover span.number{
	opacity:1;
}
.law-request a.more{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	border:solid 1px #fff;
	display:inline-block;
	padding:10px 30px;
	color:#fff;
	text-transform:uppercase;
	font-weight: bold;
}
.law-request a.more:hover{
	background-color:#fff;
	color:#000;
}
.law-request i{
	color:#fff;
	font-size:36px;
	margin-bottom:10px;
}
.law-request i.larg-bg{
	font-size:250px;
	line-height:190px;
	position:absolute;
	opacity:0.1;
	bottom:20px;
	right:20px;
}
.law-request p{
	color:#fff;
	margin-bottom:20px;
}
.law-request h2{
	font-size:24px;
	font-family: 'Lora', serif;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:10px;
}
.law-request h2 a {
	color:#fff
}
.law-quote .owl-pagination{
	display:none;
}
.law-quote .owl-theme .owl-controls .owl-buttons div{
	background:none;
	position:absolute;
	padding:0px;
}
.law-quote .owl-theme .owl-controls .owl-buttons div.owl-prev:before, .law-quote .owl-theme .owl-controls .owl-buttons div.owl-next:before{
	content:"\f104";
	font-family:FontAwesome;
	font-size:16px;
	color:#fff;
	position:absolute;
	left:0px;
	width:100%;
	top:0px;
	line-height:26px;
}
.law-quote .owl-theme .owl-controls .owl-buttons div.owl-next:before{
	content:"\f105";
}
.law-quote .owl-theme .owl-controls .owl-buttons div.owl-prev, .law-quote .owl-theme .owl-controls .owl-buttons div.owl-next{
	left:10px;
	top:50%;
}
.law-quote .owl-theme .owl-controls .owl-buttons div.owl-next{
	left:auto;
	right:10px;
}
/*
==============================================================
		   			PRICE TABLE SECTION
==============================================================
*/
.law-price-table{
	float:left;
	width:100%;
	border:solid 4px transparent;
	box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2);
	text-align:center;
}
.law-price-table:hover{
	box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2);
}
.law-price-table .t-head{
	margin:0px -4px 0px -4px;
	border-bottom:solid 1px rgba(0,0,0,0.2);
	padding:20px 20px 80px 20px;
	position:relative
}
.law-price-table .t-head h2{
	font-size:24px;
	font-family: 'Lora', serif;
	margin-bottom:15px;
	text-transform:uppercase;
	color:#666;
	line-height:24px;
	margin:0px 0px 0px 0px;
}
.law-price-table .t-head p{
	font-size:16px;
	color:#666;
}
.law-price-table .t-head span{
	height:122px;
	width:122px;
	border-radius:100%;
	border:solid 1px rgba(0,0,0,0.2);
	display:inline-block;
	padding:32px 0px;
	margin-bottom:-61px;
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	bottom:-61px;
	background-color:#fff;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.law-price-table:hover .t-head span{
	animation-name:rotation;
	animation-duration:0.3s;
	animation-timing-function:ease-in-out;
	box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2);
}
.law-price-table:hover .t-head span h4, .law-price-table:hover .t-head span p{
	color:#fff;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rotation {
    0% {transform:scaleY(1);}
	50% {transform:scaleY(-1);}
	100% {transform:scaleY(1);}
}

/* Standard syntax */
@keyframes rotation {
     0% {transform:scaleY(1);}
	50% {transform:scaleY(-1);}
	100% {transform:scaleY(1);}
}
.law-price-table .t-head span h4{
	font-size:40px !important;
	font-weight:bold;
	line-height:40px;
	margin:0px;
}
.law-price-table .t-head span p{
	font-size:12px;
	text-transform:uppercase;
	color:#ccc;
}
.law-price-table .t-body{
	float:left;
	width:100%;
	padding:80px 20px 20px 20px;
}
.law-price-table .t-body ul{
	float:left;
	width:100%;
	text-align:left;
	margin:0px 0px 30px 0px;
	list-style:none;
	padding:0px 60px;
}
.law-price-table .t-body ul li{
	float:left;
	width:100%;
	margin-top:25px;
}
.law-price-table .t-body ul li:first-child{
	margin:0px;
}
.law-price-table .t-body ul li a{
	display:block;
	font-size:14px;
	color:#333;
	position:relative;
	padding:0px 0px 0px 25px;
}
.law-price-table .t-body ul li a:before{
	content:"\f00c";
	font-family:FontAwesome;
	font-size:10px;
	height:16px;
	width:16px;
	border-radius:100%;
	color:#fff;
	float:left;
	text-align:center;
	position:absolute;
	left:0px;
	top:3px;
}
.law-price-table .t-body ul li.disable a:before{
	content:"\f00d";
	background-color:#CCC;
}
.law-price-table .t-body ul li.disable a{
	color:#CCC;
	 pointer-events: none;
}
.law-price-table .t-body .get-plan{
	font-size:14px;
	text-transform:uppercase;
	color:#666;
	display:inline-block;
	padding:10px 30px;
	border:solid 1px #CCC;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}
.law-price-table .t-body .get-plan:hover{
	color:#fff;
}
/*
==============================================================
		   			PRICE TABLE SECTION
==============================================================
*/
.law-testimonials{
	float:left;
	width:100%;
	background-image: url(extra-images/testimonial-bg.png);
	background-size:cover;
	background-position:center;
	position:relative;
}
.law-testimonials:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
}
.law-testimonials .container{
	position:relative;
}
.law-testimonials-cover{
	float:left;
	width:100%;
	text-align:center;
}
.law-testimonials-cover .bx-wrapper .bx-controls-direction a{
	line-height: 50px;
}
.law-testimonials-cover .bx-wrapper{
	padding: 0px 200px;

}
.law-testimonials-cover .bx-pager{
	display: none;

}
.law-testimonials-cover figure{
	display:inline-block;
	height:128px;
	width:128px;
	border-radius:100%;
	float:none;
	border:solid 3px #fff;
	padding:8px;
	margin-bottom:30px;
}
.law-testimonials-cover figure a{
	float:left;
	width:100%;
	overflow:hidden;
	border-radius:100%;
}
.law-testimonials-cover figure img{
	float:left;
	width:100%;
}
.law-testimonials-cover .kode-text{
	float:left;
	width:100%;
}
.law-testimonials-cover .kode-text p{
	color:#fff;
	font-style:italic;
	margin-bottom:20px;
}
.law-testimonials-cover .kode-text h4{
	font-size:24px !important;	
	text-transform:uppercase;
	margin:0px;
	color:#fff;
}
.law-testimonials-cover .kode-text h4 a{
	color:#fff;
}
.law-testimonials-cover .kode-text h6{
	font-size:14px;
	color:#fff;
}
.law-testimonials-cover .bx-wrapper .bx-pager.bx-default-pager a{
	width:24px;
	height:5px;
	background-color:#fff;
	margin:0px 3px;
	border-radius:0;
}

.law-supporters{
	float:left;
	width:100%;
}
.law-supporters .owl-pagination{
	display:none
}
.law-supporters .owl-theme .owl-controls .owl-buttons div{
	position:absolute;
	left:-30px;
	top:50%;
}
.law-supporters .owl-theme .owl-controls .owl-buttons div.owl-prev:before, .law-supporters .owl-theme .owl-controls .owl-buttons div.owl-next:before{
	content:"\f104";
	font-family:FontAwesome;
	font-size:18px;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	line-height:28px;
	color:#666;
	
}
.law-supporters .owl-theme .owl-controls .owl-buttons div.owl-next:before{
	content:"\f105";
}
.law-supporters .owl-theme .owl-controls .owl-buttons div.owl-next{
	left:auto;
	right:-30px;
}
/*
==============================================================
		   			FOOTER INFO
==============================================================
*/
.footer-info{
	float:left;
	width:100%;
	position:relative;
	background-size:cover;
	padding:80px 0 25px;
}
.footer-info:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.8);
}
.footer-info .container{
	position:relative;
	border-bottom:solid 1px rgba(255,255,255,0.2);
}
.footer-info .contact-info{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:30px;
}

.footer-info .contact-info span{
	display:inline-block;
	width:80px;
	height:60px;
	color:#fff;
	margin-bottom:50px;
	position:relative;
}
.footer-info .contact-info span i{
	font-size:30px;
	line-height:56px;
	color:#fff;
}
.footer-info .contact-info span:before{
	content:"";
	height:15px;
	width:15px;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	bottom:-7px;
}
.footer-info .contact-info p{
	color:#FFF;
	font-size:16px;
}
.footer-info .social-icons ul li{
	float:none;
	display:inline-block;
}
.footer-info .social-icons{
	margin-top:30px;
}
.footer-info .social-icons ul, .footer-info .social-icons{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
}
.footer-info .social-icons ul, .footer-info .social-icons a{
	color:#333;
}
.law-copyrights{
	float:left;
	width:100%;
	padding:30px 0px;
	text-align:center;
	position:relative;
}
.law-copyrights p{
	font-size:12px;
	text-transform: uppercase;
}
.law-copyrights .go-to-top{
	height:30px;
	width:30px;
	line-height: 30px;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	color:#fff;
}
.law-copyrights .go-to-top a{
	color:#fff;
}
/*

font-family: 'Lora', serif;

*/
.kode-lawyer-landing:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.75);
}
.kode-lawyer-landing:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-image:url(images/stars.png), url(images/stars2.png);
	background-repeat:no-repeat, no-repeat;
	background-position:left bottom, right bottom;
	z-index:9999;
}
.kode-lawyer-landing .banner-caption{
	position:absolute;
	width:60%;
	right:0px;
	top:50%;
	left:0px;
	margin:-120px auto 0;
	z-index:10;
	text-align:center;
}
.kode-lawyer-landing .banner-caption h2{
	font-size:86px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
.kode-lawyer-landing .banner-caption h3{
	font-size:42px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	display:inline-block;
	padding:14px 30px;
	outline:solid 1px;
	outline-offset:5px;
	margin-bottom:20px;
}
.kode-lawyer-landing .banner-caption p{
	font-size:40px;
	color:#fff;
	line-height:normal;
}

.get-app .side-btn{
	padding-top:25px;
}
.kode-search-box{
	float:right;
}
.kode-search-box .kode_search{
	margin:23px 0px 0px 20px;
}
.kode-search-box .kode_search a{
	margin-left:0px;
	padding:0px;
}
.law-caption h4 a{
	color:#fff;
}
.flex-direction-nav li,
.flexslider .slides > li{
	margin-bottom:0px;
}
.without-padding [class*="col-md-"]{
	padding:0px;
}
.without-padding .kode_portfoiol_wrap{
	padding: 0;
}
.law-navigation .main-nav li ul.sub-menu, .law-navigation .main-nav li:hover ul.sub-menu, .kode_cnt_info ul li, .kode_scl_icon ul li, .kode_scl_icon ul li a, .kode_menu ul li:before, .kode_menu ul ul li a, .kode_menu ul ul li:after, .kode_favorite, .kode_search, .kode_favorite i, .kode_search i, .kode_menu ul ul, .kode_link_1, .kode_link_1 i, .kode_breaking_news2, .kode_program_list:before, .kode_program_des, .kode_program_hover, .kode_program_list:after, .kode_link_2:before, a.kode_link_2, ul.kode_tab_lnk li:before, ul.kode_tab_lnk li:after, ul.kode_tab_lnk li a, .kode_link_3, .kode_link_3 i, .kode_link_3:before, .kode_wht_des ul li:hover h6 a, .kode_wht_des ul li:hover a span, .kode_press_news:before, .kode_news_date ul li a, .kode_news_des h6, .kode_news_des h6:before, .kode_news_des a, .kode_news_des a i, .kode_press_news figure.kode_pres1_style::before, .kode_press_news figure.kode_pres2_style::before, .kode_press_news figure.kode_pres1_style:after, .kode_press_news figure figcaption, .kode_press_news figure.kode_pres2_style:after, .kode_galry_item:before, .kode_galry_item figure figcaption, .kode_galry_item figure:before, .kode_galry_item figure:after, .kode_galry_des, .kode_galry_des p, .kode_galry_des h6, .kode_lst1_des h6, .kode_cam_date, .kode_cam_date:before, .kode_cam_date:after, .kode_politician, .kode_politician figure, .kode_politician figure:before, .kode_poli_img_des, .kode_politician_des h6 a, .kode_politician_des p, .kode_politician_des ul li a, .kode_politician_des:before, .kode_latest_blog_des, .kode_latest_blog_des ul li a, .kode_latest_blog_des h6 a, .kode_latest_blog figure img, .kode_audio_wrap figure:before, .kode_audio_wrap figure figcaption, .kode_audio_wrap figure figcaption a, .kode_testi_wrap figure img, .kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div, .kode_testi_wrap a, .kode_widgt_touch ul li, .kode_widgt_touch ul li a, .kode_foo_field input[type="submit"], .kode_foo_field button, .kode_footer_logo ul li a, .kode_site_map ul li a, .kode_copyright a, .kode_widgt_event ul li, .kode_widgt_event ul li a, .kode_widgt_tweets ul li a, .kode_foo_gallery ul li a img, .kode_newsletter_form form button, .kode_copyright_des a, .kode_about_services i, .kode_about_services h5 a, .kode_about_services h5 a:before, .kode_achment_wrap figcaption h6, .kode_achment_des h5 a, .kode_where_year, .kode_where_year h6, .kode_where_des h5, .kode_where_we figure a:before, .kode_goal_wrap .accordion-open, .kode_planning_wrap ul li a, .kode_pagination .pagination li a, .kode_pagination .pagination li a span, .kode_pagination ul li a b, .kode_news_wrap, .kode_news_wrap figure:before, .kode_news_wrap_des a, .kode_news_list_des > h6 > a, .kode_news_list_des > ul > li > a, .kode_author > a, .kode_news_list figure img, .kode_aside_cat ul li a, .kode_aside_event ul li figure:before, .kode_aside_event ul li figure figcaption, .kode_aside_event ul figure figcaption a, .kode_aside_flicker ul li figure:before, .kode_aside_flicker ul li figure figcaption, .kode_event_wrap, .kode_event_wrap figure:before, .kode_event_wrap figure figcaption, .kode_event_des > h6 > a, .kode_event_des > a, .kode_event_des > ul > li > a, .kode_advance_service figure:before, .kode_advance_service figure, .kode_service_caption, .kode_advance_hdg, .kode_advance_hdg i, .kode_advance_hdg h6, .kode_work_des h6 a, .kode_work_hover, .kode_event_list > h6 > a, .kode_event_list > ul > li > a, .kode_aside_gallery ul li a img, ul.kode_orgnizer_email li, .kode_btn_1:before, ul.kode_aside_contnt li, ul.kode_aside_org_scl li a, .kode_aside_org_des a h6, .kode_news_detail > ul > li a, .kf_pagination ul li a, .kode_event_list a, .kode_news_detail figure img, .kode_aside_video figure:before, .kode_contact_field input[type="submit"], .kode_contact_field button, .kode_contact_des span, .kode_contact_des span a, .kode_contact_field input[type="text"], .kode_contact_field textarea, .kode_focus_wrap h6, .kode_focus_wrap a, .kode_video_icon, .kf_office_name li a, .kf_loc_socil_icon li a, .kf_location_info a, .kode_btn_1, .kf_location_info i, .kf_location_info, .kf_location_info h6, .kf_page_list ul li a, .kf_page_list ul li:before, .kf_404_form button:hover, .kf_404_form input[type="submit"]:hover, .kf_comming_form button, .kf_comming_form input[type="submit"], .kf_comming_social ul li a, .law-navigation .main-nav ul li a, .law-top-strip .social-icons ul li a, .law_banner .kode_caption a, .law-services-newone, .law-practices, .law-practices h2, .law-practices figure img, .law-practices a.see-more, 
.law-practices figure a:before, .law-services-box, .law-services-box i, .law-services-box h2, .law-services-box p, .law-services-box h2 a, 
.law-services-box a.see-more, .about-law-section .about-tabs .nav > li > a, .law-attorny .law-caption .social-icons ul li a, .law-attorny:before, .law-attorny .law-caption, .law-blog-cover .blog-thumbnail .kode-text a.read-more, .law-request span.number, .law-request, .law-request a.more, .law-price-table .t-body .get-plan, .law-price-table, .law-price-table .t-head span h4, .law-price-table .t-head span p, .footer-info .social-icons ul li a,
.kode_news_list_des span,
.style_var_des .modern-view-btn,
.kode_service a.ripplelink,
.service_detail h4{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.kode-parallax-wrapper .container-fluid{
	position:relative;
	z-index:999;
}
.law-testimonials-cover ul{
	margin:0px;
	padding:0px;
}
.law-testimonials-cover ul li{
	margin-bottom:0px;
}
footer .kode_widgt_outr_wrap .widget_categories ul li{
	border-color:#999;
}
.kode_event_wrap .kode_event_des > a{
	color:#333;
}
.no-fixed-bg.kode-parallax-wrapper:after{
	background-attachment:scroll !important;
}
.kode_pet_value{
	text-align:center;
}
.kode-editor{
	float:left;
	width:100%;
}
.evaluation-form .wpcf7-submit:hover{
	background-color:#fff !important;
	color:#333 !important;
}
.about-law-section .tab-content a.read-more:hover{
	background-color:#000 !important;
}
.kode-blog-list.law-blog-cover.row{
	margin-bottom:30px;
}
.event-medium-view .kode_event_3 .kode_event3_des a.kode_link_2{
	border:0px;
	color:#fff;	
}
.event-medium-view .kode_event_3 .kode_event3_des a.kode_link_2:hover{
	background-color:#fff !important;
	color:#000;	
}
.event-simple-view .kode_event_wrap .kode_event_des a.kode_link_2:before{
	background-color:#333;	
}
.event-simple-view .kode_event_wrap .kode_event_des a.kode_link_2,
.event-simple-view .kode_event_wrap .kode_event_des a.kode_link_2:hover{
	border:2px solid #333 !important;	
}
#home div.wpcf7-validation-errors{
	color:#000;	
}
#home div.wpcf7-response-output{
	margin:2em 0 5em;	
}
#home span.wpcf7-not-valid-tip{
	position:absolute;
	top:-57px;	
}
.event_detail_review > li{
	list-style:none;
}
/*.kode-team-network li{
	float:left;
	margin-right:15px !important;
	margin-top:15px !important;
}*/
.custom-btn{
	margin-top:20px;
}
.service-detail{
	margin-bottom:30px;
	float:left;
	width:100%;
}
#kode-submit-form p.status{
	color:#fff;
	padding:10px 0px 5px 0px;
	float:left;
}
.dark.kode-team-network.kode-team-network > li{
	display:inline-block;
	margin:7px 15px 0 0;
}
.kode_search.kode-second-search{
	margin-top:12px;
}
.owl-no-space .owl-dots{
	display: none !important;
}
.kode-sidebar .kode_foo_event_des a{
	color: #333;
}
.circle-progress .ab{
	background-image: linear-gradient(3deg, transparent 50%, #ffffff 50%), linear-gradient(90deg, #e37d39 50%, transparent 50%) !important;
}
.circle-progress .cir{
	border:1px solid #666;
}
.circle-progress .perc{
	color: #333 !important;
}