@charset "utf-8";

/*
Theme Name: Islamic Center
Theme URI: http://kodeforest.net/wp-demo/islamic
Description: Islamic Center WordPress Responsive Theme is a nonprofit multi-purpose theme. Islamic Center comes with all the features to manage Causes Crowd Funding, Event Management, Stripe Donation, PayPal Donations, Gallery Slider, Simple Gallery, Islamic Scholars Management, Audio & Video Management, RTL and Online store using WooCommerce. It is the most complete solution for your Islamic website as it covers every aspect of an Islamic site. Islamic Center is fully responsive theme based on Twitter Bootstrap 3x. Islamic WordPress Nonprofit Theme For Mosque, Religious Places, Organization place, Event Management, Causes Management and so much more.
Author: KodeForest
Author URI: https://www.kodeforest.com
Version: 5.3
License:
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: WooCommerce, Prayer Timing, Events, Featured Posts, Blog
Text Domain: islamic-center
*/


/**
	* 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%;
}

.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;
    padding: 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,
blockquote 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_service_des:hover .kode_service_text span i,
.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);
}


/*.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;
}*/


/*
	=======================================
		KODE TOP WRAP START
	=======================================
*/

.kode_top_info ul,
.kode_top_info,
.kode_top_wrap {
    float: left;
    width: 100%;
    margin: 0px;
}

.kode_top_wrap {
    padding: 6px 0 8px;
}

.kode_top_info {
    margin-top: 7px;
    padding: 2px 0;
    ;
}

.kode_top_info>ul>li {
    float: left;
    padding: 0px 20px;
    line-height: 15px;
    list-style: none;
    width: auto;
    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;
    font-weight: 300;
}

.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;
    margin: 0px;
}

.kode_top_right_text .comment-form,
.top_icon_fig li,
.top_icon_fig {
    float: left;
    width: auto;
}

.kode_top_right_text ul {
    margin-top: 2px;
}

.top_icon_fig li {
    margin-right: 14px;
    width: auto;
    margin-bottom: 0px;
    list-style: none;
}

.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%;
}

.top_time_circle ul {
    margin-bottom: 0px;
    margin-top: 3px;
}

.top_time_circle ul li {
    margin-bottom: 0px;
}

.kode_top_logo_wrap {
    background: url('images/top_bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0px;
}

.top_logo {
    float: left;
    position: relative;
    width: auto;
}

.top_logo h1 {
    margin: 0px;
}

.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%;
    list-style: none;
    border: 1px 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: 600;
    line-height: normal;
    text-transform: uppercase;
}

.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%;
    position: relative;
    z-index: 9999;
}

.navigation ul {
    text-align: center;
    margin: 0px 0px;
}

.navigation ul>li {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    float: none;
    width: auto;
    z-index: 9;
    margin-bottom: 0px;
}

.navigation ul>li>a {
    display: inline-block;
    font-weight: 500;
    padding: 18px 18px 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;
}
.job_pricing_text .price{
	font-size: 45px;
}
.navigation ul>li>a:hover:before {
    top: 0px;
}


/*drop down style*/


/*navigation dropdown start*/

.navigation ul li ul{
    position: absolute;
    top: 80px;
    width: 250px;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
	 border-top: 2px solid #d2973b;
    border-bottom: 5px solid #d2973b;
    background: rgba(255, 255, 255, 0.97);
}
.ramzan_header .kode-navigation-wrapper .navigation ul li ul{
	width: 230px;
	top: 50px;
}
.ramzan_header .kode-navigation-wrapper .navigation .menu ul li a:hover{
	color: #fff!important;
}
.ramzan_header .kode-navigation-wrapper .navigation ul li ul li a{
	line-height:40px;
}
.ramzan_header .kode-navigation-wrapper .navigation ul>li>a{
	line-height:normal;
}
.navigation ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.navigation ul li ul li {
    width: 100%;
}

.navigation ul li ul li a {
    display: block;
    padding: 6px 20px;
    text-align: left;
    position: relative;
    z-index: 999;
}

.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;
}

.navigation ul ul ul {
    left: 100%;
}

.navigation ul ul :hover>ul {
    top: 30px;
    visibility: visible;
}

.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: -140px;
    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;
}

.large_text:before,
.large_text:after {
    bottom: 0;
    content: "";
    font-family: fontawesome;
    font-size: 15px;
    left: 40px;
    position: absolute;
    top: 10px;
}

.large_text:before {
    content: "\f10e";
    left: auto;
    right: 40px;
}

.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;
    z-index: 999;
}

.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 0px;
}

.kode_mosque_des {
    width: 49%;
    float: left;
    margin-right: 10px;
}

.kode_mosque_des:last-child {
    margin-right: 0px;
}

.kode_mosque_fig figure {
    width: auto;
    margin-bottom: 0px;
    overflow: hidden;
}

.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: 6px 15px 8px;
    font-weight: 500;
    margin: 0px;
}


/* 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: 30px;
}

.section_hdg img {
    margin-bottom: 6px;
    display: block;
    height: auto !important;
}

.section_hdg h3 {
    display: inline-block;
    margin-right: 16px;
    margin: 0px 0px 0px 0px;
}

.section_hdg span {
    font-size: 25px;
    position: relative;
    top: 2px;
}

.section_hdg span:after,
.section_hdg span:before {
    border-bottom: 1px solid;
    bottom: 14px;
    content: "";
    left: auto;
    position: absolute;
    right: -56px;
    top: 0;
    width: 38px;
}

.section_hdg span:after {
    border-top: 1px solid;
    border-bottom: none;
    top: 19px;
    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;
}

.align-left.section_hdg.hdg_2 h3 {
    float: left;
    width: auto;
}

.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 {
    float: left;
    text-align: center;
    margin-bottom: 15px;
}

.kode_counter_mosque 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;
}

.koed_banner_btn .medium_btn,
.kode_counter_mosque h6 a {
    color: #fff;
}

.kode_banner_text .koed_banner_btn.wow .medium_btn.border {
    color: #fff;
}


/* 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%;
    border: none;
}

.kode_pillars_wrap .nav-tabs {
    border-bottom: none;
}

.kode_pillars_wrap {
    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 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ffffff #ffffff currentcolor;
    border-image: none;
    border-radius: 380px 390px 0 0;
    border-style: dotted dotted none;
    border-width: 1px 1px medium;
    bottom: 0;
    content: "";
    left: -190px;
    position: absolute;
    right: -190px;
    top: -173px;
    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;
    margin-top: 0px;
}

.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;
}

/* .kode_pillars_row .kode_pillars_item li a:hover span i {
    color: #fff;
} */

.center {
    position: relative;
    z-index: 9999;
    left: -7px;
    top: -15px;
}

.center:after {
    border-right: 1px solid #ffffff;
    bottom: -101px;
    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: 256px;
    left: 114px;
    position: absolute;
    z-index: 9999;
}

.right_bottom {
    left: auto;
    right: 0px;
}

.right_center {
    right: 126px;
    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 #ffffff;
    bottom: -51px;
    content: "";
    left: auto;
    position: absolute;
    right: -75px;
    top: 29px;
    transform: rotate(-54deg) translate(-61px);
}

.kode_pillars_item a>h6 {
    margin: 0px;
}

.right_center:after {
    border-left: 1px solid #fff;
    border-right: none;
    right: auto;
    left: -74px;
    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;
    margin-top: 0px;
    color: #333 !important;
    font-weight: 600;
}

.kode_service_text h4 a {
    color: #333 !important;
    font-weight: 600;
}

.kode_service_text p {
    margin-bottom: 0px;
}

.kode_service_text p i {
    margin-right: 10px;
}

.kode_service_text,
.kode-service-wrap {
    float: left;
    width: 100%;
}

.kode_service_des  .kode_service_text .right_arrow{
    position: absolute;
    top: 50%;
    right: 10px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 25px;
    border-radius: 100%;
    border: 1px solid #e0e0e0;
    margin-top: -19px;
    opacity: 0;
}

.kode_service_des:hover .kode_service_text .right_arrow {
    right: 30px;
    opacity: 1;
}

.kode-service-wrap .kode_service_des .right_arrow:hover i {
    color: #fff;
}

.service_btn {
    text-align: center;
}

.check-list {
    float: left;
    width: 100%;
}

.one_half.last .check-list ul {
    margin-left: 0px;
}


/*
	=======================================
		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-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: 76px 0 70px;
}

.kode_pray_text h5,
.kode_pray_text h2 {
    margin-bottom: 9px;
    margin-top: 0px;
}
.kode_pray_text h2 {
	margin-bottom: 15px;
	line-height:70px;
}
.kode_pray_text h5 {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
}

.kode_pray_text p {
    color: #333333;
    font-weight: bolder;
    margin-bottom: 23px;
    padding-right: 55px;
}

.kode_pray_fig figure {
    width: auto;
    margin-top: -40px;
}


/*
	=======================================
		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;
    margin-bottom: 20px;
}

.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_social_icon {
    margin: 0px;
    padding: 0px;
}

.kode_team_wrap {
    padding: 80px 0px;
}

.kode_tem_fig {
    margin-bottom: 30px;
}

.kode-team-slide.col-md-12 .kode_tem_fig {
    padding: 0px;
}

.kode_tem_fig figcaption {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -54px;
    background-color: #444444;
    padding: 17px 0px 20px;
    text-align: center;
}

.kode_tem_fig:hover figcaption {
    bottom: 0px;
}

.kode_tem_fig figcaption h4 {
    margin: 0px;
}

.kode_tem_fig figcaption p {
    margin-bottom: 14px;
}

.kode_social_icon li {
    display: inline-block;
    margin-right: 11px;
    width: auto;
    float: none;
    margin-bottom: 0px;
}

.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: cover;
    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: #f9f9f9;
}

.kode_donate_des,
.kode_cause_des {
    float: left;
    width: 50%;
}

.kode_cause_des {
    text-align: center;
    padding: 65px 96px;
}

.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;
    margin-left: 0px;
    margin-bottom: 0px;
}

.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;
    margin-top: 0px;
}

.kode_canvas_text h4 {
    font-weight: bold;
    margin-top: 0px;
}

.kode_donate_des {
    padding: 27px 50px 33px;
}

.kode_doantion_amount {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 22px;
    margin-bottom: 28px;
}

.kode_donation_row>h4,
.kode_doantion_amount>h4 {
    margin-bottom: 25px;
    margin-top: 0px;
}

.kode_amount_list label,
.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;
    cursor: pointer;
    font-size: 16px;
}

.kode_doantion_amount .kf_commet_field {
    float: left;
    width: 180px;
    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;
    float: left;
}

.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;
    margin-top: 0px;
}

.radio_points {
    margin: 22px 0px 32px 0px;
}

.radio_points li {
    float: left;
    line-height: normal;
    list-style: outside none none;
    margin-right: 30px;
    width: auto;
}

.kode_donation_item,
.kf_commet_field {
    margin-bottom: 20px;
}

.kode_payment_list.form-submit .checkbox_radio {
    position: relative;
    margin: 0px 0px;
}

.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: #2b2b2b !important;
    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 {
    clear: both;
    display: block;
}

.kode-blog-content {
    float: left;
    width: 100%;
}

.kode_meta.meta_2 {
    clear: both;
}

.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 {
    padding: 25px 28px 28px 30px;
}

.islamic_center_sermon_des .text.webkit .left-sec h4 {
    font-weight: 700;
}

.col-md-6.columns .kode_blog_text .kode-item.kode-blog-widget .kode_blog_text {
    padding: 30px 28px 30px 30px;
}

.kode_blog_fig:hover .kode_blog_text {
    background-color: #f7f7f7;
}

.kode_meta {
    margin: 0px 0px 13px 0px;
}

.kode_meta.meta_2 li:last-child,
.kode_meta li {
    float: left;
    width: auto;
    list-style: none;
    margin-bottom: 0px;
}


.kode_meta li a {
    display: inline-block;
    color: #666666;
}

.kode_meta li a i {
    margin-right: 14px;
}

.kode_meta.meta_2 a i {
    color: #b0b0b0;
    margin-right: 12px;
}

.kode_meta.meta_2 li {
    float: left;
    padding: 0px 15px;
    line-height: normal;
    border-right: 1px solid #b0b0b0;
}

.kode_meta .blog-info.blog-author {
    margin-bottom: 0px;
}

.kode-item.kode-blog-widget {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.kode_meta.meta_2 li:last-child {
    border-right: none;
}

.kode_meta.meta_2 li:first-child {
    padding-left: 0px;
}

.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_blog_text>h5 {
    display: inline-block;
    margin-bottom: 22px;
    margin-top: 0;
}


/* kode event row start */

.koed_event_timer .them_overlay:before {
    z-index: 8;
}

.kode_event_des .koed_event_timer figcaption {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 45px 22px;
    z-index: 10;
}

.koed_event_timer figcaption h5 {
    margin-bottom: 16px;
    margin-top: 0px;
}

.koed_event_timer figcaption ul {
    margin-left: 0px;
}

.koed_event_timer figcaption ul li {
    float: left;
    margin-right: 34px;
    width: auto;
    list-style: none;
    margin-bottom: 0px;
    text-align: center;
}

.koed_event_timer figcaption ul li span {
    font-size: 26px;
}

.koed_event_timer figcaption ul li p {
    margin-bottom: 0px;
    line-height: normal;
}

.kode_calender_detail {
    padding: 10px 30px;
    background-color: #f7f7f7;
}

.kode_calender_detail li {
    padding: 20px;
    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;
    line-height: 24px;
    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: 23px;
    margin-bottom: 0px;
    margin-top: -3px;
}

.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;
    width: 91%;
    left: 20px;
}

.kode_client_text p:before,
.kode_client_text p:after {
    position: absolute;
    content: "\f10d";
    top: -4px;
    left: -15px;
    bottom: 0px;
    font-size: 12px;
    font-family: fontawesome;
    color: #b7b7b7;
}

.kode_client_text p:before {
    left: auto;
    right: 38px;
    top: auto;
    bottom: -5px;
    content: "\f10e";
}

.kode_client_text h6 {
    text-transform: uppercase;
    margin-bottom: 26px;
    margin-top: 0px;
}

.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;
}

.kode_product_list>h5 {
    padding: 15px 30px 13px;
    margin: 0px 0px;
}


/* 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 {
    background-color: #333333;
    border-radius: 2px;
    left: 0;
    margin: 0;
    padding: 4px 15px 7px;
    position: absolute;
    top: 30px;
}

.kode_product_text {
    padding: 17px 30px 13px;
    border-bottom: 1px solid #d2d2d2;
}

.kode_product_text h5 {
    margin-bottom: 5px;
    margin-top: 0px;
}

.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;
    margin-left: 0px;
    margin-bottom: 0px;
    list-style: none;
}

.rating_star li a {
    display: inline-block;
    padding: 0px 2px;
    color: #fcc73d;
}

.kode_newsletter_wrap .kode_newsletter_form .kf_commet_field .medium_btn:hover {
    box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.1);
}

.textwidget .widget_event .wpcf7-form .medium_btn:hover {
    background-color: #000 !important;
}

.wpcf7-form {
    float: left;
    width: 100%;
}

.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;
    margin-left: 0px;
    margin-bottom: 0px;
}

.product_icon li {
    margin-right: 15px;
}

.product_icon li a {
    display: inline-block;
    color: #333333;
    margin-bottom: 0px;
}


/* slick slider start */

.kode_product_list .slick-prev,
.kode_product_list .slick-next {
    top: -24px;
    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 ##fff;
}

.kode_newsletter_des span {
    display: inline-block;
    font-size: 50px;
    color: #ebd0a7;
    float: left;
    line-height: 50px;
}

.kode_newsletter_text {
    overflow: hidden;
    padding-left: 30px;
}

.kode_newsletter_text h5 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
    margin-top: 0px;
}
.islamic_widget02 .widget_block .widget h4,
.widget_title:before,
.kode_newsletter_text h5:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 1px solid #fff;
    width: 60px;
}

footer .widget_title {
    margin-bottom: 10px;
    float: left;
}

.widget_title .rsswidget {
    width: auto;
}

.widget_title .rsswidget {
    margin-right: 10px;
}

.kode_newsletter_text p {
    margin-bottom: 0px;
}


/* kode newsletter form start */

.kode_newsletter_form {
    float: right;
    padding: 20px 0 0px;
}

.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 .form-submit {
    margin-left: 30px;
    margin-bottom: 0px;
}

.kode_newsletter_form .kf_commet_field input[type="submit"],
.kode_newsletter_form .form-submit input {
    float: left;
    width: auto;
    margin-bottom: 0px;
    cursor: pointer;
    border: none;
    background-color: #d2973b;
    width: 110px;
    height: 51px;
}

.kode_newsletter_form .kf_commet_field input{
    margin-right: 0px;
}
.widget_event .kf_commet_field input[type="text"]::-webkit-input-placeholder,
.kode_newsletter_form .kf_commet_field input[type="text"]::-webkit-input-placeholder{
	color:#fff !important;
}
.widget_event .kf_commet_field input[type="text"]::-moz-input-placeholder,
.kode_newsletter_form .kf_commet_field input[type="text"]::-moz-input-placeholder{
	color:#fff !important;
}
.kode_newsletter_form .kf_commet_field input[type="submit"]:hover,
.kode_newsletter_form .form-submit input:hover {
    box-shadow: 0px 0px 1px 1px;
}

.kode_newsletter_form .kf_commet_field input[type="submit"],
.kf_commet_field button {
    cursor: pointer;
}

.kode_newsletter_form .kf_commet_field p {
    margin: 0px;
    padding: 0px;
}
.wpcf7-form .form-submit{
    text-align: center;
    width: 100%;
}
.wpcf7-form .widget_event p .wpcf7-form-control  {
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 20px 10px;
    line-height: normal;
    font-weight: 600;
    border-radius: 2px;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    float: left;
    margin: 0;
    width: 100%;
}

.ajax-loader {
    display: none;
}

.widget_logo .widget_call_info p {
    margin-bottom: 10px;
    line-height: normal;
    color: #000;
}

.widget_social_icon {
    padding: 0px;
    list-style: none;
    margin: 0px 0px 0px 0px;
}

.widget_call_info {
    padding: 0px;
    margin: 0px;
}

.widget_social_icon li {
    width: auto;
}

.kode_calender_detail {
    padding: 0px;
    margin: 0px;
}

.kode_calender_detail li,
.widget_call_info li {
    list-style: none;
}

.islamic_widget02 .widget_block .widget h4,
footer .widget.kode-widget .widget_title {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 38px;
	padding-bottom: 20px;
}

.wpcf7-form-control.wpcf7-submit.medium_btn.background-bg-dark.btn_hover.hvr-wobble-bottom {
    display: inline-block;
    margin: auto;
    text-align: center;
    width: auto;
}
.kode_pillars_item li a:hover span{
	color:#fff !important;
}
.donate_btn.koed_banner_btn {
    width: auto;
    float: right;
    padding: 0px;
}

.donate_btn.koed_banner_btn a {
    color: #fff;
}


/*
	=======================================
		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;
}

footer .widget_wrap {}

.widget_wrap.them_overlay:before {
    opacity: 1;
}

.widget_logo img {
    margin-bottom: 25px;
}

.widget_logo p {
    margin-bottom: 18px;
}

.widget_call_info {
    padding-bottom: 25px;
    border-bottom: 1px solid rgb(255,255,255,0.8);
    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;
    width: 100%;
}

.widget_call_info li a i {
    margin-right: 20px;
    float: left;
}

.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;
    background-color: #000;
}


/* 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: #bbb9b9;
}

.widget_event .kode_calender_detail li:first-child {
    padding-top: 0px;
}

.widget_event .kode_event_text {
    padding-left: 20px;
}

.kode_calender_detail .kode_calender_list .kode_event_text p {
    color: #fff;
}

.widget_event .kode_textarea textarea,
.widget_event .kf_commet_field input {
    border-color: rgb(255,255,255,0.8);
}

.kode_textarea {
    margin-bottom: 30px;
}

.wpcf7-form .widget_event .kode_textarea {
    margin-bottom: 15px;
}

.widget_event .kode_textarea textarea {
    height: 128px;
    width: 100%;
    background: none;
    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: 24px 0;
}

.top_btn {
    float: right;
    display: inline-block;
    height: 65px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    margin: auto;
    font-size: 30px;
}




/*
	=======================================
		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: #ffff;
}


/*
	============================================================================
					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: auto;
    margin-top: 14px;
}

.kode_top2_info li {
    float: left;
    padding: 21px 16px 21px;
    border-right: 1px solid #d9d9d9;
    width: auto;
    list-style: none;
}

.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;
}

.kode_top2_icon ul li,
.kode_top2_icon ul {
    float: left;
}

.kode_top2_icon>ul {
    border-left: 1px solid #d9d9d9;
    width: auto;
    margin-left: 0px;
    margin-bottom: 0px;
}

.kode_top2_info ul {
    margin: 0px 0px;
}

.kode_top2_icon>ul>li {
    padding: 20px 20px 16px;
    border-right: 1px solid #d9d9d9;
    float: left;
    list-style: none;
    width: auto;
    margin-bottom: 0px;
    line-height: 25px;
}

.kode_top2_info ul li {
    margin-bottom: 0px;
    line-height: normal;
}

.kode_top2_info ul li i {
    margin-right: 10px;
}

.kode_top2_info .fa.icon.icon-multimedia {
    position: relative;
    top: 2px;
}

.kode_top2_icon>ul>li a {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 20px;
}

.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 {
    display: inline-block;
    float: right;
    padding: 8px 0 9px;
    cursor: pointer;
}

.medium_btn {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px 10px;
    line-height: normal;
    font-weight: 600;
    border-radius: 2px;
}

.donate_btn .modal-body,
.donate_btn .modal-content {
    float: left;
    width: 100%;
}
.kode_newsletter_form .kf_commet_field input[type="submit"]:hover {
    box-shadow: 0px 0px;
    border: none;
}

.kode_newsletter_form .kf_commet_field input[type="submit"] {
    padding: 17px 0;
    height: auto;
}

.donate_btn {
    display: inline-block;
    float: right;
    padding: 11px 0 10px;
}

.donate_btn .modal-content {
    background: #f9f9f9;
}

.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: 50px 25px;
}

.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 0px;
}

.header .top_logo {
    float: left;
    width: 25%;
}

.header .navigation {
    float: left;
    padding: 10px 0 10px;
    width: auto;
}

.header .navigation ul {
    text-align: left;
}

.header .navigation ul>li {
    margin-left: 24px;
    padding: 0px 0px;
}

.header .navigation ul.menu>li.current-menu-item.current_page_item a {
    background: none;
}

.header .navigation ul.menu>li.current-menu-item.current_page_item a,
.header .navigation ul>li>a {
    padding: 0px 0px;
    font-size: 14px;
    position: relative;
    z-index: 9999999;
    color: #333333;
    font-weight: 300;
}

.header .navigation ul li a:hover:before,
.header .navigation ul li a:hover {
    background: none !important;
}


/* 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: 66px;
}

.kode_navi_icon {
    float: right;
    padding: 13px 0;
}

.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: -70px;
}

.kode_banner_wrap .kode_banner_text {
    margin-top: -70px;
}

.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 {
    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: -15%;
}

.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: 80px 0px;
}

.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: 20px;
    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;
}

.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 START
	=======================================
*/


/*
	---------------------------------------------------------------------------
	===========================================================================
						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:80px 0px 85px;
    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;
}

.breadcrumb {
    background: transparent none repeat scroll 0 0;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.breadcrumbs li {
    margin-right: 33px;
    position: relative;
    display: inline-block;
}

.breadcrumbs li:last-child {
    margin-right: 0px;
}

.kode_sab_banner_wrap .sab_banner_text .breadcrumbs li strong {
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
}

.kode_sab_banner_wrap .breadcrumbs li:last-child:before {
    content: "";
}

.kode_sab_banner_wrap .sab_banner_text .breadcrumb li strong {
    color: #ffffff;
}

.kode_sab_banner_wrap .sab_banner_text .breadcrumb li {
    position: relative;
    margin-right: 25px;
}

.kode_sab_banner_wrap .sab_banner_text .breadcrumb li:before {
    bottom: 0;
    color: #ffffff;
    content: "";
    font-family: fontawesome;
    font-size: 15px;
    left: -14px;
    position: absolute;
    top: 1px;
}

.kode_sab_banner_wrap .sab_banner_text .breadcrumb li:first-child:before {
    content: "";
}


/*
	=======================================
		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;
    box-shadow: 7px 0px 22px -10px #a7a5a5;
}

.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 h4 a {
    color: #333 !important;
}

.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: 4px 0 0;
    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_des .kode_blog_text {
    padding: 27px 30px 30px 30px;
    position: relative;
}

.sab_banner_text h1 {
    color: #fff;
}

.kode_blog_des {
    /*margin-bottom:30px;
	padding-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_text h4 {
    margin-bottom: 15px;
    margin-top: 0px;
}
.kode_blog_text h4 a{
	color:#000;
}
.kode_blog_text h4,
.sab_banner_text h2 {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.kode_blog_text h4 span {
    display: block;
}

.kode_blog_des .kode_meta.meta_2 {
    margin-bottom: 12px;
    margin-left: 0px;
    overflow: hidden;
}

.kode_blog_des .kode_meta.meta_2 li {
    border-right: none;
    list-style: none;
    width: auto;
}


/*.kode_blog_des .kode_meta.meta_2 li a{
	text-transform:uppercase;
}*/

.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_blog_fig .kode_blog_text .kode_meta li>i {
    margin-right: 7px;
}


/* KODE PAGINATION START */

.kode-pagination,
.kode_pagination {
    margin: auto;
    padding: 15px 0;
    text-align: center;
    overflow: hidden;
    width: 390px;
    margin-top: 10px;
}

.kode_pagination .next,
.kode_pagination .prve {
    height: auto;
    width: auto;
}

.kode-pagination .next:hover,
.kode-pagination .prve:hover,
.kode_pagination .next:hover,
.kode_pagination .prve:hover {
    background: none;
}

.kode-pagination .next,
.kode-pagination .next i,
.kode_pagination .next,
.kode_pagination .next i {
    margin-left: 10px;
}

.kode-pagination .prve,
.kode-pagination .prve i,
.kode_pagination .prve,
.kode_pagination .prve i {
    margin-right: 10px;
}

.kode-pagination .page-numbers.current,
.kode-pagination a,
.kode_pagination 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;
}

.left-right-navigation {
    text-align: left;
}

.left-right-navigation a {
    padding: 10px 40px 15px;
    text-align: left;
}

.kode-pagination .next.page-numbers,
.kode-pagination .prev.page-numbers {
    width: auto;
}

.kode-pagination {
    margin-bottom: 30px;
}


/*
	=======================================
		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,
.kode_blog_detail_text,
.kode_blog_detail_des,
.kode_blog_detail_row {
    float: left;
    width: 100%;
}

.kode_blog_madium_wrap.detail {
    background: none;
    padding: 0px 0px 50px;
}

.comment_des .them_overlay:before,
.kode_detail_fig .them_overlay:before {
    opacity: 0;
}

.comment_des:hover .them_overlay:before,
.kode_detail_fig:hover .them_overlay:before {
    opacity: 0.35;
}

.kode_blog_detail_des {
    padding-bottom: 20px;
}

.kode_blog_detail_text {
    padding: 15px;
    background: #f9f9f9;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 0px;
}

.kode_blog_detail_text h3 {
    padding-bottom: 15px;
}

.kode_blog_detail_text .kode_meta.meta_2 li {
    line-height: 12px;
    padding:0px 20px;
    float: left;
    list-style: none;
    width: auto;
}

.kode_blog_detail_text h3 {
    margin: 0px;
}

.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: 15px;
    line-height: 25px;
	color:#000;
    text-transform: uppercase;
	font-weight: 500;
}
.kode_blog_detail_row .social_meta{
	margin-bottom:20px;
	margin-left:0px;
}
.kode_blog_detail_row .social_meta li a{
	height: 36px;
    width: 36px;
    line-height: 36px;
    border: 1px solid #333;
    color: #000;
	background:none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.kode_blog_detail_row .social_meta li a:hover{
	color:#fff;
	border-color:#d2973b !important;
	background-color:#d2973b !important;
}
.kode_blog_detail_des p {
    margin-bottom: 18px;
}

.kode_blog_detail_des p:last-child {
    margin-bottom: 0px;
}


/* BLOG QUOTE START */

blockquote {
    padding: 30px 30px;
    background-color: #f7f7f7;
    margin-bottom: 30px;
    margin-top: 30px;
}

blockquote 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: #f9f9f9;
    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;
    float: left;
    list-style: none;
}

.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: 5px;
    margin-top: 0px;
}

.kode_comments.margin {
    margin-top: 30px;
}

.comment_des {
    padding: 30px 0px;
    border-bottom: 1px solid #d4d4d4;
}

.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 {
    font-size: 14px;
    color: #333;
    line-height: 34px;
}

.comment_text .kode_meta>li i{
	margin-right:7px;
}
.comment ul {
    padding-left: 30px;
    float: left;
    width: 100%;
}

.kode_pagination {
    margin-bottom: 20px;
}

.comment_des.padding {
    padding-top: 0px;
}

#commentform .form-submit #submit {
    padding: 15px 20px;
}


/* KODE COMMENT START */

.kode_comments .kf_commet_field {
    float: left;
    width: 48.6%;
    margin-right: 30px;
    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: 140px 0px 164px;
    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: 289px;
    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: 16px;
    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: 167px 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 0px;
}

.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: 1%;
    width: 32%;
    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;
    margin-top: 0px;
}

.kode_detail_date .event_detail_list.list_2 li:hover a i,
.kode_contact_service .kode_contact_text:hover a {
    color: #fff !important;
}

.kode_contact_text>a {
    font-size: 30px;
    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: 24px 0px;
}

.event_studium {
    display: inline-block;
    padding: 20px 30px 20px 20px;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    font-size: 12px;
    font-weight: 600;
}

.event_studium:hover {
    color: #333;
}

.kode_portfolio_des figure img {
    width: 100%;
}

.event_studium i {
    margin-right: 10px;
    color: #333333;
}

.kode_event_ticket .medium_btn {
    margin-left: 28px;
    padding: 10px 20px;
}

.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;
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.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: 30px;
}

.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 10px;
    width: 47.9%;
}

.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;
    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_des p {
    width: 100%;
}

.elementor img {
    height: 90px;
}

.kode_calender_list {
    flex-grow: 1;
}

.event_date {
    flex-grow: 1;
}

.kode_event_ticket {
    flex-grow: 1;
}

.event-new-item-wrapper {
    display: flex;
    padding: 30px 20px;
    background-color: #f5f4f4;
}

.kode_calender_list figure img {
    width: 200px;
    object-fit: cover;
}

.kode_calender_list {
    flex-grow: 4;
}

.kode-events-single-full {
    margin-bottom: 30px;
}

.kode_calender_list .kode_event_text h4 {
    margin: 0px 0px 10px 0px;
    font-weight: 600;
}

.kode_calender_list .kode_event_text h4 a {
    color: #333;
}

/*
	---------------------------------------------------------------------------
	===========================================================================
						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;
    background: #f9f9f9;
}

.kode_project_text h5,
.kode_project_text h4 {
    margin-bottom: 15px;
    margin-top: 0px;
}

.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;
    display: none;
}

.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 {
    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: 0px;
}


/* Progress Bar Wrap CSS Start */

.progress-names {
    float: left;
    width: 100%;
}

.kode_attorney_detail_skill .progressbar {
    position: relative;
    width: 100%;
    height: 8px;
    padding: 0;
    margin: 0 auto;
    background-color: #e1e1e1;
    margin-bottom: 28px;
}

.kode_attorney_detail_skill .bar {
    position: absolute;
    display: block;
    width: 0px;
    height: 8px;
    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: 14px;
    font-weight: bold;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: -17px;
    width: 35px;
    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_shop_text>h5,
.kode_shop_text,
.kode_shop_fig {
    float: left;
    width: 100%;
}

.kode_shop_fig {
    margin-bottom: 10px;
}

.kode_shop_text {
    padding: 17px 10px 15px;
    background-color: #f1f1f1;
}

.kode_shop_text h6 {
    float: left;
    margin: 0px 0px 10px 0px;
}

.kode_shop_text h3 {
    display: block;
}

.kode_shop_text>h5 {
    font-weight: 400;
    margin: 0px 0px;
}

.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;
    left: 0px;
    right: 0px;
    margin: -13px 0px 0px 0px;
    text-align: center;
}

.kode_shop_fig:hover .shop_icon {
    opacity: 1;
}

.kode_shop_fig .shop_icon li {
    float: none;
    display: inline;
    margin: 0px 10px 0px 0px;
}

.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);
    color: #fff !important;
}

.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;
    margin-bottom: 20px;
}

.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;
    margin-top: 0px;
}

.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;
}

.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_row,
.kode_view_text {
    margin-bottom: 15px;
}

.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: 380px;
    padding: 8px 16px;
}

.islamic_center_sermon_des .text.webkit:hover :before,
.kode_team_profile .kode_detail_date .event_detail_list li:hover a i {
    color: #fff !important;
}

.kode_team_profile .event_detail_list li a span {
    display: inline;
}

.kode_team_profile .sidebar_title.title_2 {
    margin-bottom: 20px;
}

.islamic_center_sermon_des .text.webkit .jp-page-btn-play {
    color: #999;
    margin: 0;
    position: static;
}

.islamic_center_sermon_des .text.webkit .jp-page-btn-play:before {
    font-size: 25px;
}


/*
	=============================================
			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: 0px;
}

.kode_blog_detail_des.des_2 .kode_blog_detail_text {
    border-bottom: none;
    margin-bottom: 0px;
}

.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 10px;
}

.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;
}


/*
	=======================================
		SIDEBAR WIDGET START
	=======================================
*/

.categories_detail li,
.categories_detail,
.sidebar_title,
.siderbar_categories,
.kode_search,
.sidebar-widget {
    float: left;
    width: 100%;
}

.kode_search .kf_commet_field {
    margin-bottom: 0px;
}

.kode_search .comment-form .kf_commet_field {
    position: relative;
}

.kode_search .comment-form .kf_commet_field button {
    display: inline-block;
    height: 44px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0;
    width: 48px;
    background: none;
    border-left: 1px solid #e9e9e9;
}


/* SIDEBAR CATEGORIES START */

.siderbar_categories {
    padding: 27px 30px 30px;
    background-color: #fff;
}

.sidebar_title {
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 30px;
    padding-bottom: 7px;
    position: relative;
}

.sidebar_title:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 2px solid;
    width: 80px;
}

.categories_detail {
    margin-top: -5px;
}

.categories_detail li {
    border-bottom: 1px solid #e5e5e5;
}

.categories_detail li a {
    display: block;
    padding: 9px 0px;
}

.siderbar_categories.recent_news .kode_calender_detail li:first-child,
.categories_detail li:first-child a {
    padding-top: 0px;
}

.categories_detail li a:hover {
    padding-left: 10px;
}


/* SIDEBAR CATEGORIES  RECENT NEWS START */

.siderbar_categories.recent_news .kode_calender_detail {
    padding: 0px 0px;
    background: none;
}

.siderbar_categories.recent_news .kode_calender_detail li:last-child {
    padding-bottom: 0px;
}

.kode_calender_list figure {
    float: left;
    width: auto;
}

.kode_calender_list .them_overlay:before {
    opacity: 0;
    z-index: 9;
}

.kode_calender_list:hover .them_overlay:before {
    opacity: 0.35;
}

.siderbar_categories.recent_news .kode_event_text {
    padding-left: 15px;
}


/* SIDEBAR ADD START */

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

.sidebar_add .them_overlay:before {
    z-index: 9;
}

.sidebar_add figcaption {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 50px 0px;
    z-index: 10;
}

.sidebar_add figcaption h5,
.sidebar_add figcaption h2,
.sidebar_add figcaption h3 {
    margin-bottom: 10px;
}

.sidebar_add figcaption h4 {
    margin-bottom: 8px;
}


/* SIDEBAR ADD START */

.siderbar_categories.archive .categories_detail li a {
    position: relative;
}

.siderbar_categories.archive .categories_detail li a:before {
    bottom: 0;
    color: #a1a1a1;
    content: "\f105";
    font-family: fontAwesome;
    margin-top: -12px;
    position: absolute;
    right: 0;
    top: 50%;
}

.siderbar_categories.archive .categories_detail li a:hover:before {
    right: 5px;
}


/* KODE COMING EVENT START */

.kode_coming_event_text,
.kode_coming_fig,
.kode_coming_event {
    float: left;
    width: 100%;
}

.kode_coming_fig {
    text-align: center;
}

.kode_coming_event_text {
    padding: 17px 0px 48px;
}

.kode_coming_event_text h5 {
    margin-bottom: 6px;
}

.kode_coming_event_text>a {
    display: inline-block;
    text-transform: uppercase;
}

.kode_coming_event_text>a i {
    margin-right: 18px;
}


/* slick slider start */

.kode_coming_event .slick-prev,
.kode_coming_event .slick-next {
    display: none !important;
}

.kode_coming_event .slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 3px;
    padding: 0;
    position: relative;
    width: 10px;
    border-radius: 100%;
    background-color: #333333;
    line-height: 10px;
}

.kode_coming_event .slick-dots li button {
    line-height: 10px;
    padding: 0px 0px;
    height: 10px;
    width: 10px;
}

.kode_coming_event .slick-dots li button:before {
    content: "";
}

.kode_coming_event .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.kode_coming_event .slick-dots {
    bottom: 22px;
}


/* slick slider start */


/* kode event featured start */

.kode_event_featured {
    float: left;
    width: 100%;
    margin-bottom: 1px;
}

.kode_event_featured>a {
    display: inline-block;
    padding: 3px 6px 5px;
    float: left;
    border-radius: 2px;
    font-size: 14px;
    line-height: 14px;
}

.event_rating {
    float: right;
    width: auto;
}

.event_rating a {
    color: #ffcc01;
    display: inline-block;
}

.kode_event_text.text_2 p {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px;
}

.kode_event_text.text_2 p a {
    color: #333;
}


/* kode side contact start */

.kode_photo_gallery,
.kode_photostream,
.kode_side_contact_text {
    float: left;
    width: 100%;
}

.kode_side_contact_text p {
    margin-bottom: 24px;
    font-style: italic;
}

.kode_side_contact_text a {
    display: block;
    overflow: hidden;
}

.kode_side_contact_text a i {
    height: 46px;
    width: 60px;
    text-align: center;
    line-height: 46px;
    border-right: 1px solid #b28237;
    margin-right: 15px;
}


/* KODE PHOTOSTREAM START*/

.kode_photo_gallery li {
    float: left;
    width: auto;
    margin: 0px 10px 10px 0px;
    overflow: hidden;
    cursor: pointer;
}

.kode_photo_gallery li:hover img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.kode_photo_gallery .them_overlay:before {
    opacity: 0;
}

.kode_photo_gallery .them_overlay:hover:before {
    opacity: 0.5;
    z-index: 1;
}

#form03 .modal-dialog {
    z-index: 99999;
}

.kode_sab_banner_wrap {
    margin-bottom: 50px;
}

.kode_top_right_text>form {
    float: right;
}

.kode-responsive-navigation {
    display: none;
}

.one_fourth {
    width: 25%;
    float: left;
}

.one-fifth.columns {
    width: 20%;
    float: left;
}

.kode_amount_list input {
    left: 0;
    position: absolute;
    visibility: hidden;
}

.kode_amount_list label {
    position: relative;
}

.kode_amount_list .active span {
    background: #D3983E;
}

.one_half {
    width: 48.97%;
    margin-right: 15px;
    float: left;
}

.one_half.last {
    margin-right: 0px;
}

.one_half img {
    width: 100%;
}

.check-list li {
    margin-bottom: 6px;
}

.kode_service_caption>p:last-child,
.check-list li:last-child {
    margin-bottom: 0px;
}

.check-list li {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 2px;
    list-style: none;
}

.one_half.last .check-list ul {
    margin-bottom: 0px;
}

#checklist-1.check-list li:before {
    position: absolute;
    content: "\f00c" !important;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-family: fontawesome;
}

.clearboth {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    float: none;
}

.div-single {
    border: 1px solid #e5e5e5;
    float: left;
    width: 100%;
}

.accordion-section {
    background-color: #f6f6f6;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

.accordion-section h6 a {
    display: block;
    position: relative;
    color: #666666;
}


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

.accordion-section-content {
    padding: 15px;
    display: none;
}

.accordion-section {
    float: left;
    width: 100%;
}

.accordion-section h6 {
    color: #ffffff;
    cursor: pointer;
    margin: 0;
    padding: 15px 10px;
    font-weight: 600;
}

.accordion-section h6 span {
    float: right;
    position: relative;
    top: 0px;
}

.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 {
    background-color: #ffffff;
    padding-top: 10px;
}

.accordion-section-content p {
    margin-bottom: 0px;
}

.kode_meta.meta_2 li i {
    margin-right: 10px;
}

.kode-gallery-thumb .kode_item_gallery {
    float: left;
}

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

.kode-team-slide .kode_tem_fig h4 a {
    color: #fff;
}

.kode-left-comment-sec p {
    margin: 0px;
    padding: 0px;
}

.kode_social_share_item a {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    color: #333;
}

.kode_social_share_item .social_meta li {
    margin-bottom: 0px;
}

.kode_social_share_item a i {
    margin-right: 10px;
}

.kode_social_share_item ul {
    padding: 0px;
    margin: 0px;
}

.kode_blog_detail_row .kode_social_share .kode_pagination {}

.kode_blog_detail_row .kode_social_share .kode-pagination .page-numbers.current,
.kode_blog_detail_row .kode_social_share .kode-pagination a,
.kode_blog_detail_row .kode_social_share .kode_pagination a {
    width: 100%;
}

.kode_social_share_item {
    float: left;
}

.kode_pagination .inner-post a h6 {
    margin: 0px;
	line-height: 30px;
}

.kode-previous {
    float: left;
    margin-right: 50px;
}

.kode-next {
    float: right;
}

.kode_pagination .thcolorhover.inner-post a:hover {
    color: #333;
}

.small_btn {
    display: inline-block;
}

#kode-searchform .seach_menu button i {
    color: #333;
}

.kode_top_right_text .seach_menu {
    margin-top: 2px;
}

.kode_top_right_text .seach_menu input {
    height: 30px;
    min-height: 30px;
}

.kode_top_right_text .seach_menu button {
    margin-top: -8px;
}

.kode_counter_mosque>h6 {
    margin: 0;
}

.koed_banner_btn .medium_btn:hover {
    color: #fff;
}

.jp-controls-holder .jp-toggles .jp-full-screen:before,
.jp-controls-holder .jp-toggles .jp-shuffle:before,
.jp_column-left .jp-controls .jp-stop:before {
    bottom: 0;
    content: "\f04d";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    right: 0;
    font-size: 15px;
}

.jp-controls-holder .jp-toggles .jp-shuffle:before {
    content: "\f074";
    bottom: 10px;
}

.jp-controls-holder .jp-toggles .jp-full-screen:before {
    content: "\f0b2";
    bottom: 10px;
}

.kode-custom-player .jp_column-left,
.kode-custom-player .jp_column-right {
    width: 20%;
}

.kode-custom-player .jp_column-mid {
    width: 60%;
}

.jp_column-right .jp-volume-controls button.jp-volume-max {
    display: block !important;
    width: auto;
}

.jp_column-mid .jp_container-bar-s .jp-cover {
    display: none;
}

.kode-custom-player .jp-controls button.jp-play {
    background: #36403d none repeat scroll 0 0;
    height: 45px;
    margin-top: 0;
    width: 45px;
    line-height: 45px;
}

.kode-custom-player .jp-controls button.jp-play::before {
    font-size: 25px;
    line-height: 36px;
}

.left-sec h3 a {
    color: #fff;
}

.text.webkit,
.latest-sermon .islamic_center_sermon_des figure:before {
    transition: all 0.3s ease-in-out;
}

.text.webkit {
    position: relative;
}

.text.webkit .left-sec h4 {
    margin: 0px 0px;
}

.text.webkit .left-sec p {
    margin-bottom: 10px;
}

.kode-custom-player .jp-controls-holder .jp-repeat {
    border: 4px solid #36403d;
}

.kode-custom-player .jp-toggles button.jp-show-playlist {
    border-color: #36403d;
}

.islamic_center_sermon_des:hover .text.webkit .left-sec h4 a,
.islamic_center_sermon_des:hover .sermon-tracks .sermon_item a,
.islamic_center_sermon_des:hover .sermon-tracks .sermon_item {
    color: #fff;
}

.islamic_center_sermon_des .left-sec p {
    margin-bottom: 0px;
}

.islamic_center_sermon_des .text.webkit .left-sec h4 {
    margin-bottom: 10px;
}

.sermon_item {
    margin-bottom: 8px;
}

.sermon_item:last-child {
    margin-bottom: 0px;
}

.islamic_center_sermon_des {
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.islamic_center_sermon_des:hover {
    box-shadow: 0px 6px 8px -1px;
}

.sermon_item span {
    float: left;
    width: auto;
}

.jp-page-btn-pause::before,
.jp-page-btn-play::before {
    font-size: 22px;
}

.sermon_item {
    background-color: #333;
}

.sermon-img-info img,
.sermon_item {
    float: left;
    width: 100%;
}

.sermon-img-info {
    float: left;
    width: 5%;
    margin-right: 10px;
}

.sermon-release-item,
.sermon_item>a {
    color: #ffffff;
    float: left;
    width: 25%;
}

.islamic_center_sermon_des .sermon_item>a {
    width: auto;
    color: #333;
    padding: 0px;
}

.sermon-playlist-single .sermon_item span {
    float: none;
}

.islamic_center_sermon_des .sermon_item {
    background: transparent;
}

.sermon-playlist-single .sermon_item {}

.sermon-playlist-single .sermon-release-item {
    float: left;
    text-align: center;
}

.sermon-itunes-item,
.sermon-soundcloud-item,
.sermon-download-item {
    color: #ffffff;
    float: left;
    text-align: center;
    width: 14%;
}

.kode_social_share .social_meta {
    margin: 0px;
}

.kode_social_share .social_meta li {
    margin-bottom: 0px;
}

.kode_social_share>a {
    margin-top: 5px;
}

.sermon-playlist-single .sermon_item a p {
    margin-bottom: 0px;
    line-height: normal;
}

.sermon-tracks.sermon-playlist-single h3 {
    margin: 0px 0px 20px 0px;
}

.sermon-tracks.sermon-playlist-single .sermon_item .sermon-soundcloud-item,
.sermon-tracks.sermon-playlist-single .sermon_item .sermon-itunes-item,
.sermon-tracks.sermon-playlist-single .sermon_item .sermon-download-item,
.sermon-tracks.sermon-playlist-single .sermon_item .sermon-release-item,
.sermon-tracks.sermon-playlist-single .sermon_item a {
    margin-top: 8px;
}

.cross-sells .products {
    margin: 0px;
}

.cross-sells .products li {
    width: 50%;
    padding: 0px 15px;
}

.shop_table.shop_table_responsive .cart-subtotal th,
.shop_table.shop_table_responsive .order-total th {
    color: #333;
}

.cross-sells .products li .woocommerce-loop-product__title {
    font-size: 18px;
    margin-top: 0px;
}

.kode_news_detail .woocommerce ul.products li.product .price del {
    display: none !important;
}

.cart_totals {
    float: right;
    width: 50%;
}

.cross-sells {
    float: left;
    width: 50%;
}

.cart-collaterals h2 {
    margin-top: 0px;
    line-height: 30px;
    padding-bottom: 10px;
    font-size: 30px;
    margin-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    border: none;
}

.jp-sermon-item {
    float: left;
    text-align: center;
    width: 170px;
}

.kode-custom-player #jplayer_jukebox-1 .jp-playlist-container .jp-album-item.jp-sermon-item {
    width: 550px;
}

.jp-sermon-item,
.jp-playlist-item-buy,
.jp-playlist-item-download,
.jp-playlist-item-remove {
    margin-top: 5px;
}

.kode-custom-player #jplayer_jukebox-1 .jp-playlist-container ul .jp-sermon-item-play.jp-playlist-item {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    background: #000 !important;
    float: left;
    line-height: 37px;
    text-align: center;
    margin: 3px 0px 0px 15px;
}

.kode-custom-player #jplayer_jukebox-1 .jp-playlist-container ul .jp-sermon-item-play.jp-playlist-item i {
    color: #fff;
    position: relative;
    top: px;
}

.kode-custom-player #jplayer_jukebox-1 .jp-playlist-container ul .jp-playlist-current .jp-sermon-item-play.jp-playlist-item i {
    left: 2px;
}

.kode-custom-player #jplayer_jukebox-1 .jp-playlist li.jp-playlist-current::before {
    content: '';
}

.jp-playlist.jp-gui-bg li>div {
    float: left;
    width: 100%;
}

.kode-custom-player #jplayer_jukebox-1 .jp-playlist li {
    padding: 0px;
}

.kode-custom-player #jplayer_jukebox-1 .jp-playlist a.jp-playlist-item-buy:before,
.kode-custom-player #jplayer_jukebox-1 .jp-playlist a.jp-playlist-item-remove:before,
.kode-custom-player #jplayer_jukebox-1 .jp-playlist a.jp-playlist-item-download:before {
    color: #000 !important;
}

.kode-custom-player #jplayer_jukebox-1 .jp-playlist a.jp-playlist-item-buy,
.kode-custom-player #jplayer_jukebox-1 .jp-playlist a.jp-playlist-item-remove,
.kode-custom-player #jplayer_jukebox-1 .jp-playlist a.jp-playlist-item-download {
    font-size: 17px;
}

.jp-sermon-item.jp-playlist-item-cover {
    display: none;
}

.jp-sermon-item.jp-playlist-item.jp-playlist-current {
    margin-right: 0px;
}

.widget_islamic_center_islamic_products_widget .sidebar_title {
    margin: 0px;
}

.widget_islamic_center_islamic_products_widget .kode_product_list.custom-class {
    padding: 20px 15px 0px;
}

.jp-playlist-current .jp-sermon-item-play i:before {
    content: "\f04b";
}

.kode-custom-player #jplayer_jukebox-1 .jp-playlist-container ul .jp-sermon-item-play.jp-playlist-item i {
    left: 0px;
}

.page_not_found {
    float: none;
    display: inline-block;
    width: 60%;
    text-align: center;
    margin-bottom: 60px;
}

.search-page-kode .page_not_found {
    width: 100%;
}

.search-page-kode .search-menu_02 {
    margin-bottom: 30px;
}

.eco-big-title {
    float: left;
    width: 100%;
}

.eco-big-title h3 {
    font-size: 90px;
    color: #2e2e2e;
    margin-top: 0px;
    margin-bottom: 22px;
    line-height: normal;
}

.page_not_found .eco-big-title p {
    font-weight: 600;
    width: 65%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.page_not_found form {
    width: 60%;
    float: none;
    display: inline-block;
    text-align: center;
}

.eco_404-page {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.eco_404-page .search-menu_02 {
    margin-bottom: 50px;
}

.spacial-btn {
    display: inline-block;
    width: 202px;
    height: 48px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    border-radius: 30px;
    line-height: 48px;
}

.spacial-btn:hover {
    color: #fff !important;
    background-color: #000 !important;
}

.margin-minus-top-50 {
    margin-top: -50px;
    float: left;
    width: 100%;
}

.jp-item-sermon-playlist .jp-artist-item.jp-sermon-item,
.jp-item-sermon-playlist .jp-album-item.jp-sermon-item {
    display: none;
}

.jp-item-sermon-playlist .jp-sermon-item-play.jp-playlist-item {
    float: left;
}

.jp-item-sermon-playlist.jp_custom_box ul li {
    margin: 0px;
    padding: 0px;
}

.widget.kode-widget .jp-item-sermon-playlist.jp_custom_box ul li:before {
    content: '';
}

.widget.kode-widget .jp-item-sermon-playlist.jp_custom_box .jp-sermon-item,
.widget.kode-widget .jp-item-sermon-playlist.jp_custom_box .jp-playlist-item-buy,
.widget.kode-widget .jp-item-sermon-playlist.jp_custom_box .jp-playlist-item-download,
.jp-playlist-item-remove {
    margin-top: 0px;
}

.widget.kode-widget .jp-item-sermon-playlist.jp_custom_box .jp-cover {
    display: none;
}

.kode_project_text a {
    color: #000;
}

.islamic_cen_causes_list {
    float: left;
    width: 100%;
    padding: 15px 0px 0px;
    background: #f9f9f9;
}

.islamic_cen_causes_list ul {
    float: left;
    width: 100%;
    text-align: center;
}

.islamic_cen_causes_list ul li {
    display: inline-block;
    width: 24%;
    text-align: center;
    padding: 0 0px;
    position: relative;
    margin: 0 auto
}

.islamic_cen_causes_list ul li:before {
    position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-right: 2px solid #e5e5e5;
    height: 30px;
    margin: auto;
}

.islamic_cen_causes_list ul li:last-child {
    padding-right: 0px;
}

.islamic_cen_causes_list ul li:last-child:before {
    display: none;
}

.islamic_cen_causes_list ul li span {
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
}

.islamic_cen_causes_list ul li p {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
}


/*
=============================================
	services section
=============================================
*/

.cause-detail-style {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.cause-detail-style .eco_blog_detail_content blockquote {
    margin-bottom: 46px;
    margin-top: 29px;
}

.islamic_causes_donate {
    float: left;
    width: 100%;
    padding: 15px 30px;
}

.islamic_causes_donate .progress-bar.progress-bar-success {
    border-radius: 30px;
}

.islamic_causes_donate .eco-progress-row {
    float: left;
    width: 70%;
    margin-top: 12px;
    padding-bottom: 0px;
}

.islamic_causes_donate .progress .eco_progress-heading.skill,
.islamic_causes_donate .eco-progress-row .progress .skill .val {
    color: #fff;
    font-weight: 700;
}

.islamic_causes_donate .progress.skill-bar {
    background-color: #e0e0e0;
    border: 3px solid #e0e0e0;
    border-radius: 10px;
    height: 15px;
    margin-bottom: 0;
}

.islamic_causes_donate a {
    float: right;
}

.eco_count_cause_up {
    float: left;
    width: 100%;
    padding: 10px 0px 16px;
}

.eco_count_cause_up ul {
    float: left;
    width: 100%;
    text-align: center;
}

.eco_count_cause_up ul li {
    display: inline-block;
    width: 24%;
    text-align: center;
    padding: 0 0px;
    position: relative;
    margin: 0 auto
}

.eco_count_cause_up ul li:before {
    position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-right: 2px solid #e5e5e5;
    height: 30px;
    margin: auto;
}

.eco_count_cause_up ul li:last-child {
    padding-right: 0px;
}

.eco_count_cause_up ul li:last-child:before {
    display: none;
}

.eco_count_cause_up ul li span {
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
}

.eco_count_cause_up ul li p {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.kode-navigation-wrapper .navigation ul li ul li {
    padding-left: 0px;
}

.kode_navigation_wrap .kode-navigation-wrapper .navigation>.menu>ul>li ul li a {
    color: #333;
}

.kode_navigation_wrap .kode-navigation-wrapper .navigation .menu-main-menu-container ul li,
.kode_navigation_wrap .kode-navigation-wrapper .navigation .menu li a {
    position: relative;
    z-index: 9999999;
}

.kode_navigation_wrap .kode-navigation-wrapper .navigation .sub-menu li a {
    font-size: 14px;
}

.kode_newsletter_form .kf_commet_field .medium_btn:hover {
    border: none;
    box-shadow: 0px 0px;
}

.menu-main-menu-container {
    float: left;
    width: 100%;
}

.widget_event .kf_commet_field {
    width: 100%;
}

.koed_banner_btn .medium_btn {
    color: #333;
}

.widget_event .kode_calender_detail li {
    padding-left: 0px;
}

.sermon-tracks.sermon-playlist-single .sermon_item {
    position: relative;
}

.sermon_item .jp-page-btn-play {
    color: #ffffff;
    left: 42px;
    margin-top: -32px;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.sermon_item .jp-page-btn-play:before {
    font-size: 40px;
}

.sermon-tracks.sermon-playlist-single .sermon_item .sermon-img-info {
    width: 15%;
}

.sermon-tracks.sermon-playlist-single .sermon-itunes-item,
.sermon-tracks.sermon-playlist-single .sermon-soundcloud-item,
.sermon-tracks.sermon-playlist-single .sermon-download-item {
    width: 12%;
    margin-top: 0px;
    padding: 21px 0 33px;
}

.sermon-tracks.sermon-playlist-single .sermon-release-item,
.sermon_item>a {
    width: 23%;
    margin-top: 0px;
    padding: 11px 0 23px;
}

.sermon-tracks.sermon-playlist-single .sermon-release-item {
    padding: 22px 0 31px;
}

.kode_project_share.koed_banner_btn .medium_btn {
    color: #fff;
}

.kode_payment_list.form-submit .medium_btn:hover {
    background-color: #333;
}

.content-wrapper {
    width: 100%;
    float: left;
    position: relative;
}

.islamic_causes_donate.kode_attorney_detail_skill .modal-content .modal-header {
    padding: 0px 0px;
}

.islamic_causes_donate.kode_attorney_detail_skill .eco-choose-donation h5,
.islamic_causes_donate.kode_attorney_detail_skill .modal-content .modal-header h3 {
    font-weight: bold;
    text-transform: uppercase;
}

.islamic_causes_donate.kode_attorney_detail_skill .modal-content .modal-header h3 {
    padding-bottom: 10px;
}

.islamic_causes_donate.kode_attorney_detail_skill .eco-choose-donation h5 {
    margin-bottom: 25px;
}

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

.eco_donations_select .kode_radio_style {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    height: 112px;
    padding: 22px 20px 0;
    text-align: center;
}

.kode_radio_style label,
.kode_checkbox_style label {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
}

.eco_donations_select .kode_radio_style .kode_radio_style {
    background: transparent;
    height: auto;
}

.kode_radio_style input[type="radio"]:checked+span::before {}

.eco_donations_select .kode_radio_style span {
    border-color: #666666;
    border-radius: 100%;
}

.kode_radio_style span,
.kode_checkbox_style span {
    border: 1px solid;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    position: relative;
    width: 10px;
}

.kode_radio_style span:before,
.kode_checkbox_style span:before {
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    height: 6px;
    left: 1px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 1px;
    width: 6px;
    border-radius: 100%;
}

.islamic_causes_donate.kode_attorney_detail_skill .modal-dialog {
    margin: 30px auto;
    max-width: 800px;
    top: 10%;
}

.kode_radio_style small {
    color: #666666;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
}

.kode_radio_style .amount-heading {
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    margin-bottom: 0;
}

.kode-paymentmethod input,
.eco_donations_select .kode_radio_style input {
    display: none;
}

.islamic_causes_donate.kode_attorney_detail_skill .kode_radio_style .eco_enter_ammount input {
    display: block;
}

.kode-payment-gateways .kode-radio-label-wrap {
    float: left;
    width: 20%;
    padding: 0 5px;
    margin-bottom: 20px;
}

.kode-paymentmethod {
    float: left;
    width: 100%;
}

.kode-payment-gateways .btn-default:hover {
    background-color: #333;
}

.kode_radio_style.col-md-3 .kode_radio_style {
    padding: 0px 0px;
    border: none;
}

.kode_404_wrap .kode_404_text .medium_btn {
    color: #ffffff;
    display: inline-block;
    padding: 9px 20px;
}

.post-password-form input[type="submit"] {
    margin-top: 10px;
    padding: 12px 30px;
}

#user-payment-submit .kode-paypal-form {
    background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    padding: 15px;
    width: 100%;
}

#user-payment-submit p {
    margin-bottom: 10px;
}

#user-payment-submit .kode-paymentmethod {
    text-align: left;
}

.kode-custom-pay-form .kode-paymentmethod {
    text-align: left;
}

.kode-paymentmethod .kode-radio-label-wrap {
    border: 10px solid #ccc;
    margin-right: 15px;
    padding: 10px;
    position: relative;
    width: 155px;
    cursor: pointer;
}

.kode-radio-label-wrap.kode_donate_disable {
    display: none;
}

.kode-paymentmethod .kode_donate_disable:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.7;
    background-color: #fff;
    z-index: 10;
}

.kode-paymentmethod .kode_donate_disable {
    cursor: not-allowed;
}

.kode-paymentmethod .kode_donate_disable .selected-radio {
    display: none !important;
}

.kode-paymentmethod .kode-radio-label-wrap:last-of-type {
    margin-right: 0px;
}

.kode-item.kode-blog-full-single.kode-single-detail .kode_blog_detail_row .kode_blog_detail_des .them_overlay:before {
    background: transparent;
}

.left-right-navigation.kode_pagination {
    width: 100%;
    background: #f9f9f9;
}

.left-right-navigation.kode_pagination .page-numbers.current,
.left-right-navigation.kode_pagination a,
.left-right-navigation.kode_pagination a {
    width: 100%;
    height: auto;
}

.left-right-navigation.kode_pagination .kode-previous,
.left-right-navigation.kode_pagination .kode-next {
    width: 50%;
    margin-right: 0px;
}

.kode_meta.meta_2.pull-right.kode-tag-bottom {
    float: right;
    width: auto;
    margin-top: 19px;
}

.kode_meta.meta_2.pull-right.kode-tag-bottom i {
    opacity: 1;
}

.social-share-single.kode_social_share {
    margin-bottom: 10px;
}

.kode-custom-player .maximized .kode-custom-player,
.kode-custom-player .opt-pos-static {
    float: left;
    width: 100%;
}

.kode-custom-player .opt-pos-static {
    position: relative;
}

.pagebuilder-wrapper {
    float: left;
    position: relative;
    width: 100%;
}

.widget_event .kode_textarea textarea::-webkit-input-placeholder {
    color: #fff;
}

.kf_commet_field input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}

.kode_blog_detail_des .them_overlay:before {
    opacity: 0;
}

.kode_blog_detail_des .them_overlay:hover:before {
    opacity: 0.5;
}

#wp-calendar caption th td,
#wp-calendar table thead tr th {
    text-align: center;
}

.css-events-list table.events-table td {
    padding: 0 9px;
}

.kode_event_detail ul {
    margin: 0px 0px;
}

.kode_event_detail ul li {
    list-style: none;
}

.kode_calender_list figure img {
    height: 110px;
}

.kode_event_des>h6>a {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.kode_event_des ul {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.kode_event_des ul li span i {
    margin-right: 10px;
}

.woocommerce-content h1 {
    margin-bottom: 0px;
}

.woocommerce-result-count {
    margin-bottom: 0px;
    padding: 10px 0px;
}

.woocommerce-content ul.products li {
    margin: 0 25px 20px 0;
}

.woocommerce-content ul.products li.last {
    margin-right: 0px;
}

.woocommerce-content ul.products {
    margin-left: 0px;
}

.kode_event_des>a {
    color: #666;
    display: inline-block;
    border-color: #666;
}

.kode_event_des>a:hover {
    color: #fff;
}

.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;
}

.kode_event_des ul {
    list-style: none;
}


/*--// Twitter Widget CSS Starts //--*/

.twitter-widget {
    margin: 0px;
    list-style: none;
}

.widget_kode_twitter_widget .twitter-widget {
    list-style: none;
    overflow-x: hidden;
    padding: 20px;
    border: solid 1px #eee;
    margin: 0px;
    height: 250px;
}

.twitter-widget li:last-child {
    margin: 0px;
}

.twitter-widget li {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 30px;
    position: relative;
}

.twitter-widget li:before {
    content: "\f099";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 20px;
    color: #13d5ec;
    font-family: FontAwesome;
}

.twitter-widget .kode-twitter-text,
.twitter-widget p {
    color: #aaaaaa;
    margin: 0px 0px 4px 0px;
}

.twitter-widget p a {
    color: #ffffff;
}

.twitter-widget div.kode-twitter-time {
    color: #ffffff;
    text-transform: capitalize;
}

.twitter-widget i {
    color: #767676;
    margin-right: 6px;
}

.bypostauthor {
    display: inline-block;
}

.kode_donation_row .col-md-12 .kf_commet_field {
    width: 100%;
}

.kode_gallery_fig .them_overlay img {
    height: auto;
}

.call-to-action-wrapper .kode_counter_mosque.column-style-2 li {
    width: 25%;
    float: left;
}

.call-to-action-wrapper .kode_counter_mosque.column-style-2 {
    list-style: none;
}

.make-cause-donation .kode_donate_des {
    width: 100%;
    padding: 0px;
}

.kode_donation_item,
.kf_commet_field {
    width: 100%;
}

.kode_tem_fig figure figcaption h4 a,
.kode_tem_fig figure figcaption h4 {
    color: #fff;
}

.kode_donation_row .kf_commet_field input::placeholder,
.kode_donation_row .kf_commet_field input::selection,
.kode_doantion_amount .kf_commet_field input::selection,
.kode_doantion_amount .kf_commet_field input::placeholder {
    color: #333;
}

.elementor-widget-wp-widget-islamic_center_upcoming_events_widget .kode_event_des ul li span i {
    margin-right: 0px;
}

.bottom_margin_ten {
    margin-bottom: 10px !important;
}

.kode_shop_fig .shop_icon {
    padding: 0px;
    list-style: none;
}

.kf_commet_field input::placeholder {
    color: #fff;
}

.kode_counter_mosque.column-style-2 h6 {
    margin: 0px 0px;
}

.kode_service_text .right_arrow:hover,
.kode_pillars_row .kode_pillars_item a:hover h6 {
    color: #fff !important;
}

.wpha-listing-item.kode-testimonials.kode-testimonials-classic .owl-dots .owl-dot span {
    background-color: #000;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    position: relative;
	border-radius:100%;
}
.wpha-listing-item.kode-testimonials.kode-testimonials-classic .owl-dot.active span{
	background-color:#9b6b35;
	border-radius:100%;
	width: 16px;
}
.wpha-listing-item.kode-testimonials.kode-testimonials-classic .owl-dots .owl-dot span:after,
.wpha-listing-item.kode-testimonials.kode-testimonials-classic .owl-dots .owl-dot.active span:after {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    color: #fff;
    top: -5px;
    font-family: fontawesome;
}

.wpha-listing-item.kode-testimonials.kode-testimonials-classic .owl-dots .owl-dot span:after {
    content: "";
}

.kode_detail_date .event_detail_list.list_2 li:hover a i,
.kode_gallery_fig a:hover i {
    color: #333 !important;
}

.kode_shop_fig:hover .kode_shop_text h5,
.kode_shop_fig:hover .kode_shop_text h6 a,
.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 h4,
.islamic_center_sermon_des:hover .text.webkit .left-sec p,
.islamic_center_sermon_des:hover .text.webkit .left-sec h4 a {
    color: #fff !important;
}

.kode_comments.margin .comment-respond .comment-form-cookies-consent input {
    float: left;
    margin: 0px 0px;
}

.kode_comments.margin .comment-respond .comment-form-cookies-consent label {
    padding-left: 5px;
    cursor: pointer;
}

.kode_blog_detail_row .kode_social_share {
    padding: 18px 20px 14px;
	display: flex;
	align-content: space-around;
    justify-content: space-between;
}
.kode_meta.meta_2.pull-right.kode-tag-bottom{
	margin-top: 24px;
}
.kode_contact_service ul li {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.kode_contact_service ul li:last-child {
    padding: 45px 0px;
}

.call-to-action-wrapper .donate_service_list {
    padding: 25px 40px;
    background-color: #f1f1f1;
}

.call-to-action-wrapper .donate_service_list .donation_text span {
    font-size: 16px;
    margin-bottom: 15px;
}

.call-to-action-wrapper .donate_service_list .donation_text h2 {
    margin-bottom: 15px;
}

.call-to-action-wrapper .donate_service_list>span {
    font-size: 24px;
    display: block;
}

.kode_blog_madium_wrap.detail .kode_service_detail_list p {
    text-align: justify;
}

/**/
.fancy-bismillah-01 {
    line-height: 50px;
}

.section_hdg.fancy-heading-style-1.hdg_2 span:after,
.section_hdg.fancy-heading-style-1.hdg_2 span:before {
    right: -24px;
    bottom: 22px;
    display: none;
}

.section_hdg.fancy-heading-style-1.hdg_2 span:after {
    left: -22px;
    top: 4px;
}

.section_hdgfancy-heading-style-1.hdg_2 p {
    margin-bottom: 0px;
}

/**/
.align-left>i {
    width: 100% !important;
    line-height: 30px;
    position: relative;
    float: left;
    margin-bottom: 0px;
}

.align-left p,
.align-left h3 {
    float: left;
    line-height: normal;
    width: 100%;
}

.align-left h3 {
    margin-bottom: 10px;
}

.align-left h3 span i:before,
.align-left h3 span i {
    display: inline-block;
    line-height: 30px;
    position: relative;
    top: 8px;
}

.align-left h3 span:before {
    display: none;
}

.sidebar_add figure {
    overflow: hidden;
}

.sidebar_add figure a img {
    height: 370px !important;
}

.widget_logo .widget_call_info li a p {
    color: #000;
}

.widget_logo .widget_social_icon li a {
    background-color: #000;
}

.kode_blog_fig .kode_blog_text {
    width: 78%;
    float: left;
}

.kode_blog_fig figure {
    float: left;
    width: auto;
    overflow: hidden;
}

.services-list.default .kode_service_des figure,
.kode_mosque_fig {
    overflow: hidden !important;
}

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

.kode_tem_fig figure,
.kode_service_des figure,
figure.them_overlay {
    overflow: hidden;
}

.kode-blog-grid-ux article .kode_blog_fig {
    margin-bottom: 15px;
}

.kode_tem_fig figure image {
    width: 100%;
}

footer .widget_logo .widget_call_info li a p {
    color: #fff;
}

.slick-track .slick-slide img {
    height: auto;
    width: 100% !important;
}

.clear {
    clear: both;
    display: block !important;
}

.kode-sidebar.kode-left-sidebar.columns .col-md-4 {
    width: 100%;
}

.kode-product-slide .slick-slide img {
    width: 100%;
}

.kode_tem_fig figure img {
    width: 100%;
}

.kode_blog_text ul li {
    margin-bottom: 8px;
}

.elementor-widget-container .kode_event_des {
    padding: 0px 0px;
}

.elementor-widget-wp-widget-islamic_center_upcoming_events_widget {
    margin-bottom: 0px !important;
}

.elementor-widget-c1ntainer .widget_event {
    background-color: #f7f7f7 !important;
    padding-top: 20px !important;
}

.widget_event .kode_calender_detail li .kode_calender_list .kode_event_text h6 a {
    color: #333;
}

.kode_event_des .koed_event_timer figcaption h5 a {
    font-size: 17px;
}

footer {
    margin: 0px 0px 0px 0px !important;
}

.elementor-section.elementor-top-section .elementor-column .kode-sermons .islamic_center_sermon_des {
    padding: 0px !important;
}

.islamic_center_sermon_des .text.webkit {
    padding: 20px 20px !important;
    box-shadow: 0px 0px 25px -12px;
}

.kode_comments.margin #respond {
    padding-bottom: 60px;
    float: left;
    width: 100%;
}

.kode_pray_wrap .kode_pray_fig {
    margin-top: -50px;
}

.kode-ux.kode-testimonials-widget-ux {
    float: left;
    width: 100%;
}

.kode_client_text:hover {
    background-color: #ffffff !important;
}

.kode_event_des {
    padding: 20px 20px !important;
}

.wpcf7-form>P span input {
    text-align: left;
}

.wpcf7-form>P:nth-child(4),
.wpcf7-form>P:nth-child(3),
.wpcf7-form>P:nth-child(2),
.wpcf7-form>P:first-child {
    float: left !important;
    margin-right: 20px;
    margin-bottom: 0px;
}

.wpcf7-form>P:nth-child(4) {
    margin-right: 0px;
}

.wpcf7-form>P:nth-child(6) {
    float: left;
    width: 100%;
    text-align: center;
}

.wpcf7-form>P input {
    margin: 0px auto;
    text-align: center;
    float: none;
    padding: 10px 20px 10px;
}

.breadcrumb li:last-child {
    margin: 0px !important;
}

/*
	==============================================
		ramzan header start
	==============================================
*/
.ramzan_top_logo,
.ramzan_mosque,
.ramzan_header {
    float: left;
    width: 100%;
}

.ramzan_header {
    position: absolute;
    z-index: 99;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 8px 18px -19px #333;
}

.header05 .navigation>ul>li:hover>ul,
.postion_header .navigation>ul>li:hover>ul,
.ramzan_header .navigation>ul>li:hover>ul {
    top: 50px;
}

.ramzan_top_row {
    padding: 20px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.ramzan_mosque {
    padding: 22px 0px;
}

.ramzan_mosque li {
    float: left;
    width: auto;
    margin-right: 15px;
}

.ramzan_top_logo h1 {
    margin-bottom: 0px;
    margin-top: 0px;
}

.ramzan_header .ramzan_top_text {
    text-align: right;
    padding: 27px 0px;
    float: right;
    list-style: none;
    margin: 0px 0px !important;
}

.ramzan_top_text li {
    float: left;
    width: auto;
    margin-right: 18px;;
}

.ramzan_top_text li:last-child {
    margin-right: 0px;
}

.ramzan_top_text li a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.ramzan_top_text li a img {
    margin-right: 8px;
}

.ramzan_top_text a span {
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    padding-left: 40px;
    position: relative;
    font-style: italic;
}

.ramzan_top_text a span:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 13px;
    right: 0px;
    bottom: 10px;
    border-bottom: 1px solid #fff;
    width: 18px;
}

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

.ramzan_nav_bar {
    padding: 15px 0px;
}

.ramzan_nav_bar .navigation {
    width: auto;
    padding: 11px 0px;
}

.ramzan_nav_bar .navigation ul li {
    margin-right: 20px;
}

.ramzan_nav_bar .navigation>ul>li>a {
    color: #fff;
}

.ramzan_nav_bar .ramzan_btn {
    float: right;
    width: auto;
}

.ramzan_btn {
    display: inline-block;
    color: #fff;
    padding: 10px 35px;
    border: 5px solid #cd7c09;
    font-weight: 700;
}

.right_text {
    float: right;
}

.islamic_btn img {
    margin-right: 12px;
}

.kode_sab_banner_wrap.them_overlay.header-style-3 {
    padding-top: 285px;
}


/*
	==============================================
		ramzan header end
	==============================================
*/

.islamic_btn {
    display: inline-block;
    height: 45px;
    width: 168px;
    color: #fff;
    text-align: center;
    padding: 12px 0px;
}

.ramzan_nav_bar .navigation {
    padding: 0px;
}
.islamic_support_text {
    background-color: #d2973b;
}

.islamic_btn {
    border: 1px solid #fff;
}

.islamic_support_text {
    padding: 30px 10px 46px 35px;
}

/*
	===============================================
		Islamic Center Surah01 Wrap Start
	===============================================
*/
.islamic_surah_colume>li,
.islamic_surah_colume,
.islamic_main_heading01,
.islamic_center_surah01_wrap {
    float: left;
    width: 100%;
}

.islamic_center_surah01_wrap {
    padding: 100px 0px;
    position: relative
}

.islamic_center_surah01_wrap:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url("images/surah_bg_image.png");
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: 0.4;
}

/* Islamic Main Heading01 Start*/
.islamic_main_heading01 {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.fancy-heading-style-3 h2 {
    margin-bottom: 4px;
    font-weight: 600;
    margin-top: 0px;
}

.islamic_main_heading01 p {
    margin-bottom: 15px;
}

.islamic_main_heading01 p span {
    display: block;
}

.islamic_heading_border,
.islamic_heading_border span {
    display: inline-block;
    position: relative;
}

.islamic_heading_border:after,
.islamic_heading_border:before,
.islamic_heading_border span::after,
.islamic_heading_border span::before {
    position: absolute;
    content: " ";
    top: 10px;
    left: auto;
    right: 45px;
    bottom: 0px;
    width: 40px;
    height: 1px;
    background-color: #404040;
}

.islamic_heading_border:after,
.islamic_heading_border:before {
    top: 5px;
}

.islamic_heading_border:after {
    right: auto;
    left: 45px !important;
}

.islamic_heading_border span:after {
    right: auto;
    left: 45px;
}

.islamic_heading_border span:after {
    background-color: #404040;
}

/* Islamic Main Heading01 End*/
.islamic_surah_wrap {
    padding: 22px 30px 16px;
    background-color: #f2f2f2;
    box-shadow: 5px 4px 9px #dddddd;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.islamic_surah_list {
    float: left;
    width: auto;
}

.islamic_surah_list a {
    display: inline-block;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 30px;
    border: 3px solid;
    border-radius: 100px;
    font-size: 16px;
    float: left;
    color: #d2973b;
}

.islamic_surah_text {
    display: inline-block;
    margin-left: 8px;
}

.kode-sermons .islamic_surah_text h6 {
    font-weight: 600;
    margin: 0px 0px 0px;
    font-size: 16px;
}

.kode-sermons .islamic_surah_text p {
    font-size: 14px;
    margin: 0px 0px;
    line-height: 20px;
    color: #212121;
}

.islamic_surah_icon_list {
    float: right;
    padding: 7px 0px 0px 0px;
}

.islamic_surah_icon_list li {
    float: left;
    width: auto;
    margin-left: 15px;
}

/*
	===============================================
		Islamic Center Surah01 Wrap End
	===============================================
*/

/*
	===============================================
		Islamic Video01 Wrap Start
	===============================================
*/
.islamic_video01_text,
.islamic_video01_wrap {
    float: left;
    width: 100%;
}

.islamic_video01_wrap {
    padding: 150px 0px 220px;
    background-image: url("images/vido_bg_image.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.islamic_video01_wrap.overlay:before {
    opacity: 0.95;
}

.islamic_video01_text {
    position: relative;
    z-index: 99;
}

.islamic_video01_text a {
    display: inline-block;
    height: 88px;
    width: 88px;
    text-align: center;
    line-height: 88px;
    border-radius: 100px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 25px;
    position: relative;
    background-color: #d2973b;
}

.islmaic_support_donate span:before,
.islamic_video01_text a:before {
    position: absolute;
    content: "";
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 3px solid #fff;
    border-radius: 100%;
}

.islmaic_support_donate span:after,
.islmaic_support_donate span:before,
.islamic_video01_text a:before,
.islamic_video01_text a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 50%;
}

.islmaic_support_donate span:before,
.islamic_video01_text a:before {
    -webkit-animation: scaling 1s linear 0s infinite;
    -o-animation: scaling 1s linear 0s infinite;
    animation: scaling 1s linear 0s infinite;
}

.islmaic_support_donate span:after,
.islamic_video01_text a:after {
    -webkit-animation: scaling 1s linear 0.3s infinite;
    -o-animation: scaling 1s linear 0.3s infinite;
    animation: scaling 1s linear 0.3s infinite;
}

@keyframes scaling {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    15% {
        opacity: 0.7;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.islamic_video01_text h2 {
    color: #fff;
    font-weight: 600;
    padding: 0px 227px 0px;
    line-height: normal;
    margin-top: 0px;
}

.islamic_video01_text h2 span {
    display: block;
}
.kode-custom-player .jp-jukebox a{
	color:#000 !important;
}
.jp-playlist.jp-gui-bg li>div{
	background-color:#fff !important;
}
.jp-playlist.jp-gui-bg li{
	background-color:#fff !important;
	float:left;
	width:100%;
}
.jp-playlist.jp-gui-bg li>div:nth-child(6){
	padding:15px 10px;
}
/*
	===============================================
		Islamic Video01 Wrap End
	===============================================
*/
/*
	===============================================
		Islamic Prayer01 Wrap Start
	===============================================
*/
.islamic_donate_service_detail,
.islamic_donate_service_row ul li,
.islamic_donate_service_row ul,
.islamic_donate_service_row,
.islamic_timing_list,
.islamic_timing_detail ul li,
.islamic_timing_detail ul,
.islamic_timing_detail,
.islamic_prayer_colume,
.islamic_prayer01_wrap {
    float: left;
    width: 100%;
}

.islamic_prayer01_wrap {
    background-color: #f4f4f4;
}
fieldset#give-payment-mode-select{
    float: left;
}
.give-page-numbers {
    float: left;
    position: relative;
    display: block !important;
}

.islamic_prayer_timing {
    float: left;
    padding: 100px 60px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top:0px;
}

.islamic_prayer_timing.overlay:before {
    opacity: 0.9;
}

.islamic_prayer_timing_row01 {
    float: left;
    width: 440px;
    padding: 15px 50px 45px;
    position: relative;
    z-index: 99;
    box-shadow: -1px 0px 32px -6px #9b6b35;
}

.dout {
    text-align: center;
    position: relative;
}

.dout:before {
    position: absolute;
    content: "";
    top: -138px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 118px;
    width: 1px;
    background-color: #fff;
    text-align: center;
    margin: auto;
}

.dout span {
    display: inline-block;
    height: 9px;
    width: 9px;
    background-color: #fff;
    border-radius: 100%;
    text-align: center;
    margin: auto;
    position: relative
}

.dout span:before {
    position: absolute;
    content: "";
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 3px solid #fff;
    border-radius: 100px;
}

.islamic_prayer_colume {
    text-align: center;
}

.islamic_prayer_text,
.islamic_prayer_colume span {
    display: inline-block;
}

.islamic_prayer_colume span {
    font-size: 45px;
    color: #fff;
    font-weight: 500;
    line-height: 40px;
}

.islamic_prayer_text {
    padding-left: 10px;
}

.islamic_prayer_text p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0px;
    text-align: left;
    line-height: normal;
}

.islamic_timing_detail h2 {
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
}

.islamic_timing_detail ul {
    margin:0px 0px 10px 0px;
}

.islamic_timing_detail ul li {
    padding: 15px 0px;
    position: relative;
    z-index: 1;
	list-style:none;

}
.islamic_timing_detail .islamic_btn{
	height:auto;
}
.islamic_timing_detail ul li:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 1px solid #ad804a;
    z-index: -1;
}

.islamic_timing_detail ul li:first-child {
    padding-top: 0px;
}

.islamic_timing_detail ul li:last-child:before {
    border-bottom: none;
}

.islamic_timing_list h3 {
    float: left;
    width: auto;
    color: #fff;
    font-weight: 400;
    padding: 12px 0px;
}

.islamic_timing_text {
    float: right;
    width: auto;
    text-align: right;
}

.islamic_timing_text p,
.islamic_timing_text h5,
.islamic_timing_text span {
    color: #fff;
}

.islamic_timing_text p,
.islamic_timing_text span {
    font-size: 14px;
}

.islamic_timing_text p {
    margin-bottom: 0px;
}

.islamic_timing_detail .islamic_btn {
    width: 100%;
}

.islamic_timing_detail .islamic_btn:hover {
    border-color: #333;
}

/* islamic_donate_service01 */
.islamic_donate_service_row ul li {
    margin-bottom: 30px;
}

.islamic_donate_service01 {
    float: left;
    width: 50%;
    padding: 90px 70px;
}

.islamic_donate_service01 h2 {
    font-weight: 600;
    margin-bottom: 50px;
}

.islamic_donate_service_detail {
    padding: 20px 20px;
    background-color: #fff;
    border: 1px solid #ebebeb;
}

.islamic_donate_service_detail:hover {
    box-shadow: 0px 9px 15px 2px #ebebeb;
}

.islamic_donate_service_detail figure {
    width: auto;
    float: left;
    border-radius: 100%;
}

.islamic_progress_heading {
    float: left;
    width: auto;
    margin-left: 20px;
    padding: 8px 0px 10px;
}

.islamic_progress_heading h4 {
    font-weight: 600;
    margin-bottom: 10px;
}

.islamic_progress_heading>span {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
}

.islamic_progress_heading>span.right {
    float: right;
}

.islamic_progress_heading .progressbar {
    position: relative;
    width: 150px;
    float: left;
    height: 8px;
    padding: 0;
    margin: 0 auto;
    background-color: #e6e2e2;
}

.islamic_donate_service_detail .progress-names {
    background-color: #f1f1f1;
}

.islamic_progress_heading .bar {
    position: absolute;
    display: block;
    width: 0px;
    height: 8px;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.islamic_progress_heading .perc {
    display: none;
}

.islamic_donate_box {
    height: 96px;
    width: 96px;
    display: inline-block;
    padding: 10px 0px 0px;
    text-align: center;
    position: relative;
    margin-left: 25px;
    float: right;
    margin-top: 7px;
}

.islamic_donate_box span {
    display: inline-block;
    height: 48px;
    width: 48px;
    line-height: 42px;
    border-radius: 100%;
    border: 3px solid #15110e;
    background-color: #fff;
    font-size: 12px;
    margin-bottom: 10px;
}

.islamic_donate_box a {
    display: block;
    font-size: 12px;
    background-color: #1c2f38;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-weight: 500;
    padding: 2px 0px;
}

/*
	===============================================
		Islamic Prayer01 Wrap End
	===============================================
*/
.islamic_progress_heading h4 {
    margin-top: 0px;
}
.islamic_progress_heading {
    padding: 12px 0px 10px;
}

.islamic_progress_heading .progressbar,
.islamic_donate_box {
    background-color: #d2973b;
}

.islamic_donate_service_detail {
    display: flex;
}

.islamic_progress_heading {
    flex-grow: 4;
}

/*
	===============================================
		Islamic Blog01 Wrap Start
	===============================================
*/
.islamic_blog01_text,
.islamic_blog01_list,
.islamic_blog_space,
.islamic_blog_fig01,
.islamic_blog01_wrap {
    float: left;
    width: 100%;
}

.islamic_blog01_wrap {
    padding: 100px 0px 70px;
}

.islamic_blog_fig01 {
    margin-bottom: 30px;
    position: position;
}

.islamic_blog_space {
    padding: 0px 30px;
    background-color: #fff;
    border: 1px solid #d7d7d7
}

.islamic_blog01_list {
    background-color: #fff;
    padding: 35px 70px 25px 15px;
    margin-top: -40px;
    position: relative;
}

.islamic_blog01_text h4 {
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0px;
}

.islamic_blog01_text h4 a {
    color: #333333;
}

.islamic_blog01_text h4 span {
    display: block;
    margin-bottom: 3px;
}

.islamic_blog01_text p {
    font-size: 13px;
    margin-bottom: 0px;
}

.islamic_blog01_list>span {
    position: absolute;
    top: 50%;
    right: 15px;
    display: inline-block;
    font-size: 50px;
    margin-top: -46px;
    color: #d2973b;
}

/*
	===============================================
		Islamic Blog01 Wrap End
	===============================================
*/

/*
	===============================================
		Islamic Blog Member Warp Start
	===============================================
*/
.islamic_blog_member_text,
.islamic_blog_member_list,
.islamic_blog_member_fig,
.islamic_blog_member_wrap {
    float: left;
    width: 100%;
}

.islamic_blog_member_wrap {
    padding: 100px 0px 90px;
}

.islamic_blog_member_list {
    text-align: center;
	padding: 10px 15px 20px;
}

.islamic_blog_member_text {
    padding: 30px 0px 15px;
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.islamic_blog_member_text:before {
    position: absolute;
    content: "";
    top: auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 1px solid #e7e7e7;
    z-index: 2;
    border-width:
}

.islamic_blog_member_text h5 {
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0px;
}

.islamic_blog_member_text p {
    margin-bottom: 0px;
}

.islamic_blog_member_list>a {
    display: block;
    margin-bottom: 3px;
    color: #000000;
}

/*
	===============================================
		Islamic Blog Member Warp End
	===============================================
*/
/*
	===========================================
		islamic widget02 Start
	===========================================
*/
.footer_widget02,
.widget02_news li,
.widget02_news_list,
.widget02_news,
.widget02_links,
.widget02_contact_text,
.widget02_contact ul li,
.widget02_contact ul,
.widget02_contact,
.widget02_column,
.islamic_widget02_logo,
.islamic_widget02 {
    float: left;
    width: 100%;
}

.footer_widget02 {
    padding-top: 80px;
}

.bg_widget {
    background-color: #f7f7f7;
}

.islamic_widget02 {
    background-image: url("images/widget02_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px 0px 0px;
    z-index: 1;
    position: relative;
}

.islamic_widget02.overlay-footer-new:before {
    opacity: 1;
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0) -1450%, #354a53); */
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

.overlay-footer-new::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #233d4a;
    opacity: 0.6;
}

.islamic_widget02_logo figure {
    width: auto;
    float: left;
}
.islamic_widget02 .ramzan_mosque {
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.footer_widget02 svg:not(:root) {
    overflow: hidden;
    width: 100%;
    position: relative;
    top: 20px;
    margin: auto;
    left: auto;
    right: auto;
    height: 253px;
}
.svg-left,
.svg-right {
    width: 50%;
    overflow: hidden;
}
.svg-left{
	float:left;
}
.svg-right{
	float:right;
}
.footer_widget02 .st0 {
    fill: #233d4a;
}
.scholars-item-wrapper .islamic_blog_member_fig{
	margin-bottom:50px;
	background-color: #f7f5f5;
}
.islamic_widget02_logo {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-basis: auto;
}

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

.widget02_news_text p a {
    color: #fff;
}

/*widget02 heading Start*/
.widget02_heading {
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
    color: #fff;
}

.widget02_heading:after,
.widget02_heading:before {
    position: absolute;
    content: "";
    top: 0px;
    left: auto;
    right: -60px;
    bottom: 3px;
    border-bottom: 1px solid #fff;
    width: 40px;
}

.widget02_heading:after {
    bottom: 7px;
}

.widget02_contact ul li:first-child {
    padding-top: 0px;
}

.widget02_contact ul li {
    padding: 15px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.widget02_contact ul li:last-child {
    border-bottom: none;
}

.widget02_contact_text span {
    color: #fff;
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
}

.widget02_contact_text p {
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}

.widget02_contact_text p a {
    color: #fff;
}

/*widget02 links start*/
.widget02_links li {
    margin-bottom: 20px;
}

.widget02_links li:last-child {
    margin-bottom: 0px;
}

.widget02_links li a {
    display: block;
    padding-left: 25px;
    position: relative;
    font-weight: 600;
    color: #fff;
}

.widget02_links li a:before {
    position: absolute;
    content: "\f105";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-family: fontawesome;
    color: #fff;
}

/*widget02_column*/
.widget02_news li {
    padding: 15px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.widget02_news li:first-child {
    padding-top: 0px;
}

.widget02_news li:last-child {
    border-bottom: none;
}

.widget02_news_list figure {
    border-radius: 100%;
    width: auto;
    float: left;
    overflow: hidden;
    border: 4px solid #c7cdcf;
}

.widget02_news_list figure img {
    height: auto;
}

.widget02_news_text {
    display: inline-block;
    padding-left: 15px;
    overflow: hidden;
    width: 64%;
    float: left;
}

.widget02_news_text span {
    display: block;
    color: #d2973b;
    font-size: 12px;
}

.widget02_news_text p {
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
}

/*widget02 serch start*/
.widget02_serch {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 30px;
    position: relative;
}

.widget02_serch h4 {
    padding: 8px 0px;
    color: #fff;
    margin: 0px 0px;
}

.widget02_serach_column {
    width: 660px;
    float: right;
    position: relative;
}

.widget02_serach_column input {
    height: 44px;
    width: 100%;
    background-color: #465863;
    border: none;
}

.footer_widget02 .widget02_serach_column input:-webkit-input-placeholder,
.footer_widget02 .widget02_serach_column input:-moz-input-placeholder {
    color: #fff !important;
}
.footer_widget02 .islamic_widget02 .widget02_serach_column input:-webkit-input-placeholder{
	color: #fff !important;
}
.widget02_serach_column .islamic_btn {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #d2973b;
    height: 44px;
    border: none;
}

/*widget02 copyright start*/
.widget02_copyright {
    display: flex;
    padding: 40px 0px;
    justify-content: center;
}

.widget02_copyright p {
    margin-bottom: 0px;
    color: #fff;
    font-weight: 600;
}

/*
	===========================================
		islamic widget02 End
	===========================================
*/





/*
	===============================================
		Islamic Counter01 Warp Start
	===============================================
*/
.islamic_important_caption,
.islamic_counter01_list {
    float: left;
    width: 100%;
}

.islamic_counter01_list span,
.islamic_counter01_detail ul .islamic_counter01_detail ul li {
    float: left;
    width: auto;
    position: relative;
}

.islamic_counter01_text {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}

.islamic_counter01_text h2 {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    position: relative;
	margin:0px 0px;
}

.islamic_counter01_text p {
    color: #fff;
    margin-bottom: 0px;
}

.islamic_important_caption {
    padding: 147px 0px;
}

.islamic_important_caption h2 {
    font-size: 56px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}

.islamic_important_caption h4 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}

.islamic_important_caption p {
    color: #fff;
}

.islamic_counter01_list span i {
    font-size: 80px;
    color: #fff;
}

.islamic_right_fig {
    float: right;
}

.islamic_right_fig figure {
    width: auto;
}

/*
	===============================================
		Islamic Counter01 Warp End
	===============================================
*/




/*
	===============================================
		Islamic Events01 Warp Start
	===============================================
*/
.islamic_event01_list,
.islamic_event01_detail .event-list-item-wrap,
.islamic_event01_detail .islamic_event01_detail,
.islamic_event01_detail,
.islamic_event01_warp {
    float: left;
    width: 100%;
}

.islamic_event01_warp {
    padding: 100px 0px;
}

.islamic_event01_detail .event-list-item-wrap {
    border-bottom: 1px solid #dadada;
    padding: 25px 0px 25px;
}

.islamic_event01_detail .event-list-item-wrap:hover {
    box-shadow: 0px 10px 8px -8px #999;
}

.islamic_event01_detail .event-list-item-wrap:first-child {
    padding-top: 0px;
}

.islamic_event01_list figure {
    width: 110px;
    border-radius: 100%;
    border: 7px solid #fff;
    float: left;
    box-shadow: 0px 0px 15px 12px #e9e9e9;
}

.islamic_event01_list figure img {
    width: auto;
    border-radius: 100%;
}

.islamic_event01_text {
    padding: 25px 10px 25px 145px;
    flex-direction: row | row-reverse | column | column-reverse;
    flex-grow: 4;
}

.islamic_event01_text h5,
.islamic_event01_text span {
    float: left;
}

.islamic_event01_text h5 {
    font-weight: 600;
    padding: 10px 0px;
    margin: 0px 9px 0px 14px;
}

.islamic_event01_text h5 a {
    color: #333;
}

.islamic_event01_text span {
    padding-right: 25px;
    border-right: 1px solid #d9d9d9;
    margin-right: 25px;
    font-size: 14px;
    margin: 11px 0px;
    font-weight: 600;
    color: #333;
}

.islamic_event01_text .islamic_btn {
    border: 1px solid #212121;
    color: #212121;
    float: right;
    background: none;
    height: auto;
}

/*
	====================================
		THEAM HOVER EFFECT STRAT
	====================================
*/
/*theme hover start*/
.effect {
    position: relative;
}

.effect img {
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.effect:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.effect:hover img {
    opacity: 0.4;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.effect:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 2.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

/*theme hover*/
.islamic_donate_service_detail:hover .effect img,
.islamic_blog_fig01:hover .effect img,
.islamic_blog_member_fig:hover .effect img,
.effect:hover img {
    opacity: 0.4;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.islamic_donate_service_detail:hover .effect:before,
.islamic_blog_fig01:hover .effect:before,
.islamic_blog_member_fig:hover .effect:before,
.effect:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 2.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.effect {
    background-color: #d2973b;
}

/*
	====================================
		THEAM HOVER EFFECT STRAT
	====================================
*/
.islamic_donate_service_detail figure,
.islamic_blog_fig01 figure,
.islamic_blog_member_fig figure {
    position: relative;
    overflow: hidden;
}


/*
	===========================================
		header03 top link start
	===========================================
*/
.header03_top_link,
.header03_top_row {
    float: left;
    width: 100%;
}
.header03_top_social {
  padding-top: 2px;
}
.header03_top_row {
    padding: 6px 0px;
}
.header03_top_link {
    padding: 12px 0px 6px;
}
.header03_top_link li {
    float: left;
    width: auto;
    padding: 0px 15px;
    line-height: 14px;
    border-right: 1px solid #fff;
}
.header03_top_link li a img{
	margin-right:10px;
}

.header03_top_link li:first-child {
    padding-left: 0px;
}

.header03_top_link li:last-child {
    border-right: none;
}

.header03_top_link li a {
    display: inline-block;
    color: #fff;
    line-height: 14px;
    font-weight: 600;
    font-size: 14px;
}

.header03_top_link li a i {
    margin-right: 10px;
}

/*header03 top social start*/
.header03_top_icon_list,
.header03_top_icon,
.header03_top_social {
    float: right;
    width: auto;
}

.prayer_timing {
    float: left;
    width: auto;
    font-size: 14px;
    color: #fff;
    margin-right:30px;
    font-weight:600;
}
.header03_top_social{
    padding-top: 3px;
}
.header03_info .heade03_info_list li a{
	font-size:14px;
}
.prayer_timing i {
    margin-right: 10px;
}

.header03_top_icon_list li,
.header03_top_icon span {
    float: left;
    width: auto;
}

.header03_top_icon span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin-right: 25px;
    font-weight: 600;
}

.header03_top_icon_list li {
    margin-right: 20px;
}

.header03_top_icon_list li:last-child {
    margin-right: 0px;
}

.header03_top_icon_list li a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
}

/*
	===========================================
		header03 top link end
	===========================================
*/



/*
	===========================================
		header03 top logo start
	===========================================
*/
.header03_info,
.header03_logo,
.header03_top_logo {
    float: left;
    width: 100%;
}
.header03_logo > a{
    float:left;
}
.header03_top_logo {
    padding: 15px 0px;
}
.header03_info {
    padding: 4px 0px;
}
.heade03_info_list {
    padding:11px 0px 11px 60px;
	margin:0px 0px;
}
.header03_navbar .header03_navigation .navigation ul>li>a{
	padding:24px 18px 24px;
	line-height: normal;
}
.heade03_info_list li,
.heade03_info_list {
    float: left;
    width: auto;
	list-style:none;
}
.heade03_info_list li {
    margin-right: 35px;
	margin-bottom:0px;
}
.heade03_info_list li a i{
	margin-right:12px;
	margin-right: 10px;
	font-size: 16px;
	height: 50px;
	width: 50px;
	border: 2px dotted;
	text-align: center;
	line-height: 46px;
	display: inline-block;
	border-color:#dd9933 ;
	color:#dd9933;
	border-radius: 100%;
}
.heade03_info_list li p {
    margin: 0px 0px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
}
.header03_info .islamic_btn {
    margin-top: 8px;
	height:auto;
}

.theme_btn.btn2,
.give-form-wrap .give-btn,
.islamic_btn,
.islamic_btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    background: #d2973b;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #fff;
    border: none;
}

.theme_btn.btn2:before,
.give-form-wrap .give-btn:before,
.islamic_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #d2973b;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.theme_btn.btn2:hover:before,
.give-form-wrap .give-btn:hover:before,
.islamic_btn:hover:before {
    transform: scaleX(1);
}

.islmaic_support_donate .islamic_btn {
    background: none;
}

.islamic_event01_text .islamic_btn:before,
.kode_pray_btn a.islamic_btn:before,
.islmaic_support_donate .islamic_btn:before {
    background: #d2973b;
}

.islmaic_support_donate {
    padding: 31px 45px;
}

/*
	===========================================
		header03 top logo end
	===========================================
*/

/*
	===========================================
		header03 navbar start
	===========================================
*/
.header03_navigation,
.header03_navbar {
    float: left;
    width: 100%;
}

.header03_navbar {
    padding: 10px 0px;
    position: relative;
}

.islamic_center_header01 .navigation {
    padding: 22px 0px;
}

.islamic_center_header01 .navigation>ul>li {
    margin-right: 20px;
}

.header03_navbar .navigation {
    padding: 10px 0px;
}

.header03_navigation .navigation>ul>li {
    margin-right: 28px;
}

.header03_navigation .navigation ul li:last-child {
    margin-right: 0px;
}

.header03_navigation .navigation>ul>li>a {
    padding: 0px 0px;
    text-transform: capitalize;
    color: #fff;
    margin-right: 0px;
}

.header03_navigation .navigation>ul>li>a:hover {
    color: #333;
}

.header03_navigation .navigation ul li a i {
    margin-left: 2px;
}

/*header03 search start*/
.header03_search {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.header03_search input {
    background: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    color: #fff;
    border-left: 1px solid rbga(255, 255, 255, 0.3);
}

.widget02_serach_column input::-moz-placeholder,
.header03_search input::-moz-placeholder {
    color: #fff !important;
}

.search_btn03 {

    position: absolute;
    top: 6px;
    right: 0px;
    height: 30px;
    width: 30px;
    line-height: 26px;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    background: none;
    cursor: pointer;
}

/*
	===========================================
		header04 wrap start
	===========================================
*/
.postion_header {
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    bottom: auto;
    top: auto;
    box-shadow: 0px 0px 17px -12px #000;
}

.postion_header:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    opacity: 0.1;
}

.postion_header .container-fluid {
    padding: 0px 0px;
}

.header04_logo {
    float: left;
    width: 100%;
    padding: 25px 80px;
}

.header04_column {
    float: right;
    width: 100%;
    padding-right: 80px;
}

.header04_top_wrap {
    float: right;
    width: auto;
    padding: 15px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header04_column .ramzan_top_text {
    float: left;
    width: auto;
    padding: 0px 0px;
    margin-right: 30px;
}

.header04_column .header03_navigation {
    width: auto;
    float: right;
}

.header04_top_wrap .ramzan_mosque {
    float: right;
    width: auto;
    padding: 0px 0px;
}

/**/
.banner04 .overlay:before {
    opacity: 0.8;
}

.banner04 .islamic_banner_text {
    margin-top: -149px;
}

/*
	===========================================
		header04 wrap end
	===========================================
*/
.theam_bg_color,
.header03_navbar,
.header03_top_row {
    background-color: #d2973b;
}

.header03_navbar,
.header03_navbar .navigation {
    padding: 0px 0px;
}
.header03_search input{
    padding:28px 25px 23px;
}
.header03_search input::-webkit-input-placeholder{
    color: #fff;
}
.header03_navbar .search_btn03{
    top: 50%;
    margin-top: -14px
}
.header03_navbar{
	position: relative;
    z-index: 999;
}
.header-bottom-section {
    position: absolute;
    top: 90%;
    z-index: 99;
}
.header-bottom-section svg {
    /* position: absolute; */
    /* top: 162px; */
    z-index: 99;
    left: 0px;
    right: 0px;
    width: 100%;
}
.header03_top_logo {
    padding: 15px 0px;
    position: relative;
    z-index: 999;
    background: #fff;
}
header.header-islamic-combine-class {
    position: relative;
    float: left;
    width: 100%;
}
.header03_top_row .header03_top_icon span,
.header03_top_row .prayer_timing {
    padding: 4px 0px;
}

.header05 .header05_logo{
    position: absolute;
    top: auto;
    z-index: 1;
}
.header05 .header05_logo a {
    display: inline-block;
    height: 160px;
    width: 160px;
    border-radius: 100%;
    border: 4px dotted;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    background-color: #fff;
    line-height: 145px;
    text-align: center;
}
.header05_top_row .top_icon_fig,
.header05_top_row .header04_column {
    padding-right: 0px;
}
.header05 .navigation {
    float: right;
    width: auto;
}
.header05_navi_row{
    background-color: #333;
}
.header05 .header03_navigation,
.header03_navbar {
    display: flex;
    justify-content: flex-end;
}
.header05 .header03_navigation .islamic_btn {
    margin: 9px 0px 9px 10px;
    border: none;
}
.header06 .navigation ul {
    padding: 28px 0px;
}
.header06 .navigation ul>li>a {
    padding: 0px 5px !important;
    background: none;
    color: #333 !important;
}
.kode_sab_banner_wrap.them_overlay:before {
    opacity: 0.9 !important;
}
.wpcf7-form>P {
    margin-bottom: 0px;
}

.kode_contact_service ul li {
    background-color: #f7f7f7 !important;
}

.kode_contact_service ul li:hover {
    background-color: #d2973b !important;
}

.wpcf7-form>P:nth-child(4),
.wpcf7-form>P:nth-child(3),
.wpcf7-form>P:nth-child(2),
.wpcf7-form>P:first-child {
    float: left !important;
    width: 31%;
    margin-right: 26px;
    margin-bottom: 0px;
}

.wpcf7-form>P:nth-child(6) {
    margin-bottom: 20px;
}

.job_pricing_text h5 {
    margin-top: 0px;
}

.job_pricing_list {
    padding: 10px 0px 30px;
    border-top: 7px solid #d2973b;
    background-color: #e4e4e4;
}

.job_pricing_text p {
    font-weight: normal;
    line-height: normal;
}

.job_pricing_detail ul {
    text-align: center;
}

.job_pricing_detail ul>li>a span {
    color: #f1a53a;
}

.theme_btn.btn2 {
    padding: 10px 30px;
    background-color: #4d4d4d !important;
}

.wpcf7-form>P textarea,
.wpcf7-form>P input {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}

.wpcf7-form>P:nth-child(4) {
    margin-right: 0px;
}

.header06 .navigation ul li a:hover {
    background: none !important;
}

.header06_dropdown_timing .small {
    width: 50%;
    float: left;
    padding: 31px 20px 33px;
    height: auto;
    border: none;
    color: #fff;
    background-color: #333;
    font-size: 16px;
}

.header06_donate .islamic_btn {
    width: 50%;
    padding: 34px 0px 54px;
    border: none;
}

.islamic_center_header01 .navigation ul>li>a {
    padding: 18px 18px 17px;
}

.islamic_center_header01 ul.islamic_top_icon li,
.islamic_center_header01 ul.islamic_top_icon {
    float: left;
    width: auto;
}

.islamic_center_header01 ul.islamic_top_icon {
    padding: 8px 0px;
}

a.islamic_right_icon {
    margin-left: 10px;
}

.islamic_center_header01 ul.islamic_top_icon li {
    padding: 0px 20px;
    border-right: 1px solid #ccc;
}

.islamic_center_header01 .islamic_top_right {
    padding: 20px 0px;
    float: right;
}

.islamic_top_logo {
    padding: 5px 0px 20px;
}

.islamic_center_header01 .navigation ul>li>a {
    color: #333 !important;
    padding: 8px 8px 0px;
}

.islamic_center_header01 ul.islamic_top_icon li:last-child {
    border-right: none;
}

.blog-small-grid-new {
    float: left;
    width: 100%;
}

.contact_form .wpcf7-form>P span textarea,
.contact_form .wpcf7-form>P span input {
    border-color: #ccc;
}

.kode-services-classic .owl-dots span {
    float: left;
    background-color: #ddd;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    border-radius: 100px;
}

.kode-services-classic .owl-dot.active span {
    background-color: #333;
}

.kode-services-classic .owl-dot {
    position: relative;
    top: 20px;
}

.ramzan_header .navigation ul>li>a {
    padding: 1px 18px 1px;
    background: none;
}

.ramzan_header .menu {
    padding: 7px 0px;
}

.ramzan_header .islamic_btn {
    border: none;
}

.ramzan_header .navigation ul.menu>li a:hover {
    background: none;
    color: #c22;
}

.section_heading p {
    color: #000;
    padding: 0px 0px;
    margin-bottom: 22px;
    text-transform: capitalize;
}

.islamic_blog_fig01 figure img {
    width: 100%;
}

.top_icon_fig {
    margin: 0px;
}

.header06_donate .islamic_btn {
    width: 50%;
    padding: 34px 0px 54px;
    border: none;
}

.islamic_center_header01 .navigation ul>li>a {
    padding: 18px 18px 17px;
}

.islamic_center_header01 ul.islamic_top_icon li,
.islamic_center_header01 ul.islamic_top_icon {
    float: left;
    width: auto;
}

.islamic_center_header01 ul.islamic_top_icon {
    padding: 8px 0px;
}

a.islamic_right_icon {
    margin-left: 10px;
}

.islamic_center_header01 ul.islamic_top_icon li {
    padding: 0px 20px;
    border-right: 1px solid #ccc;
}

.islamic_center_header01 .islamic_top_right {
    padding: 20px 0px;
    float: right;
}

.islamic_top_logo {
    padding: 5px 0px 20px;
}

.islamic_center_header01 .navigation ul>li>a {
    color: #333 !important;
    padding: 8px 8px 0px;
}

.islamic_center_header01 ul.islamic_top_icon li:last-child {
    border-right: none;
}

.islamic_heading_border:after,
.islamic_heading_border:before {
    top: 11px;
}
.contact_form .wpcf7{
	margin-bottom:60px;
	float: left;
    width: 100%;
}
.sermons-item-wrapper .kode-custom-player{
	z-index:99;
}
.kode-caption .kode-caption .kode-caption-title {
    margin-bottom: 20px;
}

.kode-campaign-classic .islamic_donate_service_detail figure img {
    height: 110px;
    width: 110px;
}

.navigation ul.menu>li.current-menu-item.current_page_item a:hover:before {
    background: none !important;
}

.navigation ul.menu>li.current-menu-item.current_page_item a {
    background: none;
}

.kode-caption .kode-caption-title {
    line-height: 80px;
    font-size: 60px;
    display: inline-block;
	line-height: 76px !important;
    margin-bottom: 5px;
}

.footer_widget02 .sidebar_bg {
    padding: 0px 0px;
    background: none !important;
}

.kode-caption-inner.container .kode_btn_store_1 {
    border: none;
}

.islamic_btn:hover {
    color: #fff;
}

.elementor-button {
    border-radius: 0px;
}

.kode_sab_banner_wrap .sab_banner_text h2 {
    margin: 0px 0px !important;
}

.wpcf7-form>P span input::webkit-input-placeholder {
    color: #fff !important;
}

.kode_service_des .kode_service_text h4,
.kode_service_des .kode_service_text h4 a {
    font-weight: bold;
}

.kode-item.kode-blog-full.causes-detail {
    float: left;
    width: 100%;
}

.kode-event-single figure img,
.kode_blog_detail_des .kode-blog-thumbnail.kode-ux img,
.causes-detail .kode_blog_detail_row .kode_blog_detail_des.des_2 figure img,
.service-detail .kode_service_detail_list .kode_service_des figure img {
    width: 100% !important;
}

.islamic_video01_text.text_center {
    padding-top: 40px !important;
}

.call-to-action-wrapper .kode_counter_mosque.column-style-2 {
    margin-bottom: 0px;
}

.kode_service_des .kode_service_text h4 a {
    font-weight: 600 !important;
}

.kode-item.kode-events-single-full .kode_event_text {
    padding: 28px 0px 0px 30px;
}

.wp-block-search__inside-wrapper input {
    margin-bottom: 0px !important;
}

.wp-block-search__inside-wrapper {
    padding: 0px 0px !important;
}

.widget_search .wp-block-search .wp-block-search__button {
    margin: 0px 0px;
    padding: 7px 20px !important;
    color: #fff;
    border: none;
}

footer .widget_search .kode-widget .wp-block-search__label {
    font-size: 30px;
    margin-bottom: 20px;
}

footer ul.wp-block-archives {
    list-style: none;
    /* Remove default bullets */
}

footer ul.wp-block-categories li::before,
footer ul.wp-block-archives li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #fff;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}

.kode-right-sidebar .widget_categories ul li a {
    font-weight: normal;
}

.kode_project_text a {
    font-weight: bold;
    text-transform: lowercase !important;
    float: none;
}

.col-md-6 {
    padding-top: 0px !important;
}

.wpcf7-form>P input {
    margin: 0px;
}

.kode_team_fig figure img {
    width: 100%;
}

.islamic_timing_text p {
    line-height: normal;
}

.islamic_donate_service01 h2 {
    margin-bottom: 10px;
}

.main-heading-prayer-wrap {
    margin-bottom: 50px;
}

.item.menu-item-object-page.current-menu-item.page_item.current_page_item>a {
    background: none !important;
}

.kode-caption {
    margin: -180px auto;
}

/*.navigation ul > li > a:hover,
.navigation ul > li > a:hover:before,
.navigation .menu ul > li.current_page_ancestor ul.children li.current_page_item a .navigation .menu ul > li.current_page_ancestor li.current_page_item a,
.navigation ul.menu > li.current_page_ancestor li.current_page_item a, .menu-item.menu-item-object-page.current-menu-item.page_item.current_page_item > a {
    background:none !important;
}*/
.sermon-list-normal .sermon_item {
    background: none;
}

.islamic_surah_list {
    width: 100%;
}

.sermon-list-normal .sermon_item {
    width: 50%;
    margin-bottom: 0px;
}

.islamic_surah_list .islamic_surah_icon_list li a {
    border: none;
    color: #777777;
    height: auto;
    width: auto;
}

.sermon-list-normal .islamic_surah_list .sermon_item a {
    line-height: 13px;
    width: 40px;
    display: none;
}

.jp-page-btn-pause::before,
.jp-page-btn-play::before,
.sermon_item .jp-page-btn-play::before {
    font-size: 38px;
}

.sermon_item .jp-page-btn-play {
    color: #777;
    left: 0px;
    margin-top: 0px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.islamic_center_sermon_des .text.webkit .jp-page-btn-play:before {
    font-size: 38px;
}

.islamic_center_sermon_des .sermon_item>a {
    padding: 4px 0px;
}

.jp_custom_box .jp-playlist>a {
    width: 65px;
    font-size: 11px;
}

.wpha-listing-item .clear {
    display: inline-block;
}

.campaign-18aa4ce .col-sm-6.col-md-12.columns {
    float: left;
    width: 50%;
}

.kode_portfolio_des.des_2 .kode_project_text,
.kode_portfolio_des.des_2 figure {
    width: 100%;
}

.services-7132f31 .kode-ux.kode-services-widget-ux {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

/* .kode_amount_list .active span,
.kode_pillars_item li.active a span i,
.kode_pillars_item li.active a h6,
.kode_pillars_item li.active a span {
    color: #fff !important;
} */

.kode_service_des {
    margin-bottom: 30px;
    box-shadow: 0px 0px 17px -9px;
}

img.attachment-full.size-full.wp-post-image {
    width: 100% !important;
}

.kode_portfolio_des {
    box-shadow: 0px 0px 6px -1px;
}

.section_hdg.hdg_2 {
    padding: 30px 0px 0px;
}

.wpcf7-form>P:nth-child(4),
.wpcf7-form>P:nth-child(3),
.wpcf7-form>P:nth-child(2),
.wpcf7-form>P:first-child {
    margin-right: 20px;
}

.kode_event_des ul li span i {
    margin-right: 0px;
	margin-right: 8px;
}

.jp_custom_box .jp-interface h3 {
    font-size: 20px;
}

.wpcf7-form>P {
    margin-bottom: 40px;
}

.kode_blog_detail_des .sermon_item>a {
    padding: 11px 19px 24px;
}

.widget_islamic_center_upcoming_events_widget .kode_event_des p {
    margin: 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 600;
}

.widget_islamic_center_upcoming_events_widget .kode_event_text h6 a {
    color: #2f2f2f;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.widget_islamic_center_upcoming_events_widget {
    margin-bottom: 0px;
}

.kode_event_des .koed_event_timer figcaption h5 a {
    color: #d2973b;
	font-weight: bold;
}

.widget_islamic_center_upcoming_events_widget .kode_calender_detail {
    padding: 10px 30px;
}

.widget_islamic_center_upcoming_events_widget .kode_calender_detail li {
    padding: 20px 0px;
}

.kode_newsletter_text h5 {
    margin-bottom: 4px;
}

.widget_islamic_center_latest_events_widget .kode_calender_list .kode_event_text h6 a,
footer .widget.kode-widget .widget_title,
footer .widget_titl {
    text-transform: uppercase;
}

.islamic_blog_member_fig .effect img,
.kode-services-widget-ux .kode_service_des figure img {
    width: 100%;
    height: auto;
}

.kode_product_list .slick-next:before,
.kode_product_list .slick-prev:before {
    color: #fff !important;
}

.fancy-heading-style-1 .span-wrap {
    position: relative;
    width: auto;
    display: inline-block;
}

.fancy-heading-wrapper .fancy-heading-style-1 .span-wrap:after,
.fancy-heading-wrapper .fancy-heading-style-1 .span-wrap:before {
    bottom: 24px;
    content: "";
    left: auto;
    position: absolute;
    right: -16px;
    top: auto;
    width: 38px;
    border-bottom: 1px solid #acacac;
}

.section_heading.hdg_2 span:after {
    display: block;
}

.fancy-heading-wrapper .fancy-heading-style-1 .span-wrap:after {
    border-top: 1px solid #acacac;
    border-bottom: none;
    top: 44px;
    right: auto;
    left: -16px;
}

.kode_product_list .kode_product_text h5 {
    font-size: 18px;
    text-transform: lowercase !important;
}

.widget_categories .widget h4 {
    color: #333;
}

/* side bar styling */
.elementor-widget-container {
    float: left;
    width: 100%;
}

.elementor-widget-container .widget_logo p,
.elementor-widget-container .widget02_news_text p a,
.elementor-widget-container .widget02_news_text p,
.elementor-widget-container .widget h4 {
    color: #333;
    margin-bottom: 10px;
}

.elementor-widget-container .widget02_news_text span {
    line-height: normal;
    font-weight: 700;
}

.elementor-widget-container .widget02_news_text p {
    margin: 0px 0px;
    line-height: 22px;
}

.elementor-widget-container .widget02_news li:first-child {
    padding-top: 20px;
}

.elementor-widget-container .widget_logo .widget_call_info p,
.elementor-widget-container .wp-block-search__inside-wrapper,
.elementor-widget-container form {
    margin: 0px 0px !important;
}
.elementor-widget-sidebar .widget_islamic_center_contact_widget .widget_logo .widget_call_info li a,
.kode-right-sidebar-area .widget_islamic_center_contact_widget .widget_logo .widget_call_info li a {
    background-color: #d2973b;
}
.elementor-widget-sidebar .widget_islamic_center_contact_widget .widget_logo .widget_call_info p,
.kode-right-sidebar-area .widget_islamic_center_contact_widget .widget_logo .widget_call_info p {
    line-height: 44px;
    color: #fff !important;
}
.elementor-widget-sidebar  .widget_islamic_center_contact_widget .widget_call_info li a i,
.kode-right-sidebar-area .widget_islamic_center_contact_widget .widget_call_info li a i {
    height: 46px;
    width: 60px;
    text-align: center;
    line-height: 46px;
    border-right: 1px solid #b28237;
    margin-right: 15px;
    color: #fff !important;
}
.elementor-widget-sidebar .widget_islamic_center_contact_widget .widget_call_info,
.kode-right-sidebar-area .widget_islamic_center_contact_widget .widget_call_info {
    border-bottom: 1px solid #cbc6c6;
}

.wpcf7 .wpcf7-form>P:nth-child(4) {
    margin-right: 0px;
}

.wpcf7 .wpcf7-form {
    padding: 0px 110px 0px 0px;
}

.wpcf7 .wpcf7-form p {
    margin-bottom: 0px;
}

.wpcf7-form>P textarea {
    margin-bottom: 30px;
}

.job_pricing_list .theme_btn.btn2 {
    color: #fff;
}

.kode_pray_wrap .islamic_btn {
    padding: 6px 0px;
}

div#give_purchase_form_wrap {
    float: left;
    width: 100%;
}

.give-form-wrap .give-form-title {
    font-weight: 600;
}

.give-form-wrap .give-goal-progress .income {
    font-size: 30px;
}

.give-form-wrap .give-btn {
    padding: 12px 30px;
}

.give-donation-amount #give-amount {
    text-align: center;
}

.give-form-wrap legend {
    color: #333;
}

div.pp_pic_holder {
    background-color: #d2973b;
    width: 800px !important;
    left: 0px !important;
    right: 0px !important;
    margin: auto;
}

#give-form-2048-wrap {
    max-width: 752px !important;
}

.give-embed-form-wrapper iframe {
    background-color: #fff;
}

div.pp_default .pp_content {
    width: 770px !important;
}

div.pp_default .pp_details,
div.ppt {
    display: none !important;
}

.jp-playlist-container ul li a .fa-pause:before {
    content: "\f04b ";
}

.jp-playlist-container ul li.jp-playlist-current a .fa-pause:before {
    content: "\f04c";
}

.jp_custom_box .jp-playlist li.jp-playlist-current:before {
    content: "";
}

.jp_custom_box .jp-playlist a.jp-playlist-current {
    float: left;
}

.give-donor-dashboard-donor-info__details {
    padding: 24px 0px !important;
}

.give-email-access-form {
    float: left;
    width: 100%;
}

.give-email-access-form .give-submit {
    padding: 16px 10px 13px;
}

.give-form .hint--top:hover:after {
    transform: translateX(-36%) translateY(5px);
}

.give-form .hint--top:hover:before {
    transform: translateX(170%) translateY(5px);
}

.give-form-wrap .give-btn {
    background-color: #333;
    color: #fff;
}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount,
form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
    height: 45px;
    line-height: 42px
}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount,
.give-form-wrap .give-donation-amount .give-currency-symbol {
    background-color: #d2973b !important;
    color: #fff !important;
}

.elementor-shortcode .wpcf7 .wpcf7-form {
    padding: 0px 100px 0px 0px;
}

.kode-small-blog .kode-blog-grid-ux {
    box-shadow: 0px 0px 17px -9px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.kode_view_row .widget_social_icon li a {
    color: #fff;
}

.kode_view_row .widget_social_icon li {
    margin-right: 10px;
}

.kode_team_detail_row .kode_view_des h3 {
    font-weight: 600;
}

.kode_team_detail_row .event_detail_list li {
    margin-bottom: 10px;
}

.kode-ux.kode-services-widget-ux .kode_philosophy_text {
    margin-bottom: 30px;
}

.category-islam-is-great .blog-date-wrapper {
    margin-bottom: 10px;
}

.category-islam-is-great .blog-date-wrapper span {
    margin-right: 10px;
}

.category-islam-is-great .post-header h3 {
    margin: 0px 0px 10px;
}

.category-islam-is-great .post-header .kode-blog-info div {
    float: left;
    width: auto;
    margin-right: 10px;
}

.kode-blog-grid-ux article .kode_blog_fig {
    display: flex;
}

.kode-blog-grid-ux article .kode_blog_fig .kode_blog_text {
    flex-grow: 9;
    display: flex;
    flex-direction: column;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.margin-top-bottom-20px {
    margin-top: 20px;
}

.kode-left-sidebar {
    float: left;
    width: 100%;
}

.kode-left-sidebar .kode-widget .widget_titl {
    color: #333;
    font-weight: 600;
    margin: 0px 0px 30px;
}

.kode-left-sidebar .widget_meta ul li a {
    color: #333;
    font-weight: 500;
}

.kode-left-sidebar .widget_titl:before {
    border: none;
}

.kode-left-sidebar .widget_nav_menu ul ul li:first-child {
    border-color: #c6c6c6;
}

footer .widget_categories .widget h4 {
    color: #fff;
}

.comment-form .comment-form-cookies-consent {
    display: flex;
}

.comment-form .comment-form-cookies-consent label {
    line-height: 12px;
    margin: 0px 0px 0px 10px;
}

.kode-right-sidebar-area .widget_search {
    padding: 0px 0px !important;
}

.kode-right-sidebar-area .wp-block-search__inside-wrapper {
    position: relative;
    display: inline-block !important;
    width: 100%;
    margin-bottom: 0px;
}

.kode-right-sidebar-area .wp-block-search__inside-wrapper input {
    width: 100% !important;
}

.kode-right-sidebar-area .wp-block-search__inside-wrapper button {
    position: absolute;
    top: 0px;
    right: 0px;
}

.kode-right-sidebar-area .wp-block-search__label {
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
    text-transform: uppercase;
    font-size: 26px;
}

.kode-right-sidebar-area .wp-block-search__label:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 2px solid #d2973b;
    width: 80px;
}

.kode-right-sidebar-area .widget02_news_text p,
.kode-right-sidebar-area .widget02_news_text p a,
.kode-right-sidebar-area .widget h4 {
    color: #333;
}

.kode-right-sidebar-area .widget02_news_text p {
    line-height: 27px;
}

.sticky_sidebar_script .kode_event_speakar .kode_event_speakar_fig,
.sticky_sidebar_script .kode_event_speakar .kode_event_speakar_fig:nth-child(4),
.sticky_sidebar_script .kode_event_speakar .kode_event_speakar_fig:nth-child(2) {
    margin-right: 0px;
}

.sticky_sidebar_script .kode_event_speakar_wrap {
    display: flex;
}

.sticky_sidebar_script .kode_event_speakar_fig {
    padding: 20px 10px;
}

.sticky_sidebar_script .kode_event_speaker_text {
    padding: 16px 0px 4px 0px;
    margin: 0px 0px;
    text-align: center;
    width: 100%;
}

.sticky_sidebar_script .kode_event_speaker_text:before {
    border: none;
}

.margin-top-bottom-50px {
    margin-top: 50px;
}

.body-wrapper .kode_navigation_wrap .kode-navigation-wrapper .navigation ul li {
    z-index: initial;
}

.body-wrapper .kode_navigation_wrap .kode-navigation-wrapper .navigation ul li ul {
    z-index: 9999999999 !important;
}

.widget_search .seach_menu button {
    margin-top: -7px;
}

.wp-block-search__inside-wrapper .wp-block-search__button {
    margin: 0px 0px;
    padding: 0px 30px;
    color: #fff;
}

.jp-jukebox .jp_custom_box .jp-playlist a {
    display: none !important;
}

.jp_custom_box .jp-playlist a.jp-playlist-item {
    width: auto !important;
}

footer .widget.kode-widget .wp-block-search__label,
footer .widget.kode-widget .wp-block-group .wp-block-group__inner-container h2 {
    color: #fff;
}

.widget.kode-widget .wp-block-group .wp-block-group__inner-container h2 {
    margin-top: -5px;
}

footer .widget_wrap .widget_block .wp-block-group__inner-container ol li a,
footer .widget_wrap .widget_block .wp-block-group__inner-container ul li a {
    color: #fff;
}

footer .widget_wrap .wp-block-latest-comments__comment {
    float: left;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #fff;
    margin-bottom: 0px;
}

footer .widget_wrap .wp-block-latest-posts li {
    border-bottom: 1px solid #ccc !important;
}

footer .widget_wrap .wp-block-latest-posts li a {
    padding: 0px 20px;
    position: relative;
}

footer .widget_wrap .wp-block-latest-posts li a:before {
    position: absolute;
    content: "\f105";
    top: -8px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-family: fontAwesome;
}

footer .widget_wrap .wp-block-search__label {
    width: 100%;
    font-size: 36px;
    margin-bottom: 1px;
    padding: 16px 0px;
}

footer .widget_wrap .widget_search .wp-block-search .wp-block-search__button {
    border: none;
}

.ramzan_header .navigation ul>li>a {
    background: none !important;
    color: #fff !important;
}

.ramzan_header .islamic_btn {
    margin-top: 2px;
}

.ramzan_header .navigation ul>li>a:hover {
    color: #fff !important;
}

.ramzan_header .top_icon_fig {
    padding: 30px 0px !important;
}

.ramzan_header .islamic_btn {
    padding: 0px 0px;
    line-height: 45px;
}

.main-slider-wrapper .slick-slide .islamic_btn {
    padding: 0px 0px;
    line-height: 46px;
}

.wpha-listing-item .islamic_surah_list {
    width: auto;
}

.wpha-listing-item li.sermon-list-normal.col-sm-6.col-md-6.columns {
    list-style: none;
	margin-bottom: 10px;
}

.wpha-listing-item ul.row,
.islamic_surah_icon_list {
    list-style: none;
}

.islamic_support01_wrap .islmaic_support_donate .islamic_btn {
    border: 1px solid #fff;
}

.islamic_support01_wrap .islmaic_support_donate.change_bg {
    background-color: #1c2f38 !important;
}

.elementor-widget-call-to-action-text .islamic_video01_text h2 {
    font-size: 36px !important;
    line-height: 40px;
}

.call-to-action-text-wrapper .kode_pray_wrap .kode_pray_text p {
    font-weight: normal !important;
}

.kode-sermons.kode-sermons-classic .islamic_surah_wrap {
    margin-bottom: 0px;
}

.kode_pray_text .kode_pray_btn .islamic_btn {
    background-color: #d2973b !important;
}

.islamic_event01_detail .islamic_event01_list .islamic_event01_text h5 {
    padding: 10px 0px;
}

.islamic_event01_detail .islamic_event01_list .islamic_event01_text h5 a {
    font-size: 16px;
    font-weight: 600;
}

.islamic_event01_detail .islamic_event01_list .islamic_event01_text span {
    font-weight: normal;
}

.islamic_event01_detail .islamic_event01_list .islamic_event01_text .islamic_btn {
    padding: 0px 0px;
    height: 46px;
    line-height: 46px;
}

.islamic_widget02 .wp-widget-group__inner-blocks ul li a {
    color: #fff;
}

.islamic_widget02 .wp-widget-group__inner-blocks ul li {
    border-color: #fff;
}

.islamic_widget02 .widget02_serach_column .islamic_btn {
    padding: 0px 0px;
    line-height: 46px;
    color: #fff !important;
}

.sermons-item-wrapper .wpha-listing-item .islamic_surah_list {
    width: 100%;
}

.islamic_widget02 .ramzan_mosque {
    justify-content: flex-end;
    flex-wrap: wrap;
    align-content: space-around;
}

.islamic_support01_wrap .islmaic_support_donate span,
.islamic_support01_wrap .islmaic_support_donate img {
    margin-bottom: 0px;
}

.islamic_support01_wrap .islmaic_support_donate img {
    margin-bottom: 8px;
}

.islamic_support01_wrap .islamic_support_text {
    padding: 20px 10px 35px 35px;
}

.kode-services .islamic_blog01_list .islamic_blog01_text h4 a {
    font-size: 24px;
    font-weight: 600;
}

.kode-services .islamic_blog01_list .islamic_blog01_text h4 {
    margin-bottom: 0px;
}

.kode-caption .kode-caption-text {
    font-size: 26px;
    font-weight: 600;
}

.kode-services .kode_philosophy_text .small_btn {
    padding: 0px 14px;
}

.top_logo .kode-logo {
    float: left;
}

footer .wp-block-latest-comments a {
    color: #fff;
}

.widget_islamic_center_upcoming_events_widget .kode_calender_detail .kode_calender_list .kode_event_text p {
    color: #000;
}

.kode_blog_detail_row .kode_event_speakar_wrap {
    display: flex;
}

.kode_blog_detail_row .kode_event_speakar_fig:nth-child(3) {
    margin-right: 30px;
}

.kode_blog_detail_row .kode_event_speaker_text {
    margin-left: 0px;
    text-align: center;
}

.kode_blog_detail_row .event_detail_list li a span {
    line-height: 0px;
}

.contact_form .wpcf7-form>P span textarea:focus,
.contact_form .wpcf7-form>P span input:focus {
    border-color: #d2973b;
}
.kode-left-sidebar-area .widget_block.widget_search,
.kode-right-sidebar-area .widget_block.widget_search {
    padding: 0px 0px 30px !important;
    border: none !important;
}

.widget_search form .wp-block-search__label {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 30px;
    padding-bottom: 7px;
    position: relative;
    font-size: 24px;
}

.widget_search form .wp-block-search__label:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 2px solid;
    width: 80px;
}

footer .widget_search form .wp-block-search__label {
    font-weight: normal;
    padding-top: 0px;
}

footer .widget.kode-widget .wp-block-group .wp-block-group__inner-container h2 {
    margin-bottom: 5px;
}

.wp-block-search__input,
.widget_search form .wp-block-search__inside-wrapper .wp-block-search__input {
    border: 1px solid #ddd;
    width: 100%;
    margin-right: 0px;
}

.widget_islamic_center_latest_events_widget .kode_calender_detail .kode_event_text p {
    color: #000;
}

.widget_kf_foo_latest_wrap .widget02_news {
    margin: 0px 0px;
    padding: 20px 0px !important;
}

.widget_kf_foo_latest_wrap .widget02_news li {
    list-style: none;
    border-bottom: 1px solid #bbb9b9;
}

.widget_islamic_center_latest_events_widget .widget_event .kode_calender_detail li {
    padding: 20px 0px;
    float: left;
    width: 100%;
}

.kode-small-blog .kode_blog_des .kode_blog_text ul li {
    margin-right: 0px;
    padding: 0px 15px 0px 0px;
}

footer .widget_islamic_center_latest_events_widget .kode_calender_detail .kode_event_text p {
    color: #fff;
}

footer .widget_event .kode_calender_detail li:first-child {
    padding-top: 0px !important;
}

.contact_form .wpcf7-form>P:nth-child(2) {
    margin-right: 34px;
}

.jp_custom_box .jp-jukebox a {
    color: #000 !important;
    display: none;
}

.jp_custom_box .jp-playlist a.jp-playlist-item {
    margin-right: 10px;
}

.widget_islamic_center_sermon_playlist_widget .jp-interface {
    background: none !important;
}

.jp-sermon-item.jp-playlist-item.jp-playlist-current {
    margin-left: 5px;
}

#give-payment-mode-select {
    margin-top: 20px;
}

.sidebar_add figcaption {
    padding: 50px 10px;
}

.kode_blog_detail_row .sermon_item>a {
    width: auto;
}

.kode_blog_detail_row .sermon_item .jp-page-btn-play {
    color: #777;
    left: -47px;
    margin-top: 22px;
    position: relative;
    top: 55%;
    z-index: 1;
    bottom: -12px;
}

.jp_custom_box .jp-playlist a.jp-playlist-item {
    position: absolute;
}

.jp_custom_box .jp-sermon-item.jp-playlist-item.jp-playlist-current {
    margin-left: 4px;
}

.jp_custom_box .jp-jukebox ul li a i {
    position: relative;
    left: -15px;
    top: 5px;
}

/*islamic V1 style*/
.islamic_support01_wrap {
    background-color: #d2973b;
}

.islamic_support01_wrap .islmaic_support_donate h5 {
    margin-bottom: 20px;
    line-height: 23px;
    font-weight: 700;
}

.islamic_support01_wrap .islmaic_support_donate span {
    font-weight: bold;
    color: #d2973b;
}

.islamic_support01_wrap .islmaic_support_donate span:after,
.islamic_support01_wrap .islmaic_support_donate span:before {
    border-color: #d2973b;
    border-width: 2px;
}

.islamic_support01_wrap .islmaic_support_donate.change_bg {
    background-color: #1c2f38;
}

.wpha-listing-item.kode-sermons ul li .islamic_surah_wrap {
    display: flex;
    justify-content: space-between;
}

.wpha-listing-item.kode-sermons ul li .islamic_surah_wrap .islamic_surah_list span {
    color: #d2973b;
}

.footer_widget02 .widget_islamic_center_contact_widget ul {
    margin: 0px 0px;
}

.footer_widget02 .widget_islamic_center_contact_widget ul li {
    list-style: none;
}

.footer_widget02 .widget02_contact_text span {
    margin-bottom: 0px;
}

.footer_widget02 .widget02_column h2 {
    margin: 0px 0px 40px;
    color: #fff;
    position: relative;
    padding-bottom: 6px;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 28px;
}
.columns .kode-blog-single-full {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.woocommerce #review_form #respond .form-submit input,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce span.onsale,
.woocommerce ul.products li.product span.onsale,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce ul.products li.product .button,
.wp-block-search__inside-wrapper .wp-block-search__button,
.spacial-btn,
button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #333;
}
.comment_text .kode_meta>li a{
	font-size:14px;
}
.comment_text .kode_meta>li i{
	font-size:16px;
}
.comment_text .kode_meta>li i{
color:#d2973b;
}
.kf_commet_field input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #777 !important;
  opacity: 1; /* Firefox */
}

.kf_commet_field input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #777 !important;
}

.kf_commet_field input::-ms-input-placeholder { /* Microsoft Edge */
  color: #777 !important;
}
.widget_islamic_center_sermon_playlist_widget .jp_custom_box .jp-playlist.jp-gui-bg li>div {
    padding: 8px 30px !important;
}

.widget_islamic_center_sermon_playlist_widget .jp-item-sermon-playlist.jp_custom_box ul li {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    width: 100%;
    float: left;
    background: none;
}

.widget_islamic_center_sermon_playlist_widget .jp_custom_box .jp-jukebox ul li a i {
    top: 0px;
}

.job_pricing_list .job_pricing_detail ul {
    text-align: left;
}

.widget_search form .wp-block-search__inside-wrapper .wp-block-search__input {
    padding: 12px 0px !important;
}

.contact_form .wpcf7 .wpcf7-form {
    padding: 0px 0px !important;
}

.contact_form .wpcf7-form>P:nth-child(3) {
    margin-right: 38px;
}

#kode-comment>#respond {
    margin-top: 30px;
}
#respond .kode_textarea {
    margin-bottom: 30px !important;
}
.kode_comments  .comment-respond form p{
	margin-bottom: 30px;
}
#respond .comment_title {
    margin-bottom: 30px !important;
}
/**/

.postion_header.header-layout-4{
	z-index:99999;
}
.header-layout-4 .ramzan_top_text{
	margin:3px 20px 0px 0px !important;
}
.header-layout-4 .navigation ul.menu>li a {
    color: #fff !important;
}
.header-layout-4 .header04_logo{
	background-color:#d2973b;
}
.kode-bxslider.kode_banner_wrap {
    z-index: 1;
}
.header-layout-4 .ramzan_top_text li{
	list-style:none;
	margin-bottom:0px;
}
/**/
.header-layout-2{
	background-color:#fff;
	z-index: 2;
	position:relative;
}
.header-layout-2 .kode_navigation_wrap{
	padding:10px 0px;
}
.header-layout-2 .kode_navigation_wrap{
	padding:10px 0px;
}

.header-layout-2 .kode_navigation_wrap{
	background:none !important;
}
.header-layout-2 .kode_top2_icon>ul>li a i{
	margin-right:10px;
	color:#333 !important;
}
.header-layout-2 .donate_btn{
	margin-left: 20px;
}
.header-layout-2 .navigation{
	width:auto;
}
.header-layout-2 .navigation ul>li>a{
	padding:28px 12px 22px;
}
.header-layout-2 .seach_menu button{
	margin-top: -7px;
}
.header-layout-2 .kode_navi_icon {
    padding: 24px 0;
}
/**/
.header-layout-5 .header05_top_row{
	background-color:#d2973b;
}
.islamic_center_header01  ul.islamic_top_icon li,
.header-layout-5 .ramzan_top_text li{
	list-style:none;
}
.header-layout-5 .navigation ul.menu>li a{
	color:#fff !important;
	 padding:18px 12px 17px;
}

/**/
.header06 .header06_dropdown_timing .small{
	padding:36px 20px 33px;
}
.islamic_center_header01 .islamic_top_logo {
    padding: 11px 0px 10px;
}
.islamic_center_header01 ul.islamic_top_icon{
	margin:0px 0px;
}
.islamic_center_header01 .islamic_top_right{
	padding: 25px 0px;
}
.islamic_center_header01 .islamic_btn{
	 padding: 9px 0px;
}
.islamic_center_header01 .navigation {
    padding: 29px 0px 32px;
}
.kode_service_text .right_arrow{
	position:relative;
	float:left;
	width:100%;
}
.kode_service_text .right_arrow:hover{
	background:none;
}

footer a.kode-logo img{
    height:auto;
}
.elementor-widget-container .sermons-item-wrapper{
	float:left;
	width:100%;
	padding-bottom: 25px;
}
.give-total-wrap .give-donation-amount.form-row-wide span{
	height: 45px;
    line-height: 41px;
}
 .wpcf7-form>P input.wpcf7-submit{
	border:none;
}
.kode-right-sidebar-area .widget_block.widget_search{
	margin-bottom:0px !important;
}
.kode-right-sidebar .widget_search form .wp-block-search__inside-wrapper .wp-block-search__input {
    padding: 11px 15px !important;
}
.kode_event_listing .kode_event_des ul>li{
	width:100%;
}
.kode_event_listing .col-md-3.columns .kode_event_wrap .kode_event_des .pull-right,
.kode_event_listing .col-md-4.columns .kode_event_wrap .kode_event_des .pull-right{
	float:left;
}
.kode_calender_detail.detail_2 .kode_calender_list .kode_event_text p{
	color:#333;
}
.kode_comments .kf_commet_field{
	margin-right: 10px;
}
.widget_logo .widget_call_info p,
.right-sidebar-area .widget_logo .widget_call_info p{
	margin-bottom:0px !important;
}
.kode-custom-player .jp_column-left{
	width: 17% !important;
}
.kode-custom-player .jp_column-mid {
    width: 65% !important;
}
.kode-custom-player .jp_column-right{
	width: 18% !important;
}
.kode_blog_detail_des .sermon_item>a{
	padding: 24px 19px 24px;
}
.widget_products .product_list_widget li {
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}
.widget_products .product_list_widget li:last-child{
	border-bottom:none;
}
.widget_products .product_list_widget li a{
	color:#000;
	text-transform:uppercase;
}
.widget_products .product_list_widget li del span,
.widget_products .product_list_widget li ins span{
	font-size:14px;
}
input#submit:hover {
    background-color: #d2973b;
}
.wpcf7 .wpcf7-form>P input.wpcf7-submit:hover {
    background-color: #d2973b !important;
}
.wpcf7 .wpcf7-form>P input.wpcf7-submit {
    background-color: #333 !important;
}
input[type="submit"]:hover{
    background-color: #333 !important;
}
input[type="submit"]{
    background-color: #d2973b !important;
}
.kode_comments.margin #kode-comment{
	padding: 14px 25px 15px;
	text-transform:capitalize;
}
.kode_blog_des .kode_blog_text .medium_btn{
	padding: 9px 20px 10px;
}
.blog_detail_page .kode_blog_des .kode_meta.meta_2{
	margin-bottom: 8px;
}
.blog_detail_page .kode_blog_des .kode-blog-content p{
	margin-bottom:15px;
}
.sermon_detail_wrap .kode_blog_detail_text .kode_meta.meta_2 li:first-child{
	padding-left:0px;
}
.sermon_detail_wrap .kode_blog_detail_text .kode_meta.meta_2 li{
	padding:0px 25px;
	margin-top:0px;
}
.kode-content-team{
	margin-bottom:75px;
}
.kode-event-single .comment_title {
    margin-bottom: 30px;
    margin-top: 6px;
}
.woocommerce span.onsale, .woocommerce ul.products li.product span.onsale{
	margin-left: 0px;
	top: 8px;
}
.woocommerce-content h1{
	font-weight: 600;
}
.event-detail-wrapper .social_meta{
	margin-top: 20px;
	margin-bottom:0px;
}
.event-detail-wrapper .kode_event_speakar p{
	margin-bottom:0px;
}
.event-detail-wrapper .kode_event_speaker_text:before{
	border:none;
}
.widget_search form .wp-block-search__inside-wrapper .wp-block-search__input {
    padding: 12px 15px !important;
}
.kode-custom-player .jp-interface {
    padding: 30px 0px 35px !important;
    box-shadow: 7px 1px 20px -13px #000;
}
.kode_pray_wrap .islamic_btn:before{
	background-color:#000 !important;
}
.header03_top_row .header03_top_icon_list{
	position: relative;
    top: 3px;
}
.header03_top_row .header03_top_icon_list,
.header03_top_row .header03_top_link{
	margin:0px 0px;
}
.header03_top_row .header03_top_icon_list li,
.header03_top_row .header03_top_link li{
	list-style:none;
}
.header03_navigation .navigation ul{
	text-align: left;
}
.slick-track .slick-slide .item{
    padding:0px 10px;
}
.islamic-sermon-player-cc .kode-custom-player .jp-toggles button,
.islamic-sermon-player-cc .kode-custom-player .jp-toggles button.jp-show-playlist,
.islamic-sermon-player-cc .kode-custom-player .jp-controls button {
	border: 2px solid #F2A24B;
}
.islamic-sermon-player-cc .kode-custom-player .jp_column-mid {
    width: 52% !important;
}
.islamic-sermon-player-cc .kode-custom-player .jp_column-left {
    width: 24% !important;
}
.islamic-sermon-player-cc .kode-custom-player .jp_column-right {
    width: 23% !important;
}
.islamic-sermon-player-cc .kode-custom-player .jp-controls button::before {
	line-height: 40px;
}
.islamic-sermon-player-cc .kode-custom-player .jp-controls button.jp-play{
	background-color:#F2A24B;
}
.islamic-sermon-player-cc .jp-controls-holder .jp-toggles .jp-shuffle:before,
.islamic-sermon-player-cc .jp-controls-holder .jp-toggles .jp-full-screen:before {
	bottom: 13px;
}
.islamic-sermon-player-cc .kode-custom-player .jp-jukebox .jp-volume-controls button {
	color:#F2A24B;
}
.islamic-sermon-player-cc  .kode-custom-player .jp-seek-bar,
.islamic-sermon-player-cc .kode-custom-player .jp-progress{
	background-color:#F2A24B !important;
}
.header03_info .islamic_btn i{
	margin-right:10px;
}
.islamic_widget02 .widget_block .widget h4{
	text-transform:uppercase;
	color:#fff;
	position:relative;
	width:auto;
	border:none;
}
.islamic_widget02 .widget_block .widget .custom-widget-normal{
	margin:0px 0px;
}
.islamic_widget02 .widget_block .widget .custom-widget-normal li{
	list-style:none;
	float: left;
    width: 100%;
    overflow: hidden;
    line-height: 16px;
    padding:16px 15px 10px;
	margin:0px 0px;
}
.islamic_widget02 .widget_meta ul li{
	padding:16px 15px 10px;
	margin:0px 0px;
	border:none;
}
.islamic_widget02 .widget_meta ul li:first-child,
.islamic_widget02 .widget_block .widget .custom-widget-normal li:first-child{
	border-top:none;
	padding-top:0px;
}
.islamic_widget02 .widget_block .widget .custom-widget-normal li a{
	width:100%;
	color:#fff;
	text-align: left;
    font-weight: bold;
    padding-left: 15px;
    position: relative;
    line-height: normal;
    margin-bottom: 11px;
	font-size:14px;
}
.islamic_widget02 .widget_block .widget .custom-widget-normal li a:before{
	top: 50%;
    left: 0px;
    content: "\f105";
    font-size: 16px;
    margin: -8px 0 0;
    position: absolute;
    color: currentColor;
    font-family: "FontAwesome";
}
.islamic_widget02 .widget_kf_foo_latest_wrap .widget02_news{
	padding:0px 0px !important;
}
.islamic_widget02 .widget_meta ul li a{
	margin:0px 0px;
	display:block;
}
.footer_widget02 .widget h4,
.footer_widget02 .widget h4,
.footer_widget02 .widget_title,
.footer_widget02 .widget_title,
.footer_widget02 .widgettitle,
.footer_widget02 .widgettitle{
	display:inline-block;
	padding:0px 0px !important;
	text-transform:capitalize !important;
}
.footer_widget02 .widget h4::after,
.footer_widget02 .widget h4::before,
.footer_widget02 .widget_title::after,
.footer_widget02 .widget_title::before,
.footer_widget02 .widgettitle::after,
.footer_widget02 .widgettitle::before {
  position: absolute;
  content: "";
  top: 0px;
  left: auto;
  right: -60px;
  bottom: 3px;
  border-bottom: 1px solid #fff;
  width: 40px;
}
.footer_widget02 .widget h4::after,
.footer_widget02 .widget_title::after,
.footer_widget02 .widgettitle::after{
    bottom: 7px;
}
.footer_widget02 .widget_block .widget {
	margin-bottom:0px;
}
.footer_widget02 .widget_title::before{
	border-color: #fff !important;
}
.header03_navbar .navigation ul.menu > li ul.sub-menu{
	-webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}
.header03_navbar .navigation ul.menu > li:hover ul.sub-menu{
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: transform 0.3s ease, opacity 0.2s ease .1s;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s;
}
.header03_navbar .navigation ul.menu > li ul.sub-menu li a{
	padding:13px 18px 13px;
}
.islamic_donate_service_detail figure{
	width:13%;
	overflow: hidden;
}
#row-media {
    max-width: 100% !important;
    min-width: 40% !importan;
    height: 100%;
}
.give-wrap .give-card{
	background-color:#333;
	border-radius:0px;
	color:#fff;
}
.give-wrap .give-form-grid-progress{
	padding:0px 0px;
}
.mfp-content .give-form-wrap  .give-goal-progress .progress-bar span,
.give-wrap .give-form-grid-progress .give-progress-bar span{
	background: linear-gradient(180deg, #dd9933 0%, #dd9933 100%) !important;
}
.give-wrap .islamic_progress_heading>span{
	margin-bottom:0px;
}
.give-wrap .islamic_donate_box{
	height: 120px;
	padding: 16px 0px 0px;
}
.give-wrap .islamic_donate_box a{
	padding: 5px 0px;
	font-size: 14px;
	font-weight:600;
}
.give-modal .mfp-content{
	z-index: 99999999999;
}
.give-modal .give-goal-progress .give-progress-bar{
	height: 12px;
}
.give-modal .give-donation-grid-item-form{
	padding: 60px ;
}
.give-modal .give-form-wrap .give-form-title{
	margin: 0 0 5px;
}
.give-modal .give-form-wrap .give-btn{
    padding: 12px 23px;
}
div#give_purchase_form_wrap {
    padding-bottom: 50px !important;
}
form.give-form .give-tooltip, form[id*=give-form] .give-tooltip {
	right: 30px;
    top: 20px;
	position: absolute;
}
.give-modal .give-donation-grid-item-form{
	max-width: 650px;
}
.islamic_donate_service_detail .islamic_progress_heading h3{
	font-weight:600;
}
.give-page-numbers{
	display:none;
}
.kode_sab_banner_wrap.them_overlay:before{
	background-color:#444444 !important;
}
.wp-block-latest-comments__comment article footer{
    color:#fff;
}
.give-page-numbers .next,
.give-page-numbers .page-numbers,
.give-page-numbers a{
    display: inline-block;
    height: 40px;
    width:40px;
    line-height: 40px;
    border:1px solid #ccc;
    text-align: center;
    font-size: 16px;
}
.give-page-numbers .next {
    line-height: normal;
    color: transparent;
    position: relative;
    top: -2px;
    width: auto;
    padding: 0px 10px;
    color: #fff;
    line-height: 36px;
}
.give-page-numbers .prev.page-numbers{
    top: -2px;
    width: auto;
    padding: 0px 10px;
    color: #fff;
    line-height: 39px;
}
.give-page-numbers .page-numbers.current{
    color:#fff !important;
}
.give-page-numbers .next:before{
    position: absolute;
}

.give-wrap .give-grid.give-grid--1 .give-grid__item{
    display:block !important;
}