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

	

	Project: Islamic project

	Version: 1.0

	Last change: 17/5/2017

	Author : KodeForest

	

	/**

	* Table of Contents :

	* 1.0 - KODE TOP WRAP START

	* 2.0 - KODE TOP LOGO WRAP START

	* 3.0 - KODE NAVIGATION WRAP START

	* 4.0 - KODE BANNER WRAP START

	* 5.0 - KODE MOSQUES WRAP STRAT

	* 6.0 - KODE PILLARS WRAP START

	* 7.0 - KODE SERVICES WRAP START

	* 8.0 - KODE PRAY WRAP START

	* 9.0 - KODE GALLERY WRAP START

	* 10.0 - KODE TEAM WRAP START

	* 11.0 - KODE CAUSE WRAP START

	* 12.0 - KODE BLOG WRAP START

	* 13.0 - KODE CLIENT WRAP START

	* 14.0 - KODE NEWSLETTER WRAP START

	* 15.0 - WIDGET WRAP START

	* 16.0 - WIDGET COPYRIGHT START

	* 17.0 - HOME PAGE 01 START

	* 18.0 - KODE TOP2 WRAP START

	* 19.0 - KODE NAVIGATION WRAP START

	* 20.0 - KODE BANNER2 WRAP START

	* 22.0 - KODE MOSQUE2 WRAP START

	* 23.0 - KODE PILLARS WRAP PILLARS 2 START

	* 24.0 - KODE BUILDING WRAP START

	* 25.0 - KODE CLIENT WRAP CLIENT 2 START

	* 26.0 - KODE GALLERY WRAP START

	* 27.0 - KODE EVENT WRAP START

	* 28.0 - WIDGET WRAP WIDGET 02 START

	* 29.0 - ABOUT US PAGE START

	* 30.0 - KODE SAB BANNER WRAP START

	* 31.0 - KODE PHILOSOPHY WRAP START

	* 32.0 - KODE CLIENT WRAP CLIENT 3 START

	* 33.0 - BLOG PAGE START

	* 34.0 - KODE BLOG MADIUM WRAP START

	* 35.0 - BLOG GRID PAGE START

	* 36.0 - BLOG DETAIL PAGE START

	* 37.0 - 404 PAGE START

	* 38.0 - COMING SOON PAGE START

	* 39.0 - CONTACT US PAGE START

	* 40.0 - EVENT PAGE START

	* 41.0 - EVENT DETAIL PAGE START

	* 42.0 - PORTFOLIO PAGE START

	* 43.0 - PROJECT PAGE STARt

	* 44.0 - PROJECT LIST PAGE START

	* 45.0 - SERVICE PAGE START

	* 46.0 - KODE SERVICE SEARCH FEILD START

	* 47.0 - KODE PRICING WRAP START

	* 48.0 - SHOP PAGE START

	* 49.0 - TEAM DETAIL PAGE START

	* 50.0 - KODE TEAM WRAP START

	* 51.0 - GALLERY3 WRAP START

	* 52.0 - PROJECT DETAIL PAGE START

	* 53.0 - SERVICE DETAIL PAGE 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:  15px/  'Ubuntu', sans-serif;

	Headers: 'Ubuntu', sans-serif;

	Input, textarea: 'Ubuntu', sans-serif;

	Sidebar heading: 'Poppins', sans-serif;





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



.wraper{

	float:left;

	width:100%;

}

.dl-menuwrapper{

	display:none;

}



/*

	=======================================

		KODE TOP WRAP START

	=======================================

*/

.kode_top_info ul,

.kode_top_info,

.kode_top_wrap{

	float:left;

	width:100%;

}

.kode_top_wrap{

	padding:7px 0px;

}

.kode_top_info {

    padding: 6px 0 4px;

}

.kode_top_info > ul > li{

	float:left;

	padding:0px 20px;

	line-height:15px;

	border-right:1px solid #cccccc;

}

.kode_top_info ul > li:last-child{

	border-right:none;

}

.kode_top_info ul li:first-child{

	padding-left:0px;

}

.kode_top_info ul > li > a{

	display:inline-block;

	font-size:14px;

}

.kode_top2_icon .dropdown img,

.kode_top_info ul li ul li a img,

.kode_top_info ul li button img,

.kode_top_info ul li a i{

	margin-right:10px;

}

.kode_top_info ul li button{

	background:none;

	padding:0px;

	cursor:pointer;

	font-size:14px;

	color:#999;

}

.kode_top_info ul li button span{

	margin-left: 5px;

    position: relative;

    top: 2px;

}

.kode_top_info ul li ul{

	background-color: #ffffff;

    border: medium none;

    box-shadow: 0 0;

    min-width: 140px;

    padding:5px 0px;

	border-bottom:2px solid;

    top: 28px;

}

.kode_top_info ul li  ul li{

	width:100%;

	padding:0px 0px;

}

.kode_top_info ul li ul li a{

	display:block;

	padding:8px 20px;

}

.kode_top2_icon .dropdown img,

.kode_top_info ul li ul li a img{

	border-radius:100%;

}

.kode_top_right_text{

	float:right;

}

.top_icon_fig{

	padding-right:30px;

}

.kode_top_right_text .comment-form,

.top_icon_fig li,

.top_icon_fig{

	float:left;

}

.top_icon_fig li{

	margin-right:14px;

}

.kode_top_right_text .kf_commet_field{

	margin-bottom:0px;

}

.kode_top_right_text .comment-form{

	float:left;

	padding-left:30px;

	border-left:1px solid #ccc;

}

.kode_top_right_text .kf_commet_field{

	width:160px;

	position:relative;

}

.kode_top_right_text .kf_commet_field input{

	padding:0px 0px;

	height:auto;

	font-size:12px;

	border:none;

	border-bottom:1px solid #cccccc;

	box-shadow:0px 0px;

	padding:0px 30px 2px 5px;

}

.kode_top_right_text .kf_commet_field input:focus{

	border:1px solid;

}

.kode_top_right_text .kf_commet_field button{

	position:absolute;

	top:0px;

	right:5px;

	background:none;

	padding:0px 0px;

	font-size:16px;

	cursor:pointer;

}

/*

	=======================================

		KODE TOP WRAP END

	=======================================

*/



/*

	=======================================

		KODE TOP LOGO WRAP START

	=======================================

*/

.top_time_circle ul,

.kode_top_logo_wrap{
	float:left;
	width:100%;
}

.kode_top_logo_wrap{
	background: #000;
	padding:15px 0px;

}

.top_logo{

	float: left;

    position: relative;

    width: auto;

}

.top_time_circle{

	float:right;

	width:auto;

	position: relative;

	padding:2px 0px;

}

.top_time_circle ul li{

	height:76px;

	width:76px;

	text-align:center;

	float:left;

	border-radius:100%;

	border:2px solid #fff;

	padding:18px 0px;

	margin-left:20px;

}

.top_time_circle ul li:hover{

    transform:scale(1.1);

	 -moz-transform:scale(1.1);

	  -webkit-transform:scale(1.1);

}

.top_time_circle ul li span,

.top_time_circle ul li a{

	display:block;

	font-size:14px;

	font-weight:500;

	line-height:normal;

}

.top_time_circle ul li a{

	margin-bottom:3px;

}

/*

	=======================================

		KODE TOP LOGO WRAP END

	=======================================

*/

/*

	=======================================

		KODE NAVIGATION WRAP START

	=======================================

*/

.navigation ul, 

.navigation,

.kode_navigation_wrap{

	float:left;

	width:100%;

}

.navigation ul{

	text-align:center;

} 

.navigation > ul > li{

	display:inline-block;

	margin-left:5px;

	position:relative;

}

.navigation > ul > li > a{

	color: #333333;

    display: inline-block;

    font-size: 16px;

    font-weight: 400;

    padding: 18px 20px 17px;

	position:relative;

	z-index:999;

}

.navigation ul li ul li a:before,

.navigation > ul > li > a:before{

	position:absolute;

	content:"";

	top:100px;

	left:0px;

	right:0px;

	bottom:0px;

	z-index:-1;

}

.navigation > ul > li > a:hover:before{

	top:0px;

}

/*drop down style*/

/*navigation dropdown start*/

.navigation > ul > li  > ul{

	position:absolute;

	top:80px;

	width:200px;

	visibility:hidden;

	opacity:0;

	z-index:999;

	border-bottom:5px solid;

	border-top:2px solid;

	background:#fff;

}

.navigation > ul > li:hover > ul{

	opacity:1;

	visibility:visible;

	top:60px;

}

.navigation > ul > li > ul > li{

	width:100%;

}

.navigation > ul > li > ul  > li a{

	display:block;

	padding:9px 20px;

	text-align:left;

	position:relative;

	z-index:999;

	font-weight:300;

}

.navigation > ul > li > ul > li a:before{

    right:100%;

    top: 0;

	opacity:0;

}

.navigation  > ul > li > ul > li a:hover:before{

	right:0;

	opacity:1;

}

.kode_navi_btn{

	float:right;

	width:auto;

	padding:11px 0px 10px;

}

/*navigation dropdown end*/

/*

	=======================================

		KODE NAVIGATION WRAP END

	=======================================

*/

/*

	=======================================

		KODE BANNER WRAP START

	=======================================

*/

.koed_banner_btn,

.kode_banner_wrap{

	float:left;

	width:100%;

}

.kode_banner_wrap.them_overlay,

.kode_banner_wrap{

	position:relative;

}

.kode_banner_text{

	left: 50%;

    margin-left: -260px;

    margin-top: -180px;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 490px;

	z-index:10;

}

.large_text{

	font-size:60px;

	font-weight:bold;

	line-height:normal;

	position:relative;

	margin-bottom:5px;

}

.mediume_text{

	font-size:24px;

	margin-bottom:20px;

}

.mediume_text span{

	display:inline-block;

	font-weight:bold;

	font-size:28px;

}

.small_text{

	margin-bottom:24px;

}

/*pager slider start*/

.kode_banner_wrap .bx-wrapper{

	border:none;

	box-shadow:0px 0px;

}

.kode_banner_wrap .bx-wrapper{

	margin-bottom:0px;

}

.pager_link{

	bottom: 30px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    text-align: center;

}

.pager_link img{

	float:none;

	display:inline-block;

	text-align:center;

	margin:auto;

	width:123px;

	height:75px;

}

.pager_link a{

	margin-right:16px;

	display:inline-block;

}

.pager_link a.active{

    display: inline-block;

    outline: 4px solid #d2973b;

    outline-offset: -4px;

}

/*

	=======================================

		KODE BANNER WRAP END

	=======================================

*/

/*

	=======================================

		KODE MOSQUES WRAP STRAT

	=======================================

*/

.kode_counter_mosque,

.kode_mosque_student,

.kode_mosque_item,

.kode_mosque_text,

.kode_mosque_row,

.kode_mosques_wrap{

	float:left;

	width:100%;

}

.kode_mosques_wrap{

	padding:80px 0;

}

.kode_mosque_des{

	width:49%;

	float:left;

	margin-right:10px;

}

.kode_mosque_des:last-child{

	margin-right:0px;

}

.kode_mosque_fig figure{

	width:auto;

}

.kode_mosque_fig  .them_overlay:before{

	opacity:0;

}

.kode_mosque_fig:hover  .them_overlay:before{

	opacity:0.3;

	z-index:9;

}

.kode_mosque_fig figure:first-child{

	margin-bottom:11px;

}

.kode_mosque_fig figcaption{

	position:absolute;

	bottom:-44px;

	left:0px;

	right:0px;

	z-index:10;

}

.kode_mosque_fig:hover figcaption{

	bottom:0px;

}

.kode_mosque_fig figcaption h6{

	padding:15px 15px 12px;

	font-weight:500;

}

/* SECTION HEADING START */

.kode_mosque_text  .section_hdg{

	margin-bottom:18px;

}

.section_hdg.hdg_4 {

    margin-bottom: 18px;

}

.section_hdg{

	float:left;

	width:100%;

	margin-bottom:32px;

} 

.section_hdg img{

	margin-bottom:6px;

	display:block;

}

.section_hdg h3{

	display:inline-block;

	margin-right:16px;

}

.section_hdg span{

	font-size:25px;

	position:relative;

}

.section_hdg span:after,

.section_hdg span:before{

	border-bottom: 1px solid #acacac;

    bottom: 12px;

    content: "";

    left: auto;

    position: absolute;

    right: -56px;

    top: 0;

    width: 38px;

}

.section_hdg span:after{

	border-top: 1px solid #acacac;

	border-bottom:none;

	top:16px;

	right:auto;

	left:-56px;

	display:none;

}

/* SECTION HEADING END */



/* SECTION HEADING HDG 2 START */

.section_hdg.hdg_2{

	text-align:center;

	position:relative;

	margin-bottom:41px;

	z-index:99;

}

.section_hdg.hdg_2 img{

	display:inline-block;

}

.section_hdg.hdg_2 h3{

	display:block;

}

.section_hdg.hdg_2 span:after{

	display:block;

}

/* SECTION HEADING HDG 2 START */





/* SECTION HEADING HDG 2 START */

.section_hdg.hdg_2.hdg_3 {

    margin-bottom: 34px;

}

.section_hdg.hdg_2.hdg_3 h3{

	color:#333;

}

/* SECTION HEADING HDG 2 END */

.kode_mosque_item p{

	margin-bottom:37px;

}

.kode_counter_mosque{

	margin-bottom:36px;

}

.kode_counter_mosque li{

	float:left;

	text-align:center;

	width:25%;

}

.kode_counter_mosque li span{

	display:inline-block;

	height:72px;

	width:72px;

	text-align:center;

	line-height:66px;

	border-radius:100%;

	border:2px solid #e7e7e7;

	font-size:30px;

	font-weight:500;

	margin-bottom:16px;

}

.kode_mosque_item .koed_banner_btn .medium_btn,

.kode_counter_mosque li h6 a{

	color:#999999;

}

/* kode mosque row mosque start*/

.kode_mosque_row.mosque {

    margin: 17px 0 0;

}

.kode_mosque_row.mosque figure a{

	position:absolute;

	top:50%;

	left:0px;

	right:0px;

	text-align:center;

	font-size:40px;

	margin-top:-20px;

	z-index:10;

}

.kode_mosque_row.mosque .them_overlay:before{

	z-index:9;

}

/*

	=======================================

		KODE MOSQUES WRAP END

	=======================================

*/

/*

	=======================================

		KODE PILLARS WRAP START

	=======================================

*/

.kode_pillars_item,

.kode_pillars_wrap{

	float:left;

	width:100%;

}

.kode_pillars_wrap .nav-tabs{

	border-bottom:none;

}

.kode_pillars_wrap{

	background-image:url("images/piller.png");

	background-position:center;

	background-repeat:no-repeat;

	background-size:cover;

	padding:80px 0px 0px 0px;

}

.kode_pillars_wrap.them_overlay:before {

    background-color: #666666;

    opacity: 0.80;

}

.kode_pillars_row{

	width:950px;

	text-align:center;

	position:relative;

	margin:auto;

}

.kode_pillars_text{

	background-color: #ffffff;

    border-radius: 380px 390px 0 0;

    display: inline-block;

    margin: auto;

    padding: 22px 66px 24px;

    text-align: center;

    width: 445px;

	position:relative;

	z-index:999;

}

.kode_pillars_text:before{

	border: 1px dotted #fff;

	bottom: 0;

    content: "";

    left: -193px;

    position: absolute;

    right: -195px;

    top: -162px;

	border-radius: 380px 390px 0 0;

	border-bottom:none;

	z-index:-1;

}

.kode_pillars_text span{

	font-size:40px;

	position:relative;

	margin-bottom:22px;

	display:inline-block;

	border-bottom:2px solid #a7a7a7;

	padding-bottom:8px;

}

.kode_pillars_text h4{

	margin-bottom:13px;

}

.kode_pillars_text p{

	margin-bottom:0px;

}

.kode_pillars_item{

	margin-bottom:85px;

}

.kode_pillars_item li{

	display:inline-block;

}

.kode_pillars_item li a{

	height:126px;

	width:126px;

	text-align:center;

	border-radius:100%;

	background-color:#fff;

	display:inline-block;

	padding:28px 0;

}

.kode_pillars_item li a:before {

    border: 1px dotted  #ffffff;

    border-radius: 100%;

    bottom: -7px;

    content: "";

    left: -7px;

    position: absolute;

    right: -7px;

    top: -7px;

}

.kode_pillars_item li a span{

	font-size:30px;

	display:inline-block;

	margin-bottom:10px;

}

.center {

    position: relative;

	z-index:9999;

}

.center:after{

	border-right: 1px solid #ffffff;

    bottom: -85px;

    content: "";

    left: -70px;

    position: absolute;

    right: 60px;

    top: 126px;

}

.right_bottom,

.left_bottom {

    bottom: 50px;

    left: 0;

    position: absolute;

	z-index:9999;

}

.right_center,

.left_center {

	bottom: 232px;

    left: 154px;

    position: absolute;

	z-index:9999;

}

.right_bottom{

	left:auto;

	right:0px;

}

.right_center{

	right: 160px;

	left:auto;

}

.right_bottom:after,

.left_bottom:after {

    border-right: 1px solid #ffffff;

    bottom: -22px;

    content: "";

    left: auto;

    position: absolute;

    right: -82px;

    top: 0;

    transform: rotate(-66deg) translate(-52px);

}

.right_bottom:after{

	border-left: 1px solid #ffffff;

	border-right:none;

	right:auto;

	left:-82px;

	transform: rotate(66deg) translate(52px);

}

.right_center:after,

.left_center:after{

	border-right: 1px solid #fff;

    bottom:-20px;

    content: "";

    left: auto;

    position: absolute;

    right: -58px;

    top: 38px;

    transform: rotate(-54deg) translate(-61px);

}

.right_center:after{

	border-left: 1px solid #fff;

	border-right:none;

	right:auto;

	left:-58px;

	 transform: rotate(54deg) translate(61px);

}

/*

	=======================================

		KODE PILLARS WRAP END

	=======================================

*/

/*

	=======================================

		KODE SERVICES WRAP START

	=======================================

*/

.service_btn,

.kode_service_text,

.kode_service_des,

.kode_services_wrap{

	float:left;

	width:100%;

}

.kode_services_wrap{

	padding:80px 0px;

}

.kode_service_des{

	margin-bottom:30px;

}

.kode_service_des:hover{

	box-shadow:0px 0px 7px 0px;

	margin-bottom:30px;

}

.kode_service_des:hover figure img{

	opacity:0.8;

}

.kode_service_text{

	padding:42px 30px 24px;

	position:relative;

}

.kode_service_text span{

	height:80px;

	width:80px;

	text-align:center;

	line-height:80px;

	margin:auto;

	border-radius:100%;

	font-size:42px;

	background-color:#eeeeee;

	display:inline-block;

	position:absolute;

	top:-50px;

}

.kode_service_text h4{

	margin-bottom:7px;

}

.kode_service_text  p{

	margin-bottom:0px;

}

.kode_service_text  p i{

	margin-right:10px;

}

.kode_service_text  .right_arrow{

	position:absolute;

	top:50%;

	right:10px;

	height:30px;

	width:30px;

	text-align:center;

	line-height:27px;

	border-radius:100%;

	border:1px solid #e0e0e0;

	margin-top:-15px;

	opacity:0;

}

.kode_service_des:hover .kode_service_text  .right_arrow{

	right:30px;

	opacity:1;

}

.service_btn{

	text-align:center;

}

/*

	=======================================

		KODE SERVICES WRAP END

	=======================================

*/

/*

	=======================================

		KODE PRAY WRAP START

	=======================================

*/

.kode_pray_fig,

.kode_pray_text,

.kode_pray_wrap{

	float:left;

	width:100%;

}

.kode_pray_wrap{

	background-image:url("images/pattran-bg.png");

	background-position:center;

	background-repeat:no-repeat;

	background-size:cover;

}

.kode_pray_wrap.them_overlay:before{

	background-color:#e8e8e8;

	opacity:0.92;

}

.kode_pray_text{

	padding:96px 0px 100px;

}

.kode_pray_text h5,

.kode_pray_text h2{

	margin-bottom:9px;

}

.kode_pray_text h5{

	font-weight: 600;

    margin-bottom: 20px;

}

.kode_pray_text  p{

	color: #333333;

    font-weight: bolder;

    margin-bottom: 23px;

    padding-right: 55px;

}

.kode_pray_fig figure{

	width:auto;

	margin-top:-35px;

}

.kode_pillars_text > figure {

    bottom: -6px;

    position: relative;

}

.kode_gallery3_wrap.wrap_2{

	background-color:#f7f7f7;

	padding:80px 0px;

}

.kode_gallery3_wrap.wrap_2 .slick-prev::before, 

.kode_gallery3_wrap.wrap_2 .slick-next::before{

	color:#ddd

}

.kode_gallery3_wrap.wrap_2{

	background-color:#f7f7f7;

	padding:80px 0 75px;

}

/*

	=======================================

		KODE PRAY WRAP END

	=======================================

*/

/*

	=======================================

		KODE GALLERY WRAP START

	=======================================

*/

.kode_gallery_fig.fig_1,

.kode_gallery_des,

.kode_gallery_row,

.kode_gallery_wrap{

	float:left;

	width:100%;

}

.kode_gallery_wrap{

	padding:80px 0px;

	background-color:#f7f7f7;

}

.kode_gallery_des{

	margin-bottom:30px;

}

.kode_gallery_fig{

	float:left;

	width:44%;

	margin-right:34px;

}

.kode_gallery_fig:nth-child(2){

	margin-right:0px;

}

.kode_gallery_fig.fig_1.margin{

	margin-bottom:30px;

}

.kode_gallery_fig a{

	position:absolute;

	top:50%;

	left:0px;

	right:0px;

	text-align:center;

	height:50px;

	width:50px;

	text-align:center;

	line-height:50px;

	font-size:20px;

	background-color:#fff;

	border-radius:100%;

	display:inline-block;

	margin:-40px auto;

	opacity:0;

	z-index:10;

}

.kode_gallery_fig:hover a{

	margin:-25px auto;

	opacity:1;

}

.kode_gallery_fig a:hover{

	background-color:#000;

}

.kode_gallery_fig .them_overlay:before{

	opacity:0;

	top:100%;

	z-index:9;

} 

.kode_gallery_fig:hover .them_overlay:before{

	opacity:0.78;

	top:0;

}

.service_btn.view{

	margin-top:10px;

}

/*

	=======================================

		KODE GALLERY WRAP END

	=======================================

*/

/*

	=======================================

		KODE TEAM WRAP START

	=======================================

*/

.kode_social_icon,

.kode_tem_fig,

.kode_team_wrap{

	float:left;

	width:100%;

}

.kode_team_wrap{

	padding:80px 0px;

}

.kode_tem_fig {

    padding: 0 15px;

}

.kode_tem_fig figcaption{

	position:absolute;

	left:0px;

	right:0px;

	bottom:-53px;

	background-color:#444444;

	padding:17px 0px 20px;

	text-align:center;

}

.kode_tem_fig:hover figcaption{

	bottom:0px;

}

.kode_tem_fig figcaption  p{

	margin-bottom:14px;

}

.kode_social_icon li{

	display:inline-block;

	margin-right:11px;

}

.kode_social_icon li a{

	display:inline-block;

	height:33px;

	width:33px;

	text-align:center;

	line-height:33px;

	border-radius:100%;

	border:1px solid #f4f4f4;

}

/* SILCK SLIDER START*/

.kode_team_wrap .slick-prev,

.kode_team_wrap .slick-next {

    background: #333333;

    display: block;

    height: 46px;

    position: absolute;

    top: 50%;

    width: 46px;

    z-index: 1;

}

.kode_team_wrap .slick-prev{

	left:-50px;

}

.kode_team_wrap .slick-next{

	right:-50px;

}

.kode_team_wrap .slick-prev:before,

.kode_team_wrap .slick-next:before{

	line-height:42px;

 }

 /*

	=======================================

		KODE TEAM WRAP END

	=======================================

*/

 /*

	=======================================

		KODE CAUSE WRAP START

	=======================================

*/

.kode_cause_canvas,

.kode_payment_list,

.checkbox_radio,

.radio_points,

.kode_comment,

.kode_donation_row,

.kode_doantion_amount,

.kode_donation_element,

.kode_cause_text,

.kode_cause_wrap{

	float:left;

	width:100%;

}

.kode_cause_wrap{

	background-image: url("images/cause-bg.png");

    background-position: left center;

    background-repeat: no-repeat;

	position:relative;

	background-size:51% ;

	z-index:99;

}

.kode_cause_wrap .section_hdg.hdg_2{

	margin-bottom:18px;

}

.kode_cause_wrap.them_overlay:before{

	background-color:#333;

	opacity:0.9;

	width:50%;

}

.kode_cause_wrap:after{

    bottom: 0;

    content: "";

    left: auto;

    position: absolute;

    right: 0;

    top: 0;

    width: 50%;

	z-index:-1;

	background: -webkit-linear-gradient(#f7f2e9, #f7f7f7);

    background: -o-linear-gradient(#f7f2e9, #f7f7f7);

    background: -moz-linear-gradient(#f7f2e9, #f7f7f7); 

    background: linear-gradient(#f7f2e9, #f7f7f7);

}

.kode_donate_des,

.kode_cause_des{

	float:left;

	width:50%;

}

.kode_cause_des{

	text-align:center;

	padding:90px 100px;

}

.kode_cause_text{

	position:relative;

}

/* canvas style start*/

.kode_cause_text p{

	margin-bottom:45px;

}

.kode_canvas_text,

.kode_canvas_detail {

    float: left;

    width: 50%;

}

.kode_canvas_detail {

	text-align: right;

	padding-right:50px;

	border-right:1px solid #e8e8e8; 

}

.kode_canvas_detail .position{

    margin:0px 0px;

	float:right;

	text-align:right;

}

.kode_canvas_detail .progress-bar div span {

    background-color: #333333;

    border-radius: 50%;

    font-size: 40px;

    height: 120px;

    left: 6px;

    line-height: 120px;

    position: absolute;

    text-align: center;

    top: 6px;

	font-weight:lighter;

    width: 120px;

}

.kode_canvas_detail .progress-bar div {

    border-radius: 50%;

    height: 132px;

    position: absolute;

    width: 132px;

}

.kode_canvas_detail .progress-bar{

	height:132px;

	width:135px;

}

.kode_canvas_text{

	text-align:left;

	padding-left:50px;

}

.kode_canvas_text li{

	display:inline-block;

	padding-bottom:15px;

}

.kode_canvas_text li:first-child{

	border-bottom:1px solid #f1f1f1;

	margin-bottom:15px;

}

.kode_canvas_text h5{

	margin-bottom:6px;

}

.kode_canvas_text h4{

	font-weight:bold;

}

.kode_donate_des {

    padding: 27px 200px 33px;

}

.kode_doantion_amount{

	border-bottom:1px solid #dcdcdc;

	padding-bottom:30px;

	margin-bottom:28px;

}

.kode_donation_row h4,

.kode_doantion_amount h4{

	margin-bottom:15px;

}

.kode_amount_list {

    float: left;

}

.kode_amount_list span{

	display:inline-block;

	color:#333333;

	width:75px;

	height:62px;

	line-height:60px;

	text-align:center;

	border:1px solid #dfdfdf;

	margin-right:15px;

	font-weight:bold;

	cursor:pointer;

	font-size:20px;

}

.kode_doantion_amount .kf_commet_field{

	float:left;

	width:auto;

	margin-left:14px;

}

.kode_doantion_amount .kf_commet_field input{

	float:left;

	width:180px;

	border:1px solid #dfdfdf;

	background:none;

	height:62px;

	font-size:16px;

	font-weight:500;

}

.kode_donation_item,

.kf_commet_field{

	margin-bottom:15px;

}

.kf_commet_field input{

	background:none;

	box-shadow:0px 0px;

}

.kode_donation_row .chosen-container-single .chosen-single span,

.kode_donation_row  .chosen-container-single .chosen-single{

	height:44px;

	background:none;

}

.kode_donation_row .chosen-container-single .chosen-single span{

	padding:7px 15px;

	font-size:15px;

	text-align:left;

}

.kode_donation_row .chosen-container-single .chosen-single{

	padding:0px 0px;

	border-color:#dfdfdf;

	border-radius:0px;

	box-shadow:0px 0px;

}

.kode_donation_row .chosen-container-single .chosen-single div b:before{

	font-size:16px;

	color:#bdbdbd;

}

.kode_donation_row .chosen-container-single .chosen-single div{

	background:none;

}

.kode_donation_row .chosen-container .chosen-drop{

	z-index:99;

}

/*radio button start*/

.kode_payment_list h5{

	margin-bottom:15px;

}

.radio_points{

	margin-bottom:30px;

}

.radio_points li{

	float: left;

	line-height: normal;

	margin-right:30px;

}

.checkbox_radio {

    position: relative;

}

.checkbox_radio input{

	display: none;

}

.checkbox_radio span{

	display: inline-block;

	width: 12px;

	height: 12px;

	position: absolute;

	left: 0px;

	top:3px;

	bottom:0px;

	border:1px solid #afafaf;

	border-radius: 100%;

	background-color:#dedede;

}

.checkbox_radio span:before{

	position: absolute;

	content: "";

	left: 2px;

	right: 2px;

	top:2px;

	bottom:2px;

	background: transparent;

	border-radius: 100%;

}

.checkbox_radio input[type="radio"]:checked ~ span:before{

	background-color:#666666;

}

.checkbox_radio label{

	float:left;

	width: 100%;

	padding-left: 20px;

	z-index: 10;

	position: relative;

	font-size: 14px;

	color:#666666;

	margin-bottom: 0px;

	cursor: pointer;

	margin-left:6px;

}

.kode_payment_list .form-submit{

	margin-bottom:0px;

}



 /*

	=======================================

		KODE CAUSE WRAP END

	=======================================

*/

 /*

	=======================================

		KODE BLOG WRAP START

	=======================================

*/

.kode_calender_detail li,

.kode_calender_list,

.kode_calender_detail,

.koed_event_timer,

.kode_event_des,

.kode_event_row,

.kode_meta,

.kode_blog_list > ul > li,

.kode_blog_fig,

.kode_blog_list ul,

.kode_blog_list,

.kode_blog_row,

.kode_blog_wrap{

	float:left;

	width:100%;

}

.kode_blog_wrap{

	padding:80px 0px;

}

.kode_blog_wrap .section_hdg{

	margin-bottom:33px;

}

.kode_blog_list > ul > li{

	margin-bottom:30px;

}

.kode_blog_list > ul > li:last-child{

	margin-bottom:0px;

}

.kode_blog_fig figure{

	float:left;

	width:auto;

}

.kode_blog_fig  .them_overlay:before{

	opacity:0;

	top:100%;

}

.kode_blog_fig:hover  .them_overlay:before{

	opacity:0.65;

	top:0px;

	z-index:9;

}

.kode_blog_text {

    overflow: hidden;

	padding:25px 28px 28px 30px;

}

.kode_blog_fig:hover  .kode_blog_text{

	background-color:#f7f7f7;

}

.kode_meta {

	margin-bottom:13px;

}

.kode_meta.meta_2 li:last-child,

.kode_meta li{

	float:left;

}

.kode_meta li:last-child{

	float:right;

}

.kode_meta li a{

	display:inline-block;

	color:#666666;

}

.kode_meta li a i{

	margin-right:14px;

}

.kode_meta.meta_2{

	margin-bottom:0px;

}

.kode_meta.meta_2 a i{

	color:#b0b0b0;

}

.kode_meta.meta_2 li{

	float:left;

	padding:0px 15px;

	line-height:normal;

	border-right:1px solid #b0b0b0;

}

.kode_meta.meta_2 li:last-child{

	border-right:none;

}

.kode_meta.meta_2 li:first-child{

	padding-left:0px;

}

.kode_blog_text h5{

	margin-bottom:14px;

}

.kode_blog_des figure .expand_btn,

.kode_blog_fig .plus_icon{

	background-color: #ffffff;

    border-radius: 100%;

    bottom: 0;

    font-size: 18px;

    height: 40px;

    left: 0;

    line-height: 40px;

    margin: -40px auto auto;

    position: absolute;

    right: 0;

    text-align: center;

    top: 50%;

    width: 40px;

	opacity:0;

	z-index:10;

}

.kode_blog_fig .plus_icon:hover{

	background-color:#000;

}

.kode_blog_des:hover .expand_btn,

.kode_blog_fig:hover .plus_icon{

	margin: -20px auto auto;

	opacity:1;

}

/* kode event row start */

.koed_event_timer .them_overlay:before{

	z-index:9;

}

.koed_event_timer figcaption{

	position:absolute;

	top:0px;

	left:0px;

	right:0px;

	bottom:0px;

	padding:25px 30px;

	z-index:10;

}

.koed_event_timer figcaption h5{

	margin-bottom:16px;

}

.koed_event_timer figcaption ul li{

	float:left;

	margin-right:42px;

}

.koed_event_timer figcaption ul li span{

	font-size:36px;

}

.koed_event_timer figcaption ul li  p{

	margin-bottom:0px;

}

.kode_calender_detail{

	padding:10px 30px;

	background-color:#f7f7f7;

}

.kode_calender_detail li{

	padding:20px 0px;

	border-bottom:1px solid #cbcbcb;

}

.kode_calender_detail li:last-child{

	border-bottom:none;

}

.kode_calender_list > span{

	display:inline-block;

	text-transform:uppercase;

	width:65px;

	height:70px;

	text-align:center;

	padding:10px;

	background-color:#333333;

	font-size:24px;

	font-weight:400;

	float:left;

	border-radius:2px;

}

.kode_calender_list > span i{

	font-size:16px;

	font-style:normal;

}

.kode_event_text{

	overflow:hidden;

	padding:1px 0px 0px 10px;

}

.kode_event_text h6{

    line-height: 22px;

    margin-bottom: 6px;

    margin-top: -5px;

}

.kode_event_text p{

	margin-bottom:0px;

}

 /*

	=======================================

		KODE BLOG WRAP END

	=======================================

*/

 /*

	=======================================

		KODE CLIENT WRAP START

	=======================================

*/

.kode_product_rating,

.kode_product_text,

.kode_product_list,

.kode_client_text,

.kode_client_wrap{

	float:left;

	width:100%;

}

.kode_client_wrap {

	background-color:#f7f7f7;

	padding:80px 0px 50px;

}

.kode_client_text{

	text-align:center;

	padding:25px 25px;

	position:relative;

	margin-bottom:80px;

}

.kode_client_text:hover{

	background-color:#ffffff;

}

.kode_client_text p{

	position:relative;

	margin-bottom:10px;

}

.kode_client_text p:before,

.kode_client_text p:after{

	position:absolute;

	content:"\f10d";

	top:-4px;

	left:3px;

	bottom:0px;

	font-size:12px;

	font-family:fontawesome;

	color:#b7b7b7;

}

.kode_client_text p:before{

	left:auto;

	right:50px;

	top:auto;

	bottom:-5px;

	content:"\f10e";

}

.kode_client_text h6{

	text-transform:uppercase;

	margin-bottom:26px;

}

.kode_client_text figure{

	width:auto;

	display:inline-block;

	border-radius:100%;

	float:none;

	position:absolute;

	left:0px;

	right:0px;

}

.kode_client_text:hover figure{

	transform:scale(0.2);

	-moz-transform:scale(0.2);

	-webkit-transform:scale(0.2);

}

.kode_client_text .fig_hover{

	transform:scale(1.5);

	-moz-transform:scale(1.5);

	-webkit-transform:scale(1.5);

	opacity:0;

}

.kode_client_text:hover .fig_hover{

	transform:scale(1);

	-moz-transform:scale(1);

	-webkit-transform:scale(1);

	opacity:1;

}

.kode_client_text figure img {

    border-radius: 100%;

    float: none;

    width: auto;

	margin:auto;

}

.kode_client_text:hover figure img{

	opacity:0.8;

}

/* product style */

.kode_product_list {

	background-color:#fff;

}

.kode_product_list > h5{

	padding:15px 30px 13px;

}

.kode_product_list figure{

	border-bottom:1px solid #d2d2d2;

}

.kode_product_list h6{

	position:absolute;

	top:30px;

	left:0px;

	padding:6px 15px 4px;

	background-color:#333333;

	border-radius:2px;

}

.kode_product_text{

	padding:17px 30px 13px;

	border-bottom:1px solid #d2d2d2;

}

.kode_product_text h5{

	margin-bottom:5px;

}

.kode_product_text span:last-child{

	font-weight:500;

	margin-left:10px;

}

.kode_product_rating{

	padding:11px 30px 9px;

}

.product_icon li,

.rating_star li,

.rating_star{

	float:left;

	width:auto;

}

.rating_star li a{

	display:inline-block;

	padding:0px 2px;

	color:#fcc73d;

}

.kode_product_list .slick-prev:hover:before, 

.kode_product_list .slick-next:hover:before,

.rating_star li a:hover{

	color:#000;

}

.product_icon{

	float:right;

	width:auto;

}

.product_icon li{

	margin-right:15px;

}

.product_icon li a{

	display:inline-block;

	color:#333333;

}

/* slick slider start */

.kode_product_list .slick-prev, 

.kode_product_list .slick-next{

	top:-25px;

	background:none;

	height:20px;

	right:23px;

	width:20px;

}

.kode_product_list .slick-prev {

    right: 46px;

	left:auto;

}

.kode_product_list .slick-prev:before, 

.kode_product_list .slick-next:before{

	content:"\f105";

	line-height:20px;

	font-size:18px;

}

.kode_product_list .slick-prev:before{

	content:"\f104";

}

 /*

	=======================================

		KODE CLIENT WRAP END

	=======================================

*/

 /*

	=======================================

		KODE NEWSLETTER WRAP START

	=======================================

*/

.kode_newsletter_form form,

.kode_newsletter_des,

.kode_newsletter_wrap{

	float:left;

	width:100%;

}

.kode_newsletter_des {

	padding:17px 0px 13px;

	border-right:1px solid #a37a39;

}

.kode_newsletter_des span{

	display:inline-block;

	font-size:50px;

	color:#ebd0a7;

	float:left;

}

.kode_newsletter_text{

	overflow:hidden;

	padding-left:30px;

}

.kode_newsletter_text h5{

	padding-bottom:5px;

	margin-bottom:10px;

	position:relative;

}

.widget_title:before,

.kode_newsletter_text h5:before{

	position:absolute;

	content:"";

	left:0px;

	right:0px;

	bottom:0px;

	border-bottom:1px solid #fff;

	width:60px;

}

.kode_newsletter_text  p{

	margin-bottom:0px;

}

/* kode newsletter form start */

.kode_newsletter_form{

	float:right;

	padding:22px 0 23px;

}

.kode_newsletter_form .kf_commet_field{

	float:left;

	margin-bottom:0px;

}

.kode_newsletter_form .kf_commet_field input{

	float:left;

	background:none;

	width:288px;

	box-shadow:0px 0px;

	color:#fff;

}

.kode_newsletter_form .kf_commet_field input:focus{

	box-shadow:0px 0px 3px 0px;

}

.kode_newsletter_form .form-submit{

	margin-left:30px;

	margin-bottom:0px;

}

.kode_newsletter_form .form-submit input{

	float:left;

	width:auto;

	margin-bottom:0px;

	cursor:pointer;

	border:none;

	background-color:#333;

}

.widget_event.event_2 .medium_btn:hover,

.kode_newsletter_form .kf_commet_field .medium_btn:hover{

	background-color:#fff;

	color:#000;

}

.kode_newsletter_form .form-submit input:hover{

	box-shadow:0px 0px 1px 1px;

	

}

.kf_commet_field button{

	margin-left:30px;

	cursor:pointer;

}

 /*

	=======================================

		KODE NEWSLETTER WRAP END

	=======================================

*/



 /*

	=======================================

		WIDGET WRAP START

	=======================================

*/

.widget_social_icon,

.widget_call_info li, 

.widget_call_info,

.widget_logo,

.widget_wrap{

	float:left;

	width:100%;

}

.widget_wrap{

	padding:60px 0px;

	background-image: url("images/footer-bg.png");

    background-position: center;

    background-repeat: no-repeat;

	position:relative;

	background-size:cover ;

}

.widget_wrap.them_overlay:before{

	background-color:#202020;

	opacity:0.98;

}

.widget_logo img{

	margin-bottom:25px;

}

.widget_logo p{

	margin-bottom:18px;

}

.widget_call_info{

	padding-bottom:25px;

	border-bottom:1px solid #393535;

	margin-bottom:30px;

}

.widget_call_info li{

	margin-bottom:7px;

}

.widget_call_info li:last-child{

	margin-bottom:0px;

}

.widget_call_info li a{

	display:inline-block;

}

.widget_call_info li a i{

	margin-right:20px;

}

.widget_social_icon li{

	float:left;

	margin-right:19px;

}

.widget_social_icon li a{

	display:inline-block;

	height:42px;

	width:42px;

	text-align:center;

	line-height:42px;

	border:1px solid #353333;

	font-size:16px;

	border-radius:2px;

}

/* widget event start */

.kode_textarea,

.widget_event{

	float:left;

	width:100%;

}

.widget_title{

	margin-bottom:50px;

	position:relative;

	padding:15px 0px 6px 0px; 

}

.widget_title:before{

	width:80px;

}

.widget_event .kode_calender_detail{

	background:none;

	padding:0px 0px;

}

.widget_event .kode_calender_detail li{

	border-color:#454343;

}

.widget_event .kode_calender_detail li:first-child{

	padding-top:0px;

}

.widget_event .kode_event_text{

	padding-left:20px;

}

.widget_event .kf_commet_field input{

	border-color:#454343;

}

.kode_textarea{

	margin-bottom:30px;

}

.widget_event .kode_textarea textarea{

	height:128px;

	width:100%;

	background:none;

	border-color:#454343;

	padding:15px 15px;

	resize:none;

}

.form-submit {

    width: auto;

}

.comment-form button,

.widget_event .form-submit .medium_btn{

	cursor:pointer;

}

 /*

	=======================================

		WIDGET WRAP END

	=======================================

*/

 /*

	=======================================

		WIDGET COPYRIGHT START

	=======================================

*/

.copyright_text,

.widget_copyright{

	float:left;

	width:100%;

}

.widget_copyright{

	background-color:#1d1d1d;

}

.copyright_text p{

	float:left;

	margin:0px 0px;

	padding:18px 0;

}

.top_btn{

	float:right;

	display:inline-block;

	height:60px;

	width:60px;

	text-align:center;

	line-height:60px;

	margin:auto;

	font-size:30px;

}

.top_btn:hover{

	background-color:#fff;

}

 /*

	=======================================

		WIDGET COPYRIGHT END

	=======================================

*/



.widget_event .kode_textarea textarea::-moz-placeholder,

.widget_event .kf_commet_field input[type="text"]::-moz-placeholder,

.kode_newsletter_form .kf_commet_field input[type="text"]::-moz-placeholder{

	color:#fff;

}

.kode_search .kf_commet_field input::-webkit-input-placeholder,

.kode_comments .kode_textarea textarea::-webkit-input-placeholder,

.kode_comments .kf_commet_field input::-webkit-input-placeholder,

.widget_event .kode_textarea textarea::-webkit-input-placeholder,

.widget_event .kf_commet_field input::-webkit-input-placeholder,

.kode_newsletter_form .kf_commet_field input::-webkit-input-placeholder{

	color:#fff;

}

.kode_search.margin .kf_commet_field input::-webkit-input-placeholder,

.kode_search.margin .kode_textarea textarea::-webkit-input-placeholder,

.kode_comments.comment_2 .kf_commet_field input::-webkit-input-placeholder,

.kode_comments.comment_2 .kode_textarea textarea::-webkit-input-placeholder,

.kode_comments.margin .kode_textarea textarea::-webkit-input-placeholder,

.kode_comments.margin .kf_commet_field input::-webkit-input-placeholder{

	color:#999;

}

.kode_comments.margin .form-submit .medium_btn:hover{

	background-color:#000;

	color:#fff;

}

 /*

	============================================================================

					HOME PAGE 01 START

	============================================================================

*/

 /*

	=======================================

		KODE TOP2 WRAP START

	=======================================

*/

.kode_top2_row,

.kode_top2_wrap{

	float:left;

	width:100%;

}

.kode_top2_wrap{

	border-top:1px solid #d9d9d9;

	border-bottom:1px solid #d9d9d9;

}

.kode_top2_info{

	float:left;

	width:65%;

}

.kode_top2_info li{

	float:left;

	padding:11px 30px 9px;

	border-right:1px solid #d9d9d9;

}

.kode_top2_info li:first-child{

	padding-left:0px;

}

.kode_top2_info li:last-child{

	border-right:none;

}

.kode_top2_info li span{

	display:block;

	text-transform:uppercase;

	font-size:12px;

	line-height:normal;

	margin-bottom:1px;

}

.kode_top2_info li span i{

	margin-right:10px;

}

.kode_top2_info li a{

	display:block;

	font-size:14px;

	color:#666666;

}

.kode_top2_icon{

	float: right;

    text-align: right;

    width: 35%;

}

.kode_top2_icon ul li,

.kode_top2_icon ul{

	float:left;

}

.kode_top2_icon > ul{

	border-left:1px solid #d9d9d9;

}

.kode_top2_icon > ul > li{

	padding:20px 20px 16px;

	border-right:1px solid #d9d9d9;

}

.kode_top2_icon > ul > li a{

	display:inline-block;

	position:relative;

	font-size:18px;

}

.kode_top2_icon > ul > li  a span{

	background-color:#ffffff;

    border-radius:100%;

	box-shadow: 0 0 7px -3px #000000;

    font-size:8px;

    font-weight:bold;

    height:12px;

    line-height:12px;

    position:absolute;

    right:-7px;

    text-align:center;

    top:0;

    width:12px;

}

/* drop down style */

.kode_top2_icon .dropdown{

	cursor:pointer;

}

.kode_top2_icon .dropdown span{

	margin-left:4px;

}

.kode_top2_icon .dropdown ul{

	left: -20px;

    padding: 0;

    top: 40px;

    width: 150px;

	background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;

}

.kode_top2_icon .dropdown ul li{

	width:100%;

}

.kode_top2_icon .dropdown ul li a{

	padding:6px 15px;

	display:block;

}

/* donate btn start */

.donate_btn .modal-body,

.donate_btn .modal-content{

	float: left;

    width: 100%;

}

.donate_btn {

    display: inline-block;

    float: right;

    padding: 8px 0 9px;

	cursor:pointer;

}

.donate_btn .modal-content{

	background: -webkit-linear-gradient(#f7f2e9, #f7f7f7);

    background: -o-linear-gradient(#f7f2e9, #f7f7f7);

    background: -moz-linear-gradient(#f7f2e9, #f7f7f7); 

    background: linear-gradient(#f7f2e9, #f7f7f7);

}

.donate_btn  .kode_payment_list h5,

.donate_btn .kode_doantion_amount h4,

.donate_btn .kode_donation_row h4{

	text-align:left;

}

.donate_btn  .modal-body,

.donate_btn .kode_donate_des{

	width:100%;

	padding:0px 0px;

}

.donate_btn .modal-dialog {

    margin: 60px auto;

}

.donate_btn .modal-content{

	padding:30px 24px;

}

.donate_btn .chosen-results li{

	width:100%;

	text-align:left;

}

.donate_btn .kode_payment_list {

    padding: 10px 0;

}

.donate_btn  button.close {

    border-radius: 100%;

    height: 25px;

    line-height: 20px;

    opacity: 1;

    position: absolute;

    right: -6px;

    top: -8px;

    width: 25px;

    z-index: 9999;

	background-color:#fff;

}

.donate_btn .close > span {

    position: relative;

    top: -2px;

}

 /*

	=======================================

		KODE TOP2 WRAP END

	=======================================

*/

 /*

	=======================================

		KODE NAVIGATION WRAP START

	=======================================

*/

.header{

	float:left;

	width:100%;

}

.header .kode_navigation_wrap{

	padding:20px 0 18px;

}

.header .top_logo{

	float:left;

	width:24%;

}

.header .navigation{

	float: left;

    padding:22px 0 16px;

    width: 62%;

}

.header .navigation > ul{

	text-align:left;

}

.header .navigation > ul > li{

	margin-left:24px;

}

.header .navigation ul > li > a{

	padding:0px 0px;

	font-size:14px;

	font-weight:500;

}

.header .navigation ul li a:hover:before,

.header .navigation ul li a:hover{

	background:none;

}

/* navigation drop down style*/

.header .navigation ul ul{

	width:200px;

	border-top:2px solid ;

	border-bottom:3px solid ;

}

.header .navigation ul ul li a{

	padding:8px 15px;

	text-transform:uppercase;

}

.header .navigation ul li:hover > ul{

	top:58px;

}

.kode_navi_icon {

    float: right;

    padding:17px 0 13px;

}

.kode_navi_icon  li{

	float:left;

}

.kode_navi_icon  li{

	margin-right:15px;

}

.kode_navi_icon  li a{

	display:inline-block;

	height:32px;

	width:32px;

	text-align:center;

	line-height:32px;

	background-color:#f2f2f2;

	border-radius:100%;

	color:#bcbcbc;

}

/*

	=======================================

		KODE NAVIGATION WRAP END

	=======================================

*/

/*

	=======================================

		KODE BANNER2 WRAP START

	=======================================

*/

.kode_banner2_des{

	float:left;

	width:100%;

}

.kode_banner2_fig{

	position:absolute;

	left:53%;

	bottom:0px;

	text-align:center;

}

.kode_banner2_fig figure{

	width:auto;

}

.kode_banner_wrap.banner2 .them_overlay:before{

	background-color:#202020;

	opacity:0.95;

}

.kode_banner_wrap.banner2 .kode_banner_text{

	text-align:left;

	margin-left:-550px;

	width:500px;

	margin-top:-128px;

}

.kode_banner_wrap.banner2 .kode_banner_text .large_text{

	font-size:44px;

	margin-bottom:7px;

}

.kode_banner_wrap.banner2 .kode_banner_text .large_text:before,

.kode_banner_wrap.banner2 .kode_banner_text .large_text:after{

	content:"";

}

.kode_banner_wrap.banner2 .kode_banner_text .mediume_text{

	font-size:20px;

	font-weight:400;

}



.kode_banner_wrap.banner2 .slick-prev, 

.kode_banner_wrap.banner2 .slick-next{

	height:58px;

	width:58px;

	border-radius:100%;

	border:1px solid #f2f2f2;

	background:none;

	left:30px;

}

.kode_banner_wrap.banner2 .slick-next{

	right:30px;

	left:auto;

}

.kode_banner_wrap.banner2 .slick-prev:before,

 .kode_banner_wrap.banner2 .slick-next:before{

	line-height:58px;

	content:"\f177"; 

 }

 .kode_banner_wrap.banner2 .slick-next:before{

	content:"\f178"; 

 }

 /*

	=======================================

		KODE BANNER2 WRAP END

	=======================================

*/



 /*

	=======================================

		KODE MOSQUE2 WRAP START

	=======================================

*/

.kode_mosque2_text,

.kode_mosque2_des,

.kode_mosque2_fig,

.kode_mosque2_wrap{

	float:left;

	width:100%;

}

.kode_mosque2_fig .them_overlay:before {

    transform: skew(-17deg) translate(44px);

	opacity:0;

	left:15px;

	bottom:10px;

}

.kode_mosque2_fig:hover .them_overlay:before {

   opacity:0.5;

   z-index:99;

}

.kode_mosque2_fig figure{

	z-index:999;

	padding:0 0 10px 15px;

}

.kode_mosque2_fig figure:after{

	position:absolute;

	content:"";

	top:10px;

	left:0px;

	right:15px;

	bottom:0px;

	z-index:-1;

	transform: skew(-17deg) translate(44px);

}

.kode_mosque2_wrap{

	padding:78px 0px 80px;

}

.section_hdg.hdg_4 h3{

	display:block;

}

.kode_mosque2_text p{

	margin-bottom:18px;

}

.kode_mosque2_text p:last-child{

	margin-bottom:23px;

}

 /*

	=======================================

		KODE MOSQUE2 WRAP END

	=======================================

*/



 /*

	=======================================

		KODE PILLARS WRAP PILLARS 2 START

	=======================================

*/

.section_hdg.hdg_2.hdg_3.hdg_4{

	margin-bottom:88px;

}

.kode_pillars_wrap.pillare_2{

	background-color:#f8f8f8;

	background-image:none;

	overflow:hidden;

}

.kode_pillars_wrap.pillare_2 .kode_pillars_text{

    border-radius: 100%;

    height: 550px;

    margin-bottom: -110px;

    padding: 80px 0 0;

    width: 572px;

	background-image:url("images/piller-bg.png");

	background-repeat:no-repeat;

	z-index:999;

}

.kode_pillars_wrap.pillare_2 .kode_pillars_text:after{

	position:absolute;

	content:"";

	top:0px;

	left:0px;

	right:0px;

	bottom:0px;

	background-color:#000;

	opacity:0.6;

	border-radius:100%;

	z-index:-1;

}

.kode_pillars_wrap.pillare_2 .kode_pillars_text:before{

	border: 3px dotted;

	top:-15px;

	left:-15px;

	right:-15px;

	bottom:-15px;

	border-radius:100%;

}

.kode_pillars_wrap.pillare_2 .kode_pillars_text figure img,

.kode_pillars_wrap.pillare_2 .kode_pillars_text figure{

	width:auto;

	float:none;

}

.kode_pillars_wrap.pillare_2 .kode_pillars_item{

	margin-bottom:0px;

 }

.kode_pillars_wrap.pillare_2 .center:after,

.kode_pillars_wrap.pillare_2 .right_bottom:after, 

.kode_pillars_wrap.pillare_2 .left_bottom:after,

.kode_pillars_wrap.pillare_2 .right_center:after,

.kode_pillars_wrap.pillare_2 .left_center:after,

.kode_pillars_wrap.pillare_2 .kode_pillars_item li a:before{

	border:none; 

 }

 .kode_pillars_wrap.pillare_2 .right_bottom, 

 .kode_pillars_wrap.pillare_2 .left_bottom{

	left:103px;

	right:auto; 

 }

.kode_pillars_wrap.pillare_2 .right_bottom{

	left:auto;

	right:103px; 

 }

.kode_pillars_wrap.pillare_2 .right_center, 

.kode_pillars_wrap.pillare_2 .left_center{

	bottom: 296px;

    left: 170px;

}

.kode_pillars_wrap.pillare_2 .right_center{

	right: 170px;

	left:auto;

}

.kode_pillars_wrap.pillare_2 .center{

	left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    text-align: center;

    top: 128px;

}



.kode_services_wrap.service_2{

	background-color:#f7f7f7;

}

 /*

	=======================================

		KODE PILLARS WRAP PILLARS 2 END

	=======================================

*/

 /*

	=======================================

		KODE BUILDING WRAP START

	=======================================

*/

.kode_building_des,

.kode_building_wrap{

	float:left;

	width:100%;

}

.kode_building_wrap{

	background-image:url("images/bulding.png");

	background-position:center;

	background-repeat:no-repeat;

	background-size:cover;

	padding:105px 0px;

}

.kode_building_wrap.them_overlay:before{

	opacity:0.94;

	background-color:#252525;

}

.kode_building_des figure{

	width:auto;

	border-radius:100%;

}

.kode_building_des .them_overlay:before{

	opacity:0;

}

.kode_building_des:hover .them_overlay:before{

	opacity:0.3;

	z-index:99;

}

.kode_building_text{

	overflow:hidden;

	padding-left:30px;

}

.kode_building_text h3,

.kode_building_text h4{

	margin-bottom:10px;

}

.kode_building_text h3{

	margin-bottom:17px;

}

.kode_building_text p{

	margin-bottom:28px;

}

.kode_canvas_detail.canvas_2{

	border-right: medium none;

    float: right;

    padding: 30px 50px 0 0;

    width: auto;

}

.kode_canvas_detail.canvas_2 .progress-bar div{

	height:184px;

	width:184px;

}

.kode_canvas_detail.canvas_2 .progress-bar div span{

	height:170px;

	width:170px;

	line-height:148px;

}

.kode_canvas_detail.canvas_2 > span {

    font-size: 18px;

    left: 8px;

    position: relative;

    top: -27px;

}

 /*

	=======================================

		KODE BUILDING WRAP END

	=======================================

*/



/*

	=======================================

		KODE CLIENT WRAP CLIENT 2 START

	=======================================

*/

.kode_client_wrap.client_2{

	background:none;

}

.kode_client_wrap.client_2 .kode_client_text:hover{

	background-color:#f7f7f7;

}

/*

	=======================================

		KODE CLIENT WRAP CLIENT 2 END

	=======================================

*/

 /*

	=======================================

		KODE GALLERY WRAP START

	=======================================

*/

.kode_gallery_detail{

	float:left;

	width:100%;

	margin-bottom:30px;

}

.kode_gallery_list{

	float:left;

	width:50.5%;

}

.kode_gallery_list.list_2 {

    margin-right: 11px;

    width: 48.4%;

}

.kode_gallery_list .kode_gallery_fig{

	width:100%;

	margin-bottom:10px;

}

.kode_gallery_list .kode_gallery_fig figure{

	width:auto;

}

.kode_gallery_fig.fig_2{

	float:left;

	width:49%;

	margin-right:10px;

	margin-bottom:10px;

}

 /*

	=======================================

		KODE GALLERY WRAP END

	=======================================

*/

 /*

	=======================================

		KODE EVENT WRAP START

	=======================================

*/

.kode_event_video,

.kode_event_fig,

.kode_calender_detail.detail_2 .kode_event_text span,

.kode_event_wrap{

	float:left;

	width:100%;

}

.kode_event_wrap{

	padding:76px 0 79px;

}

.kode_calender_detail.detail_2{

	padding:0px 0px;

	background:none;

}

.kode_calender_detail.detail_2 li:first-child{

	padding-top:0px;

}

.kode_calender_detail.detail_2 li:last-child{

	padding-bottom:0px;

}

.kode_calender_detail.detail_2 .kode_calender_list > span{

	width:95px;

	height:107px;

	font-size:36px;

	font-weight:bold;

	padding:25px 0px;

}

.kode_calender_detail.detail_2 .kode_calender_list > span i{

	font-size:24px;

	display:block;

	font-weight:400;

	margin-top:12px;

}

.kode_calender_detail.detail_2 .kode_event_text{

	padding-left:30px;

}

.kode_calender_detail.detail_2 .kode_event_text h4{

	margin-bottom:7px;

}

.kode_calender_detail.detail_2 .kode_event_text p{

	margin-bottom:6px;

	font-weight:normal;

}

.kode_event_text span i{

	margin-right:8px;

}

.kode_event_text span a{

	display:inline-block;

}

.kode_event_fig a{

	position:absolute;

	top:50%;

	left:0px;

	right:0px;

	margin:auto;

	font-size:75px;

	text-align:center;

	margin-top:-40px;

	z-index:10;

}

.kode_event_fig .them_overlay:before{

	opacity:0.45;

	z-index:9;

}

 /*

	=======================================

		KODE EVENT WRAP END

	=======================================

*/



 /*

	=======================================

		WIDGET WRAP WIDGET 02 START

	=======================================

*/



.widget_wrap.widget_2.them_overlay:before{

	opacity:0.85;

	background-color:#131313;

}

.widget_event.event_2 .kode_textarea textarea,

.widget_event.event_2 .kf_commet_field input,

.widget_logo.logo_2 .widget_call_info{

	border-color:#fff;

}

.form-submit .medium_btn{

	cursor:pointer;

}

.widget_event.event_2 .form-submit .medium_btn:hover{

	background-color:#fff;

}

.widget_event.event_2 .kode_calender_list > span{

	background-color:#989898;

}

 /*

	=======================================

		WIDGET WRAP WIDGET 02 END

	=======================================

*/



 /*

	---------------------------------------------------------------------------

	===========================================================================

						ABOUT US PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	=======================================

		KODE SAB BANNER WRAP START

	=======================================

*/



.sab_banner_text,

.kode_sab_banner_wrap{

	float:left;

	width:100%;

}

.kode_sab_banner_wrap{

	padding:60px 0px 65px;

	background-repeat:no-repeat;

	background-size:cover;

	animation: 10s linear 0s normal none infinite running shafaqat;

	background: rgba(0, 0, 0, 0) url("images/banner-pattran-bg.png") repeat scroll 0 0;

}

@-webkit-keyframes shafaqat{

	  0%{background-position:50% 0}

	  100%{background-position:120px 0%}

	}

	@-moz-keyframes shafaqat{

	  0%{background-position:50% 0}

	  100%{background-position:120px 0%}

	}

	@-ms-keyframes shafaqat{

	  0%{background-position:50% 0}

	  100%{background-position:120px 0%}

	}

	@keyframes shafaqat{

	  0%{background-position:50% 0}

	  100%{background-position:120px 0%}

}

	  

.kode_sab_banner_wrap.them_overlay:before{

	opacity:0.97;

}

.sab_banner_text{

	text-align:center;

	position:relative;

}

.sab_banner_text h2{

	margin-bottom:19px;

}

.breadcrumbs{

	display:inline-block;

	background-color:#fff;

	padding:8px 24px;

	border-radius:2px;

}

.breadcrumbs li{

	margin-right:33px;

	position:relative;

	display:inline-block;

}

.breadcrumbs li:last-child{

	margin-right:0px;

}

.breadcrumbs li strong{

	text-transform:uppercase;

	font-size:14px;

}

.breadcrumbs li:last-child:before{

	content:"";

}

.sab_banner_text li:before{

	position:absolute;

	content:"\f101";

	top:1px;

	right:-23px;

	bottom:0px;

	font-family:fontawesome;

	font-size:14px;

}

 /*

	=======================================

		KODE SAB BANNER WRAP END

	=======================================

*/

/*

	=======================================

		KODE PHILOSOPHY WRAP START

	=======================================

*/

.kode_philosophy_text,

.kode_Philosophy_wrap{

	float:left;

	width:100%;

}

.kode_Philosophy_wrap{

	padding:80px 0px 120px;

	background-image:url("images/philosophy-pt.png");

	background-repeat:no-repeat;

	background-size:cover;

}

.kode_Philosophy_wrap.them_overlay:before{

	background-color:#fff;

	opacity:0.95;

}

.kode_philosophy_text{

	text-align:center;

	padding:30px 25px;

	border:1px solid #d5d5d5;

	background-color:#fff;

}

.kode_philosophy_text:hover{

	box-shadow:0px 0px 25px -12px; 

}

.kode_philosophy_text span{

	display:inline-block;

	height:99px;

	width:99px;

	text-align:center;

	line-height:99px;

	background-color:#5c5c5c;

	border-radius:100%;

	font-size:42px;

	margin-bottom:17px;

}

.kode_philosophy_text h4{

	padding-bottom:11px;

	margin-bottom:10px;

	position:relative;

}

.kode_philosophy_text h4:before{

	position:absolute;

	content:"";

	left:0px;

	right:0px;

	bottom:0px;

	width:132px;

	border-bottom:1px solid #d2d2d2;

	margin:auto;

}

.kode_philosophy_text p{

	margin-bottom:20px;

}

/*slick slider start*/

.kode_Philosophy_wrap .slick-slide {

    padding: 0 15px;

}

.kode_Philosophy_wrap .slick-dots {

   border: 1px solid;

    bottom: -70px;

    float: none;

    left: 0;

    margin: auto;

    padding:1px 0 10px;

    position: absolute;

    right: 0;

    text-align: center;

    width: 140px;

}

.kode_Philosophy_wrap .slick-dots li button{

	padding:0px 0px;

	height:14px;

	width:14px;

}

.kode_Philosophy_wrap .slick-dots li {

    cursor: pointer;

    display: inline-block;

    height: 14px;

    margin: 0 5px;

    padding: 0;

    position: relative;

    width: 14px;

	background-color:#d4d4d4;

	border-radius:100px;

}

.kode_Philosophy_wrap .slick-dots li button:before{

	content:"";

}

.kode_Philosophy_wrap .slick-prev, 

.kode_Philosophy_wrap .slick-next{

	display:none !important;

}

/*

	=======================================

		KODE PHILOSOPHY WRAP END

	=======================================

*/

/*

	=======================================

		KODE CLIENT WRAP CLIENT 3 START

	=======================================

*/

.kode_client_wrap.client_3{

	padding:80px 0px 138px;

}

.kode_client_wrap.client_3 .kode_client_text{

	background-color:#fff;

}

.kode_client_wrap.client_3 .kode_client_text p:after{

	left:-3px;

}

.kode_client_wrap .slick-slide{

	padding:0px 15px;

}

.kode_client_wrap.client_3 .slick-prev, 

.kode_client_wrap.client_3 .slick-next{

	top:auto;

	bottom:-80px;

	left:-55px;

	right:0px;

	text-align:center;

	margin:auto;

	height:46px;

	width:46px;

	background-color:#333333;

	border-radius:2px;

}

.kode_client_wrap.client_3 .slick-next{

	right:-115px;

}

.kode_client_wrap.client_3 .slick-prev:before, 

.kode_client_wrap.client_3 .slick-next:before{

	line-height:46px;

}

/*

	=======================================

		KODE CLIENT WRAP CLIENT 3 END

	=======================================

*/

 /*

	---------------------------------------------------------------------------

	===========================================================================

						BLOG PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	=======================================

		KODE BLOG MADIUM WRAP START

	=======================================

*/

.kode_blog_des,

.kode_blog_madium_wrap{

	float:left;

	width:100%;

}

.kode_blog_madium_wrap{

	padding:80px 0px;

	background-color:#f7f7f7;

}

.kode_blog_madium_wrap.wrap_2{

	padding:80px 0px 50px;

}

.kode_blog_des .kode_blog_text{

	padding:27px 30px 30px 30px;

	position:relative;

}

.kode_blog_des{

	margin-bottom:30px;

	background-color:#fff;

}

.kode_blog_des:hover figure img{

	transform:scale(1.7);

	-moz-transform:scale(1.7);

	-webkit-transform:scale(1.7);

}

.kode_blog_des .them_overlay:before{

	opacity:0;

	z-index:9;

}

.kode_blog_des:hover .them_overlay:before{

	opacity:0.65;

}

.kode_blog_des:hover{

	box-shadow:0 0 10px -1px;

}

.kode_blog_text h4{

	margin-bottom:15px;

}

.kode_blog_text h4 span{

	display:block;

}

.kode_blog_des .kode_meta.meta_2{

	margin-bottom:12px;

}

.kode_blog_des .kode_meta.meta_2 li{

	border-right:none;

}

.kode_blog_des .kode_meta.meta_2 li a{

	text-transform:uppercase;

}

.kode_blog_text p{

	margin-bottom:24px;

}

.kode_blog_des .kode_blog_text .share_link{

	position:absolute;

	right:30px;

	bottom:35px;

	height:33px;

	width:33px;

	border:1px solid #d5d5d5;

	border-radius:100%;

	text-align:center;

	line-height:33px;

	color:#d4d4d4;

}

.kode_blog_des figure .btn_hover2:before{

	border-radius:100%;

}



/* KODE PAGINATION START */

.kode_pagination_list{

	float:left;

	width:100%;

	margin-top:10px;

}

.kode_pagination_list.navi_2{

	margin-top:0px;

}

.kode_pagination{

	background-color: #eeeeee;

    margin: auto;

    padding: 15px 0;

    text-align: center;

	overflow:hidden;

    width: 390px;

}

.kode_pagination li{

	display:inline-block;

}

.kode_pagination .next,

.kode_pagination .prve {

    height: auto;

    width: auto;

}

.kode_pagination .next:hover,

.kode_pagination .prve:hover{

	background:none;

}

.kode_pagination .next,

.kode_pagination .next i{

	margin-left:10px;

}

.kode_pagination .prve ,

.kode_pagination .prve  i{

	margin-right:10px;

}

.kode_pagination li a{

	display:inline-block;

	height:30px;

	width:30px;

	text-align:center;

	line-height:30px;

	font-weight:bold;

	color:#000;

	border-radius:2px;

	margin-right:5px;

}

/*

	=======================================

		KODE BLOG MADIUM WRAP END

	=======================================

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						BLOG GRID PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_blog_caption{

	float:left;

	width:100%;

	padding:15px 30px 0px 30px;

	margin-bottom:0px;

}

.kode_blog_des.des_2 .kode_blog_text{

	padding:27px 1px 35px 1px;

}

.kode_blog_des.des_2 .kode_blog_text h4{

	padding:0px 30px 15px 30px;

	border-bottom:1px solid #dadada;

	margin-bottom:0px;

}

.kode_blog_caption .kode_meta.meta_2{

	margin-bottom:0px;

}

.kode_blog_caption .kode_meta.meta_2 li:first-child{

	padding-right:0px;

}

.kode_blog_caption p{

	margin-bottom:22px;

}

.kode_blog_des.des_2 .kode_blog_text .share_link {

    bottom: 30px;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						BLOG DETAIL PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_blog_detail_post,

.comment_des,

.comment > li,

.comment,

.kode_comments,

.kode_social_share,

.blog_text,

.kode_detail_fig,

.blog_quote,

.kode_blog_detail_text,

.kode_blog_detail_des,

.kode_blog_detail_row{

	float:left;

	width:100%;

}

.kode_blog_madium_wrap.detail{

	background:none;

	padding:80px 0px;

}

.kode_blog_madium_wrap.detail.padding{

	padding:80px 0px 50px;

}

.comment_des .them_overlay:before,

.kode_detail_fig .them_overlay:before,

.kode_blog_detail_des .them_overlay:before{

	opacity:0;

}.comment_des:hover .them_overlay:before,

.kode_detail_fig:hover .them_overlay:before,

.kode_blog_detail_des:hover .them_overlay:before{

	opacity:0.35;

}

.kode_blog_detail_des{

	padding-bottom:35px;

}

.kode_blog_detail_text{

	padding:25px 0px 28px;

	border-bottom:1px solid #e2e2e2;

	margin-bottom:14px;

}

.kode_blog_detail_text h3{ 

	padding-bottom:10px;

}

.kode_blog_detail_text .kode_meta.meta_2 li {

	line-height:12px;

	padding:0px 30px;

}

.kode_blog_detail_text .kode_meta.meta_2 li:first-child{

	padding-left:0px;

}

.kode_blog_detail_text .kode_meta.meta_2 li a{

	font-size:12px;

	line-height:14px;

	text-transform:uppercase;

}

.kode_blog_detail_des p{

	margin-bottom:18px;

}

.kode_blog_detail_des p:last-child{

	margin-bottom:0px;

}

/* BLOG QUOTE START */

.blog_quote{

	padding:30px 30px;

	border-left:6px solid;

	background-color:#f7f7f7;

	margin-bottom:40px;

}

.blog_quote span{

	float:left;

	height:82px;

	width:82px;

	text-align:center;

	line-height:82px;

	border-radius:100%;

	font-size:33px;

	display:inline-block;

}

.quote_text{

	overflow:hidden;

	padding-left:30px;

}

/* KODE DETAIL FIG START */

.kode_detail_fig{

	margin-bottom:24px;

}

.kode_detail_fig figure{

	width:50%;

}

.kode_detail_fig_text{

	float:left;

	width:50%;

	padding-left:30px;

}

.kode_detail_fig_text p:last-child{

	margin-bottom:0px;

}

.kode_detail_fig.fig_2 .kode_detail_fig_text{

	padding-left:0px;

	padding-right:30px;

}

.blog_text{

	margin-bottom:24px;

}

/* KODE SOCIAL SHARE START */

.kode_social_share{

	padding:18px 30px 14px;

	background-color:#f4f4f4;

	margin-bottom:38px;

}

.kode_social_share > a{

	float:left;

	margin-right:30px;

}

.kode_social_share > a i{

	margin-right:10px;

}

.social_meta li,

.social_meta{

	float:left;

	width:auto;

}

.social_meta li{

	margin-right:15px;

}

.social_meta li a{

	height:26px;

	width:26px;

	text-align:center;

	line-height:26px;

	border-radius:100%;

	background-color:#d4d4d4;

	display:inline-block;

} 

.kode_social_share .kode_pagination{

	width:auto;

	background:none;

	padding:0px 0px;

	margin:0px 0px;

	float:right;

}

/* KODE COMMENT START */

.comment_title{

	margin-bottom:25px;

}

.comment_des{

	padding:30px 0px;

	border-bottom:1px solid #d4d4d4;

}

.comment_des figure{

	width:auto;

	border-radius:100%;

}

.comment_des .them_overlay:before{

	border-radius:100%;

}

.comment_text{

	overflow:hidden;

	padding-left:30px;

	margin-top:-5px;

}

.comment_text p{

	margin-bottom:5px;

}

.comment_text .kode_meta{

	margin-bottom:0px;

	padding-left:0px;

}

.comment_text .kode_meta > li a{

	text-transform:uppercase;

	font-size:14px;

	color:#333;

}

.comment ul{

	padding-left:30px;

	float:left;

	width:100%;

}

.comment_des.padding{

	padding-top:0px;

}



/* KODE COMMENT START */

.kode_comments .kf_commet_field{

	float:left;

	width:47.9%;

	margin-right:28px;

	margin-bottom:30px;

}

.kf_commet_field:nth-child(4),

.kf_commet_field:nth-child(2) {

    margin-right: 0;

}

.kode_comments .form-submit{

	margin-bottom:0px;

}

.kode_comments .kode_textarea textarea{

	border-color:#e9e9e9;

}

.kode_comments .kode_textarea textarea::-moz-placeholder{

	color:#666;

}

.kode_comments .form-submit .medium_btn{

	border:none;

}

.kode_blog_detail_post .section_hdg{

	margin-bottom:23px;

}

.kode_blog_detail_post .section_hdg h3{

	font-size:20px;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						BLOG DETAIL PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/



/*

	---------------------------------------------------------------------------

	===========================================================================

						404 PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_404_text,

.kode_404_wrap{

	float:left;

	width:100%;

}

.kode_404_wrap{

	background-image:url("images/404-bg.png");

	background-position:center;

	background-repeat:no-repeat;

	background-size:cover;

	position:relative;

	z-index:99;

	padding:150px 0 170px;

	height:100%;

}

.kode_404_text{

	text-align:center;

}

.kode_404_wrap:before{

	position:absolute;

	content:"";

	top:0px;

	left:0px;

	right:0px;

	bottom:0px;

	z-index:-1;

	background:rgba(0, 0, 0, 0) linear-gradient(5deg, #ffffff, #000000) repeat scroll 0 0;

	opacity:0.5;

}

.kode_404_text h2{

	font-size:375px;

	font-weight:bold;

	line-height:375px;

}

.kode_404_text h2 span{

	display: inline-block;

    font-size: 207px;

    font-weight: 500;

    position: relative;

	height:280px;

	width:280px;

	text-align:center;

	top:-23px;

	margin:0px -30px;

}

.kode_404_text h2 span:before{

	background-image:url("images/404_bg1.png");

	position:absolute;

	content:"";

	top:6px;

	left:0px;

	right:0px;

	bottom:0px;

	z-index:-1;

}

.kode_404_text h3{

	padding:22px 50px 13px;

	font-size:84px;

	display:inline-block;

	line-height:84px;

	text-shadow:5px 4px #deb47e;

	box-shadow:0px 0px 18px -1px;

	margin-bottom:40px;

}

.kode_404_text p{

	font-size:33px;

	text-transform:uppercase;

	line-height:normal;

	margin-bottom:42px;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						404 PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						COMING SOON PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.coming_social_icon,

.countdown.timer,

.kode_coming_soon_wrap{

	float:left;

	width:100%;

}

.kode_coming_soon_wrap{

	background-image:url("images/coming-bg.png");

	background-position:center;

	background-repeat:no-repeat;

	background-size:cover;

	position:relative;

	z-index:99;

	padding:180px 0px;

	height:100%;

}

.kode_coming_soon_wrap:before{

	position:absolute;

	content:"";

	top:0px;

	left:0px;

	right:0px;

	bottom:0px;

	z-index:-1;

	background:rgba(0, 0, 0, 0) linear-gradient(0deg, #ffffff, #000000) repeat scroll 0 0;

	opacity:0.85;

}

.kode_coming_text{

	text-align:center;

	width:834px;

	margin:auto;

}

.kode_coming_text a img{

	margin-bottom:54px;

}

.kode_coming_text h2{

	text-transform:uppercase;

	margin-bottom:40px;

}

.countdown.timer{

	margin-bottom:50px;

}

.countdown.timer li{

	display:inline-block;

	width:110px;

	height:100px;

	text-align:center;

	border:1px solid #fff;

	padding:22px 0;

	margin-right:25px;

}

.countdown.timer li:last-child{

	margin-right:0px;

}

.countdown.timer li span{

	display:block;

	font-size:33px;

	margin-bottom:12px;

}

.countdown.timer li h5{

	margin-bottom:0px;

	text-transform:uppercase;

}

.kode_coming_text .progress {

    height:24px;

    overflow: hidden;

    text-align: center;

	outline:1px solid #fff;

	outline-offset:-1px;

	margin-bottom:68px;

}

.kode_coming_text .progress-bar {

    color: #ffffff;

    font-weight: 400;

    height: 24px;

    line-height: 21px;

    width: 70%;

}

.kode_coming_text .kode_search{

	float: none;

    margin: auto;

    width: 606px;

	margin-bottom:40px;

}

.kode_coming_text .kode_search .kf_commet_field input::-moz-placeholder{

	color:#fff;

}

.kode_coming_text .kode_search .kf_commet_field button{

	width:135px;

}

.coming_social_icon{

	text-align:center;

}

.coming_social_icon  li{

	display:inline-block;

	margin-right:18px;

}

.coming_social_icon  li a{

	display:inline-block;

	height:46px;

	width:50px;

	text-align:center;

	line-height:46px;

}

.blue{

	background-color:#3b5997;

}

.blue-light{

	background-color:#55acef;

}

.pinke{

	background-color:#e13b6b;

}

.red{

	background-color:#bc081d;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						COMING SOON PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						CONTACT US PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_contact_text,

.kode_contact_service ul,

.kode_contact_service,

.kode_contact_wrap .comment-form,

.kode_contact_des,

.kode_contact_field,

.kode_contact_map,

.kode_contact_wrap{

	float:left;

	width:100%;

}

.kode_contact_map .map-canvas{

	height:400px;

	width:100%;

}

.kode_contact_des{

	padding:80px 0 73px;

}

.kode_contact_field{

	margin-bottom:40px;

}

.kode_contact_field .kf_commet_field{

	margin-bottom:30px;

}

.kode_contact_field .form-submit{

	display: inline-block;

    float: none;

    margin-bottom: 0;

    text-align: center;

    width: 100%;

}

.form-submit .medium_btn{

	border:none;

}

.kode_contact_field .form-submit .medium_btn{

	text-align:center;

	display:inline-block;

	width:auto;

}



.kode_contact_service{

	text-align:center;

}

.kode_contact_service ul li{

	display:inline-block;

	background-color:#f7f7f7;

	padding:45px 0px;

	margin-right:20px;

	width:260px;

	position:relative;

	z-index:9;

	overflow:hidden;

}

.kode_contact_service ul li:before{

	position:absolute;

	content:"";

	top:0px;

	left:0px;

	right:0px;

	bottom:0px;

	z-index:-1;

	opacity:0;

}

.kode_contact_service ul li:hover:before{

	opacity:1;

	box-shadow:0px 0px 30px -6px;

}

.kode_contact_text h5{

	margin-bottom:6px;

}

.kode_contact_text > a{

	font-size:16px;

	display:inline-block;

	margin-bottom:3px;

}

.kode_contact_text p{

	margin-bottom:0px;

}

.kode_contact_text p span{

	display:block;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						CONTACT US PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						EVENT PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_event_detail li,

.kode_event_detail,

.kode_event_wrap{

	float:left;

	width:100%;

}

.kode_event_detail li{

	background-color:#f0f0f0;

	padding:25px 30px;

	border-radius:3px;

	margin-bottom:30px;

}

.kode_event_detail li:last-child{

	margin-bottom:40px;

}

.kode_portfolio_des:hover,

.kode_event_speakar_fig:hover,

.kode_event_detail li:hover{

	box-shadow:0px 11px 9px -10px #999;

}

.kode_event_ticket,

.kode_event_detail .kode_calender_list,

.kode_calender_list figure,

.event_date{

	float:left;

	width:auto;

}

.event_date {

	text-align:center;

	padding-right:30px;

	position:relative;

}

.event_date:before{

	position:absolute;

	content:"";

	top:20px;

	right:0px;

	bottom:0px;

	border-right:1px solid #d0d0d0;

	height:64px;

}

.event_date span{

	display: inline-block;

    font-size: 62px;

    font-weight: bold;

    line-height: 66px;

	margin-bottom:3px;

}

.event_date p{

	margin-bottom:0px;

	text-transform:uppercase;

}

.kode_event_detail .kode_calender_list{

	padding-left:30px;

}

.kode_portfolio_des .them_overlay:before,

.kode_coming_fig .them_overlay:before,

.kode_event_speakar_fig .them_overlay:before,

.kode_event_detail .kode_calender_list .them_overlay:before{

	opacity:0;

	z-index:9;

}

.kode_portfolio_des:hover .them_overlay:before,

.kode_coming_fig:hover .them_overlay:before,

.kode_event_speakar_fig:hover .them_overlay:before,

.kode_event_detail .kode_calender_list:hover .them_overlay:before{

	opacity:0.35;

}

.kode_event_detail .kode_calender_list .kode_event_text{

	padding:0px 20px;

}

.kode_event_detail .kode_calender_list .kode_event_text h4{

	margin-bottom:2px;

}

.kode_event_detail .kode_calender_list .kode_event_text p{

	margin-bottom:1px;

}

.kode_event_detail .kode_calender_list .kode_event_text p span{

	display:block;

	color:#999;

}

.kode_event_detail .kode_calender_list .kode_event_text span a{

	font-size:12px;

	color:#333;

	line-height:16px;

	font-weight:400;

}

.kode_event_ticket{

	padding:15px 0px;

}

.event_studium{

	display:inline-block;

	padding:20px 30px 20px 20px;

	border-left:1px solid #d0d0d0;

	border-right:1px solid #d0d0d0;

	font-size:12px;

}

.event_studium:hover{

	color:#333;

}

.event_studium i{

	margin-right:10px;

	color:#333333;

}

.kode_event_ticket .medium_btn{

	margin-left:28px;

}

.kode_event_wrap .kode_blog_list > ul{

	padding-bottom:40px;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						EVENT PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/



/*

	---------------------------------------------------------------------------

	===========================================================================

						EVENT DETAIL PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_blog_detail_des .kode_calender_detail.detail_2{

	padding:30px 0px;

	border-bottom:1px solid #e9e9e9;

	margin-bottom:25px;

}

.kode_calender_list{

	position:relative;

}

.kode_blog_detail_des .kode_calender_detail.detail_2 .kode_event_text{

	padding:0 130px 0 20px;

}

.kode_blog_detail_des .kode_calender_detail.detail_2 .kode_event_text p{

	font-weight:300;

	text-transform:lowercase;

}

.kode_blog_detail_des .kode_calender_detail.detail_2 .kode_event_text span a{

	font-weight:300;

}

.kode_calender_list .medium_btn{

	position:absolute;

	top:29px;

	right:0px;

}

/* KODE DETAIL DATE START */

.event_detail_list li,

.kode_detail_date{

	float:left;

	width:100%;

}

.kode_detail_date{

	background-color:#f7f7f7;

	padding:26px 30px;

}

.event_detail_list{

	float:left;

	width:50%;

	border-right:1px solid #d6d6d6;

}

.event_detail_list li {

	margin-bottom:21px;

}

.event_detail_list li:last-child{

	margin-bottom:0px;

}

.event_detail_list li a{

	display:block;

	text-transform:uppercase;

	color:#999;

}

.event_detail_list li a i{

	margin-right:10px;

}

.event_detail_list li a span{

	color:#666;

	display:inline-block;

	width:100px;

	font-weight:400;

}

.event_detail_list.list_2{

	border-right:none;

	padding-left:80px;

}

.event_detail_list.list_2 li a span{

	width:80px;

}

/* KODE EVENT SPEAKER START */

.kode_event_speakar{

	float:left;

	width:100%;

}

.kode_event_speakar_fig{

	background-color: #f7f7f7;

    float: left;

    margin-bottom: 25px;

    margin-right: 30px;

    padding: 20px 30px;

    width: 47.9%;

}

.kode_event_speakar .kode_event_speakar_fig  .kode_event_speaker_text p{

	margin-bottom:0px;

}

.kode_event_speakar_fig:nth-child(3) {

    margin-right: 0;

}

.kode_event_speakar_fig figure{

	width:auto;

	border-radius:100%;

}

.kode_event_speaker_text{

	display:inline-block;

	overflow:hidden;

	margin-left:40px;

	padding:16px 0px 4px  40px;

	position:relative;

}

.kode_event_speaker_text:before{

	position:absolute;

	content:"";

	top:7px;

	left:0px;

	bottom:0px;

	border-left:1px solid #e5e5e5;

	height:66px;

}

.kode_event_speaker_text h6{

	margin-bottom:5px;

}

.kode_event_speaker_text > p{

	margin-bottom:0px;

}

.kode_event_speakar p{

	margin-bottom:18px;

}

.kode_event_speakar p:last-child{

	margin-bottom:26px;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						EVENT DETAIL PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/



/*

	---------------------------------------------------------------------------

	===========================================================================

						PORTFOLIO PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_portfolio_detail ul,

.kode_portfolio_detail,

.kode_portfolio_text,

.kode_portfolio_des,

.kode_portfolio_wrap{

	float:left;

	width:100%;

}

.kode_portfolio_des{

	margin-bottom:30px;

	background-color:#fff;

}

.kode_portfolio_des:hover figure img{

	transform:scale(1.5);

	-moz-transform:scale(1.5);

	-webkit-transform:scale(1.5);

}

.kode_portfolio_text{

	padding:18px 20px 15px;

}

.kode_portfolio_text h6{

	margin-bottom:10px;

}

.kode_portfolio_text h4{

	margin-bottom:8px;

}

.kode_portfolio_text p{

	margin-bottom:0px;

}

.kode_portfolio_text p span{

	display:block;

}

.kode_portfolio_detail ul{

	text-align:center;

	margin-bottom:40px;

}

.kode_portfolio_detail ul li{

	display:inline-block;

	margin-right:20px;

}

.kode_portfolio_detail ul li a{

	display:inline-block;

	padding:10px 20px 12px;

	line-height:normal;

	border:1px solid #d5d5d5;

	border-radius:2px;

	color:#333333;

}

.filtr-container{

	float:left;

	width:100%;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						PORTFOLIO PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						PROJECT PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_project_dollar,

.kode_project_text{

	float:left;

	width:100%;

}

.kode_project_text{

	text-align:center;

	padding:27px 30px 23px;

}

.kode_project_text h5,

.kode_project_text h4{

	margin-bottom:15px;

}

.kode_project_text  > span{

	height:60px;

	width:60px;

	text-align:center;

	line-height:60px;

	border-radius:100%;

	font-size:20px;

	font-weight:600;

	display:inline-block;

	margin-bottom:13px;

}

.kode_project_dollar{

	margin-bottom:8px;

}

.kode_project_dollar  a{

	float:left;

	display:inline-block;

}

.kode_project_dollar  a:last-child{

	float:right;

}

.kode_project_text   p{

	margin-bottom:0px;

}

.kode_project_text.text_2 .kode_project_dollar a{

	text-align:center;

	float:none;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						PROJECT PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						PROJECT LIST PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_portfolio_des.des_2 figure{

	width:50%;

}

.kode_portfolio_des.des_2 .kode_project_text{

	width:50%;

	text-align:left;

	padding:25px 30px 30px;

}

.kode_portfolio_des.des_2 .kode_project_text h4{

	margin-bottom:30px;

}

.kode_portfolio_des.des_2 .kode_project_text p{

	text-align:center;

	margin-bottom:24px;

}

.kode_project_share .kode_social_share{

	float:right;

	padding:9px 0px;

	background:none;

	width:auto;

	margin-bottom:0px;

}

.kode_portfolio_des.des_2 .kode_project_dollar{

	margin-bottom:18px;

}

/* Progress Bar Wrap CSS Start */

.progress-names{

	float:left;

	width:100%;	

}

.kode_attorney_detail_skill .progressbar{

    position:relative;

    width:100%;

    height:22px;

    padding:0;

    margin:0 auto;

   background-color: #e1e1e1;

   margin-bottom:28px;

}

.kode_attorney_detail_skill .bar {

	position:absolute;

	display:block;

	width:0px;

	height:22px;

	top:0px;

	left:0px;

	overflow:hidden;

}

.kode_attorney_detail_skill .label {

	background: #000000 none repeat scroll 0 0;

    border-radius: 100%;

    color: #ffffff;

    display: block;

    font-size: 20px;

    font-weight: bold;

    height: 60px;

    left: 0;

    line-height: 60px;

    position: absolute;

    text-align: center;

    top: -22px;

    width: 60px;

	box-shadow:1px 1px 5px 0px #dbdbdb;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						PROJECT LIST PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						SERVICE PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/



 /*

	=======================================

		KODE SERVICE SEARCH FEILD START

	=======================================

*/

.kode_service_search_feild{

	float:left;

	width:100%;

}

.kode_service_search_feild{

	background-image: url("images/service_bg.png"), url("images/service_bg1.png");

    background-position: left center, right center;

    background-repeat: no-repeat;

	background-size:952px 860px;

	position:relative;

	z-index:999;

}

.kode_service_search_feild.them_overlay:before{

	width:50%;

	opacity:0.75;

	z-index:-1;

}

.kode_service_search_feild:after{

	position:absolute;

	content:"";

	top:0px;

	right:0px;

	bottom:0px;

	width:50%;

	background-color:#a4a4a4;

	opacity:0.25;

}

.kode_service_form{

	float:left;

	width:50%;

	padding:75px 119px 80px;

}

.kode_service_form .section_hdg{

	margin-bottom:24px;

}

.kode_service_form .section_hdg h3{

	margin-bottom:7px;

}

.kode_service_form .section_hdg p{

	margin-bottom:0px;

}

.kode_service_form .kf_commet_field input{

	border-color:#e2e2e2;

}

.kode_service_form  .kode_textarea textarea::-moz-placeholder,

.kode_service_form .kf_commet_field input[type="text"]::-moz-placeholder{

	color:#f2f2f2;

}

.kode_service_form  .kode_textarea textarea{

	background:none;

}

 /*

	=======================================

		KODE SERVICE SEARCH FEILD END

	=======================================

*/

 /*

	=======================================

		KODE PRICING WRAP START

	=======================================

*/

.pricing_list li,

.pricing_list,

.kode_pricing_dollar,

.kode_pricing_des,

.kode_pricing_wrap{

	float:left;

	width:100%;

}

.kode_pricing_wrap{

	padding:80px 0px;

	background-color:#f5f5f5;

}

.kode_pricing_des{

	text-align:center;

	background-color:#f8f8f8;

	border-top:5px solid #e4e4e4;

	padding-bottom:30px;

}

.kode_pricing_des:hover{

	box-shadow:0 4px 13px -5px #ddd;

}

.kode_pricing_des h4{

	padding:22px 0px 20px;

	border-bottom:1px solid #e4e4e4;

}

.kode_pricing_dollar{

	padding:18px 30px 15px;

	border-bottom:1px solid #e4e4e4;

}

.kode_pricing_des:hover .kode_pricing_dollar{

	background-color:#fff;

}

.kode_pricing_dollar h3{

	display:inline-block;

	padding-bottom:5px;

	border-bottom:2px solid #bfbfbf;

	margin-bottom:14px;

}

.kode_pricing_dollar p{

	margin-bottom:0px;

}

.pricing_list{

	padding:28px 0 29px;

}

.pricing_list li {

	margin-bottom:10px;

}

.pricing_list li:last-child{

	margin-bottom:0px;

}

.pricing_list li a{

	position:relative;

	display:inline-block;

	font-weight:400;

}

.pricing_list li a:before{

	position:absolute;

	content:"\f00c";

	top:0px;

	left:-28px;

	bottom:0px;

	font-family:fontawesome;

}

 /*

	=======================================

		KODE PRICING WRAP END

	=======================================

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						SERVICE PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_service_des .right_arrow.btn{

	border: medium none;

    height: auto;

    opacity: 1;

    padding: 0;

    right: 30px;

    width: auto;

	color:#333333;

}

.kode_service_des .right_arrow.btn i{

	margin-left:10px;

}

.kode_service_des:hover .right_arrow.btn{

	opacity:1;

	background:none;

}

.kode_blog_madium_wrap.detail .kode_service_des{

	border:1px solid #ececec;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						SHOP PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_blog_madium_wrap.wrap_2{

	background:none;

}

.kode_blog_madium_wrap.wrap_2.padding{

	padding:80px 0px;

}

.kode_shop_text > h5,

.kode_shop_text,

.kode_shop_fig{

	float:left;

	width:100%;

}

.kode_shop_fig{

    margin-bottom: 20px;

}

.kode_shop_fig:hover{

	box-shadow: 0 3px 8px -5px;

}

.kode_shop_text{

	padding:17px 5px 15px;

}

.kode_shop_text h6{

	float:left;

	margin-bottom:10px;

}

.kode_shop_text h3{

	display:block;

}

.kode_shop_text > h5{

	font-weight:400;

}

.kode_shop_fig .event_rating{

	position:relative;

	top:-5px;

}

.kode_shop_fig .event_rating a{

	font-size:12px;

}

.kode_shop_fig  .shop_icon{

	position:absolute;

	top:50%;

	right:-40px;

	opacity:0;

}

.kode_shop_fig:hover  .shop_icon{

	opacity:1;

	right:40px;

}

.kode_shop_fig  .shop_icon li{

	margin-bottom:10px;

}

.kode_shop_fig  .shop_icon li:last-child{

	margin-bottom:0px;

}

.kode_shop_fig  .shop_icon li a{

	display:inline-block;

	height:33px;

	width:33px;

	border-radius:100%;

	background-color:#f7f7f7;

	text-align:center;

	line-height:33px;

}

.kode_shop_fig  .shop_icon li a:hover{

	transform:scale(1.3);

	-moz-transform:scale(1.3);

	-webkit-transform:scale(1.3);

}

.kode_shop_fig .them_overlay:before{

	background-color:#d8d8d8;

	opacity:0;

}

.kode_shop_fig:hover .them_overlay:before{

	opacity:0.85;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						SHOP PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						TEAM DETAIL PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/



/*

	=============================================

			KODE TEAM WRAP START

	=============================================

*/

.kode_team_detail_row,

.kode_team_profile,

.kode_view_text,

.kode_view_row,

.kode_overview,

.kode_team_wrap,

.kode_team_fig{

	float:left;

	width:100%;

}

.kode_team_wrap{

	padding:80px 0px;

}

.kode_team_detail_row{

	padding-bottom:40px;

	border-bottom:1px solid #e4e4e4;

}

.kode_team_fig figure{

	margin-bottom:30px;

}

.kode_team_fig .siderbar_categories {

    padding:27px 25px 65px;

	position:relative;

}

.kode_team_fig .siderbar_categories a{

	position:absolute;

	bottom:0px;

	left:0px;

	right:0px;

}

.sidebar_title.title_2{

	margin-bottom:14px;

}

.kode_team_fig .siderbar_categories p{

	margin-bottom:15px;

}

.kode_team_fig .them_overlay:before{

	opacity:0;

}

.kode_team_fig:hover .them_overlay:before{

	opacity:0.35;

	z-index:1;

}

.kode_view_row{

	border-bottom:1px solid #e4e4e4;

	padding-bottom:14px;

	margin-bottom:37px;

}

.kode_view_des{

	float:left;

	width:auto;

}

.kode_view_des span{

	text-transform:uppercase;

}

.kode_view_row .widget_social_icon {

	float:right;

	width:auto;

	padding:13px 0px;

}

.kode_view_row .widget_social_icon li a{

	border-color:#e6e6e6;

	color:#a1a1a1;

	height:30px;

	width:30px;

	line-height:30px;

}

.kode_view_text{

	margin-bottom:41px;

}

.kode_view_text p{

	margin-bottom:0px;

}

.kode_team_profile .kode_detail_date{

	background:none;

	padding:0px 0px;

}

.kode_team_profile .event_detail_list li a{

	background-color:#f7f7f7;

	width:320px;

	padding:8px 20px;

}

.kode_team_profile  .event_detail_list li a span{

	display:inline;

}

.kode_team_profile .sidebar_title.title_2{

	margin-bottom:20px;

}

/*

	=============================================

			KODE TEAM WRAP END

	=============================================

*/

/*

	=============================================

			GALLERY3 WRAP START

	=============================================

*/

.kode_gallery3_fig,

.kode_gallery3_row,

.kode_gallery3_wrap{

	float:left;

	width:100%;

}

.kode_gallery3_des{

	float:left;

	width:33.7%;

	margin-right:5px;

}

.kode_gallery3_fig.fig_2{

	width:31.4%;

	float:left;

	margin-right:5px;

}

.kode_gallery3_des:nth-child(3) {

    margin-right: 0;

}

.kode_gallery3_fig{

	margin-bottom:5px;

}

.kode_donors_text .them_overlay:before,

.kode_project_detail_fig .them_overlay:before,

.kode_gallery3_fig .them_overlay:before{

	opacity:0;

}

.kode_donors_text:hover .them_overlay:before,

.kode_project_detail_fig:hover .them_overlay:before,

.kode_gallery3_fig:hover .them_overlay:before{

	opacity:0.5;

	z-index:1;

}

.kode_gallery3_wrap .slick-prev,

.kode_gallery3_wrap .slick-next{

	height:38px;

	width:38px;

	background:none;

	border:1px solid #cecece;

	left:-55px;

	border-radius:2px;

}

.kode_donors_list .slick-next,

.kode_gallery3_wrap .slick-next{

	left:auto;

	right:-55px;

}

.kode_donors_list .slick-next:before,

.kode_gallery3_wrap  .slick-next:before{

	line-height:36px;

	content:"\f061";

}

.kode_donors_list .slick-prev:before,

.kode_gallery3_wrap .slick-prev:before{

		content:"\f060";

		line-height:36px;

}

.kode_donors_list .slick-dotted.slick-slider,

.kode_gallery3_wrap .slick-dotted.slick-slider{

	margin-bottom:0px;

}

/*

	=============================================

			GALLERY3 WRAP END

	=============================================

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						TEAM DETAIL PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						PROJECT DETAIL PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.kode_donors_row,

.kode_donors_text,

.kode_donors_list,

.kode_project_detail_fig,

.kode_projet_detail_des,

.kode_blog_detail_des.des_2 .kode_attorney_detail_skill,

.kode_dollar_des{

	float:left;

	width:100%;

}

.kode_projet_detail_des,

.kode_blog_detail_des.des_2{

	border-bottom:1px solid #e3e3e3;

}

.kode_project_detail_fig,

.kode_blog_detail_des.des_2{

	padding-bottom:23px;

}

.kode_blog_detail_des.des_2  .kode_blog_detail_text{

	border-bottom:none;

	margin-bottom:0px;

}

.kode_blog_detail_des.des_2 .kode_attorney_detail_skill{

	background-color: #f7f7f7;

    padding:50px 30px 20px;

	margin-bottom:25px;

}

.kode_dollar_des p{

	margin-bottom:0px;

	font-size:24px;

	color:#333333;

}

.kode_dollar_des .full-left{

	float:left;

	width:auto;

}

.kode_dollar_des .full-right{

	float:right;

	width:auto;

}

.kode_attorney_detail_skill.project .label{

	background:none;

	top:-35px;

	height:auto;

	width:auto;

	box-shadow:0px 0px;

	border:none;

	line-height:normal;

	border-radius:0px;

}

.kode_attorney_detail_skill.project .progressbar{

	box-shadow:0 0 5px -2px;

	margin:0 auto 12px;

}

/*KODE PROJECT DETAIL DES START */

.kode_projet_detail_des{

	padding:30px 0px 31px;

}

.kode_projet_detail_des p:last-child{

	margin-bottom:0px;

}

/*KODE DONORS LIST START */

.kode_donors_list{

	padding:27px 0px 30px;

}

.kode_donors_row {

    padding: 0px 70px;

}

.kode_donors_text{

	text-align:center;

	padding:0px 20px;

}

.kode_donors_text figure{

	width:auto;

	border-radius:100%;

	float:none;

	margin-bottom:12px;

}

.kode_donors_text h5{

	margin-bottom:5px;

}

.kode_donors_text  h6{

	font-weight:bold;

}

/*KODE DONORS LIST START */

.kode_donors_list .slick-prev,

.kode_donors_list .slick-next{

	height:40px;

	width:40px;

	background:none;

	border:1px solid #cecece;

	left:-70px;

	border-radius:100%;

}

.kode_donors_list .slick-next{

	right:-70px;

	left:auto;

}

.kode_donors_list .slick-prev:before,

.kode_donors_list .slick-next:before{

	line-height:38px;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						PROJECT DETAIL PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/

/*

	---------------------------------------------------------------------------

	===========================================================================

						SERVICE DETAIL PAGE START

	===========================================================================

	---------------------------------------------------------------------------

*/

.accordion-section,

.kode_service_faq,

.kode_text_list li, 

.kode_text_list,

.kode_service_caption,

.kode_service_detail_list{

	float:left;

	width:100%;

}

.kode_service_detail_list .kode_service_des span{

	top:20px;

	right:30px;

	box-shadow:2px 0px 2px 1px #ddd;

}

.kode_service_detail_list{

	padding-bottom:25px;

	border-bottom:1px solid #e5e5e5;

}

.kode_service_detail_list p:last-child{

	margin-bottom:0px;

}

.kode_service_caption{

	padding:27px 0px 25px;

	border-bottom:1px solid #e5e5e5;

}

.kode_service_caption .comment_title{

	margin-bottom:19px;

}

.kode_service_caption > p{

	margin-bottom:24px;

}

.kode_text_list li{

	margin-bottom:6px;

}

.kode_service_caption > p:last-child,

.kode_text_list li:last-child{

	margin-bottom:0px;

}

.kode_text_list li a{

	display:inline-block;

	position:relative;

	padding-left:30px;

}

.kode_text_list li a:before{

	position:absolute;

	content:"\f00c";

	top:0px;

	left:0px;

	bottom:0px;

	font-family:fontawesome;

}

.kode_service_caption .kode_detail_fig_text p{

	margin-bottom:28px;

}

/* KODE SERVICE FAQ START */

.kode_service_faq{

	padding:27px 0px 50px;

}

.accordion-section{

	background-color:#f6f6f6;

	border-bottom:1px solid #e9e9e9;

	padding:20px 30px;

	position:relative;

}

.accordion-section h6 a{

	display:block;

	position:relative;

	color:#666666;

}

/*----- Section Content -----*/

.accordion-section-content {

	padding:15px;

	display:none;

}

.accordion-section h6 a:before{

	position:absolute;

	content:"\f067";

	top:0px;

	right:30px;

	bottom:0px;

	color:#5e5e5e;

	font-family:fontawesome;

}

.accordion-section h6 a:focus:before,

.accordion-section h6 a:hover:before{

	content:"\f068";

}

.accordion-section-content {

	padding-top:10px;

}

.accordion-section-content p{

	margin-bottom:0px;

}

/*

	---------------------------------------------------------------------------

	===========================================================================

						SERVICE DETAIL PAGE END

	===========================================================================

	---------------------------------------------------------------------------

*/



.kode_portfolio_detail ul li:last-child,

.kode_contact_service ul li:last-child,

.kode_gallery_fig.fig_2:nth-child(4),

.kode_gallery_fig.fig_2:nth-child(2),

.kode_navi_icon  li:last-child,

.widget_social_icon li:last-child,

.product_icon li:last-child,

.koed_event_timer figcaption ul li:last-child,

.radio_points li:last-child,

.kode_amount_list span:last-child,

.kode_social_icon li:last-child,

.navigation ul li:last-child,

.top_icon_fig li:last-child{

	margin-right:0px;

}

.header .navigation ul li:first-child,

.top_time_circle ul li:first-child{

	margin-left:0px;

}

.kode_donors_list .slick-prev:hover:before,

.kode_donors_list .slick-next:hover:before,

.kode_gallery3_wrap .slick-prev:hover:before,

.kode_gallery3_wrap  .slick-next:hover:before,

.kode_team_profile .event_detail_list li a:hover i,

.kode_team_profile .event_detail_list li a:hover span,

.kode_team_profile .event_detail_list li a:hover,

.kode_view_row .widget_social_icon li a:hover,

.kode_shop_fig  .shop_icon li a:hover,

.kode_side_contact_text a,

.kode_event_featured > a,

.kode_service_form  .kode_textarea textarea:focus,

.kode_service_form .kf_commet_field input:focus,

.kode_service_form .section_hdg p,

.kode_service_form .section_hdg h3,

.kode_project_text  > span,

.kode_portfolio_detail ul li a:focus,

.kode_portfolio_detail ul li a.active,

.kode_portfolio_detail ul li a:hover,

.kode_contact_service ul li:hover .kode_contact_text p,

.kode_contact_service ul li:hover .kode_contact_text > a,

.kode_contact_service ul li:hover .kode_contact_text h5 a,

.widget_event .kode_textarea textarea:focus,

.widget_event .kf_commet_field input:focus,

.kode_newsletter_form .kf_commet_field input:focus,

.coming_social_icon  li a,

.kode_coming_text .kode_search .kf_commet_field button,

.kode_coming_text h2,

.countdown.timer li h5,

.countdown.timer li span,

.kode_404_text p,

.kode_404_text h2 span,

.sidebar_add figcaption h4,

.sidebar_add figcaption h2,

.sidebar_add figcaption h3,

.social_meta li a,

.blog_quote span,

.kode_search .comment-form .kf_commet_field button:hover,

.kode_pagination a:hover,

.kode_blog_des figure .expand_btn:hover,

.kode_blog_des:hover .kode_blog_text .share_link,

.kode_client_wrap.client_3 .slick-prev:before, 

.kode_client_wrap.client_3 .slick-next:before,

.kode_philosophy_text span,

.kode_mosque_row.mosque figure a,

.sab_banner_text a:hover span,

.sab_banner_text h2,

.kode_amount_list span:hover,

.kode_pillars_item li a:hover h6,

.kode_pillars_item li a:hover span,

.navigation ul li .active,

.navigation ul li a:hover,

.widget_event.event_2 .kode_calender_list:hover > span,

.kode_event_fig a,

.kode_canvas_detail.canvas_2 > span,

.kode_building_text p,

.kode_building_text h3,

.kode_building_text h4,

.kode_banner_wrap.banner2 .slick-prev:before,

.kode_banner_wrap.banner2 .slick-next:before,

.kode_navi_icon  li a:hover,

.donate_btn  button.close:hover,

.kode_top2_icon .dropdown ul li a,

.copyright_text p,

.top_btn,

.widget_event .kode_event_text h6 a,

.widget_title,

.widget_social_icon li a,

.widget_call_info li a,

.widget_logo p,

.kode_newsletter_text  p,

.kode_newsletter_text h5 a,

.kode_product_list .slick-prev:before, 

.kode_product_list .slick-next:before,

.kode_product_list h6,

.kode_product_list > h5,

.kode_calender_list > span,

.koed_event_timer figcaption ul li  p,

.koed_event_timer figcaption ul li span,

.kode_blog_fig .plus_icon:hover,

.kode_canvas_detail .progress-bar div span,

.kode_canvas_text h5,

.kode_cause_text p,

.kode_team_wrap .slick-prev:before,

.kode_team_wrap .slick-next:before,

.kode_social_icon li a,

.kode_tem_fig figcaption p,

.kode_tem_fig figcaption h4,

.kode_gallery_fig a:hover,

.kode_service_text  .right_arrow:hover,

.kode_service_des:hover .kode_service_text span,

.kode_mosque_item .koed_banner_btn .medium_btn:hover,

.section_hdg.hdg_2 h3,

.kode_mosque_fig figcaption h6 a,

.drop_deta a,

.kode_paly_text p,

.kode_paly_text h6,

.small_text,

.mediume_text,

.large_text,

.top_time_circle ul li span,

.top_time_circle ul li a{

	color:#fff;

}

.kode_gallery3_fig:hover figure img,

.kode_team_fig:hover figure img,

.kode_side_contact_text a:hover i,

.sidebar_add:hover figure img,

.kode_calender_list:hover figure img,

.kode_mosque_row.mosque figure:hover img, 

.kode_pillars_item li a:hover span,

.kode_event_fig:hover figure img,

.koed_event_timer:hover figure img,

.kode_blog_fig:hover figure img,

.kode_gallery_fig:hover figure img,

.kode_service_des:hover figure img,

.kode_mosque_fig figure:hover img{

	transform:scale(1.2);

	-moz-transform:scale(1.2);

	-webkit-transform:scale(1.2);

} 



.top_icon_fig li a img:hover,

.kode_building_des:hover figure img,

.kode_tem_fig figure:hover img{

	transform:scale(1.1);

	-moz-transform:scale(1.1);

	-webkit-transform:scale(1.1);

}

.accordion-section h6,

.kode_donors_text h5,

.kode_view_des h3,

.kode_shop_text h6,

.kode_side_contact_text a,

.kode_event_text.text_2 p,

.kode_event_featured a,

.kode_service_des .right_arrow.btn,

.kode_pricing_dollar h3,

.kode_pricing_des h4,

.kode_project_text h5,

.kode_project_dollar  a,

.kode_project_text h4,

.kode_portfolio_detail ul li a,

.kode_portfolio_text h4,

.kode_portfolio_text h6,

.kode_event_speaker_text h6,

.kode_coming_event_text h5,

.event_studium,

.kode_event_detail .kode_calender_list .kode_event_text h4,

.kode_contact_text h5,

.kode_coming_text .kode_search .kf_commet_field button,

.kode_404_text h3,

.sidebar_add figcaption h5,

.sidebar_add figcaption h4,

.sidebar_add figcaption h2,

.sidebar_add figcaption h3,

.comment_title,

.kode_social_share a,

.kode_blog_detail_text h3,

.kode_pagination .next,

.kode_pagination .prve,

.kode_blog_text h4,

.kode_calender_detail.detail_2 .kode_event_text h4,

.kode_philosophy_text h4,

.sab_banner_text h2,

.kode_calender_detail.detail_2 .kode_event_text,

.kode_canvas_detail.canvas_2 > span ,

.kode_building_text h3,

.kode_building_text h4,

.widget_title,

.kode_newsletter_text h5,

.kode_product_list > h5,

.kode_product_list h6,

.kode_event_text h6,

.koed_event_timer figcaption ul li  p,

.koed_event_timer figcaption h5,

.kode_blog_text h5,

.checkbox_radio label,

.kode_donation_row h4,

.kode_doantion_amount h4,

.kode_canvas_text h5,

.kode_tem_fig figcaption h4,

.kode_pray_text h5,

.kode_pray_text h2,

.kode_service_text h4,

.kode_pillars_item li a h6,

.kode_pillars_text h4,

.kode_counter_mosque li h6,

.section_hdg h3,

.kode_mosque_fig figcaption h6,

.large_text,

.navigation ul li ul li a,

.navigation > ul > li > a,

.top_time_circle ul li span,

.top_time_circle ul li a{

	font-weight:600;

	text-transform:uppercase;

}



.overlay {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	opacity:0.96;

}

#cp-rider-boxed .overlay {

	background: rgba(255,207,0,0.80);

}

#cp-rider-repair .overlay {

	background: rgba(240,80,80,0.95);

}

#cp-rider-store .overlay {

	background: rgba(145,201,218,0.90);

}

.overlay .overlay-close {

	background: #000000 url("images/images.png") no-repeat scroll center center;

    border: medium none;

    border-radius: 100%;

    color: rgba(0, 0, 0, 0);

    cursor: pointer;

    height: 40px;

    outline: medium none;

    overflow: hidden;

    position: absolute;

    right: 20px;

    text-indent: 200%;

    top: 20px;

    transition: transform 1s ease 0s;

    width: 40px;

    z-index: 100;

}

.overlay nav {

	text-align: center;

	position: relative;

	top: 50%;

	height: 60%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}

.overlay ul {

	list-style: none;

	padding: 0;

	margin: 0 auto;

	display: inline-block;

	height: 100%;

	position: relative;

}

.overlay ul li {

	display: block;

	height: 20%;

	height: calc(100% / 5);

	min-height: 54px;

}

.overlay ul li a {

	font-size: 54px;

	font-weight: 300;

	display: block;

	color: #fff;

	-webkit-transition: color 0.2s;

	transition: color 0.2s;

}

.overlay ul li a:hover, .overlay ul li a:focus {

	color: #f0f0f0;

}

.overlay-contentscale {

	visibility:hidden;

	-webkit-transform: translateY(100%);

	transform: translateY(100%);

	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;

	transition: transform 0.5s, visibility 0s 0.5s;

}

.overlay-contentscale.open {

	visibility:visible;

	overflow:visible;

	-webkit-transform: translateY(0%);

	transform:translateY(0%);

	-webkit-transition:-webkit-transform 0.5s;

	transition:transform 1s;

	z-index:99999;

}

.cp-search-holder #trigger-overlay {

	background-color: transparent;

	border: none;

	padding:0px;

}

.cp-search-inner {

	width: 750px;

	margin: 0 auto;

	padding-top: 330px;

}

.cp-search-inner form {

	float: left;

	width: 100%;

	position: relative;

}

.cp-search-inner form input[type="text"] {

	font-size: 14px;

	color: #fff;

	height: 40px;

	line-height: 40px;

	text-transform: uppercase;

	padding: 0;

	background: transparent;

	border: none;

	border-bottom: 1px solid #fff;

	position: relative;

	float: left;

	width: 100%;

}

#trigger-overlay{

	vertical-align:text-bottom;

	font-size:18px;

	cursor:pointer;

}

.cp-search-inner form .submit {

	font-size: 18px;

	color: #fff;

	height: 40px;

	line-height: 40px;

	padding: 0;

	position: absolute;

	right: 0;

	top: 0;

	display: inline-block;

	background-color: transparent;

	border: none;

}

.cp-search-holder {

    border-radius: 0;

    color: #000000;

    float: left;

    font-size: 14px;

    height: 25px;

    line-height: 25px;

    margin: 0;

    position: relative;

    text-align: center;

    width: 25px;

}

.kode_search_overlay {

    float: left;

    width: auto;

}