/*
	=======================================
		KODE PILLARS WRAP START
	=======================================
*/
.kode_pillars_item,
.kode_pillars_wrap{
	width:100%;
}
.kode_pillars_wrap .nav-tabs{
	border-bottom:none;
}
.kode_pillars_wrap{
	background-image:url("../images/pillar.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:75px 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;
	float:none;
}
.kode_pillars_item li a{
	height:126px;
	width:126px;
	text-align:center;
	border-radius:100%;
	background-color:#fff;
	display:inline-block;
	padding:28px 0;
	transition: all 0.3s ease-in-out 0s;
	border: 0;
    line-height: 1;
    margin-right: 0px;
}
.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;
}

.left_bottom {
    bottom: -282px;
    left: -150px;
    position: absolute!important;
	z-index:9999;
}
.right_bottom {
    bottom: -282px;
    right: -150px;
    position: absolute!important;
	z-index:9999;
}
.left_center {
	bottom: -100px;
    left: -156px;
    position: absolute!important;
	z-index:9999;
}

.right_center{
	bottom: -100px;
    right: -152px;
    position: absolute!important;
	z-index: 9999;
}
.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);
}
.them_overlay:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	opacity:0.65;
	
}
.panel {
    background-color:transparent;
    border:0;
    border-radius:0px;
    box-shadow:none;
    margin-bottom: 0px;
}
.panel-default > .panel-heading {
    background-color:transparent;
    border-color:transparent;
    color: #333333;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
}
/*
	=======================================
		KODE PILLARS WRAP 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 */
.hvr-ripple-out {
  display: inline-block!important;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative!important;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
  border: solid 6px;
}
.panel-body {
    padding:0px;
}
/*  ============================================================
		   Transaction Effect
    ============================================================
*/
.kode_comments .form-submit .medium_btn,
.kode_pagination a,
.kode_text_list li a,
.kode_shop_text h6 a,
.event_rating a,
.kode_service_form  .form-submit .medium_btn,
.kode_project_text h5 a,
.kode_project_dollar  a,
.kode_project_text h4 a,
.kode_event_speaker_text h6 a,
.kode_coming_event  .slick-dots li  ,
.kode_coming_event  .slick-dots li.slick-active ,
.kode_coming_event_text a,
.kode_coming_event_text h5 a,
.kode_client_wrap.client_3 .kode_client_text h6 a,
.kode_client_wrap.client_3 .slick-prev, 
.kode_client_wrap.client_3 .slick-next,
.kode_Philosophy_wrap .slick-dots li,
.sab_banner_text a span,
/*home page 02 start */
.widget_event.event_2 .kode_calender_list > span,
.form-submit .medium_btn,
.widget_event .kode_event_text h6 a,
.kode_event_fig a,
.kode_event_text span a,
.kode_calender_detail.detail_2 .kode_event_text h4 a,
.kode_building_des .them_overlay:before,
.kode_mosque2_text .medium_btn,
.kode_banner_wrap.banner2 .slick-prev, 
.kode_banner_wrap.banner2 .slick-next,
.kode_navi_icon  li a,
.donate_btn  button.close,
.kode_top2_icon .dropdown ul li a,
.kode_top2_icon .dropdown ul,
.kode_top2_info li a,
/*home page start */
.comment-form button,
.kode_event_text h6 a,
.kode_pillars_item li a h6,
.kode_pillars_item li a,
.navigation ul li ul li a:before,
.top_icon_fig li a img,
.kode_calender_list > span,
.top_btn,
textarea,
input,
.widget_social_icon li a,
.widget_call_info li a,
.kode_product_list .slick-prev:before, 
.kode_product_list .slick-next:before,
.product_icon li a,
.rating_star li a,
.kode_blog_text,
.kode_blog_text h5,
.kode_blog_fig figure img,
.kode_blog_fig .plus_icon,
.kode_blog_fig  .them_overlay:before,
.kode_meta.meta_2 a ,
.kode_meta li a,
.kode_donation_row .kf_commet_field input,
.kode_doantion_amount .kf_commet_field input,
.form-submit .medium_btn,
.checkbox_radio label,
.kode_tem_fig figure img,
.kode_tem_fig figcaption,
.kode_team_wrap .slick-prev,
.kode_team_wrap .slick-next,
.kode_social_icon li a,
.kode_gallery_fig a,
.kode_gallery_fig .them_overlay:before,
.service_btn .medium_btn,
.kode_service_text  .right_arrow,
.kode_service_text span,
.kode_service_des,
.kode_service_text h4 a,
.kode_pillars_item li a span,
.kode_counter_mosque li h6 a,
.kode_mosque_item .koed_banner_btn .medium_btn,
.kode_mosque_fig .them_overlay:before,
.kode_mosque_fig figcaption,
.pager_link img,
.kode_banner_text .medium_btn,
.navigation ul li ul,
.navigation ul li a,
.kode_top_info ul li a
{
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}
.nav-tabs::after {
    clear: both;
    content: "";
    display: table;
}
.nav > li > a{ position:absolute;}
h3.pillars-title{ color:#ffff; margin-bottom:10px;}
.kode_pillars_row .fa-icon-1{background:url("../images/icon-1.png") no-repeat; width:30px; height:30px; display:block;}
.hvr-ripple-out:hover::before, .hvr-ripple-out:focus::before, .hvr-ripple-out:active::before {
    animation-name: hvr-ripple-out;
    border: 6px solid;
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
  border: solid 6px;
}
.kode_pillars_item li a:hover h6,
.kode_pillars_item li a:hover span{ color:#fff;}
.kode_pillars_item li a h6,
.kode_pillars_text h4{font-weight:600;text-transform:uppercase;font-size: 16px;transition:all 0.3s ease-in-out 0s;}
.kode_pillars_item li a:focus{ border:0!important;}