/*
Theme Name: Simper Custom Theme
Author: Simper
Description: 
Version: 0.0.1
Tags: bootstrap
*/

body {
	background: #e4eeee;
	background-attachment: fixed;
}
iframe {
	border: none;
	float: left;
	width: 100%;
}
.is_safari blockquote,
.is_gecko blockquote {
    letter-spacing: -0.5px;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
	margin-top: 13px;
}
.wraper {
	float: left;
	width: 100%;
}
.btn.btn-default.btn-green {
	background: #007446;
	color: #fff;
	font-weight: 400;
	padding: 8px 28px;
}
.three-squares {
    padding-top: 6px;
}
@media (min-width: 768px) {
.three-squares .col-sm-4 {
    padding: 0 3px;
}
.three-squares .col-sm-4:first-child {
    padding-left: 6px;
}
.three-squares .col-sm-4:last-child {
    padding-right: 6px;
}
}
.three-squares .background-image{
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.three-squares .background-image:after{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ;
}
.three-squares .col-sm-4:hover .background-image:after{
    opacity: 0.1;
}
.three-squares form{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    right: 3px;
    z-index: 100;
}
.three-squares form .paypal-donations,
.three-squares form .paypal-donations input[type=image]{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.three-squares form .paypal-donations:before {
    display: none;
}
.dl-menuwrapper {
	display: none;
}
.table ul {
	padding: 0;
}
.content ul li {
    line-height: 28px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}
.table-responsive, .table>tbody>tr>td {
	border: none!important;
	padding: 0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.content-slider .slick-slider .slick-next {
	right: 20px!important;
}
.content-slider .slick-slider .slick-prev {
	left: 20px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
#youth-summits img{
    width: 150px;
    height: auto;
}
/*

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

.kode_top_info ul, .kode_top_info, .kode_top_wrap {
	float: left;
	width: 100%;
}
.kode_top_wrap {
	padding: 7px 0px;
}
.kode_top_info {
	padding: 6px 0 4px;
}
.kode_top_info>ul>li {
	float: left;
	padding: 0px 20px;
	line-height: 15px;
	border-right: 1px solid #cccccc;
}
.kode_top_info ul>li:last-child {
	border-right: none;
}
.kode_top_info ul li:first-child {
	padding-left: 0px;
}
.kode_top_info ul>li>a {
	display: inline-block;
	font-size: 14px;
}
.kode_top2_icon .dropdown img, .kode_top_info ul li ul li a img, .kode_top_info ul li button img, .kode_top_info ul li a i {
	margin-right: 10px;
}
.kode_top_info ul li button {
	background: none;
	padding: 0px;
	cursor: pointer;
	font-size: 14px;
	color: #999;
}
.kode_top_info ul li button span {
	margin-left: 5px;
	position: relative;
	top: 2px;
}
.kode_top_info ul li ul {
	background-color: #ffffff;
	border: medium none;
	-webkit-box-shadow: 0 0;
	box-shadow: 0 0;
	min-width: 140px;
	padding: 5px 0px;
	border-bottom: 2px solid;
	top: 28px;
}
.kode_top_info ul li ul li {
	width: 100%;
	padding: 0px 0px;
}
.kode_top_info ul li ul li a {
	display: block;
	padding: 8px 20px;
}
.kode_top2_icon .dropdown img, .kode_top_info ul li ul li a img {
	border-radius: 100%;
}
.kode_top_right_text {
	float: right;
}
.top_icon_fig {
	padding-right: 30px;
}
.kode_top_right_text .comment-form, .top_icon_fig li, .top_icon_fig {
	float: left;
}
.top_icon_fig li {
	margin-right: 14px;
}
.kode_top_right_text .kf_commet_field {
	margin-bottom: 0px;
}
.kode_top_right_text .comment-form {
	float: left;
	padding-left: 30px;
	border-left: 1px solid #ccc;
}
.kode_top_right_text .kf_commet_field {
	width: 160px;
	position: relative;
}
.kode_top_right_text .kf_commet_field input {
	padding: 0px 0px;
	height: auto;
	font-size: 12px;
	border: none;
	border-bottom: 1px solid #cccccc;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	padding: 0px 30px 2px 5px;
}
.kode_top_right_text .kf_commet_field input:focus {
	border: 1px solid;
}
.kode_top_right_text .kf_commet_field button {
	position: absolute;
	top: 0px;
	right: 5px;
	background: none;
	padding: 0px 0px;
	font-size: 16px;
	cursor: pointer;
}
/*
    =======================================
        KODE TOP WRAP END
    =======================================
*/

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

.top_time_circle ul, .kode_top_logo_wrap {
	float: left;
	width: 100%;
}
.kode_top_logo_wrap {
	background-image: 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_time_circle {
	float: right;
	width: auto;
	position: relative;
	padding: 2px 0px;
}
.top_time_circle ul li {
	height: 76px;
	width: 76px;
	text-align: center;
	float: left;
	border-radius: 100%;
	border: 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: 500;
	line-height: normal;
}
.top_time_circle ul li a {
	margin-bottom: 3px;
}
/*
    =======================================
        KODE TOP LOGO WRAP END
    =======================================
*/

/*
    =======================================
        KODE NAVIGATION WRAP START
    =======================================
*/

.navigation ul, .navigation, .kode_navigation_wrap {
	float: left;
	width: 100%;
}
.navigation ul {
	text-align: center;
}
.navigation>ul>li {
	display: inline-block;
	margin-left: 5px;
	position: relative;
}
.navigation>ul>li>a {
	color: #333333;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	padding: 18px 20px 17px;
	position: relative;
	z-index: 999;
}
.navigation ul li ul li a:before, .navigation>ul>li>a:before {
	position: absolute;
	content: "";
	top: 100px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
}
.navigation>ul>li>a:hover:before {
	top: 0px;
}
/*drop down style*/

/*navigation dropdown start*/

.navigation>ul>li>ul {
	position: absolute;
	top: 80px;
	width: 200px;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
	border-bottom: 5px solid;
	border-top: 2px solid;
	background: #fff;
}
.navigation>ul>li:hover>ul {
	opacity: 1;
	visibility: visible;
	top: 60px;
}
.navigation>ul>li>ul>li {
	width: 100%;
}
.navigation>ul>li>ul>li a {
	display: block;
	padding: 9px 20px;
	text-align: left;
	position: relative;
	z-index: 999;
	font-weight: 300;
}
.navigation>ul>li>ul>li a:before {
	right: 100%;
	top: 0;
	opacity: 0;
}
.navigation>ul>li>ul>li a:hover:before {
	right: 0;
	opacity: 1;
}
.kode_navi_btn {
	float: right;
	width: auto;
	padding: 11px 0px 10px;
}
/*navigation dropdown end*/

/*
    =======================================
        KODE NAVIGATION WRAP END
    =======================================
*/

/*
    =======================================
        KODE BANNER WRAP START
    =======================================
*/

.koed_banner_btn, .kode_banner_wrap {
	float: left;
	width: 100%;
}
.kode_banner_wrap.them_overlay, .kode_banner_wrap {
	position: relative;
}
.kode_banner_text {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 600px;
	z-index: 10;
	-webkit-transform: translate(-50%, -14%);
	transform: translate(-50%, -14%);
}
.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: 52px;
	position: absolute;
	top: 10px;
}
.large_text:before {
	content: "\f10e";
	left: auto;
	right: 52px;
}
.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;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}
.kode_banner_wrap .bx-wrapper {
	margin-bottom: 0px;
}
.pager_link {
	bottom: 30px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
}
.pager_link img {
	float: none;
	display: inline-block;
	text-align: center;
	margin: auto;
	width: 123px;
	height: 75px;
}
.pager_link a {
	margin-right: 16px;
	display: inline-block;
}
.pager_link a.active {
	display: inline-block;
	outline: 4px solid #d2973b;
	outline-offset: -4px;
}
/*
    =======================================
        KODE BANNER WRAP END
    =======================================
*/

/*
    =======================================
        KODE MOSQUES WRAP STRAT
    =======================================
*/

.kode_counter_mosque, .kode_mosque_student, .kode_mosque_item, .kode_mosque_text, .kode_mosque_row, .kode_mosques_wrap {
	float: left;
	width: 100%;
}
.kode_mosques_wrap {
	padding: 80px 0;
}
.kode_mosque_des {
	width: 49%;
	float: left;
	margin-right: 10px;
}
.kode_mosque_des:last-child {
	margin-right: 0px;
}
.kode_mosque_fig figure {
	width: auto;
}
.kode_mosque_fig .them_overlay:before {
	opacity: 0;
}
.kode_mosque_fig:hover .them_overlay:before {
	opacity: 0.3;
	z-index: 9;
}
.kode_mosque_fig figure:first-child {
	margin-bottom: 11px;
}
.kode_mosque_fig figcaption {
	position: absolute;
	bottom: -44px;
	left: 0px;
	right: 0px;
	z-index: 10;
}
.kode_mosque_fig:hover figcaption {
	bottom: 0px;
}
.kode_mosque_fig figcaption h6 {
	padding: 15px 15px 12px;
	font-weight: 500;
}
/* SECTION HEADING START */

.kode_mosque_text .section_hdg {
	margin-bottom: 18px;
}
.section_hdg.hdg_4 {
	margin-bottom: 18px;
}
.section_hdg {
	width: 100%;
	margin-bottom: 32px;
}
.section_hdg img {
	margin-bottom: 6px;
	display: block;
}
.section_hdg h3 {
	display: inline-block;
	/*margin-right:16px;*/
}
.section_hdg span {
	font-size: 25px;
	position: relative;
}
.section_hdg span:after, .section_hdg span:before {
	border-bottom: 1px solid #acacac;
	bottom: 12px;
	content: "";
	left: auto;
	position: absolute;
	right: -56px;
	top: 0;
	width: 38px;
}
.section_hdg span:after {
	border-top: 1px solid #acacac;
	border-bottom: none;
	top: 16px;
	right: auto;
	left: -56px;
	display: none;
}
/* SECTION HEADING END */

/* SECTION HEADING HDG 2 START */

.section_hdg.hdg_2 {
	text-align: center;
	position: relative;
	margin-bottom: 41px;
	z-index: 99;
}
.section_hdg.hdg_2 img {
	display: inline-block;
}
.section_hdg.hdg_2 h3 {
	display: block;
}
.section_hdg.hdg_2 span:after {
	display: block;
}
/* SECTION HEADING HDG 2 START */

/* SECTION HEADING HDG 2 START */

.section_hdg.hdg_2.hdg_3 {
	margin-bottom: 34px;
}
.section_hdg.hdg_2.hdg_3 h3 {
	color: #333;
}
/* SECTION HEADING HDG 2 END */

.kode_mosque_item p {
	margin-bottom: 37px;
}
.kode_counter_mosque {
	margin-bottom: 36px;
}
.kode_counter_mosque li {
	float: left;
	text-align: center;
	width: 25%;
}
.kode_counter_mosque li span {
	display: inline-block;
	height: 72px;
	width: 72px;
	text-align: center;
	line-height: 66px;
	border-radius: 100%;
	border: 2px solid #e7e7e7;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 16px;
}
.kode_mosque_item .koed_banner_btn .medium_btn, .kode_counter_mosque li h6 a {
	color: #999999;
}
.koed_banner_btn>a {
	min-width: 142px;
	padding: 12px 20px 10px;
}
/* kode mosque row mosque start*/

.kode_mosque_row.mosque {
	margin: 17px 0 0;
}
.kode_mosque_row.mosque figure a {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 40px;
	margin-top: -20px;
	z-index: 10;
}
.kode_mosque_row.mosque .them_overlay:before {
	z-index: 9;
}
/*
    =======================================
        KODE MOSQUES WRAP END
    =======================================
*/

/*
    =======================================
        KODE PILLARS WRAP START
    =======================================
*/

.kode_pillars_item, .kode_pillars_wrap {
	float: left;
	width: 100%;
}
.kode_pillars_wrap .nav-tabs {
	border-bottom: none;
}
.kode_pillars_wrap {
	background-image: url("images/piller.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0px 0px 0px;
}
.kode_pillars_wrap.them_overlay:before {
	background-color: #666666;
	opacity: 0.80;
}
.kode_pillars_row {
	width: 950px;
	text-align: center;
	position: relative;
	margin: auto;
}
.kode_pillars_text {
	background-color: #ffffff;
	border-radius: 380px 390px 0 0;
	display: inline-block;
	margin: auto;
	padding: 22px 66px 24px;
	text-align: center;
	width: 445px;
	position: relative;
	z-index: 999;
}
.kode_pillars_text:before {
	border: 1px dotted #fff;
	bottom: 0;
	content: "";
	left: -193px;
	position: absolute;
	right: -195px;
	top: -162px;
	border-radius: 380px 390px 0 0;
	border-bottom: none;
	z-index: -1;
}
.kode_pillars_text span {
	font-size: 40px;
	position: relative;
	margin-bottom: 22px;
	display: inline-block;
	border-bottom: 2px solid #a7a7a7;
	padding-bottom: 8px;
}
.kode_pillars_text h4 {
	margin-bottom: 13px;
}
.kode_pillars_text p {
	margin-bottom: 0px;
}
.kode_pillars_item {
	margin-bottom: 85px;
}
.kode_pillars_item li {
	display: inline-block;
}
.kode_pillars_item li a {
	height: 126px;
	width: 126px;
	text-align: center;
	border-radius: 100%;
	background-color: #fff;
	display: inline-block;
	padding: 28px 0;
}
.kode_pillars_item li a:before {
	border: 1px dotted #ffffff;
	border-radius: 100%;
	bottom: -7px;
	content: "";
	left: -7px;
	position: absolute;
	right: -7px;
	top: -7px;
}
.kode_pillars_item li a span {
	font-size: 30px;
	display: inline-block;
	margin-bottom: 10px;
}
.center {
	position: relative;
	z-index: 9999;
}
.center:after {
	border-right: 1px solid #ffffff;
	bottom: -85px;
	content: "";
	left: -70px;
	position: absolute;
	right: 60px;
	top: 126px;
}
.right_bottom, .left_bottom {
	bottom: 50px;
	left: 0;
	position: absolute;
	z-index: 9999;
}
.right_center, .left_center {
	bottom: 232px;
	left: 154px;
	position: absolute;
	z-index: 9999;
}
.right_bottom {
	left: auto;
	right: 0px;
}
.right_center {
	right: 160px;
	left: auto;
}
.right_bottom:after, .left_bottom:after {
	border-right: 1px solid #ffffff;
	bottom: -22px;
	content: "";
	left: auto;
	position: absolute;
	right: -82px;
	top: 0;
	-webkit-transform: rotate(-66deg) translate(-52px);
	transform: rotate(-66deg) translate(-52px);
}
.right_bottom:after {
	border-left: 1px solid #ffffff;
	border-right: none;
	right: auto;
	left: -82px;
	-webkit-transform: rotate(66deg) translate(52px);
	transform: rotate(66deg) translate(52px);
}
.right_center:after, .left_center:after {
	border-right: 1px solid #fff;
	bottom: -20px;
	content: "";
	left: auto;
	position: absolute;
	right: -58px;
	top: 38px;
	-webkit-transform: rotate(-54deg) translate(-61px);
	transform: rotate(-54deg) translate(-61px);
}
.right_center:after {
	border-left: 1px solid #fff;
	border-right: none;
	right: auto;
	left: -58px;
	-webkit-transform: rotate(54deg) translate(61px);
	transform: rotate(54deg) translate(61px);
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
	margin-top: 1px;
}
/*
    =======================================
        KODE PILLARS WRAP END
    =======================================
*/

/*
    =======================================
        KODE SERVICES WRAP START
    =======================================
*/

.service_btn, .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 {
	margin-bottom: 30px;
}
.kode_service_des:hover figure img {
	opacity: 0.8;
}
.kode_service_text {
	position: relative;
	background: #ececec;
	padding: 24px;
	min-height: 212px;
}
.kode_service_text span {
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	margin: auto;
	border-radius: 100%;
	font-size: 42px;
	background-color: #eeeeee;
	display: inline-block;
	position: absolute;
	top: -50px;
}
.kode_service_text h4 {
	margin-bottom: 7px;
}
.kode_service_text p {
	margin-bottom: 0px;
}
.kode_service_text p i {
	margin-right: 10px;
}
.kode_service_text .right_arrow {
	position: absolute;
	top: 50%;
	right: 10px;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 27px;
	border-radius: 100%;
	border: 1px solid #e0e0e0;
	margin-top: -15px;
	opacity: 0;
}
.kode_service_des:hover .kode_service_text .right_arrow {
	right: 30px;
	opacity: 1;
}
.service_btn {
	text-align: center;
}
#service-selection>.row {
	padding: 0 30px;
}
/*
    =======================================
        KODE SERVICES WRAP END
    =======================================
*/

/*
    =======================================
        KODE PRAY WRAP START
    =======================================
*/

.kode_pray_fig, .kode_pray_text, .kode_pray_wrap {
	float: left;
	width: 100%;
}
.kode_pray_wrap {
	background-image: url("images/pattran-bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.kode_pray_wrap.them_overlay:before {
	background-color: #e8e8e8;
	opacity: 0.92;
}
.kode_pray_text {
	padding: 96px 0px 100px;
}
.kode_pray_text h5, .kode_pray_text h2 {
	margin-bottom: 9px;
}
.kode_pray_text h5 {
	font-weight: 600;
	margin-bottom: 20px;
}
.kode_pray_text p {
	color: #333333;
	font-weight: bolder;
	margin-bottom: 23px;
	padding-right: 55px;
}
.kode_pray_fig figure {
	width: auto;
	margin-top: -35px;
}
.kode_pillars_text>figure {
	bottom: -6px;
	position: relative;
}
.kode_gallery3_wrap.wrap_2 {
	background-color: #f7f7f7;
	padding: 80px 0px;
}
.kode_gallery3_wrap.wrap_2 .slick-prev::before, .kode_gallery3_wrap.wrap_2 .slick-next::before {
	color: #ddd
}
.kode_gallery3_wrap.wrap_2 {
	background-color: #f7f7f7;
	padding: 80px 0 75px;
}
/*
    =======================================
        KODE PRAY WRAP END
    =======================================
*/

/*
    =======================================
        KODE GALLERY WRAP START
    =======================================
*/

.kode_gallery_fig.fig_1, .kode_gallery_des, .kode_gallery_row, .kode_gallery_wrap {
	float: left;
	width: 100%;
}
.kode_gallery_wrap {
	padding: 80px 0px;
	background-color: #f7f7f7;
}
.kode_gallery_des {
	margin-bottom: 30px;
}
.kode_gallery_fig {
	float: left;
	width: 44%;
	margin-right: 34px;
}
.kode_gallery_fig:nth-child(2) {
	margin-right: 0px;
}
.kode_gallery_fig.fig_1.margin {
	margin-bottom: 30px;
}
.kode_gallery_fig a {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	text-align: center;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	background-color: #fff;
	border-radius: 100%;
	display: inline-block;
	margin: -40px auto;
	opacity: 0;
	z-index: 10;
}
.kode_gallery_fig:hover a {
	margin: -25px auto;
	opacity: 1;
}
.kode_gallery_fig a:hover {
	background-color: #000;
}
.kode_gallery_fig .them_overlay:before {
	opacity: 0;
	top: 100%;
	z-index: 9;
}
.kode_gallery_fig:hover .them_overlay:before {
	opacity: 0.78;
	top: 0;
}
.service_btn.view {
	margin-top: 10px;
}
/*
    =======================================
        KODE GALLERY WRAP END
    =======================================
*/

/*
    =======================================
        KODE TEAM WRAP START
    =======================================
*/

.kode_social_icon, .kode_tem_fig, .kode_team_wrap {
	float: left;
	width: 100%;
}
.kode_team_wrap {
	padding: 80px 0px;
}
.kode_tem_fig {
	padding: 0 15px;
}
.kode_tem_fig figcaption {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -53px;
	background-color: #444444;
	padding: 17px 0px 20px;
	text-align: center;
}
.kode_tem_fig:hover figcaption {
	bottom: 0px;
}
.kode_tem_fig figcaption p {
	margin-bottom: 14px;
}
.kode_social_icon li {
	display: inline-block;
	margin-right: 11px;
}
.kode_social_icon li a {
	display: inline-block;
	height: 33px;
	width: 33px;
	text-align: center;
	line-height: 33px;
	border-radius: 100%;
	border: 1px solid #f4f4f4;
}
/* SILCK SLIDER START*/

.kode_team_wrap .slick-prev, .kode_team_wrap .slick-next {
	background: #333333;
	display: block;
	height: 46px;
	position: absolute;
	top: 50%;
	width: 46px;
	z-index: 1;
}
.kode_team_wrap .slick-prev {
	left: -50px;
}
.kode_team_wrap .slick-next {
	right: -50px;
}
.kode_team_wrap .slick-prev:before, .kode_team_wrap .slick-next:before {
	line-height: 42px;
}
/*
    =======================================
        KODE TEAM WRAP END
    =======================================
*/

/*
    =======================================
        KODE CAUSE WRAP START
    =======================================
*/

.kode_cause_canvas, .kode_payment_list, .checkbox_radio, .radio_points, .kode_comment, .kode_donation_row, .kode_doantion_amount, .kode_donation_element, .kode_cause_text, .kode_cause_wrap {
	float: left;
	width: 100%;
}
.kode_cause_wrap {
	background-image: url("images/cause-bg.png");
	background-position: left center;
	background-repeat: no-repeat;
	position: relative;
	background-size: 51%;
	z-index: 99;
}
.kode_cause_wrap .section_hdg.hdg_2 {
	margin-bottom: 18px;
}
.kode_cause_wrap.them_overlay:before {
	background-color: #333;
	opacity: 0.9;
	width: 50%;
}
.kode_cause_wrap:after {
	bottom: 0;
	content: "";
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	z-index: -1;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f2e9), to(#f7f7f7));
	background: linear-gradient(#f7f2e9, #f7f7f7);
}
.kode_donate_des, .kode_cause_des {
	float: left;
	width: 50%;
}
.kode_cause_des {
	text-align: center;
	padding: 90px 100px;
}
.kode_cause_text {
	position: relative;
}
/* canvas style start*/

.kode_cause_text p {
	margin-bottom: 45px;
}
.kode_canvas_text, .kode_canvas_detail {
	float: left;
	width: 50%;
}
.kode_canvas_detail {
	text-align: right;
	padding-right: 50px;
	border-right: 1px solid #e8e8e8;
}
.kode_canvas_detail .position {
	margin: 0px 0px;
	float: right;
	text-align: right;
}
.kode_canvas_detail .progress-bar div span {
	background-color: #333333;
	border-radius: 50%;
	font-size: 40px;
	height: 120px;
	left: 6px;
	line-height: 120px;
	position: absolute;
	text-align: center;
	top: 6px;
	font-weight: lighter;
	width: 120px;
}
.kode_canvas_detail .progress-bar div {
	border-radius: 50%;
	height: 132px;
	position: absolute;
	width: 132px;
}
.kode_canvas_detail .progress-bar {
	height: 132px;
	width: 135px;
}
.kode_canvas_text {
	text-align: left;
	padding-left: 50px;
}
.kode_canvas_text li {
	display: inline-block;
	padding-bottom: 15px;
}
.kode_canvas_text li:first-child {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 15px;
}
.kode_canvas_text h5 {
	margin-bottom: 6px;
}
.kode_canvas_text h4 {
	font-weight: bold;
}
.kode_donate_des {
	padding: 27px 200px 33px;
}
.kode_doantion_amount {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 30px;
	margin-bottom: 28px;
}
.kode_donation_row h4, .kode_doantion_amount h4 {
	margin-bottom: 15px;
}
.kode_amount_list {
	float: left;
}
.kode_amount_list span {
	display: inline-block;
	color: #333333;
	width: 75px;
	height: 62px;
	line-height: 60px;
	text-align: center;
	border: 1px solid #dfdfdf;
	margin-right: 15px;
	font-weight: bold;
	cursor: pointer;
	font-size: 20px;
}
.kode_doantion_amount .kf_commet_field {
	float: left;
	width: auto;
	margin-left: 14px;
}
.kode_doantion_amount .kf_commet_field input {
	float: left;
	width: 180px;
	border: 1px solid #dfdfdf;
	background: none;
	height: 62px;
	font-size: 16px;
	font-weight: 500;
}
.kode_donation_item, .kf_commet_field {
	margin-bottom: 15px;
}
.kf_commet_field input {
	background: none;
	-webkit-box-shadow: 0px 0px;
	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;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}
.kode_donation_row .chosen-container-single .chosen-single div b:before {
	font-size: 16px;
	color: #bdbdbd;
}
.kode_donation_row .chosen-container-single .chosen-single div {
	background: none;
}
.kode_donation_row .chosen-container .chosen-drop {
	z-index: 99;
}
/*radio button start*/

.kode_payment_list h5 {
	margin-bottom: 15px;
}
.radio_points {
	margin-bottom: 30px;
}
.radio_points li {
	float: left;
	line-height: normal;
	margin-right: 30px;
}
.checkbox_radio {
	position: relative;
}
.checkbox_radio input {
	display: none;
}
.checkbox_radio span {
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0px;
	top: 3px;
	bottom: 0px;
	border: 1px solid #afafaf;
	border-radius: 100%;
	background-color: #dedede;
}
.checkbox_radio span:before {
	position: absolute;
	content: "";
	left: 2px;
	right: 2px;
	top: 2px;
	bottom: 2px;
	background: transparent;
	border-radius: 100%;
}
.checkbox_radio input[type="radio"]:checked~span:before {
	background-color: #666666;
}
.checkbox_radio label {
	float: left;
	width: 100%;
	padding-left: 20px;
	z-index: 10;
	position: relative;
	font-size: 14px;
	color: #666666;
	margin-bottom: 0px;
	cursor: pointer;
	margin-left: 6px;
}
.kode_payment_list .form-submit {
	margin-bottom: 0px;
}
/*
    =======================================
        KODE CAUSE WRAP END
    =======================================
*/

/*
    =======================================
        KODE BLOG WRAP START
    =======================================
*/

.kode_calender_detail li, .kode_calender_list, .kode_calender_detail, .koed_event_timer, .kode_event_des, .kode_event_row, .kode_meta, .kode_blog_list>ul>li, .kode_blog_fig, .kode_blog_list ul, .kode_blog_list, .kode_blog_row, .kode_blog_wrap {
	float: left;
	width: 100%;
}
.kode_blog_wrap {
	padding: 80px 0px;
}
.kode_blog_wrap .section_hdg {
	margin-bottom: 33px;
}
.kode_blog_list>ul>li {
	margin-bottom: 30px;
}
.kode_blog_list>ul>li:last-child {
	margin-bottom: 0px;
}
.kode_blog_fig figure {
	float: left;
	width: auto;
}
.kode_blog_fig .them_overlay:before {
	opacity: 0;
	top: 100%;
}
.kode_blog_fig:hover .them_overlay:before {
	opacity: 0.65;
	top: 0px;
	z-index: 9;
}
.kode_blog_text {
	overflow: hidden;
	padding: 25px 28px 28px 30px;
}
.kode_blog_fig:hover .kode_blog_text {
	background-color: #f7f7f7;
}
.kode_meta {
	margin-bottom: 13px;
}
.kode_meta.meta_2 li:last-child, .kode_meta li {
	float: left;
}
.kode_meta li:last-child {
	float: right;
}
.kode_meta li a {
	display: inline-block;
	color: #666666;
}
.kode_meta li a i {
	margin-right: 14px;
}
.kode_meta.meta_2 {
	margin-bottom: 0px;
}
.kode_meta.meta_2 a i {
	color: #b0b0b0;
}
.kode_meta.meta_2 li {
	float: left;
	padding: 0px 15px;
	line-height: normal;
	border-right: 1px solid #b0b0b0;
}
.kode_meta.meta_2 li:last-child {
	border-right: none;
}
.kode_meta.meta_2 li:first-child {
	padding-left: 0px;
}
.kode_blog_text h5 {
	margin-bottom: 14px;
}
.kode_blog_des figure .expand_btn, .kode_blog_fig .plus_icon {
	background-color: #ffffff;
	border-radius: 100%;
	bottom: 0;
	font-size: 18px;
	height: 40px;
	left: 0;
	line-height: 40px;
	margin: -40px auto auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	width: 40px;
	opacity: 0;
	z-index: 10;
}
.kode_blog_fig .plus_icon:hover {
	background-color: #000;
}
.kode_blog_des:hover .expand_btn, .kode_blog_fig:hover .plus_icon {
	margin: -20px auto auto;
	opacity: 1;
}
/* kode event row start */

.koed_event_timer .them_overlay:before {
	z-index: 9;
}
.koed_event_timer figcaption {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 25px 30px;
	z-index: 10;
}
.koed_event_timer figcaption h5 {
	margin-bottom: 16px;
}
.koed_event_timer figcaption ul li {
	float: left;
	margin-right: 42px;
}
.koed_event_timer figcaption ul li span {
	font-size: 36px;
}
.koed_event_timer figcaption ul li p {
	margin-bottom: 0px;
}
.kode_calender_detail {
	padding: 10px 30px;
	background-color: #f7f7f7;
}
.kode_calender_detail li {
	padding: 20px 0px;
	border-bottom: 1px solid #cbcbcb;
}
.kode_calender_detail li:last-child {
	border-bottom: none;
}
.kode_calender_list>span {
	display: inline-block;
	text-transform: uppercase;
	width: 65px;
	height: 70px;
	text-align: center;
	padding: 10px;
	background-color: #333333;
	font-size: 24px;
	font-weight: 400;
	float: left;
	border-radius: 2px;
}
.kode_calender_list>span i {
	font-size: 16px;
	font-style: normal;
}
.kode_event_text {
	overflow: hidden;
	padding: 1px 0px 0px 10px;
}
.kode_event_text h4 {
	margin-bottom: 7px;
}
.kode_event_text h4 a, .kode_event_text p {
	color: #44555a;
}
.kode_event_text h4 a {
    font-size: 24px;
    font-weight: 500;
    color: #007d4e;
    display: block;
    font-family: 'Catamaran', 'Helvetica', sans-serif;
}
.kode_event_text p {
	margin-bottom: 12px;
}
.kode_event_text h6 {
	line-height: 22px;
	margin-bottom: 6px;
	margin-top: -5px;
}
/*
    =======================================
        KODE BLOG WRAP END
    =======================================
*/

/*
    =======================================
        KODE CLIENT WRAP START
    =======================================
*/

.kode_product_rating, .kode_product_text, .kode_product_list, .kode_client_text, .kode_client_wrap {
	float: left;
	width: 100%;
}
.kode_client_wrap {
	background-color: #f7f7f7;
	padding: 80px 0px 50px;
}
.kode_client_text {
	text-align: center;
	padding: 25px 25px;
	position: relative;
	margin-bottom: 80px;
}
.kode_client_text:hover {
	background-color: #ffffff;
}
.kode_client_text p {
	position: relative;
	margin-bottom: 10px;
}
.kode_client_text p:before, .kode_client_text p:after {
	position: absolute;
	content: "\f10d";
	top: -4px;
	left: 3px;
	bottom: 0px;
	font-size: 12px;
	font-family: fontawesome;
	color: #b7b7b7;
}
.kode_client_text p:before {
	left: auto;
	right: 50px;
	top: auto;
	bottom: -5px;
	content: "\f10e";
}
.kode_client_text h6 {
	text-transform: uppercase;
	margin-bottom: 26px;
}
.kode_client_text figure {
	width: auto;
	display: inline-block;
	border-radius: 100%;
	float: none;
	position: absolute;
	left: 0px;
	right: 0px;
}
.kode_client_text:hover figure {
	transform: scale(0.2);
	-moz-transform: scale(0.2);
	-webkit-transform: scale(0.2);
}
.kode_client_text .fig_hover {
	transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	opacity: 0;
}
.kode_client_text:hover .fig_hover {
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
}
.kode_client_text figure img {
	border-radius: 100%;
	float: none;
	width: auto;
	margin: auto;
}
.kode_client_text:hover figure img {
	opacity: 0.8;
}
/* product style */

.kode_product_list {
	background-color: #fff;
}
.kode_product_list>h5 {
	padding: 15px 30px 13px;
}
.kode_product_list figure {
	border-bottom: 1px solid #d2d2d2;
}
.kode_product_list h6 {
	position: absolute;
	top: 30px;
	left: 0px;
	padding: 6px 15px 4px;
	background-color: #333333;
	border-radius: 2px;
}
.kode_product_text {
	padding: 17px 30px 13px;
	border-bottom: 1px solid #d2d2d2;
}
.kode_product_text h5 {
	margin-bottom: 5px;
}
.kode_product_text span:last-child {
	font-weight: 500;
	margin-left: 10px;
}
.kode_product_rating {
	padding: 11px 30px 9px;
}
.product_icon li, .rating_star li, .rating_star {
	float: left;
	width: auto;
}
.rating_star li a {
	display: inline-block;
	padding: 0px 2px;
	color: #fcc73d;
}
.kode_product_list .slick-prev:hover:before, .kode_product_list .slick-next:hover:before, .rating_star li a:hover {
	color: #000;
}
.product_icon {
	float: right;
	width: auto;
}
.product_icon li {
	margin-right: 15px;
}
.product_icon li a {
	display: inline-block;
	color: #333333;
}
/* slick slider start */

.kode_product_list .slick-prev, .kode_product_list .slick-next {
	top: -25px;
	background: none;
	height: 20px;
	right: 23px;
	width: 20px;
}
.kode_product_list .slick-prev {
	right: 46px;
	left: auto;
}
.kode_product_list .slick-prev:before, .kode_product_list .slick-next:before {
	content: "\f105";
	line-height: 20px;
	font-size: 18px;
}
.kode_product_list .slick-prev:before {
	content: "\f104";
}
/*
    =======================================
        KODE CLIENT WRAP END
    =======================================
*/

/*
    =======================================
        KODE NEWSLETTER WRAP START
    =======================================
*/

.kode_newsletter_form form, .kode_newsletter_des, .kode_newsletter_wrap {
	float: left;
	width: 100%;
}
.kode_newsletter_des {
	padding: 17px 0px 13px;
	border-right: 1px solid #a37a39;
}
.kode_newsletter_des span {
	display: inline-block;
	font-size: 50px;
	color: #ebd0a7;
	float: left;
}
.kode_newsletter_text {
	overflow: hidden;
	padding-left: 30px;
}
.kode_newsletter_text h5 {
	padding-bottom: 5px;
	margin-bottom: 10px;
	position: relative;
}
.kode_newsletter_text p {
	margin-bottom: 0px;
}
/* kode newsletter form start */

.kode_newsletter_form {
	float: right;
	padding: 22px 0 23px;
}
.kode_newsletter_form .kf_commet_field {
	float: left;
	margin-bottom: 0px;
}
.kode_newsletter_form .kf_commet_field input {
	float: left;
	background: none;
	width: 288px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	color: #fff;
}
.kode_newsletter_form .kf_commet_field input:focus {
	-webkit-box-shadow: 0px 0px 3px 0px;
	box-shadow: 0px 0px 3px 0px;
}
.kode_newsletter_form .form-submit {
	margin-left: 30px;
	margin-bottom: 0px;
}
.kode_newsletter_form .form-submit input {
	float: left;
	width: auto;
	margin-bottom: 0px;
	cursor: pointer;
	border: none;
	background-color: #333;
}
.widget_event.event_2 .medium_btn:hover, .kode_newsletter_form .kf_commet_field .medium_btn:hover {
	background-color: #fff;
	color: #000;
}
.kode_newsletter_form .form-submit input:hover {
	-webkit-box-shadow: 0px 0px 1px 1px;
	box-shadow: 0px 0px 1px 1px;
}
.kf_commet_field button {
	margin-left: 30px;
	cursor: pointer;
}
/*
    =======================================
        KODE NEWSLETTER WRAP END
    =======================================
*/

/*
    =======================================
        WIDGET WRAP START
    =======================================
*/

.widget_call_info li, .widget_call_info, .widget_logo, .widget_wrap {
	float: left;
	width: 100%;
}
.widget_wrap {
	padding: 60px 0px;
	position: relative;
}
footer .widget_wrap {
	background: #fff;
	border-top: 1px solid #e5e5e5;
}
.widget_wrap.them_overlay:before {
	background-color: #202020;
	opacity: 0.98;
}
.widget_logo img {
	margin-bottom: 25px;
}
.widget_logo p {
	margin-bottom: 18px;
}
.widget_call_info {
	padding-bottom: 25px;
	border-bottom: 1px solid #393535;
	margin-bottom: 30px;
}
.widget_call_info li {
	margin-bottom: 7px;
}
.widget_call_info li:last-child {
	margin-bottom: 0px;
}
.widget_call_info li a {
	display: inline-block;
}
.widget_call_info li a i {
	margin-right: 20px;
}
.widget_social_icon li {
	float: left;
	margin-right: 4px;
}
.widget_social_icon li:last-child {
	margin-right: 20px;
}
footer .logo-social {
    width: 171px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.widget_social_icon li a {
	display: inline-block;
	height: 42px;
	width: 42px;
	text-align: center;
	line-height: 42px;
	border: 1px solid rgba(255, 255, 255, 0);
	font-size: 16px;
	border-radius: 2px;
	/*background: #4b737e;*/
}
.widget_social_icon li a .fa {
	color: #7e8489;
	font-size: 20px;
}
.widget_social_icon li a.hvr-ripple-out::before {
	border-radius: 50%;
	border-color: #105b27;
}
/* widget event start */

.kode_textarea, .widget_event {
	float: left;
	width: 100%;
}
.widget_title {
	position: relative;
	padding: 16px 0px 12px 0px;
}
.widget_title:before {
	width: 80px;
}
.widget_event .kode_calender_detail {
	background: none;
	padding: 0px 0px;
}
.widget_event .kode_calender_detail li {
	border-color: #454343;
}
.widget_event .kode_calender_detail li:first-child {
	padding-top: 0px;
}
.widget_event .kode_event_text {
	padding-left: 20px;
}
.widget_event .kf_commet_field input {
	border-color: #454343;
}
.kode_textarea {
	margin-bottom: 30px;
}
.widget_event .kode_textarea textarea {
	height: 128px;
	width: 100%;
	background: none;
	border-color: #454343;
	padding: 15px 15px;
	resize: none;
}
.form-submit {
	width: auto;
}
.comment-form button, .widget_event .form-submit .medium_btn {
	cursor: pointer;
}
/*
    =======================================
        WIDGET WRAP END
    =======================================
*/

/*
    =======================================
        WIDGET COPYRIGHT START
    =======================================
*/

.copyright_text, .widget_copyright {
	float: left;
	width: 100%;
}
.widget_copyright {
	background-color: #007d4e;
}
.copyright_text p {
	float: left;
	margin: 0px 0px;
	padding: 18px 0;
	font-size: 14px;
}
.top_btn {
	float: right;
	display: inline-block;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	margin: auto;
	font-size: 30px;
}
.top_btn:hover {
	background-color: #fff;
}
/*
    =======================================
        WIDGET COPYRIGHT END
    =======================================
*/

.widget_event .kode_textarea textarea::-moz-placeholder, .widget_event .kf_commet_field input[type="text"]::-moz-placeholder, .kode_newsletter_form .kf_commet_field input[type="text"]::-moz-placeholder {
	color: #fff;
}
.kode_search .kf_commet_field input::-webkit-input-placeholder, .kode_comments .kode_textarea textarea::-webkit-input-placeholder, .kode_comments .kf_commet_field input::-webkit-input-placeholder, .widget_event .kode_textarea textarea::-webkit-input-placeholder, .widget_event .kf_commet_field input::-webkit-input-placeholder, .kode_newsletter_form .kf_commet_field input::-webkit-input-placeholder {
	color: #fff;
}
.kode_search.margin .kf_commet_field input::-webkit-input-placeholder, .kode_search.margin .kode_textarea textarea::-webkit-input-placeholder, .kode_comments.comment_2 .kf_commet_field input::-webkit-input-placeholder, .kode_comments.comment_2 .kode_textarea textarea::-webkit-input-placeholder, .kode_comments.margin .kode_textarea textarea::-webkit-input-placeholder, .kode_comments.margin .kf_commet_field input::-webkit-input-placeholder {
	color: #999;
}
.kode_comments.margin .form-submit .medium_btn:hover {
	background-color: #000;
	color: #fff;
}
/*
    ============================================================================
                    HOME PAGE 01 START
    ============================================================================
*/

/*
    =======================================
        KODE TOP2 WRAP START
    =======================================
*/

.kode_top2_row, .kode_top2_wrap {
	float: left;
	width: 100%;
}
.kode_top2_wrap {
	border-bottom: none;
	background: #fff;
	background-size: 17%;
}
.kode_top2_info {
	float: left;
	width: 65%;
}
.kode_top2_info li {
	float: left;
	padding: 11px 30px 9px;
	border-right: 1px solid #d9d9d9;
}
.kode_top2_info li:first-child {
	padding-left: 0px;
}
.kode_top2_info li:last-child {
	border-right: none;
}
.kode_top2_info li span {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	line-height: normal;
	margin-bottom: 1px;
}
.kode_top2_info li span i {
	margin-right: 10px;
}
.kode_top2_info li a {
	display: block;
	font-size: 14px;
	color: #666666;
}
.kode_top2_icon {
	float: right;
	text-align: right;
	width: auto;
}
.kode_top2_icon ul li, .kode_top2_icon ul {
	float: left;
}
.kode_top2_icon>ul>li {
	padding: 14px 18px 11px;
	list-style: none;
}
.kode_top2_icon>ul>li a {
	display: inline-block;
	position: relative;
	font-size: 18px;
}
.kode_top2_icon>ul>li a span {
	background-color: #ffffff;
	border-radius: 100%;
	-webkit-box-shadow: 0 0 7px -3px #000000;
	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;
}
#mega-menu-wrap-primary #mega-menu-primary .widget_text .textwidget p, #mega-menu-wrap-primary #mega-menu-primary .widget_text .textwidget strong {
	color: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary .widget_text .textwidget strong {
	font-size: 120%;
	font-weight: bold;
}
#mega-menu-wrap-primary #mega-menu-primary .widget_text .textwidget a {
	font-weight: bold;
	text-decoration: underline;
}
#mega-menu-wrap-primary #mega-menu-primary .widget_text .textwidget a:hover {
	color: #fff;
	opacity: 0.8;
}
/* drop down style */

.kode_top2_icon .dropdown {
	cursor: pointer;
}
.kode_top2_icon .dropdown span {
	margin-left: 4px;
}
.kode_top2_icon .dropdown ul {
	left: -20px;
	padding: 0;
	top: 40px;
	width: 150px;
	background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
}
.kode_top2_icon .dropdown ul li {
	width: 100%;
}
.kode_top2_icon .dropdown ul li a {
	padding: 6px 15px;
	display: block;
}
/* donate btn start */

.donate_btn .modal-body, .donate_btn .modal-content {
	float: left;
	width: 100%;
}
.has-left-divider {
	position: relative;
}
.has-left-divider::before {
	content: '';
	position: absolute;
	left: -1px;
	height: 60%;
	width: 2px;
	display: block;
	background: #fff;
	z-index: 9999;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 2px;
	padding: 0;
}
.donate_btn {
	display: inline-block;
	float: right;
	padding: 8px 0 9px;
	cursor: pointer;
}
.donate_btn .modal-content {
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f2e9), to(#f7f7f7));
	background: linear-gradient(#f7f2e9, #f7f7f7);
}
.donate_btn .kode_payment_list h5, .donate_btn .kode_doantion_amount h4, .donate_btn .kode_donation_row h4 {
	text-align: left;
}
.donate_btn .modal-body, .donate_btn .kode_donate_des {
	width: 100%;
	padding: 0px 0px;
}
.donate_btn .modal-dialog {
	margin: 60px auto;
}
.donate_btn .modal-content {
	padding: 30px 24px;
}
.donate_btn .chosen-results li {
	width: 100%;
	text-align: left;
}
.donate_btn .kode_payment_list {
	padding: 10px 0;
}
.donate_btn button.close {
	border-radius: 100%;
	height: 25px;
	line-height: 20px;
	opacity: 1;
	position: absolute;
	right: -6px;
	top: -8px;
	width: 25px;
	z-index: 9999;
	background-color: #fff;
}
.donate_btn .close>span {
	position: relative;
	top: -2px;
}
/*
    =======================================
        KODE TOP2 WRAP END
    =======================================
*/

/*
    =======================================
        KODE NAVIGATION WRAP START
    =======================================
*/

.header {
	float: left;
	width: 100%;
}
.header .top_logo {
	float: left;
	width: 15%;
	padding: 0 0 0;
	margin-top: -36px;
}
.header .navigation {
	float: right;
	width: auto;
}
.header .navigation>ul {
	text-align: left;
	margin-right: 0;
	padding: 0;
	margin: 0;
}
.header .navigation>ul>li {
	margin-left: 0;
	padding: 0;
}
.header .navigation ul>li>a {
	padding: 0px 0px;
	font-size: 14px;
	font-weight: 500;
}
.header .navigation ul li a:hover:before, .header .navigation ul li a:hover {
	background: none;
}
/* navigation drop down style*/

.header .navigation ul ul {
	width: 200px;
	border-top: 2px solid;
	border-bottom: 3px solid;
}
.header .navigation ul ul li a {
	padding: 8px 15px;
	text-transform: uppercase;
}
.header .navigation ul li:hover>ul {
	top: 58px;
}
.kode_navi_icon {
	float: right;
	padding: 17px 0 13px;
}
.kode_navi_icon li {
	float: left;
}
.kode_navi_icon li {
	margin-right: 15px;
}
.kode_navi_icon li a {
	display: inline-block;
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 32px;
	background-color: #f2f2f2;
	border-radius: 100%;
	color: #bcbcbc;
}
/*
    =======================================
        KODE NAVIGATION WRAP END
    =======================================
*/

/*
    =======================================
        KODE BANNER2 WRAP START
    =======================================
*/

.kode_banner2_des {
	float: left;
	width: 100%;
}
.kode_banner2_fig {
	position: absolute;
	left: 53%;
	bottom: 0px;
	text-align: center;
}
.kode_banner2_fig figure {
	width: auto;
}
.kode_banner_wrap.banner2 .them_overlay:before {
	background-color: transparent;
}
.kode_banner_wrap.banner2 .kode_banner_text {
	margin-top: -128px;
}
.home .kode_banner_wrap .them_overlay {
	height: 39vw;
	background-size: cover;
	background-position: center;
}
.kode_banner_wrap.banner2 .kode_banner_text .large_text {
	font-size: 44px;
	margin-bottom: 7px;
	text-shadow: 0px 2px 6px rgba(22, 24, 49, 0.3);
}
.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: 18px;
	font-weight: 400;
}
.kode_banner_wrap.banner2 .slick-prev, .kode_banner_wrap.banner2 .slick-next {
	height: 58px;
	width: 58px;
	background: none;
	left: 70px;
	opacity: 0;
}
.kode_banner_wrap.banner2:hover .slick-prev, .kode_banner_wrap.banner2:hover .slick-next {
	opacity: 1;
}
.kode_banner_wrap.banner2 .slick-next {
	right: 70px;
	left: auto;
}
.kode_banner_wrap.banner2 .slick-prev:before, .kode_banner_wrap.banner2 .slick-next:before {
	opacity: 0.5;
	content: "\f104";
}
.kode_banner_wrap.banner2 .slick-next:before {
	content: '';
	background: url(/wp-content/themes/simper/images/next.png);
	background-size: contain;
}
.kode_banner_wrap.banner2 .slick-prev:before {
	content: '';
	background: url(/wp-content/themes/simper/images/back.png);
	background-size: contain;
}
.kode_banner_wrap.banner2 .slick-prev:hover::before, .kode_banner_wrap.banner2 .slick-next:hover::before {
	opacity: 0.8;
}
.kode_banner_wrap.banner2 .slick-prev:active, .kode_banner_wrap.banner2 .slick-next:active {
	outline: none;
}
/*
    =======================================
        KODE BANNER2 WRAP END
    =======================================
*/

.fa.next {
	background: url(/wp-content/themes/simper/images/next.png) center no-repeat;
	width: 15px;
	height: 14px;
	background-size: 15px;
	position: absolute;
	top: 13px;
	right: 9px;
}
/*
    =======================================
        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 {
	-webkit-transform: skew(-17deg) translate(44px);
	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;
	-webkit-transform: skew(-17deg) translate(44px);
	transform: skew(-17deg) translate(44px);
}
.kode_mosque2_wrap {
	padding: 0;
}
.section_hdg.hdg_4 h3 {
	display: block;
	color: #007d4e;
}
.kode_mosque2_text p {
	margin-bottom: 18px;
}
.kode_mosque2_text p:last-child {
	margin-bottom: 23px;
}
/*
    =======================================
        KODE MOSQUE2 WRAP END
    =======================================
*/

/*
    =======================================
        KODE PILLARS WRAP PILLARS 2 START
    =======================================
*/

.section_hdg.hdg_2.hdg_3.hdg_4 {
	margin-bottom: 88px;
}
.kode_pillars_wrap.pillare_2 {
	background-color: #f8f8f8;
	background-image: none;
	overflow: hidden;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_text {
	border-radius: 100%;
	height: 550px;
	margin-bottom: -110px;
	padding: 80px 0 0;
	width: 572px;
	background-image: url("images/piller-bg.png");
	background-repeat: no-repeat;
	z-index: 999;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_text:after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000;
	opacity: 0.6;
	border-radius: 100%;
	z-index: -1;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_text:before {
	border: 3px dotted;
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
	border-radius: 100%;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_text figure img, .kode_pillars_wrap.pillare_2 .kode_pillars_text figure {
	width: auto;
	float: none;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_item {
	margin-bottom: 0px;
}
.kode_pillars_wrap.pillare_2 .center:after, .kode_pillars_wrap.pillare_2 .right_bottom:after, .kode_pillars_wrap.pillare_2 .left_bottom:after, .kode_pillars_wrap.pillare_2 .right_center:after, .kode_pillars_wrap.pillare_2 .left_center:after, .kode_pillars_wrap.pillare_2 .kode_pillars_item li a:before {
	border: none;
}
.kode_pillars_wrap.pillare_2 .right_bottom, .kode_pillars_wrap.pillare_2 .left_bottom {
	left: 103px;
	right: auto;
}
.kode_pillars_wrap.pillare_2 .right_bottom {
	left: auto;
	right: 103px;
}
.kode_pillars_wrap.pillare_2 .right_center, .kode_pillars_wrap.pillare_2 .left_center {
	bottom: 296px;
	left: 170px;
}
.kode_pillars_wrap.pillare_2 .right_center {
	right: 170px;
	left: auto;
}
.kode_pillars_wrap.pillare_2 .center {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 128px;
}
.kode_services_wrap.service_2 {
	background-color: #f7f7f7;
}
/*
    =======================================
        KODE PILLARS WRAP PILLARS 2 END
    =======================================
*/

/*
    =======================================
        KODE BUILDING WRAP START
    =======================================
*/

.kode_building_des, .kode_building_wrap {
	float: left;
	width: 100%;
}
.kode_building_wrap {
	background-image: url("images/bulding.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 105px 0px;
}
.kode_building_wrap.them_overlay:before {
	opacity: 0.94;
	background-color: #252525;
}
.kode_building_des figure {
	width: auto;
	border-radius: 100%;
}
.kode_building_des .them_overlay:before {
	opacity: 0;
}
.kode_building_des:hover .them_overlay:before {
	opacity: 0.3;
	z-index: 99;
}
.kode_building_text {
	overflow: hidden;
	padding-left: 30px;
}
.kode_building_text h3, .kode_building_text h4 {
	margin-bottom: 10px;
}
.kode_building_text h3 {
	margin-bottom: 17px;
}
.kode_building_text p {
	margin-bottom: 28px;
}
.kode_canvas_detail.canvas_2 {
	border-right: medium none;
	float: right;
	padding: 30px 50px 0 0;
	width: auto;
}
.kode_canvas_detail.canvas_2 .progress-bar div {
	height: 184px;
	width: 184px;
}
.kode_canvas_detail.canvas_2 .progress-bar div span {
	height: 170px;
	width: 170px;
	line-height: 148px;
}
.kode_canvas_detail.canvas_2>span {
	font-size: 18px;
	left: 8px;
	position: relative;
	top: -27px;
}
/*
    =======================================
        KODE BUILDING WRAP END
    =======================================
*/

/*
    =======================================
        KODE CLIENT WRAP CLIENT 2 START
    =======================================
*/

.kode_client_wrap.client_2 {
	background: none;
}
.kode_client_wrap.client_2 .kode_client_text:hover {
	background-color: #f7f7f7;
}
/*
    =======================================
        KODE CLIENT WRAP CLIENT 2 END
    =======================================
*/

/*
    =======================================
        KODE GALLERY WRAP START
    =======================================
*/

.kode_gallery_detail {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.kode_gallery_list {
	float: left;
	width: 50.5%;
}
.kode_gallery_list.list_2 {
	margin-right: 11px;
	width: 48.4%;
}
.kode_gallery_list .kode_gallery_fig {
	width: 100%;
	margin-bottom: 10px;
}
.kode_gallery_list .kode_gallery_fig figure {
	width: auto;
}
.kode_gallery_fig.fig_2 {
	float: left;
	width: 49%;
	margin-right: 10px;
	margin-bottom: 10px;
}
/*
    =======================================
        KODE GALLERY WRAP END
    =======================================
*/

/*
    =======================================
        KODE EVENT WRAP START
    =======================================
*/

.kode_event_video, .kode_event_fig, .kode_calender_detail.detail_2 .kode_event_text span, .kode_event_wrap {
	float: left;
	width: 100%;
}
.kode_event_wrap {
	padding: 76px 0 79px;
}
.kode_calender_detail.detail_2 {
	padding: 0px 0px;
	background: none;
}
.kode_calender_detail.detail_2 li:first-child {
	padding-top: 0px;
}
.kode_calender_detail.detail_2 li:last-child {
	padding-bottom: 0px;
}
.kode_calender_detail.detail_2 .kode_calender_list>span {
	width: 95px;
	height: 107px;
	font-size: 36px;
	font-weight: bold;
	padding: 25px 0px;
}
.kode_calender_detail.detail_2 .kode_calender_list>span i {
	font-size: 24px;
	display: block;
	font-weight: 400;
	margin-top: 12px;
}
.kode_calender_detail.detail_2 .kode_event_text {
	padding-left: 30px;
}
.kode_calender_detail.detail_2 .kode_event_text h4 {
	margin-bottom: 7px;
}
.kode_calender_detail.detail_2 .kode_event_text p {
	margin-bottom: 6px;
	font-weight: normal;
}
.kode_event_text span i {
	margin-right: 8px;
}
.kode_event_text span a {
	display: inline-block;
}
.kode_event_fig a {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin: auto;
	font-size: 75px;
	text-align: center;
	margin-top: -40px;
	z-index: 10;
}
.kode_event_fig .them_overlay:before {
	opacity: 0.45;
	z-index: 9;
}
/*
    =======================================
        KODE EVENT WRAP END
    =======================================
*/

/*
    =======================================
        WIDGET WRAP WIDGET 02 START
    =======================================
*/

.widget_wrap.widget_2.them_overlay:before {
	opacity: 0.85;
	background-color: #131313;
}
.widget_event.event_2 .kode_textarea textarea, .widget_event.event_2 .kf_commet_field input, .widget_logo.logo_2 .widget_call_info {
	border-color: #fff;
}
.form-submit .medium_btn {
	cursor: pointer;
}
.widget_event.event_2 .form-submit .medium_btn:hover {
	background-color: #fff;
}
.widget_event.event_2 .kode_calender_list>span {
	background-color: #989898;
}
/*
    =======================================
        WIDGET WRAP WIDGET 02 END
    =======================================
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        ABOUT US PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    =======================================
        KODE SAB BANNER WRAP START
    =======================================
*/

.sab_banner_text, .kode_sab_banner_wrap {
	float: left;
	width: 100%;
}
.kode_sab_banner_wrap {
	padding: 160px 0;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-color: #47a6a9;*/
}
@-webkit-keyframes shafaqat {
	0% {
		background-position: 50% 0
	}
	100% {
		background-position: 120px 0%
	}
}
body .kode_sab_banner_wrap.them_overlay::before {
	/*background-color: #47a6a9;*/
}
body .kode_sab_banner_wrap.them_overlay.featured-image {
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
	background-blend-mode: color;
	overflow: hidden;
}
body .kode_sab_banner_wrap.them_overlay.featured-image>.container {
	position: relative;
	z-index: 8;
}
body .kode_sab_banner_wrap.them_overlay.featured-image:before {
	content: '';
	position: absolute;
	background-image: inherit;
	top: -5%;
	left: -5%;
	width: 110%;
	height: 110%;
	background-size: cover;
	background-position: 50% 50%;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	z-index: 5;
}
body.single-event .kode_sab_banner_wrap.them_overlay.featured-image {
	/*-webkit-filter: blur(26px);*/
	/*filter: blur(26px);*/
	min-height: 392px;
}
body .kode_sab_banner_wrap.them_overlay.featured-image.top {
	background-position: 50% 0%;
}
body .kode_sab_banner_wrap.them_overlay.featured-image.bottom {
	background-position: 50% 0%;
}
body .kode_sab_banner_wrap.them_overlay.featured-image::before {
	background-color: rgba(0, 0, 0, 0.22);
}
body .kode_sab_banner_wrap.them_overlay.featured-image.w-title::before {
	background-color: rgba(0, 0, 0, 0.22);
}
body .kode_sab_banner_wrap.them_overlay.featured-image.w-title .blog-title {
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.31);
}
@keyframes shafaqat {
	0% {
		background-position: 50% 0
	}
	100% {
		background-position: 120px 0%
	}
}
.kode_sab_banner_wrap.them_overlay:before {
	opacity: 0.97;
}
.sab_banner_text {
	text-align: center;
	position: relative;
}
.sab_banner_text h2 {
	margin-bottom: 19px;
}
.breadcrumbs {
	display: inline-block;
	background-color: #fff;
	padding: 8px 24px;
	border-radius: 2px;
}
.breadcrumbs li {
	margin-right: 33px;
	position: relative;
	display: inline-block;
}
.breadcrumbs li:last-child {
	margin-right: 0px;
}
.breadcrumbs li strong {
	text-transform: uppercase;
	font-size: 14px;
}
.breadcrumbs li:last-child:before {
	content: "";
}
.sab_banner_text li:before {
	position: absolute;
	content: "\f101";
	top: 1px;
	right: -23px;
	bottom: 0px;
	font-family: fontawesome;
	font-size: 14px;
}
/*
    =======================================
        KODE SAB BANNER WRAP END
    =======================================
*/

/*
    =======================================
        KODE PHILOSOPHY WRAP START
    =======================================
*/

.kode_philosophy_text, .kode_Philosophy_wrap {
	float: left;
	width: 100%;
}
.kode_Philosophy_wrap {
	padding: 80px 0px 120px;
	background-image: url("images/philosophy-pt.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.kode_Philosophy_wrap.them_overlay:before {
	background-color: #fff;
	opacity: 0.95;
}
.kode_philosophy_text {
	text-align: center;
	padding: 30px 25px;
	border: 1px solid #d5d5d5;
	background-color: #fff;
}
.kode_philosophy_text:hover {
	-webkit-box-shadow: 0px 0px 25px -12px;
	box-shadow: 0px 0px 25px -12px;
}
.kode_philosophy_text span {
	display: inline-block;
	height: 99px;
	width: 99px;
	text-align: center;
	line-height: 99px;
	background-color: #5c5c5c;
	border-radius: 100%;
	font-size: 42px;
	margin-bottom: 17px;
}
.kode_philosophy_text h4 {
	padding-bottom: 11px;
	margin-bottom: 10px;
	position: relative;
}
.kode_philosophy_text h4:before {
	position: absolute;
	content: "";
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 132px;
	border-bottom: 1px solid #d2d2d2;
	margin: auto;
}
.kode_philosophy_text p {
	margin-bottom: 20px;
}
/*slick slider start*/

.kode_Philosophy_wrap .slick-slide {
	padding: 0 15px;
}
.kode_Philosophy_wrap .slick-dots {
	border: 1px solid;
	bottom: -70px;
	float: none;
	left: 0;
	margin: auto;
	padding: 1px 0 10px;
	position: absolute;
	right: 0;
	text-align: center;
	width: 140px;
}
.kode_Philosophy_wrap .slick-dots li button {
	padding: 0px 0px;
	height: 14px;
	width: 14px;
}
.kode_Philosophy_wrap .slick-dots li {
	cursor: pointer;
	display: inline-block;
	height: 14px;
	margin: 0 5px;
	padding: 0;
	position: relative;
	width: 14px;
	background-color: #d4d4d4;
	border-radius: 100px;
}
.kode_Philosophy_wrap .slick-dots li button:before {
	content: "";
}
.kode_Philosophy_wrap .slick-prev, .kode_Philosophy_wrap .slick-next {
	display: none !important;
}
/*
    =======================================
        KODE PHILOSOPHY WRAP END
    =======================================
*/

/*
    =======================================
        KODE CLIENT WRAP CLIENT 3 START
    =======================================
*/

.kode_client_wrap.client_3 {
	padding: 80px 0px 138px;
}
.kode_client_wrap.client_3 .kode_client_text {
	background-color: #fff;
}
.kode_client_wrap.client_3 .kode_client_text p:after {
	left: -3px;
}
.kode_client_wrap .slick-slide {
	padding: 0px 15px;
}
.kode_client_wrap.client_3 .slick-prev, .kode_client_wrap.client_3 .slick-next {
	top: auto;
	bottom: -80px;
	left: -55px;
	right: 0px;
	text-align: center;
	margin: auto;
	height: 46px;
	width: 46px;
	background-color: #333333;
	border-radius: 2px;
}
.kode_client_wrap.client_3 .slick-next {
	right: -115px;
}
.kode_client_wrap.client_3 .slick-prev:before, .kode_client_wrap.client_3 .slick-next:before {
	line-height: 46px;
}
/*
    =======================================
        KODE CLIENT WRAP CLIENT 3 END
    =======================================
*/

.sub-menu.navbar {
	background-color: #00804e;
	border: none;
	border-radius: 0;
	min-height: 60px;
	position: absolute;
	z-index: 99;
	width: 100%;
	margin-top: -92px;
}
.sub-menu.navbar .navbar-nav {
	float: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.sub-menu.navbar .navbar-nav>li>a {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 19px 10px 18px;
	line-height: 23px;
}
.sub-menu.navbar .navbar-nav>li>a:hover, .sub-menu.navbar .navbar-nav>li.current-menu-item>a {
	opacity: 0.6;
}
.brochure-slider img, .magazine-slider img {
	border: 1px solid #d4dee1;
}
.slider.page-content-block {
	padding-top: 0;
}
.magazine-slider .slick-slide:not(:last-child), .brochure-slider .slick-slide:not(:last-child) {
	margin-right: 20px;
}
.page-video {
	padding: 30px 0 60px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.page-content-block {
    position: relative;
	padding: 0 30px 40px 30px;
    z-index: 1;
}
.page-content-block.contact-widgets {
    z-index: 0;
}
.page-content-block h2[id]:not(.anchor):before {
    display: block;
    content: " ";
    margin-top: -240px;
    height: 240px;
    visibility: hidden;
}
.page-content-block h2.empty-block:before {
    margin-top: -280px;
}
.page-hr {
	border-color: #2fa7ab;
	opacity: .4;
	border-width: 1px;
	margin: 0;
}
.pull-out-quote img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.jobs tr {
	border: none;
	border-bottom: 1px solid rgba(47, 167, 171, 0.4);
}
.jobs th, .jobs td {
	border: none;
	padding: 15px 0;
}
.jobs thead tr {
	border-bottom-width: 2px;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        BLOG PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    =======================================
        KODE BLOG MADIUM WRAP START
    =======================================
*/

.kode_blog_des, .kode_blog_madium_wrap {
	float: left;
	width: 100%;
}
.kode_blog_madium_wrap {
	padding: 96px 0px;
	background-color: #f7f7f7;
}
.kode_blog_madium_wrap>.container {
	background: #fff;
	padding-top: 48px;
	z-index: 9;
	position: relative;
}
.kode_blog_madium_wrap>.container:not(:last-child) {
	margin-bottom: 30px;
}
.page-template-template-events .kode_blog_madium_wrap>.container {
	margin-bottom: 95px;
}
.kode_blog_madium_wrap>.container:not(#event):first-child {
	margin-top: -35px;
	padding: 0;
}
.full-width-banner img, .kode_mosque2_wrap>.container, .kode_blog_madium_wrap>.container {
	border-radius: 2px;
}
.kode_blog_madium_wrap.wrap_2 {
	padding: 80px 0px 50px;
}
.kode_blog_des .kode_blog_text {
	padding: 27px 30px 30px 30px;
	position: relative;
}
.kode_blog_des {
	margin-bottom: 30px;
	background-color: #fff;
}
.kode_blog_des:hover figure img {
	transform: scale(1.7);
	-moz-transform: scale(1.7);
	-webkit-transform: scale(1.7);
}
.kode_blog_des .them_overlay:before {
	opacity: 0;
	z-index: 9;
}
.kode_blog_des:hover .them_overlay:before {
	opacity: 0.65;
}
.kode_blog_des:hover {
	-webkit-box-shadow: 0 0 10px -1px;
	box-shadow: 0 0 10px -1px;
}
.kode_blog_text h4 {
	margin-bottom: 15px;
}
.kode_blog_text h4 span {
	display: block;
}
.kode_blog_des .kode_meta.meta_2 {
	margin-bottom: 12px;
}
.kode_blog_des .kode_meta.meta_2 li {
	border-right: none;
}
.kode_blog_des .kode_meta.meta_2 li a {
	text-transform: uppercase;
}
.kode_blog_text p {
	margin-bottom: 24px;
}
.kode_blog_des .kode_blog_text .share_link {
	position: absolute;
	right: 30px;
	bottom: 35px;
	height: 33px;
	width: 33px;
	border: 1px solid #d5d5d5;
	border-radius: 100%;
	text-align: center;
	line-height: 33px;
	color: #d4d4d4;
}
.kode_blog_des figure .btn_hover2:before {
	border-radius: 100%;
}
/* KODE PAGINATION START */

.kode_pagination_list {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.kode_pagination_list.navi_2 {
	margin-top: -30px;
}
.kode_pagination {
	background-color: #fff;
	margin: auto;
	padding: 15px 0;
	text-align: center;
	overflow: hidden;
	width: 390px;
}
.kode_pagination .page-numbers, .kode_pagination li {
	display: inline-block;
}
.kode_pagination .page-numbers.dots {
	display: none;
}
.kode_pagination .page-numbers a {
	font-weight: 600;
}
.kode_pagination .page-numbers.next, .kode_pagination .page-numbers.prev, .kode_pagination .next, .kode_pagination .prev {
	height: auto;
	width: auto;
}
.kode_pagination .page-numbers.next:hover, .kode_pagination .page-numbers.prev:hover, .kode_pagination .next:hover, .kode_pagination .prev:hover {
	background: none;
}
.kode_pagination .page-numbers.next, .kode_pagination .page-numbers.next i {
	margin-left: 10px;
}
.kode_pagination .page-numbers.prev, .kode_pagination .page-numbers.prev i {
	margin-right: 10px;
}
.kode_pagination .page-numbers, .kode_pagination li a {
	display: inline-block;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	color: #333;
	border-radius: 2px;
	margin-right: 5px;
	font-size: 14px;
	font-weight: 600!important;
}
.kode_pagination .page-numbers.current {
	background: rgb(0, 125, 78);
	color: #fff;
}
/*
    =======================================
        KODE BLOG MADIUM WRAP END
    =======================================
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        BLOG GRID PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_blog_caption {
	float: left;
	width: 100%;
	padding: 15px 30px 0px 30px;
	margin-bottom: 0px;
}
.kode_blog_des.des_2 .kode_blog_text {
	padding: 27px 1px 35px 1px;
}
.kode_blog_des.des_2 .kode_blog_text h4 {
	padding: 0px 30px 15px 30px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 0px;
}
.kode_blog_caption .kode_meta.meta_2 {
	margin-bottom: 0px;
}
.kode_blog_caption .kode_meta.meta_2 li:first-child {
	padding-right: 0px;
}
.kode_blog_caption p {
	margin-bottom: 22px;
}
.kode_blog_des.des_2 .kode_blog_text .share_link {
	bottom: 30px;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        BLOG DETAIL PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_blog_detail_post, .comment_des, .comment>li, .comment, .kode_comments, .kode_social_share, .blog_text, .kode_detail_fig, .blog_quote, .kode_blog_detail_text, .kode_blog_detail_des, .kode_blog_detail_row {
	float: left;
	width: 100%;
}
.kode_blog_madium_wrap.detail {
	background: none;
	padding: 96px 0px 15px;
}
.kode_blog_madium_wrap.detail.padding {
	padding: 80px 0px 50px;
}
.comment_des .them_overlay:before, .kode_detail_fig .them_overlay:before, .kode_blog_detail_des .them_overlay:before {
	opacity: 0;
}
.comment_des:hover .them_overlay:before, .kode_detail_fig:hover .them_overlay:before, .kode_blog_detail_des:hover .them_overlay:before {
	opacity: 0.35;
}
.kode_blog_detail_text {
	padding: 25px 0px 28px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 14px;
}
.kode_blog_detail_text h3 {
	padding-bottom: 10px;
}
.kode_blog_detail_text .kode_meta.meta_2 li {
	line-height: 12px;
	padding: 0px 30px;
}
.kode_blog_detail_text .kode_meta.meta_2 li:first-child {
	padding-left: 0px;
}
.kode_blog_detail_text .kode_meta.meta_2 li a {
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
}
.kode_blog_detail_des p {
	margin-bottom: 18px;
}
.kode_blog_detail_des p:last-child {
	margin-bottom: 0px;
}
/* BLOG QUOTE START */

.blog_quote {
	padding: 30px 30px;
	border-left: 6px solid;
	background-color: #f7f7f7;
	margin-bottom: 40px;
}
.blog_quote span {
	float: left;
	height: 82px;
	width: 82px;
	text-align: center;
	line-height: 82px;
	border-radius: 100%;
	font-size: 33px;
	display: inline-block;
}
.quote_text {
	overflow: hidden;
	padding-left: 30px;
}
/* KODE DETAIL FIG START */

.kode_detail_fig {
	margin-bottom: 24px;
}
.kode_detail_fig figure {
	width: 50%;
}
.kode_detail_fig_text {
	float: left;
	width: 50%;
	padding-left: 30px;
}
.kode_detail_fig_text p:last-child {
	margin-bottom: 0px;
}
.kode_detail_fig.fig_2 .kode_detail_fig_text {
	padding-left: 0px;
	padding-right: 30px;
}
.blog_text {
	margin-bottom: 24px;
}
/* KODE SOCIAL SHARE START */

.kode_social_share {
	padding: 18px 30px 14px;
}
.kode_social_share>a {
	float: left;
	margin-right: 30px;
}
.kode_social_share>a i {
	margin-right: 10px;
}
.social_meta li, .social_meta {
	float: left;
	width: auto;
}
.social_meta li {
	margin-right: 15px;
}
.social_meta li a {
	height: 26px;
	width: 26px;
	text-align: center;
	line-height: 26px;
	border-radius: 100%;
	background-color: #d4d4d4;
	display: inline-block;
}
.kode_social_share .kode_pagination {
	width: auto;
	background: none;
	padding: 0px 0px;
	margin: 0px 0px;
	float: right;
}
/* KODE COMMENT START */

.comment_title {
	margin-bottom: 24px;
}
.comment_des {
	padding: 30px 0px;
	border-bottom: 1px solid #d4d4d4;
}
.comment_des figure {
	width: auto;
	border-radius: 100%;
}
.comment_des .them_overlay:before {
	border-radius: 100%;
}
.comment_text {
	overflow: hidden;
	padding-left: 30px;
	margin-top: -5px;
}
.comment_text p {
	margin-bottom: 5px;
}
.comment_text .kode_meta {
	margin-bottom: 0px;
	padding-left: 0px;
}
.comment_text .kode_meta>li a {
	text-transform: uppercase;
	font-size: 14px;
	color: #333;
}
.comment ul {
	padding-left: 30px;
	float: left;
	width: 100%;
}
.comment_des.padding {
	padding-top: 0px;
}
/* KODE COMMENT START */

.kode_comments .kf_commet_field {
	float: left;
	width: 47.9%;
	margin-right: 28px;
	margin-bottom: 30px;
}
.kf_commet_field:nth-child(4), .kf_commet_field:nth-child(2) {
	margin-right: 0;
}
.kode_comments .form-submit {
	margin-bottom: 0px;
}
.kode_comments .kode_textarea textarea {
	border-color: #e9e9e9;
}
.kode_comments .kode_textarea textarea::-moz-placeholder {
	color: #666;
}
.kode_comments .form-submit .medium_btn {
	border: none;
}
.kode_blog_detail_post .section_hdg {
	margin-bottom: 23px;
}
.kode_blog_detail_post .section_hdg h3 {
	font-size: 20px;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        BLOG DETAIL PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        404 PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_404_text, .kode_404_wrap {
	float: left;
	width: 100%;
}
.kode_404_wrap {
	background-image: url("images/404-bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 99;
	padding: 150px 0 170px;
	height: 100%;
}
.kode_404_text {
	text-align: center;
}
.kode_404_wrap:before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	background: rgba(0, 0, 0, 0) linear-gradient(5deg, #ffffff, #000000) repeat scroll 0 0;
	opacity: 0.5;
}
.kode_404_text h2 {
	font-size: 375px;
	font-weight: bold;
	line-height: 375px;
}
.kode_404_text h2 span {
	display: inline-block;
	font-size: 207px;
	font-weight: 500;
	position: relative;
	height: 280px;
	width: 280px;
	text-align: center;
	top: -23px;
	margin: 0px -30px;
}
.kode_404_text h2 span:before {
	background-image: url("images/404_bg1.png");
	position: absolute;
	content: "";
	top: 6px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
}
.kode_404_text h3 {
	padding: 22px 50px 13px;
	font-size: 84px;
	display: inline-block;
	line-height: 84px;
	text-shadow: 5px 4px #deb47e;
	-webkit-box-shadow: 0px 0px 18px -1px;
	box-shadow: 0px 0px 18px -1px;
	margin-bottom: 40px;
}
.kode_404_text p {
	font-size: 33px;
	text-transform: uppercase;
	line-height: normal;
	margin-bottom: 42px;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        404 PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        COMING SOON PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.coming_social_icon, .countdown.timer, .kode_coming_soon_wrap {
	float: left;
	width: 100%;
}
.kode_coming_soon_wrap {
	background-image: url("images/coming-bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 99;
	padding: 180px 0px;
	height: 100%;
}
.kode_coming_soon_wrap:before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#000000)) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(0deg, #ffffff, #000000) repeat scroll 0 0;
	opacity: 0.85;
}
.kode_coming_text {
	text-align: center;
	width: 834px;
	margin: auto;
}
.kode_coming_text a img {
	margin-bottom: 54px;
}
.kode_coming_text h2 {
	text-transform: uppercase;
	margin-bottom: 40px;
}
.countdown.timer {
	margin-bottom: 50px;
}
.countdown.timer li {
	display: inline-block;
	width: 110px;
	height: 100px;
	text-align: center;
	border: 1px solid #fff;
	padding: 22px 0;
	margin-right: 25px;
}
.countdown.timer li:last-child {
	margin-right: 0px;
}
.countdown.timer li span {
	display: block;
	font-size: 33px;
	margin-bottom: 12px;
}
.countdown.timer li h5 {
	margin-bottom: 0px;
	text-transform: uppercase;
}
.kode_coming_text .progress {
	height: 24px;
	overflow: hidden;
	text-align: center;
	outline: 1px solid #fff;
	outline-offset: -1px;
	margin-bottom: 68px;
}
.kode_coming_text .progress-bar {
	color: #ffffff;
	font-weight: 400;
	height: 24px;
	line-height: 21px;
	width: 70%;
}
.kode_coming_text .kode_search {
	float: none;
	margin: auto;
	width: 606px;
	margin-bottom: 40px;
}
.kode_coming_text .kode_search .kf_commet_field input::-moz-placeholder {
	color: #fff;
}
.kode_coming_text .kode_search .kf_commet_field button {
	width: 135px;
}
.coming_social_icon {
	text-align: center;
}
.coming_social_icon li {
	display: inline-block;
	margin-right: 18px;
}
.coming_social_icon li a {
	display: inline-block;
	height: 46px;
	width: 50px;
	text-align: center;
	line-height: 46px;
}
.blue {
	background-color: #3b5997;
}
.blue-light {
	background-color: #55acef;
}
.pinke {
	background-color: #e13b6b;
}
.red {
	background-color: #bc081d;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        COMING SOON PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        CONTACT US PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_contact_text, .kode_contact_service ul, .kode_contact_service, .kode_contact_wrap .comment-form, .kode_contact_des, .kode_contact_field, .kode_contact_map, .kode_contact_wrap {
	float: left;
	width: 100%;
}
.kode_contact_map .map-canvas {
	height: 400px;
	width: 100%;
}
.kode_contact_des {
	padding: 80px 0 73px;
}
.kode_contact_field {
	margin-bottom: 40px;
}
.kode_contact_field .kf_commet_field {
	margin-bottom: 30px;
}
.kode_contact_field .form-submit {
	display: inline-block;
	float: none;
	margin-bottom: 0;
	text-align: center;
	width: 100%;
}
.medium_btn {
	cursor: pointer;
}
.form-submit .medium_btn {
	border: none;
}
.kode_contact_field .form-submit .medium_btn {
	text-align: center;
	display: inline-block;
	width: auto;
}
.kode_contact_service {
	text-align: center;
}
.kode_contact_service ul li {
	display: inline-block;
	background-color: #f7f7f7;
	padding: 45px 0px;
	margin-right: 20px;
	width: 260px;
	position: relative;
	z-index: 9;
	overflow: hidden;
}
.kode_contact_service ul li:before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	opacity: 0;
}
.kode_contact_service ul li:hover:before {
	opacity: 1;
	-webkit-box-shadow: 0px 0px 30px -6px;
	box-shadow: 0px 0px 30px -6px;
}
.kode_contact_text h5 {
	margin-bottom: 6px;
}
.kode_contact_text>a {
	font-size: 16px;
	display: inline-block;
	margin-bottom: 3px;
}
.kode_contact_text p {
	margin-bottom: 0px;
}
.kode_contact_text p span {
	display: block;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        CONTACT US PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        EVENT PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

#filters.filters-options {
	margin-bottom: 20px;
}
body>div.wraper>div.kode_blog_madium_wrap.detail>div.container.bottompadding-md>div>div, #the-content>.page-content-block:first-child {
	padding-top: 50px;
}
#the-content>.page-content-block:last-child {
	padding-bottom: 50px;
}
.kode_event_detail ul {
	margin: 0;
	padding: 0;
}
.kode_event_detail li, .kode_event_detail, .kode_event_wrap {
	float: left;
	width: 100%;
}
.kode_event_detail {
	min-height: 190px;
}
.kode_event_detail li {
	background-color: #f0f0f0;
	padding: 25px 30px;
	margin-bottom: 30px;
}
.kode_pagination li {
	padding: 0;
	margin-bottom: 0;
}
.kode_event_detail li:last-child {
	margin-bottom: 40px;
}
.kode_event_ticket, .kode_event_detail .kode_calender_list, .kode_calender_list figure, .event_date {
	float: left;
}
.kode_event_ticket a, .kode_event_ticket button {
	width: 100%;
}
.event_date {
	text-align: center;
	padding-right: 30px;
	position: relative;
	width: 115px;
}
.kode_calender_list:after, .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_event_detail .kode_calender_list .kode_event_text {
	padding: 0px 20px 0 125px;
}
.kode_event_ticket {
	padding: 15px 0px 15px 35px;
}
.kode_event_ticket a:hover {
    background: rgb(71, 166, 169);
}
.kode_event_ticket .share-btn, .kode_event_ticket .small_btn {
	padding: 7px 20px 5px;
}
.kode_event_ticket>button>.fa.next {
	top: 9px;
}
.kode_event_ticket .share-btn:hover {
	color: #fff;
}
.event-info-btn {
	background: rgb(71, 166, 169);
}
.event_studium {
	display: inline-block;
	padding: 20px 30px 20px 20px;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	font-size: 16px;
}
.event_studium:hover {
	color: #333;
}
.event_studium i {
	margin-right: 10px;
	color: #333333;
}
.kode_event_ticket .medium_btn {
	margin-left: 28px;
}
.kode_event_wrap .kode_blog_list>ul {
	padding-bottom: 40px;
}
.anchor {
	padding-top: 200px;
	margin-top: -200px!important;
}
.anchor + div,
.panel-collapse {
    position: relative;
    z-index: 1;
    font-size: 18px;
}
.panel-collapse .small_btn {
    margin-left: 30px;
}
#media-releases, #external-articles {
	min-height: 740px;
}
.page-id-293 .kode_blog_detail_row {
	/*padding-top: 30px;*/
	padding-bottom: 30px;
}
.page-id-866 .page-content-block table td {
    line-height: 26px;
    padding-left: 0;
}
.page-content-block.image-anchor-row .fp-square-banner figcaption {
	padding-left: 20px;
	padding-right: 20px;
}
.page-content-block.image-anchor-row .fp-square-banner figcaption h3 {
	font-size: 17px;
}
.page-content-block.image-anchor-row:not(:last-child) {
	padding-bottom: 4px;
}
.page-id-257 .page-content-block.image-anchor-row:not(:last-child) {
	padding-bottom: 50px;
}
.page-content-block.image-anchor-row .fp-square-banner:not(:hover) figcaption {
	transform: translateY(calc(100% - 57px));
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        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 {
	margin-bottom: 18px;
	display: inline-block;
}
.event_detail_list li:last-child {
	margin-bottom: 0px;
}
.event_detail_list li a {
	display: block;
	color: #51a0b8;
}
.event_detail_list li a i {
	margin-right: 10px;
}
.event_detail_list li span {
	color: #666;
	display: inline-block;
	width: 100px;
	font-weight: 400;
}
.event_detail_list.list_2 {
	border-right: none;
	padding-left: 80px;
}
.event_detail_list.list_2 li a span {
	width: 80px;
}
/* KODE EVENT SPEAKER START */

.kode_event_speakar {
	float: left;
	width: 100%;
}
.kode_event_speakar_fig {
	background-color: #f7f7f7;
	float: left;
	margin-bottom: 25px;
	margin-right: 30px;
	padding: 20px 30px;
	width: 47.9%;
}
.kode_event_speakar .kode_event_speakar_fig .kode_event_speaker_text p {
	margin-bottom: 0px;
}
.kode_event_speakar_fig figure {
	width: 74px;
	height: 74px;
	border-radius: 100%;
}
.kode_event_speaker_text {
	display: inline-block;
	overflow: hidden;
	margin-left: 40px;
	padding: 16px 0px 4px 40px;
	position: relative;
}
.kode_event_speaker_text:before {
	position: absolute;
	content: "";
	top: 7px;
	left: 0px;
	bottom: 0px;
	border-left: 1px solid #e5e5e5;
	height: 66px;
}
.kode_event_speaker_text h6 {
	margin-bottom: 5px;
}
.kode_event_speaker_text>p {
	margin-bottom: 0px;
}
.kode_event_speakar p {
	margin-bottom: 18px;
}
.kode_event_speakar p:last-child {
	margin-bottom: 26px;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        EVENT DETAIL PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        PORTFOLIO PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_portfolio_detail ul, .kode_portfolio_detail, .kode_portfolio_text, .kode_portfolio_des, .kode_portfolio_wrap {
	float: left;
	width: 100%;
}
.kode_portfolio_des {
	margin-bottom: 30px;
	background-color: #fff;
}
.kode_portfolio_des:hover figure img {
	transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
}
.kode_portfolio_text {
	padding: 18px 20px 15px;
}
.kode_portfolio_text h6 {
	margin-bottom: 10px;
}
.kode_portfolio_text h4 {
	margin-bottom: 8px;
}
.kode_portfolio_text p {
	margin-bottom: 0px;
}
.kode_portfolio_text p span {
	display: block;
}
.kode_portfolio_detail ul {
	text-align: center;
	margin-bottom: 40px;
}
.kode_portfolio_detail ul li {
	display: inline-block;
	margin-right: 20px;
}
.kode_portfolio_detail ul li a {
	display: inline-block;
	padding: 10px 20px 12px;
	line-height: normal;
	border: 1px solid #d5d5d5;
	color: #333333;
}
.filtr-container {
	float: left;
	width: 100%;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        PORTFOLIO PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        PROJECT PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_project_dollar, .kode_project_text {
	float: left;
	width: 100%;
}
.kode_project_text {
	text-align: center;
	padding: 27px 30px 23px;
}
.kode_project_text h5, .kode_project_text h4 {
	margin-bottom: 15px;
}
.kode_project_text>span {
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 100%;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 13px;
}
.kode_project_dollar {
	margin-bottom: 8px;
}
.kode_project_dollar a {
	float: left;
	display: inline-block;
}
.kode_project_dollar a:last-child {
	float: right;
}
.kode_project_text p {
	margin-bottom: 0px;
}
.kode_project_text.text_2 .kode_project_dollar a {
	text-align: center;
	float: none;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        PROJECT PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        PROJECT LIST PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_portfolio_des.des_2 figure {
	width: 50%;
}
.kode_portfolio_des.des_2 .kode_project_text {
	width: 50%;
	text-align: left;
	padding: 25px 30px 30px;
}
.kode_portfolio_des.des_2 .kode_project_text h4 {
	margin-bottom: 30px;
}
.kode_portfolio_des.des_2 .kode_project_text p {
	text-align: center;
	margin-bottom: 24px;
}
.kode_project_share .kode_social_share {
	float: right;
	padding: 9px 0px;
	background: none;
	width: auto;
	margin-bottom: 0px;
}
.kode_portfolio_des.des_2 .kode_project_dollar {
	margin-bottom: 18px;
}
/* Progress Bar Wrap CSS Start */

.progress-names {
	float: left;
	width: 100%;
}
.kode_attorney_detail_skill .progressbar {
	position: relative;
	width: 100%;
	height: 22px;
	padding: 0;
	margin: 0 auto;
	background-color: #e1e1e1;
	margin-bottom: 28px;
}
.kode_attorney_detail_skill .bar {
	position: absolute;
	display: block;
	width: 0px;
	height: 22px;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.kode_attorney_detail_skill .label {
	background: #000000 none repeat scroll 0 0;
	border-radius: 100%;
	color: #ffffff;
	display: block;
	font-size: 20px;
	font-weight: bold;
	height: 60px;
	left: 0;
	line-height: 60px;
	position: absolute;
	text-align: center;
	top: -22px;
	width: 60px;
	-webkit-box-shadow: 1px 1px 5px 0px #dbdbdb;
	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 {
	-webkit-box-shadow: 0 4px 13px -5px #ddd;
	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;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        SHOP PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_blog_madium_wrap.wrap_2 {
	background: none;
}
.kode_blog_madium_wrap.wrap_2.padding {
	padding: 80px 0px;
}
.kode_shop_text>h5, .kode_shop_text, .kode_shop_fig {
	float: left;
	width: 100%;
}
.kode_shop_fig {
	margin-bottom: 20px;
}
.kode_shop_fig:hover {
	-webkit-box-shadow: 0 3px 8px -5px;
	box-shadow: 0 3px 8px -5px;
}
.kode_shop_text {
	padding: 17px 5px 15px;
}
.kode_shop_text h6 {
	float: left;
	margin-bottom: 10px;
}
.kode_shop_text h3 {
	display: block;
}
.kode_shop_text>h5 {
	font-weight: 400;
}
.kode_shop_fig .event_rating {
	position: relative;
	top: -5px;
}
.kode_shop_fig .event_rating a {
	font-size: 12px;
}
.kode_shop_fig .shop_icon {
	position: absolute;
	top: 50%;
	right: -40px;
	opacity: 0;
}
.kode_shop_fig:hover .shop_icon {
	opacity: 1;
	right: 40px;
}
.kode_shop_fig .shop_icon li {
	margin-bottom: 10px;
}
.kode_shop_fig .shop_icon li:last-child {
	margin-bottom: 0px;
}
.kode_shop_fig .shop_icon li a {
	display: inline-block;
	height: 33px;
	width: 33px;
	border-radius: 100%;
	background-color: #f7f7f7;
	text-align: center;
	line-height: 33px;
}
.kode_shop_fig .shop_icon li a:hover {
	transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
}
.kode_shop_fig .them_overlay:before {
	background-color: #d8d8d8;
	opacity: 0;
}
.kode_shop_fig:hover .them_overlay:before {
	opacity: 0.85;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        SHOP PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        TEAM DETAIL PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    =============================================
            KODE TEAM WRAP START
    =============================================
*/

.kode_team_detail_row, .kode_team_profile, .kode_view_text, .kode_view_row, .kode_overview, .kode_team_wrap, .kode_team_fig {
	float: left;
	width: 100%;
}
.kode_team_wrap {
	padding: 80px 0px;
}
.kode_team_detail_row {
	padding-bottom: 40px;
	border-bottom: 1px solid #e4e4e4;
}
.kode_team_fig figure {
	margin-bottom: 30px;
}
.kode_team_fig .siderbar_categories {
	padding: 27px 25px 65px;
	position: relative;
}
.kode_team_fig .siderbar_categories a {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.sidebar_title.title_2 {
	margin-bottom: 14px;
}
.kode_team_fig .siderbar_categories p {
	margin-bottom: 15px;
}
.kode_team_fig .them_overlay:before {
	opacity: 0;
}
.kode_team_fig:hover .them_overlay:before {
	opacity: 0.35;
	z-index: 1;
}
.kode_view_row {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 14px;
	margin-bottom: 37px;
}
.kode_view_des {
	float: left;
	width: auto;
}
.kode_view_des span {
	text-transform: uppercase;
}
.kode_view_row .widget_social_icon {
	float: right;
	width: auto;
	padding: 13px 0px;
}
.kode_view_row .widget_social_icon li a {
	border-color: #e6e6e6;
	color: #a1a1a1;
	height: 30px;
	width: 30px;
	line-height: 30px;
}
.kode_view_text {
	margin-bottom: 41px;
}
.kode_view_text p {
	margin-bottom: 0px;
}
.kode_team_profile .kode_detail_date {
	background: none;
	padding: 0px 0px;
}
.kode_team_profile .event_detail_list li a {
	background-color: #f7f7f7;
	width: 320px;
	padding: 8px 20px;
}
.kode_team_profile .event_detail_list li a span {
	display: inline;
}
.kode_team_profile .sidebar_title.title_2 {
	margin-bottom: 20px;
}
/*
    =============================================
            KODE TEAM WRAP END
    =============================================
*/

/*
    =============================================
            GALLERY3 WRAP START
    =============================================
*/

.kode_gallery3_fig, .kode_gallery3_row, .kode_gallery3_wrap {
	float: left;
	width: 100%;
}
.kode_gallery3_des {
	float: left;
	width: 33.7%;
	margin-right: 5px;
}
.kode_gallery3_fig.fig_2 {
	width: 31.4%;
	float: left;
	margin-right: 5px;
}
.kode_gallery3_des:nth-child(3) {
	margin-right: 0;
}
.kode_gallery3_fig {
	margin-bottom: 5px;
}
.kode_donors_text .them_overlay:before, .kode_project_detail_fig .them_overlay:before, .kode_gallery3_fig .them_overlay:before {
	opacity: 0;
}
.kode_donors_text:hover .them_overlay:before, .kode_project_detail_fig:hover .them_overlay:before, .kode_gallery3_fig:hover .them_overlay:before {
	opacity: 0.5;
	z-index: 1;
}
.kode_gallery3_wrap .slick-prev, .kode_gallery3_wrap .slick-next {
	height: 38px;
	width: 38px;
	background: none;
	border: 1px solid #cecece;
	left: -55px;
}
.kode_donors_list .slick-next, .kode_gallery3_wrap .slick-next {
	left: auto;
	right: -55px;
}
.kode_donors_list .slick-next:before, .kode_gallery3_wrap .slick-next:before {
	line-height: 36px;
	content: "\f061";
}
.kode_donors_list .slick-prev:before, .kode_gallery3_wrap .slick-prev:before {
	content: "\f060";
	line-height: 36px;
}
.kode_donors_list .slick-dotted.slick-slider, .kode_gallery3_wrap .slick-dotted.slick-slider {
	margin-bottom: 0px;
}
/*
    =============================================
            GALLERY3 WRAP END
    =============================================
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        TEAM DETAIL PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        PROJECT DETAIL PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_donors_row, .kode_donors_text, .kode_donors_list, .kode_project_detail_fig, .kode_projet_detail_des, .kode_blog_detail_des.des_2 .kode_attorney_detail_skill, .kode_dollar_des {
	float: left;
	width: 100%;
}
.kode_projet_detail_des, .kode_blog_detail_des.des_2 {
	border-bottom: 1px solid #e3e3e3;
}
.kode_project_detail_fig, .kode_blog_detail_des.des_2 {
	padding-bottom: 23px;
}
.kode_blog_detail_des.des_2 .kode_blog_detail_text {
	border-bottom: none;
	margin-bottom: 0px;
}
.kode_blog_detail_des.des_2 .kode_attorney_detail_skill {
	background-color: #f7f7f7;
	padding: 50px 30px 20px;
	margin-bottom: 25px;
}
.kode_dollar_des p {
	margin-bottom: 0px;
	font-size: 24px;
	color: #333333;
}
.kode_dollar_des .full-left {
	float: left;
	width: auto;
}
.kode_dollar_des .full-right {
	float: right;
	width: auto;
}
.kode_attorney_detail_skill.project .label {
	background: none;
	top: -35px;
	height: auto;
	width: auto;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	border: none;
	line-height: normal;
	border-radius: 0px;
}
.kode_attorney_detail_skill.project .progressbar {
	-webkit-box-shadow: 0 0 5px -2px;
	box-shadow: 0 0 5px -2px;
	margin: 0 auto 12px;
}
/*KODE PROJECT DETAIL DES START */

.kode_projet_detail_des {
	padding: 30px 0px 31px;
}
.kode_projet_detail_des p:last-child {
	margin-bottom: 0px;
}
/*KODE DONORS LIST START */

.kode_donors_list {
	padding: 27px 0px 30px;
}
.kode_donors_row {
	padding: 0px 70px;
}
.kode_donors_text {
	text-align: center;
	padding: 0px 20px;
}
.kode_donors_text figure {
	width: auto;
	border-radius: 100%;
	float: none;
	margin-bottom: 12px;
}
.kode_donors_text h5 {
	margin-bottom: 5px;
}
.kode_donors_text h6 {
	font-weight: bold;
}
/*KODE DONORS LIST START */

.kode_donors_list .slick-prev, .kode_donors_list .slick-next {
	height: 40px;
	width: 40px;
	background: none;
	border: 1px solid #cecece;
	left: -70px;
	border-radius: 100%;
}
.kode_donors_list .slick-next {
	right: -70px;
	left: auto;
}
.kode_donors_list .slick-prev:before, .kode_donors_list .slick-next:before {
	line-height: 38px;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        PROJECT DETAIL PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        SERVICE DETAIL PAGE START
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.accordion-section, .kode_service_faq, .kode_text_list li, .kode_text_list, .kode_service_caption, .kode_service_detail_list {
	float: left;
	width: 100%;
}
.kode_service_detail_list .kode_service_des span {
	top: 20px;
	right: 30px;
	-webkit-box-shadow: 2px 0px 2px 1px #ddd;
	box-shadow: 2px 0px 2px 1px #ddd;
}
.kode_service_detail_list {
	padding-bottom: 25px;
	border-bottom: 1px solid #e5e5e5;
}
.kode_service_detail_list p:last-child {
	margin-bottom: 0px;
}
.kode_service_caption {
	padding: 27px 0px 25px;
	border-bottom: 1px solid #e5e5e5;
}
.kode_service_caption .comment_title {
	margin-bottom: 19px;
}
.kode_service_caption>p {
	margin-bottom: 24px;
}
.kode_text_list li {
	margin-bottom: 6px;
}
.kode_service_caption>p:last-child, .kode_text_list li:last-child {
	margin-bottom: 0px;
}
.kode_text_list li a {
	display: inline-block;
	position: relative;
	padding-left: 30px;
}
.kode_text_list li a:before {
	position: absolute;
	content: "\f00c";
	top: 0px;
	left: 0px;
	bottom: 0px;
	font-family: fontawesome;
}
.kode_service_caption .kode_detail_fig_text p {
	margin-bottom: 28px;
}
/* KODE SERVICE FAQ START */

.kode_service_faq {
	padding: 27px 0px 50px;
}
.accordion-section {
	background-color: #f6f6f6;
	border-bottom: 1px solid #e9e9e9;
	padding: 20px 30px;
	position: relative;
}
.accordion-section h6 a {
	display: block;
	position: relative;
	color: #666666;
}
/*----- Section Content -----*/

.accordion-section-content {
	padding: 15px;
	display: none;
}
.accordion-section h6 a:before {
	position: absolute;
	content: "\f067";
	top: 0px;
	right: 30px;
	bottom: 0px;
	color: #5e5e5e;
	font-family: fontawesome;
}
.accordion-section h6 a:focus:before, .accordion-section h6 a:hover:before {
	content: "\f068";
}
.accordion-section-content {
	padding-top: 10px;
}
.accordion-section-content p {
	margin-bottom: 0px;
}
/*
    ---------------------------------------------------------------------------
    ===========================================================================
                        SERVICE DETAIL PAGE END
    ===========================================================================
    ---------------------------------------------------------------------------
*/

.kode_portfolio_detail ul li:last-child, .kode_contact_service ul li:last-child, .kode_gallery_fig.fig_2:nth-child(4), .kode_gallery_fig.fig_2:nth-child(2), .kode_navi_icon li:last-child, .product_icon li:last-child, .koed_event_timer figcaption ul li:last-child, .radio_points li:last-child, .kode_amount_list span:last-child, .kode_social_icon li:last-child, .navigation ul li:last-child, .top_icon_fig li:last-child {
	margin-right: 0px;
}
.header .navigation ul li:first-child, .top_time_circle ul li:first-child {
	margin-left: 0px;
}
.kode_donors_list .slick-prev:hover:before, .kode_donors_list .slick-next:hover:before, .kode_gallery3_wrap .slick-prev:hover:before, .kode_gallery3_wrap .slick-next:hover:before, .kode_team_profile .event_detail_list li a:hover i, .kode_team_profile .event_detail_list li a:hover span, .kode_team_profile .event_detail_list li a:hover, .kode_view_row .widget_social_icon li a:hover, .kode_shop_fig .shop_icon li a:hover, .kode_side_contact_text a, .kode_event_featured>a, .kode_service_form .kode_textarea textarea:focus, .kode_service_form .kf_commet_field input:focus, .kode_service_form .section_hdg p, .kode_service_form .section_hdg h3, .kode_project_text>span, .kode_portfolio_detail ul li a:focus, .kode_portfolio_detail ul li a.active, .kode_portfolio_detail ul li a:hover, .kode_contact_service ul li:hover .kode_contact_text p, .kode_contact_service ul li:hover .kode_contact_text>a, .kode_contact_service ul li:hover .kode_contact_text h5 a, .widget_event .kode_textarea textarea:focus, .widget_event .kf_commet_field input:focus, .kode_newsletter_form .kf_commet_field input:focus, .coming_social_icon li a, .kode_coming_text .kode_search .kf_commet_field button, .kode_coming_text h2, .countdown.timer li h5, .countdown.timer li span, .kode_404_text p, .kode_404_text h2 span, .sidebar_add figcaption h4, .sidebar_add figcaption h2, .sidebar_add figcaption h3, .social_meta li a, .blog_quote span, .kode_search .comment-form .kf_commet_field button:hover, .kode_pagination a:hover, .kode_blog_des figure .expand_btn:hover, .kode_blog_des:hover .kode_blog_text .share_link, .kode_client_wrap.client_3 .slick-prev:before, .kode_client_wrap.client_3 .slick-next:before, .kode_philosophy_text span, .kode_mosque_row.mosque figure a, .sab_banner_text a:hover span, .sab_banner_text h2, .kode_amount_list span:hover, .kode_pillars_item li a:hover h6, .kode_pillars_item li a:hover span, .navigation ul li .active, .navigation ul li a:hover, .widget_event.event_2 .kode_calender_list:hover>span, .kode_event_fig a, .kode_canvas_detail.canvas_2>span, .kode_building_text p, .kode_building_text h3, .kode_building_text h4, .kode_banner_wrap.banner2 .slick-prev:before, .kode_banner_wrap.banner2 .slick-next:before, .kode_navi_icon li a:hover, .donate_btn button.close:hover, .kode_top2_icon .dropdown ul li a, .copyright_text p, .top_btn, .widget_event .kode_event_text h6 a, .widget_title, .widget_social_icon li a, .widget_call_info li a, .widget_logo p, .kode_newsletter_text p, .kode_newsletter_text h5 a, .kode_product_list .slick-prev:before, .kode_product_list .slick-next:before, .kode_product_list h6, .kode_product_list>h5, .kode_calender_list>span, .koed_event_timer figcaption ul li p, .koed_event_timer figcaption ul li span, .kode_blog_fig .plus_icon:hover, .kode_canvas_detail .progress-bar div span, .kode_canvas_text h5, .kode_cause_text p, .kode_team_wrap .slick-prev:before, .kode_team_wrap .slick-next:before, .kode_social_icon li a, .kode_tem_fig figcaption p, .kode_tem_fig figcaption h4, .kode_gallery_fig a:hover, .kode_service_text .right_arrow:hover, .kode_service_des:hover .kode_service_text span, .kode_mosque_item .koed_banner_btn .medium_btn:hover, .section_hdg.hdg_2 h3, .kode_mosque_fig figcaption h6 a, .drop_deta a, .kode_paly_text p, .kode_paly_text h6, .small_text, .mediume_text, .large_text, .top_time_circle ul li span, .top_time_circle ul li a {
	color: #fff;
}
.top_icon_fig li a img:hover, .kode_building_des:hover figure img, .kode_tem_fig figure:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.accordion-section h6, .kode_donors_text h5, .kode_view_des h3, .kode_shop_text h6, .kode_side_contact_text a, .kode_event_text.text_2 p, .kode_event_featured a, .kode_service_des .right_arrow.btn, .kode_pricing_dollar h3, .kode_pricing_des h4, .kode_project_text h5, .kode_project_dollar a, .kode_project_text h4, .kode_portfolio_detail ul li a, .kode_portfolio_text h4, .kode_portfolio_text h6, .kode_event_speaker_text h6, .kode_coming_event_text h5, .event_studium, .kode_event_detail .kode_calender_list .kode_event_text h4, .kode_contact_text h5, .kode_coming_text .kode_search .kf_commet_field button, .kode_404_text h3, .sidebar_add figcaption h5, .sidebar_add figcaption h4, .sidebar_add figcaption h2, .sidebar_add figcaption h3, .comment_title, .kode_social_share a, .kode_blog_detail_text h3, .kode_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: 400;
	letter-spacing: -1px;
}
.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;
	background: rgba(0, 0, 0, 0.5);
	border: medium none;
	border-radius: 100%;
	color: rgba(0, 0, 0, 0);
	cursor: pointer;
	height: 39px;
	outline: medium none;
	position: absolute;
	right: 20px;
	font-size: 0;
	top: 20px;
	-webkit-transition: -webkit-transform 1s ease 0s;
	transition: -webkit-transform 1s ease 0s;
	transition: transform 1s ease 0s;
	transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;
	width: 39px;
	z-index: 100;
}
.overlay .overlay-close::after {
	content: '\2715';
	color: #fff;
	position: absolute;
	left: 0;
	font-size: 24px;
	display: block;
	width: 100%;
	height: 100%;
	top: 8px;
}
.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;
	-webkit-transition: visibility 0s 0.5s, -webkit-transform 0.5s;
	transition: visibility 0s 0.5s, -webkit-transform 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s, -webkit-transform 0.5s;
}
.overlay-contentscale.open {
	visibility: visible;
	overflow: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.5s;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-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: 30px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0;
	background: transparent;
	border: none;
	border-bottom: 2px 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: 23px;
	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;
}
#top-nav ul>li>a {
	background-color: #47a6a9;
	display: inline-block;
	color: #fff;
	padding: 18px 27px;
	line-height: normal;
	border-radius: 0;
	color: #fff!important;
}
#top-nav ul>li>a:hover {
    background-color: #6ec0c2;
}
#top-nav ul>li:hover:before,
#top-nav ul>li:hover + *:before {
    display: none;
}
#top-nav ul>li>a, .read-more, #prayer-times-widget h5, body .btn {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	letter-spacing: 2px;
	font-size: 13px!important;
}
#main-nav {
	margin-top: 5px;
	margin-right: 3px;
}
.blog-title {
	color: #fff;
	font-weight: 500;
	text-transform: none;
}
.container>.row>div *:last-child {
	margin-bottom: 0;
}
a:focus, a:hover {
	color: rgb(0, 125, 78);
}
/** Sticky header stuff **/

body {
	margin-top: 139px;
}
header.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
body.admin-bar header.header {
	top: 31px;
}
header.header .kode_navigation_wrap {
	background: #fff;
	min-height: 88px;
}
/** END Sticky header stuff **/

.fp-events .event-card > .row > a {
    overflow: hidden;
}

.fp-events .event-card .event-details, #fp-events .event-card .event-details {
	padding: 40px 0;
}
.fp-events>div:nth-child(2)>div>div.event-details>div, #fp-events>div:nth-child(2)>div>div.event-details>div {
	border-right: 1px solid #e4eeee;
	border-left: 1px solid #e4eeee;
}
.fp-events .event-card .event-details .fp-event-wrap, #fp-events .event-card .event-details .fp-event-wrap {
    border-right: 1px solid #e4eeee;
    padding: 0 40px 0;
    margin: 0 10px;
}
.fp-events > div:last-child .event-card .event-details .fp-event-wrap, #fp-events > div:last-child .event-card .event-details .fp-event-wrap {
    border-right-color: transparent;
}
.fp-whats-on .left .about-us, #fp-whats-on .left .about-us {
	padding: 40px;
}
.about-us p {
	font-size: 18px;
}
#fp-whats-on .kode_mosque2_text {
	float: none;
	color: #007d4e;
}
.subscribe-cta {
	background: #f2f2f3;
	padding: 33px 38px 39px;
	margin-bottom: 6px;
}
.subscribe-cta .title {
	color: #007245;
	font-size: 25px;
	margin-bottom: 6px;
}
.subscribe-cta .input-group .input-group-addon {
	padding: 0;
}
.subscribe-cta .input-group .input-group-addon .btn {
	border-radius: 0;
	height: 42px;
	padding: 11px 11px 11px 12px;
}
.subscribe-cta .input-group .input-group-addon .btn i {
	font-size: 20px;
	line-height: 20px;
}
.subscribe-cta .input-group>input[type=text] {
    display: table-cell;
	height: 44px;
}
.subscribe-cta label {
    font-weight: 300;
    color: #50575c;
}
.subscribe-cta #success h3 {
    font-weight: 300 !important;
}
.form-control:focus {
	border-color: #007447;
}
.neg-margin {
	margin-top: -147px!important;
}
.kode_mosque2_wrap>.container {
	background: #fff;
	position: relative;
	z-index: 16;
}
.kode_mosque2_wrap>.container .kode_mosque2_des {
	padding: 60px 40px;
}
.fp-wide-banner {
	height: 300px;
	position: relative;
	margin-bottom: 6px;
}
.kode_mosque2_wrap .fp-wide-banner:nth-child(2) figcaption {
	background: #237e3a;
	background: rgba(187, 140, 53, 0.85);
}
.kode_mosque2_wrap .fp-wide-banner:nth-child(1) figcaption {
	background: #bb8c35;
	background: rgba(35, 126, 58, 0.85);
}
.kode_mosque2_wrap .fp-wide-banner:nth-child(3) figcaption {
	background: #60a4b4;
	background: rgba(96, 164, 180, 0.85);
}
#fp-whats-on .section_hdg.hdg_2.hdg_3.hdg_4 {
	margin-bottom: 43px;
}
#fp-whats-on .right .item {
	padding: 0 0 0 3px;
	margin-bottom: 6px;
}
#fp-whats-on .right .item:nth-child(odd) {
	padding: 0 3px 0 0;
}
.fp-square-banner {
	height: 371px;
	text-align: center;
	margin-bottom: 6px;
}
#fp-whats-on .kode_mosque2_des {
	padding: 60px 0 0 0!important;
}
.fp-events-list .item .date, #fp-events-list .item .date {
	font-size: 14px;
}
.fp-events-list .item .event-title, #fp-events-list .item .event-title {
	font-weight: 600;
	margin-bottom: 18px;
}
.fp-events-list .item .small_btn, #fp-events-list .item .small_btn {
	padding: 4px 10px;
	color: #fff!important;
	font-size: 14px;
}
.fp-events-list .see-all, #fp-events-list .see-all {
	padding: 15px;
	text-align: right;
}
.fp-square-banner figcaption, .fp-wide-banner figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px 25px;
	text-align: left;
	height: 142px;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0.74, 0.58, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0, 0.74, 0.58, 1);
	transition: transform 0.3s cubic-bezier(0, 0.74, 0.58, 1);
	transition: transform 0.3s cubic-bezier(0, 0.74, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0, 0.74, 0.58, 1);
}
.fp-wide-banner figcaption h3, .fp-wide-banner figcaption b, .fp-square-banner figcaption h3, .fp-square-banner figcaption b {
	color: #fff;
	font-weight: 300!important;
}
.fp-square-banner figcaption h3, .fp-wide-banner figcaption h3 {
	font-size: 24px;
	margin-bottom: 20px!important;
}
.fp-square-banner figcaption b, .fp-wide-banner figcaption b {
	text-align: left;
}
.fp-square-banner img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.home .service-links .item:nth-child(1) .fp-square-banner figcaption, .home .service-links .item:nth-child(2) .fp-square-banner figcaption {
	background: rgb(71, 166, 169);
}
.home .service-links .item:nth-child(3) .fp-square-banner figcaption, .home .service-links .item:nth-child(4) .fp-square-banner figcaption {
	background: rgb(106, 184, 167);
}
.home .service-links .item:nth-child(5) .fp-square-banner figcaption, .home .service-links .item:nth-child(6) .fp-square-banner figcaption {
	background: rgb(0, 125, 78);
}
.fp-square-banner.no-animation figcaption {
	height: 67px;
}
.fp-wide-banner figcaption, .fp-square-banner:not(.no-animation) figcaption {
	-webkit-transform: translateY(calc(100% - 67px));
	transform: translateY(calc(100% - 67px));
}
.fp-square-banner:hover figcaption, .fp-wide-banner:hover figcaption {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.kode_mosque2_wrap .container, .kode_blog_madium_wrap .container {
	padding-bottom: 3px;
}
#fp-whats-on.kode_mosque2_wrap .container {
	padding-bottom: 0;
}
div>.fp-wide-banner:last-child {
	margin-bottom: 0;
}
.bottommargin {
	margin-bottom: 48px!important;
}
.bottommargin-lg {
	margin-bottom: 96px!important;
}
.bottommargin-sm {
	margin-bottom: 24px!important;
}
.bottommargin-page-section {
	margin-bottom: 48px;
}
.blog .negative-margin.bottommargin-page-section {
	margin-top: -48px!important;
}
.nobottommargin {
	margin-bottom: 0!important;
}
.full-width-banner {
	margin: 3px 0;
	min-height: 160px;
	height: 160px;
	overflow: hidden;
}
.full-width-banner figcaption {
	position: absolute;
	color: #fff;
	padding: 37px;
	top: 0;
	height: 100%;
	text-align: center;
	width: 311px;
	max-width: 100%;
	-webkit-transition: all 0.2s cubic-bezier(0.24, -0.35, 0, 1.03);
	transition: all 0.2s cubic-bezier(0.24, -0.35, 0, 1.03);
}
.full-width-banner:hover figcaption {
	width: 402px;
}
.container .full-width-banner:nth-child(odd) figcaption {
	background: rgb(0, 125, 78);
}
.container .full-width-banner:nth-child(even) figcaption {
	background: rgb(71, 166, 169);
}
.fp-square-banner::before, .full-width-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0;
	-webkit-transition: all 1s cubic-bezier(0.24, -0.35, 0, 1.03);
	transition: all 1s cubic-bezier(0.24, -0.35, 0, 1.03);
	pointer-events: none;
}
.fp-square-banner:hover::before, .full-width-banner:hover::before {
	opacity: 0.1;
}
.full-width-banner figcaption .wrap {
	max-width: 236px;
	margin: auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.full-width-banner figcaption .title {
	margin-bottom: 12px;
	color: #fff;
	font-weight: 300 !important;
}
.full-width-banner figcaption .read-more {
	color: #fff;
	border-color: #fff;
	padding-top: 15px;
	font-weight: 300;
}
.full-width-banner img {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.footer-widget-menu li a, footer .widget_title {
	color: #00764b;
}
footer .widget_title {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px!important;
	font-weight: 600;
}
.container.small-padding {
	padding-left: 6px;
	padding-right: 6px;
}
.container.no-padding {
	padding-left: 0;
	padding-right: 0;
}
.kode_service_des .service-title {
	font-size: 19px;
	margin-top: 12px;
}
.kode_service_des .service-excerpt {
	font-size: 14px;
	line-height: 24px;
}
.kode_service_des .service-cta {
	display: block;
	background: #43764d;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.kode_service_des .service-title {
	margin-bottom: 24px;
}
.kode_search_overlay #overlay {
	height: 400px;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.kode_search_overlay #overlay.open {
	height: 400px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
body .kode_top2_icon ul>.search-btn {
	padding: 12px 18px 12px 8px;
}
.banners .container {
	padding: 3px 6px 3px 6px;
}
.kode_top2_icon>ul {
	border-bottom: 2px solid #f1f1f1;
	margin: 0;
	padding: 0;
}
.kode_banner_text .small_text {
	font-size: 19px;
	font-weight: 400;
	text-shadow: 0px 2px 6px rgba(22, 24, 49, 0.3);
}
div.wpcf7 .ajax-loader {
	position: absolute;
	margin-top: 10px;
}
.contact-widgets .acf-map {
	height: 528px!important;
}
#main-footer {
	position: relative;
}
#main-footer .top-btn-container {
	position: absolute;
}
#child-topbtn {
	position: -webkit-sticky;
	position: sticky;
	bottom: 30px;
	z-index: 888;
	background: #fff url(/wp-content/themes/simper/images/next-green.png) no-repeat;
	background-size: 24px;
	background-position: 50%;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	width: 50px;
	height: 50px;
	border-radius: 0;
}
#child-topbtn:hover, #child-topbtn:focus, #child-topbtn:active {
	-webkit-transform: rotate(270deg)!important;
	transform: rotate(270deg)!important;
	-webkit-animation: none!important;
	animation: none!important;
}
.kode_banner_wrap.banner2 {
	overflow: hidden;
}
.standard-logo img {
	/*image-rendering: -webkit-optimize-contrast;*/
	image-rendering: crisp-edges;
}
#fp-whats-on .featured-links {
	padding: 6px 3px 3px;
}
.acf-widget-contact {
	background: #47a6a9;
	padding: 38px 38px;
}
.acf-widget-contact h2, .acf-widget-contact h3, .acf-widget-contact {
	color: #fff;
	font-weight: 400!important;
}
.acf-widget-contact span.wpcf7-list-item {
	display: table;
	position: relative;
	margin-left: 0;
}
.acf-widget-contact span.wpcf7-list-item input[type=checkbox], .acf-widget-contact span.wpcf7-list-item input[type=radio] {
	height: 15px;
	width: 15px;
	margin-right: 8px;
	position: absolute;
	top: 1px;
}
.acf-widget-contact.booking span.wpcf7-list-item {
	display: inline-block;
	position: relative;
	margin-left: 0;
	width: 29%;
}
.acf-widget-contact.booking .wpcf7-checkbox {
	margin-bottom: 30px!important;
	display: block;
}
.acf-widget-contact.booking hr {
	opacity: 0.4;
}
.acf-widget-contact span.wpcf7-list-item .wpcf7-list-item-label {
	padding-left: 25px;
}
.acf-widget-contact input[type=text], .acf-widget-contact input[type=email], .acf-widget-contact input[type=number], .acf-widget-contact input[type=date], .acf-widget-contact textarea {
	background: #90c5c9;
	border: none;
	border-radius: 0;
	color: #fff;
	margin-bottom: 30px!important;
}
.acf-widget-contact input[type=text]::placeholder, .acf-widget-contact input[type=email]::placeholder, .acf-widget-contact input[type=number]::placeholder, .acf-widget-contact input[type=date]::placeholder, .acf-widget-contact textarea::placeholder {
	color: #fff;
}
.acf-widget-contact input[type=date]::-webkit-inner-spin-button {
	opacity: 0;
}
.acf-widget-contact input[type=date]::-webkit-calendar-picker-indicator {
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: -20px;
}
.acf-widget-contact em {
	font-size: 90%;
	opacity: 0.8;
}
.acf-widget-contact .text-right>span>span {
	color: #007446;
	margin-left: 2px;
	font-size: 160%;
	vertical-align: bottom;
	position: absolute;
}
div.wpcf7-response-output,
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 0;
}
span.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: -30px;
}
.acf-widget-contact div.wpcf7 {
    position: relative;
}
.acf-widget-contact div.wpcf7:before,
.acf-widget-contact div.wpcf7:after {
    display: table;
    content: " ";
}
.acf-widget-contact div.wpcf7:after {
    clear: both;
}
.acf-widget-contact div.wpcf7-response-output {
    position: absolute;
    bottom: 12px;
    right: 0;
    margin: 0;
    padding: 10px 15px;
}
body .acf-widget-contact .btn.btn-primary {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px!important;
	letter-spacing: 2px;
	background: #fff;
	display: inline-block;
	width: auto;
	color: #2ca7ab;
	padding: 10px 50px;
	height: 36px;
	outline: 0;
}
.contact-table>div {
	margin-bottom: 15px;
}
.contact-table h3, .contact-table span {
	color: #29a8ac;
	font-size: 20px;
	font-weight: 600!important;
}
#prayer-times-widget {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	z-index: 888;
	background: #e3e3e3;
	padding: 30px 30px 30px 30px;
	border-right: 50px solid rgb(71, 166, 169);
	top: 140px;
	height: 300px;
	-webkit-transform: translate3d(calc(-100% + 50px), 0, 0);
	transform: translate3d(calc(-100% + 50px), 0, 0);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.24, -0.35, 0, 1.03);
	transition: -webkit-transform 1s cubic-bezier(0.24, -0.35, 0, 1.03);
	transition: transform 1s cubic-bezier(0.24, -0.35, 0, 1.03);
	transition: transform 1s cubic-bezier(0.24, -0.35, 0, 1.03), -webkit-transform 1s cubic-bezier(0.24, -0.35, 0, 1.03);
}
#prayer-times-widget ul {
	padding: 0;
}
#prayer-times-widget.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#prayer-times-widget h6 {
	font-size: 23px;
	color: rgb(66, 165, 170);
	margin-bottom: 12px;
	color: #50575c;
}
#prayer-times-widget h5 {
	position: absolute;
	white-space: nowrap;
	color: #fff;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg) translateY(-50%);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	right: -39px;
	text-transform: uppercase;
	font-size: 21px;
	top: 40px;
}
#prayer-times-widget ul li {
	margin-bottom: 5px;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition-delay: 1000ms;
	transition-delay: 1000ms;
}
#prayer-times-widget.active ul li {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.24, -0.35, 0, 1.03);
	transition: -webkit-transform 1s cubic-bezier(0.24, -0.35, 0, 1.03);
	transition: transform 1s cubic-bezier(0.24, -0.35, 0, 1.03);
	transition: transform 1s cubic-bezier(0.24, -0.35, 0, 1.03), -webkit-transform 1s cubic-bezier(0.24, -0.35, 0, 1.03);
}
#prayer-times-widget.active ul li:nth-child(1) {
	-webkit-transition-delay: 10ms;
	transition-delay: 10ms;
}
#prayer-times-widget.active ul li:nth-child(2) {
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}
#prayer-times-widget.active ul li:nth-child(3) {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}
#prayer-times-widget.active ul li:nth-child(4) {
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms;
}
#prayer-times-widget.active ul li:nth-child(5) {
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
}
#prayer-times-widget.active ul li:nth-child(6) {
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms;
}
#prayer-times-widget.active ul li:nth-child(7) {
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms;
	margin-bottom: 0;
}
#prayer-times-widget ul li span {
	font-size: 20px;
	color: #333;
}
#prayer-times-widget ul li span.a {
	min-width: 109px;
	display: inline-block;
}
#prayer-times-widget ul li span.b {
	font-weight: 500;
	color: #539e99;
}
#prayer-times-widget button {
	height: 100%;
	display: block;
	top: 0;
	margin: 0;
	right: -50px;
	width: 50px;
	background: transparent;
	-webkit-transform: none;
	transform: none;
}
#prayer-times-widget button::before {
	color: #fff;
	line-height: 50px;
	content: '\f105';
	height: 50px;
}
#prayer-times-widget.active button::before {
	content: '\f104';
}
#service-selection {
	padding-bottom: 16px;
}
.kode_calender_list {
	width: 720px;
}
/* Modal vertcal centre*/

.img-modal .modal-content img {
    width: auto;
    height: auto;
}

.img-modal figurecaption {
    margin: 15px auto;
    float: left;
}

.vertical-alignment-helper {
	display: table;
	height: 100%;
	width: 100%;
	pointer-events: none;
	/* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;
}
.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	width: inherit;
	height: inherit;
	/* To center horizontally */
	margin: 0 auto;
	pointer-events: all;
}
body .modal .modal-content {
	max-width: 600px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.45);
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.45);
}
button:active, button:focus {
	outline: none!important;
}
.alignright {
	float: right;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
/* MEGA MENU */

.kode_navigation_wrap>.container {
	position: relative;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
	font-weight: 500;
}
body #mega-menu-wrap-primary {
	background: none;
	float: right;
	position: absolute;
	right: 0;
	padding-right: 15px;
}
body #mega-menu-wrap-primary a {
	font-family: 'Lato', Helvetica, Arial, sans-serif!important;
}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
	color: #007d4e;
	font-weight: 500;
}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
    background-color: white;
    color: #007d4e;
}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link::after {
	display: none!important;
}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
	height: 88px;
	line-height: 88px;
}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
	padding-top: 20px;
	padding-bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
/* Emulate a fullscreen container */

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu::before {
	width: 8000%;
	height: 100%;
	background: rgb(71, 166, 169);
	content: '';
	top: 0;
	left: -2000%;
	display: block;
	position: absolute;
}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
	color: #dcebed;
	font-size: 14px;
	text-transform: none;
	font-weight: 300!important;
}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
	color: #fff;
}
.mega-menu-item-type-widget {
	padding: 0!important;
}
.mega-menu-item-type-widget a {
	text-align: center;
}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	-webkit-transition: border-color 0.2 ease-in;
	transition: border-color 0.2 ease-in;
}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
	border-bottom-color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.read-more-service .kode_service_text .service-title {
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.read-more-service:hover .kode_service_text .service-title {
	color: #1e5c2a;
}
.read-more-service .kode_service_text .service-excerpt {
	color: #565656!important;
}
.kode_service_des .service-cta {
	position: relative;
}
.read-more-service .kode_service_des .service-cta span {
	display: block;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.read-more-service:hover .kode_service_des .service-cta span {
	-webkit-transform: translateX(-11px);
	transform: translateX(-11px);
}
.kode_service_des .service-cta span, .kode_service_des .service-cta span:after {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transition: all 0.3s ease, -webkit-transform 0.3s ease;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transition-timing-function: cubic-bezier(0.42, -0.69, 0.45, 1.21);
	transition-timing-function: cubic-bezier(0.42, -0.69, 0.45, 1.21);
}
.kode_service_des .service-cta span:after {
	content: "\f105";
	font-family: 'fontawesome' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	position: absolute;
	right: 70px;
	top: 14px;
	-webkit-transform: translateX(120px);
	transform: translateX(120px);
}
.read-more-service:hover .kode_service_des .service-cta span:after {
	-webkit-transform: translateX(15px);
	transform: translateX(15px);
}
/* END MEGA MENU */

.text-center {
	text-align: center;
}
.footer-logo {
	margin-bottom: 8px;
}
.logo-social .widget_social_icon {
	padding-left: 5px;
}
body .kode_top2_wrap>.container {
	padding: 0;
}
.clearfix {
	clear: both;
}
.kode_event_detail .kode_calender_list .them_overlay {
	width: 100px;
	height: 150px;
	position: absolute;
	top: -25px;
}
.kode_event_ticket a:first-child {
	margin-bottom: 7px;
}
textarea, input {
	border-radius: 2px;
}
/** EVENTS **/

#event {
	position: relative;
	background: #fff;
	overflow: hidden;
	padding-bottom: 0;
	padding: 0 60px;
}
#event .container {
	background: #fff;
	padding-bottom: 0;
}
#event #event-details, #event #event-header .left {
	padding-top: 50px;
	padding-bottom: 48px;
}
#event #event-header .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#event #event-header .kode_calender_list>span {
	background: transparent;
	color: #646464;
}
#event #buy-ticket {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #ececec;
	height: 72px;
}
#event #buy-ticket .kode_social_share {
	line-height: 72px;
	padding: 0;
}
#event #buy-ticket .modal-open, #event #buy-ticket #ticket-btn {
	text-align: center!important;
	font-weight: 300;
	text-transform: uppercase;
	margin: 15px 0;
	letter-spacing: 1px;
}
#event #buy-ticket #ticket-btn {
    background-color: #00804e;
}
#event #buy-ticket .btn_hover2:hover:before {
    background-color: rgb(71, 166, 169);
}
#event #buy-ticket .modal-open {
	background-color: rgb(71, 166, 169);
}
#event #event-title {
	font-weight: 400;
	font-size: 30px;
}
#event .kode_event_speakar {
	margin-bottom: 32px;
}
#event .kode_event_speakar .comment_title {
	margin-bottom: 48px;
}
#event .kode_event_speakar .kode_event_speakar_fig {
	width: calc(50% - 15px);
	background: #eaeaea;
}
#event .kode_event_speakar .kode_event_speakar_fig:nth-child(2n+1) {
	margin-right: 0;
}
.acf-map {
	width: 100%;
	height: 400px;
	border: none;
	margin: 0;
}
.centermargin {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
/* fixes potential theme css conflict */

.acf-map img {
	max-width: inherit !important;
}
#event #event-map {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#event .container .row>div {
	padding-left: 40px;
	padding-right: 40px;
}
#event .event_detail_list {
	margin-bottom: 8px;
}
#event .event_detail_list li {
	position: relative;
}
#event .event_detail_list li span {
	display: block;
	font-size: 90%;
	color: #3d3d3d;
	font-weight: bold;
}
#event .kode_event_speaker_text {
	border-left: 1px solid #cccccc;
}
#event .kode_event_speaker_text p {
	font-style: italic;
}
#event #location-bottom p {
	margin-bottom: 6px;
}
#event #location-bottom a {
	color: rgb(71, 166, 169);
}
#event .divider hr {
	margin: 0px 0 48px;
}
#event #event-venue {
	padding-left: 0;
	padding-right: 0;
	position: relative;
	left: -15px;
	width: calc(100% + 30px);
}
/** END EVENTS **/

/** Event Front end editor **/

#event-editor-modal #event-title {
	color: #333333;
}
#event-editor-modal .modal-body {
	min-height: 591px;
	position: relative;
	padding: 15px 15px 45px;
}
#event-editor-modal .modal-content .modal-prev-next {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px;
}
#event-editor-modal input, #event-editor-modal textarea {
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	color: #464646;
	font-weight: 300;
	line-height: 24px;
	padding: 10px 12px;
	height: auto;
	border-color: #ddd;
}
#event-editor-modal .acf-field-59f7c69948132 .acf-input .acf-fields .acf-field:not(:last-child) {
	padding-right: 15px;
}
#event-editor-modal input:focus, #event-editor-modal textarea:focus, #event-editor-modal #event-title:focus, #event-editor-modal input:active, #event-editor-modal #event-title:active, #event-editor-modal textarea:active {
	background: #fff;
	color: #464646;
	border-color: #4c9db4;
	border-width: 1px;
}
#event-editor-modal textarea {
	color: #464646;
	font-weight: 300;
	line-height: 24px;
	background-color: #ffffff;
}
#event-editor-modal label {
	font-size: 14px;
}
#event-editor-modal .select2-selection {
	padding: 8px 5px;
	height: 46px;
	border-color: #ddd;
}
#event-editor-modal .acf-field-59f93b11a155b .acf-icon.-globe {
	margin: 9px 0px 0 7px;
}
#event-editor-modal .acf-field-59f93b11a155b input {
	padding-left: 29px;
}
#event-editor-modal .select2-selection__arrow {
	height: 44px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 44px;
	background: #ebebeb;
}
.single-event .select2-search.select2-search--dropdown::after {
	content: '\f002';
	font-family: 'fontawesome';
	position: absolute;
	right: 15px;
	top: 14px;
}
.single-event .select2-search.select2-search--dropdown>input {
	padding-right: 36px;
}
.single-event .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #4c9db4;
}
.single-event .select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ebebeb;
	color: #464646;
}
#modal-acf-map {
	position: relative;
}
#modal-acf-map::after {
	content: '';
	display: block;
	background: #ebebeb;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	top: 0;
	left: 0;
	position: absolute;
}
#modal-acf-map.loading::after {
	opacity: 1;
}
#modal-acf-map .acf-map {
	height: 300px;
}
#ui-datepicker-div>div.ui-timepicker-div.ui-timepicker-oneLine>dl>dd.ui_tpicker_second {
	display: none!important;
}
#event-sidebar .featured-image img {
	height: auto;
}
#event-editor-modal input.hasDatepicker, #event-editor-modal input.hasTimepicker {
	font-size: 15px;
}
#event-editor-modal .acf-fields>.acf-field {
	padding: 0;
}
#event-editor-modal #event-sidebar .acf-field .acf-label {
	margin: 0;
}
#event-editor-modal #event-sidebar .acf-fields>.acf-field:first-child {
	margin-top: 16px;
}
#event-editor-modal .acf-input {
	margin: 0 0 12px;
}
#event-editor-modal .acf-fields.-border {
	border: none;
}
#event-editor-modal .acf-label .description {
	font-style: italic;
	font-size: 13px;
}
#event-editor-modal .nav-pills>li>a {
	border-radius: 0;
	position: relative;
	display: block;
	padding: 10px 15px;
	color: rgb(255, 255, 255);
	font-size: 14px;
}
#event-editor-modal .nav-pills>li.active>a {
	background: #fff;
	color: #4c9db4;
}
#event-editor-modal .modal-title {
	font-weight: 600;
	padding: 15px;
}
#event-editor-modal .nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	padding: 0 15px;
	background: #56a0b4;
}
#event-editor-modal .acf-field-repeater>.acf-input {
	padding: 0;
	margin: 0;
}
#event-editor-modal .acf-field-repeater .acf-table .acf-input {
	padding: 0;
	margin: 15px;
}
#event-editor-modal .acf-field-repeater .acf-table .acf-row-handle .acf-icon.-plus {
	display: none;
}
#event-editor-modal .acf-field-repeater .acf-table .acf-row-handle .acf-icon.-minus {
	width: 100%;
	height: 100%;
	border-radius: 0;
	left: 0;
	top: 0;
	background: #ce5757;
	margin: 0;
	border: none;
}
#event-editor-modal .acf-repeater .acf-row-handle.remove {
	width: 25px;
}
#event-editor-modal .acf-repeater .acf-button {
	background: #56a0b4;
	border: none;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0 12px 0 33px;
	line-height: 24px;
	display: inline-block;
}
#event-editor-modal .acf-repeater .acf-button::before {
	content: '+ ';
}
#event-editor-modal .acf-required {
	color: #105b28;
}
#event-editor-modal .acf-field-repeater .acf-table .acf-row-handle .acf-icon.-minus::before {
	content: '\f00d';
	font-size: 20px;
	font-family: 'fontawesome';
	color: #fff;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}
#event-editor-modal .acf-field-repeater .acf-input thead {
	display: none;
}
.nav-pills>li {
	float: left;
}
.nav>li {
	position: relative;
	display: block;
}
body>div.wraper>header>div.kode_top2_wrap>div>div>div>ul>li.desktop-only.has-left-divider {
	padding-left: 25px;
}
.fp-events .event-card, #fp-events .event-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
}
.page-id-232 .fp-events .event-card figure img {
    border: 1px solid #d4dee1;
}
.fp-events .event-card figure, #fp-events .event-card figure {
	height: 260px;
	/*background: #f0f0f0;*/
	position: relative;
}
.fp-events .event-card figure img, #fp-events .event-card figure img {
	position: relative;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
}
.fp-events .event-card figure::after, .fp-events .event-card figure::before, #fp-events .event-card figure::after, #fp-events .event-card figure::before {
	content: '\f03e';
	position: absolute;
	width: 80px;
	height: 80px;
	display: block;
	top: 50%;
	left: 50%;
	font-size: 80px;
	line-height: 80px;
	font-family: 'fontawesome';
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	color: #cccccc;
}
.fp-events .event-card figure::after, #fp-events .event-card figure::after {
	content: '';
	background: #000;
	opacity: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
}
.fp-events .event-card .share, .fp-events .event-card figure::after, #fp-events .event-card .share, #fp-events .event-card figure::after {
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.fp-events .event-card .share, #fp-events .event-card .share {
	position: absolute;
	z-index: 9;
	opacity: 0;
}
.share-btn {
	background: rgb(106, 184, 167);
	color: #fff;
	padding: 12px 40px 12px 24px;
	text-transform: uppercase;
}
.fp-events .event-card:hover figure::after, #fp-events .event-card:hover figure::after {
	opacity: 0.1;
}
.fp-events .title a, #fp-events .title a {
	color: #50575c;
}
.fp-events .event-card:hover .share, #fp-events .event-card:hover .share {
	opacity: 1;
}
.row-thin>div {
	padding: 6px 0px 3px 6px;
}
.row-thin>div:last-child {
	padding: 6px 6px 0px 6px;
}
.fp-events .event-card .event-details .big-date, #fp-events .event-card .event-details .big-date {
	font-size: 24px;
	font-weight: 500;
	color: #007d4e;
	margin-bottom: 28px;
	display: block;
	font-family: 'Catamaran', 'Helvetica', sans-serif;
}
.fp-events .event-card .event-details .content, #fp-events .event-card .event-details .content {
	margin-bottom: 24px;
	min-height: 72px;
}
.fp-events .event-card .event-details .title, #fp-events .event-card .event-details .title {
	font-weight: 800;
	font-size: 16px;
	margin-bottom: 7px;
	line-height: 26px;
}
.read-more {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #47a6a9;
	border-top: 1px solid #47a6a9;
	padding-top: 4px;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.read-more:hover {
	border-color: rgb(0, 125, 78);
}
.page-links {
	margin-bottom: 60px;
}
/* Share Modal */

body .modal.share-modal .modal-content {
	max-width: 320px;
}
body .modal.share-modal .modal-body {
	padding: 40px 15px;
}
.modal .close-btn {
	position: absolute;
	right: 15px;
	top: 15px;
}
.share-modal .social-icon span {
	text-transform: uppercase;
	display: table-cell;
	height: 42px;
	vertical-align: middle;
	padding: 12px;
	line-height: 21px;
	position: relative;
	z-index: 5;
}
.share-modal .social-icon span::before {
	content: '';
	background: red;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0.74, 0.58, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0, 0.74, 0.58, 1);
	transition: transform 0.3s cubic-bezier(0, 0.74, 0.58, 1);
	transition: transform 0.3s cubic-bezier(0, 0.74, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0, 0.74, 0.58, 1);
	z-index: -1;
}
.share-modal .social-icon:hover span::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.share-modal .social-icon {
	display: table;
	max-width: 100%;
	width: 246px;
	text-align: left;
	margin: 0 auto 12px;
	background: #f2f2f3;
	padding: 0;
	overflow: hidden;
	-webkit-transition: color 0.3s cubic-bezier(0, 0.74, 0.58, 1);
	transition: color 0.3s cubic-bezier(0, 0.74, 0.58, 1);
	color: #777777!important;
}
.share-modal .social-icon:hover {
	color: #fff!important;
}
.share-modal .social-icon.email {
	margin-bottom: 0px;
}
.share-modal .fa {
	color: #fff;
	font-size: 24px;
	width: 42px;
	height: 42px;
	text-align: center;
	position: relative;
	display: table-cell;
	z-index: 9;
}
.share-modal .fa::before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.share-modal .facebook .fa, .share-modal .facebook span::before {
	background: #3b5998
}
.share-modal .twitter .fa, .share-modal .twitter span::before {
	background: #00aced
}
.share-modal .pinterest .fa, .share-modal .pinterest span::before {
	background: #cb2027
}
.share-modal .google-plus .fa, .share-modal .google-plus span::before {
	background: #dd4b39;
	font-size: 19px;
}
.share-modal .email .fa, .share-modal .email span::before {
	background: #529d98
}
/* End Share Modal */

.page-links>div * {
	color: #fff;
}
.page-links>div:nth-child(3n - 2), .page-links>div:nth-child(3n - 2) .content {
	background-color: #2fa7ab;
}
.page-links>div:nth-child(3n - 1), .page-links>div:nth-child(3n - 1) .content {
	background-color: #00804e;
}
.page-links>div:nth-child(3n), .page-links>div:nth-child(3n) .content {
	background-color: #5dbaa8;
}
.page-links>div:nth-child(3n - 2) .content > a:first-child,
.page-links>div:nth-child(3n - 1) .content > a:first-child,
.page-links>div:nth-child(3n) .content > a:first-child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.page-links>div h2 {
    font-size: 24px;
}
.page-links .row {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
}
.page-links .row>.image {
	padding-right: 0px;
	padding-left: 0px;
	background: #e4eeee url(/wp-content/themes/simper/images/lma-logo.png) 50% 50% no-repeat;
}
.page-links .row>.image a:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -webkit-transition: opacity 0.2s ;
	transition: opacity 0.2s;
}
.page-links .row:hover > .image a:before {
    opacity: 1;
}
.page-links .row>.image a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
}
.page-links .row>.image a img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.page-links .row>.content {
	padding: 30px;
	-webkit-transition: all 0.2s cubic-bezier(0.24, -0.35, 0, 1.03);
	transition: all 0.2s cubic-bezier(0.24, -0.35, 0, 1.03);
}
.paypal-donations {
    display: inline-block;
    position: relative;
}
.paypal-donations:before {
    display: block;
    content: "DONATE";
    padding: 7px 20px 5px;
    background: #00804e;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 17px;
    text-align: center;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
}
.paypal-donations input[type=image] {
    opacity: 0;
}
.paypal-donations input[name=submit] {
	cursor: pointer;
	width: 110px;
	height: auto;
	display: inline-block;
	padding-left: 0;
}
.thrive-pathways img {
	height: auto;
	max-width: 180px;
	margin: auto;
	display: block;
}
body .modal-content {
	border: none!important;
}
body .modal-prev-next .prev, body .modal-prev-next .next {
	color: white;
	background: #4c9db4;
}
body .modal-prev-next .prev {
	float: left;
}
body .modal-prev-next .save, body .modal-prev-next .next {
	float: right;
}
body .modal-prev-next .save {
	text-transform: uppercase;
}
#event-editor-modal .acf-fields>.acf-field {
	border: none;
}
#event-editor-modal .modal-header {
	background: #efefef;
	padding: 0;
	border: none;
}
#event-editor-modal .modal-header .close {
	opacity: 1;
	color: rgb(71, 166, 169);
	font-size: 37px;
	line-height: 20px;
	padding: 3px;
	margin: 14px 15px 0 0;
}
#event-editor-modal .top-title {
	padding: 15px;
}
/** End Event Front end editor **/

.topmargin-sm {
	margin-top: 15px;
}
.topmargin-md {
	margin-top: 30px;
}
.bottommargin-sm {
	margin-bottom: 15px;
}
.bottommargin-md {
	margin-bottom: 30px;
}
.toppadding-sm {
	padding-top: 15px;
}
.toppadding-md {
	padding-top: 30px;
}
.bottompadding-sm {
	padding-bottom: 15px;
}
.bottompadding-md {
	padding-bottom: 30px!important;
}
body .kode_top2_icon>ul>li>.kode_search_overlay>.cp-search-holder>button>i {
	color: #007d4e;
}
.widget_menu ul {
	padding-left: 0;
}
body .btn {
	border-radius: 0px;
	border: none;
}
body .btn.btn-primary {
	background: rgb(0, 125, 78);
	color: #fff;
}
.image-anchor-row .col-sm-3 {
	padding-left: 2px;
	padding-right: 2px;
}
.image-anchor-row .fp-square-banner figcaption {
	height: 92px;
}
.image-anchor-row:nth-child(even) .col-sm-3:nth-child(even) .fp-square-banner figcaption {
	background: rgb(106, 184, 167);
}
.image-anchor-row:nth-child(even) .col-sm-3:nth-child(odd) .fp-square-banner figcaption {
	background: rgb(71, 166, 169);
}
.image-anchor-row:nth-child(odd) .col-sm-3:nth-child(even) .fp-square-banner figcaption {
	background: rgb(71, 166, 169);
}
.image-anchor-row:nth-child(odd) .col-sm-3:nth-child(odd) .fp-square-banner figcaption {
	background: rgb(106, 184, 167);
}
#thrive-accordion .panel-heading {
	padding-top: 0;
	padding-bottom: 0;
}
#thrive-accordion .panel-heading .col-sm-4 {
	height: 290px;
}
#thrive-accordion .panel-heading .col-sm-8 {
	padding-top: 30px;
}
#thrive-accordion .panel-heading img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#thrive-accordion .panel-body {
	padding: 0;
	padding-right: 30px;
	padding-bottom: 30px;
}
#thrive-accordion .intro {
	padding-right: 30px;
	padding-bottom: 30px;
}
#thrive-accordion .row {
	display: flex;
}
#thrive-accordion .panel {
	border-radius: 0;
	margin-bottom: 30px;
	border: 0;
}
#thrive-accordion .panel h3 {
    font-size: 24px;
    font-weight: 500 !important;
}
#thrive-accordion div[aria-expanded="true"] .intro {
	display: none;
}
#thrive-accordion .slick-next.slick-arrow {
	transform: rotate(180deg);
	bottom: 0;
	top: auto;
	width: 50px;
	height: 50px;
	background: #007446;
	right: 15px;
}
#thrive-accordion div[aria-expanded="true"] .slick-next.slick-arrow {
	transform: rotate(0deg);
}
#thrive-accordion .slick-next.slick-arrow::before {
	content: '';
	bottom: 30px;
	z-index: 888;
	background: #fff url(/wp-content/themes/simper/images/next-green.png) no-repeat;
	background-size: 24px;
	background-position: 50%;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	width: 50px;
	height: 50px;
	border-radius: 0;
}
.search-result .big-date {
    font-size: 24px;
    font-weight: 500;
    color: #007d4e;
    margin-bottom: 28px;
    display: block;
    font-family: 'Catamaran', 'Helvetica', sans-serif;
}
.search-result h4 {
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 7px;
    line-height: 26px;
}
.search-result h4 a {
    color: black;
}
.search-result .page-hr {
    width: 100%;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.search-result .row.last .page-hr {
    border-width: 0;
}
.search-result .no-result {
    margin-bottom: 40px !important;
}
@media (max-width: 1199px) {
    .fp-events .event-card .event-details, #fp-events .event-card .event-details {
        padding-bottom: 0;
    }
    .page-id-232 .fp-events .event-card figure img {
        border: 0;
    }
    .page-id-232 .fp-events .event-card .col-sm-7 {
        margin-bottom: 15px;
        padding: 0;
        border: 1px solid #d4dee1;
    }
    .fp-events .event-card .col-sm-7, #fp-events .event-card .col-sm-7{
        display: block;
        max-height: 295px;
        overflow: hidden;
    }
    .fp-events > div, #fp-events > div{
        margin-bottom: 0;
        border-bottom: 1px solid #e4eeee;
    }
    .fp-events > div:last-child, #fp-events > div:last-child {
        border-bottom: 0;
    }
    .fp-events .event-card .event-details .fp-event-wrap, #fp-events .event-card .event-details .fp-event-wrap {
        border-right: 0;
    }
    .kode_calender_list {
        width: 568px;
    }
    .kode_event_detail .kode_calender_list .them_overlay {
        width: 126px;
        height: 178px;
    }
    .kode_event_detail .kode_calender_list .kode_event_text {
        padding-left: 150px;
    }
	body .kode_top2_icon ul>.search-btn {
		padding: 15px 17px 4px 8px;
	}
	.fp-square-banner figcaption h3, .fp-wide-banner figcaption h3 {
		font-size: 23px;
		margin-bottom: 20px;
	}
	.about-us p {
		font-size: 16px;
	}
	.header .top_logo img {
		margin-top: 7px;
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		line-height: 18px;
		max-width: 128px!important;
		vertical-align: middle;
		padding-bottom: 0;
		display: table-cell;
		text-align: center;
	}
	.neg-margin {
		margin-top: -83px!important;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner {
		height: 307px;
	}
	.fp-events-list, #fp-events-list {
		height: 436px;
	}
	.bottommargin-page-section {
		margin-bottom: 48px;
	}
	.full-width-banner {
		overflow: hidden;
	}
	.full-width-banner img {
		width: 120%;
		max-width: 200%;
	}
	.full-width-banner figcaption::before {
		display: none
	}
	.kode_banner_wrap.banner2 .kode_banner_text {
		margin-top: -94px;
	}
	#fp-whats-on>div>div>div.col-lg-8.featured-links>div:nth-child(4)>figure>iframe {
		height: 240px!important;
	}
	.acf-widget-contact div.wpcf7-response-output {
	    position: static;
	    float: left;
	}
}
@media (max-width: 991px) {
    .fp-events > div, #fp-events > div {
        padding-bottom: 0;
    }
    .fp-events .event-card .col-sm-7, #fp-events .event-card .col-sm-7 {
        height: 280px;
    }
    .kode_calender_list {
        width: 400px;
    }
    .kode_event_detail .kode_calender_list .kode_event_text {
        padding-left: 146px;
    }
    .panel-collapse .small_btn {
        margin-left: 0;
    }
    .home .fp-square-banner {
        overflow: hidden;
    }
    .home .fp-square-banner figcaption {
        height: 67px;
    }
    .home .fp-square-banner img {
        height: 243px;
    }
	#prayer-times-widget {
		top: 95px;
	}
	#top-nav ul>li.donate_btn>a, body #mega-menu-wrap-primary .mega-menu-toggle {
		width: 114px;
	}
	body {
		margin-top: 188px;
	}
	.header .top_logo img {
		margin-top: 0;
		width: 134px;
	}
	.kode_navigation_wrap>.container {
		width: 100%;
	}
	body #mega-menu-wrap-primary {
		display: block;
		position: fixed;
		left: 0;
		width: 100%;
		top: 135px;
		background: white;
	}
	body #mega-menu-wrap-primary #mega-menu-primary {
		text-align: center;
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		height: 52px;
		max-width: 100%!important;
		padding-bottom: 0;
		text-align: left;
	}
	body .header .top_logo {
		margin: 0 auto;
		float: none;
	}
	body .kode_top2_row {
		text-align: center;
	}
	body .kode_top2_icon {
		display: inline-block;
		float: none;
		margin: 0 auto;
		width: auto;
	}
	.full-width-banner img {
		width: 159%;
		margin-bottom: 0px;
		max-width: 200%;
	}
	.logo-social {
		float: none;
		margin: auto;
		text-align: start;
	}
	.kode_banner_wrap.banner2 .kode_banner_text {
		margin-top: -74px;
	}
	.kode_banner_wrap.banner2 .kode_banner_text .large_text {
		margin-bottom: 14px;
	}
	body .kode_top2_icon ul>.search-btn {
		padding: 14px 18px 12px;
	}
	.sub-menu.navbar {
		margin-top: 0;
		position: relative;
	}
	.search-result .row{
	    margin: 0;
	}
}
@media (max-width: 767px) {
    .fp-events > div .row, #fp-events > div .row {
        margin: 0;
    }
    .fp-square-banner, .fp-events .event-card figure, #fp-events .event-card figure {
        margin-bottom: 15px;
    }
    .page-content-block h2[id]:not(.anchor):before {
        margin-top: -150px;
        height: 150px;
    }
	.kode_blog_madium_wrap>.container:not(#event):first-child {
		padding-top: 0;
	}
	.kode_blog_madium_wrap.detail {
		padding: 35px 0px 15px;
	}
	#main-footer>div.widget_wrap>div>div:nth-child(2)>div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.logo-social .widget_social_icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-item-align: center;
		align-self: center;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.kode_banner_wrap.banner2, .home .kode_banner_wrap .them_overlay {
		max-height: 200px!important;
	}
	.content-slider .kode_banner_wrap.banner2, .content-slider .kode_banner2_des {
		height: auto!important;
		margin-bottom: 10px;
		display: block;
	}
	footer .logo-social {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		padding: 25px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.widget_social_icon li:last-child {
		margin-right: 0;
	}
	.full-width-banner {
		min-height: initial;
		overflow: visible;
	}
	.full-width-banner figcaption {
		top: 0;
		margin: 0;
		-webkit-transform: none;
		transform: none;
		position: relative;
		display: -ms-grid;
		display: grid;
		width: 100%!important;
	}
	.full-width-banner {
		height: auto;
	}
	.full-width-banner figcaption .wrap {
		max-width: 100%;
		margin: auto;
		position: relative;
		-webkit-transform: none;
		transform: none;
	}
	.full-width-banner img {
		width: 100%;
		margin-bottom: 0px;
		max-width: 200%;
	}
	footer .widget_menu .widget_title:before {
		width: 100%;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner figcaption, .fp-wide-banner figcaption {
		text-align: left;
	}
	.small_btn, .medium_btn {
		text-align: center;
	}
	.kode_banner_wrap.banner2 .kode_banner_text {
		margin-top: -20px;
	}
	.kode_banner_wrap.banner2 .slick-prev:before, .kode_banner_wrap.banner2 .slick-next:before {
		font-size: 35px;
	}
	.fp-wide-banner {
		height: 255px;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner {
		height: 258px;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner figcaption h3, .fp-wide-banner figcaption h3 {
		font-size: 22px;
	}
	.kode_calender_list .them_overlay img {
		width: 100%!important;
		height: auto;
	}
	.kode_event_detail .kode_calender_list .them_overlay {
		width: 100%;
		height: auto;
		position: static;
	}
	.kode_calender_list {
	    width: 100%;
	}
	.kode_event_detail .kode_calender_list {
	    padding: 0;
	}
	.kode_blog_madium_wrap.detail .kode_blog_detail_des .search-result p {
	    text-align: left;
	}
}
@media (max-width: 576px) {
	img.alignright {
		display: block;
		float: none;
		margin-bottom: 30px!important;
		width: 100%;
		height: auto;
	}
	.kode_sab_banner_wrap {
		padding: 60px 0;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner figcaption img, .fp-wide-banner figcaption img {
		width: 110%;
		max-width: 200%;
		margin-left: -4%;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner figcaption h3, .fp-wide-banner figcaption h3 {
		margin: 0!important;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner, .fp-wide-banner {
		height: auto;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner img, .fp-wide-banner img {
		-webkit-transform: none!important;
		transform: none!important;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner figcaption, .fp-wide-banner figcaption {
		position: static;
		-webkit-transform: none!important;
		transform: none!important;
		height: auto;
		display: inline-block;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner figcaption b, .fp-wide-banner figcaption b {
		display: none;
	}
	#fp-whats-on .featured-links .link-box .fp-square-banner img {
		width: 113%;
		position: static;
		margin-left: 0!important;
	}
	.widget_wrap {
		padding: 15px 0 15px;
	}
	#main-footer .widget_menu {
		min-height: initial;
		padding: 0 25px;
	}
	#fp-whats-on>div>div>div.col-lg-8.featured-links>div:nth-child(4)>figure>iframe {
		height: 353px!important;
	}
}
@media screen and (min-width: 992px) {
	.thrive-pathways>div:not(:last-child) {
		border-right: 1px solid #a1ced0;
	}
	.mobile-only {
		display: none!important;
	}
	body #mega-menu-wrap-primary {
		display: inline-block;
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
		position: fixed;
	}
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:not(:hover), #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:not(:hover), #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link:not(:hover) {
		background: transparent;
		color: rgb(71, 166, 169);
	}
}
@media screen and (max-width: 991px) {
	.live-streaming-btn {
		display: none!important;
	}
	#fp-whats-on .right {
		clear: both;
	}
	#fp-whats-on .video {
		display: inline-block;
		width: 100%;
	}
	#fp-events .event-card .event-details {
	    padding: 20px 0;
	}
	#fp-events .event-card .event-details .fp-event-wrap {
	    padding: 0;
	}
	body {
		margin-top: 96px;
	}
	body .header .top_logo {
		margin: -43px auto 0 0px;
		float: left;
	}
	body .kode_top2_wrap>.container {
		width: 100%;
	}
	body .kode_top2_icon {
		float: right;
	}
	.kode_top2_wrap {
		height: 50px;
	}
	.kode_top2_icon>ul>li {
		padding: 15px 18px 6px;
	}
	.header .navigation {
		padding: 0;
	}
	#top-nav ul>li:not(.donate_btn)>a, .header .navigation ul>li>a {
		border-radius: 0!important;
		height: 49px;
		line-height: 50px;
		padding: 0 23px 0 13px;
		margin: 0;
	}
	#top-nav ul>li.donate_btn>a {
		padding: 16px 17px;
	}
	#top-nav ul>li:not(.donate_btn)>a, .header .navigation ul>li>a {
		background: transparent;
		color: #99a4ae!important;
	}
	.header .navigation ul>li {
		margin: 0;
	}
	.kode_top2_icon .donate_btn.has-left-divider:before {
		background-color: transparent!important;
	}
	body #mega-menu-primary {
		overflow-y: scroll!important;
		overflow-x: hidden!important;
	}
	body #mega-menu-wrap-primary .mega-menu-toggle {
		background: #007c4b;
		border-radius: 0;
		padding: 3px 15px 0 24px;
		height: 47px;
		display: inline-block;
		position: fixed;
		top: 49px;
		right: 0;
	}
	body.logged-in #mega-menu-wrap-primary .mega-menu-toggle {
		top: 80px;
	}
	body #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
		position: fixed;
		left: 0;
		width: 100%;
		background: #007c4b;
		top: 96px;
		border: none; /*solid 1px #007c4b;*/
	}
	body.logged-in #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
		top: 127px;
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
		/*background: #3c7a8b;*/
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
		left: 0;
		-webkit-transform: none;
		transform: none;
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu::before {
		background: none;
		display: none;
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link, body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		color: rgba(255, 255, 255, 1);
		height: 50px;
		line-height: 50px;
		display: block;
		border: none;
		padding-left: 25px;
	}
	body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item, body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1)!important;
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
		padding: 0;
	}
	body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
		padding: 12px;
	}
	/*  body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
    body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item {
        
    }*/
	body #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu, #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
		width: 100%
	}
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
		background: #007c4b;
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
		padding-bottom: 0;
		padding-left: 12px;
	}
	body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
		padding: 0;
		padding-left: 20px;
		background: #67b7a7;
	}
	header.header .kode_navigation_wrap {
		min-height: initial;
		height: 46px;
	}
	.header .navigation, .kode_top2_icon ul li, .kode_top2_icon ul {
		float: left;
	}
}
@media screen and (max-width: 767px) {
	.neg-margin {
		margin-top: 0!important;
	}
}
@media (max-width: 650px) {
	/*#prayer-times-widget {*/
	/*	display: none;*/
	/*}*/
}
@media (max-width: 480px) {
	.desktop-only {
		display: none!important;
	}
}
@media (min-width: 576px) {
	#event {
		/*width: 540px;*/
		max-width: 100%;
	}
}
@media (min-width: 768px) {
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
		width: 93%;
		/*max-width: 100%;*/
	}
	.kode_event_detail .kode_calender_list .them_overlay img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	#event {
		/*width: 720px;*/
		max-width: 100%;
	}
}
@media (min-width: 992px) {
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
		width: 960px;
		max-width: 100%;
	}
	.kode_blog_detail_row {
		padding: 0 30px;
	}
	body #mega-menu-wrap-primary, .kode_navigation_wrap .container {
		padding: 0;
	}
	body.single-event .kode_sab_banner_wrap {
		min-height: 27vw;
	}
	body.single-event .neg-margin {
		margin-top: -226px!important;
	}
	#event {
		/*width: 960px;*/
		max-width: 100%;
	}
}
@media (min-width: 1200px) {
	.home .about-us {
		height: 625px;
	}
	body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
		width: 1140px;
		/*max-width: 100%;*/
	}
	.kode_blog_madium_wrap.detail .kode_event_ticket>.event_studium {
		width: 220px;
	}
	#event {
		/*width: 1140px;*/
		max-width: 100%;
	}
}
@media (max-width: 1199px) {
    #fp-events .event-card .share {
        opacity: 1 !important;
    }
    .home .left  {
        background: white;
        margin-bottom: 40px;
    }
    .home .right {
        background: white;
    }
    .home .video iframe{
        float: none;
    }
    #fp-whats-on .container {
        background: transparent;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
	.fp-wide-banner figcaption h3 {
		font-size: 23px;
	}
	.fp-wide-banner {
		height: 255px;
	}
}
@media (max-width: 650px) {
	body .kode_top2_icon .desktop-only {
		display: none;
	}
}
@media (max-width: 470px) {
	#menu-top-bar-menu>li:not(:last-child), body .kode_top2_icon>ul {
		display: none;
	}
}

.g-recaptcha > div {
	margin-left: auto;
}

.centered {
	text-align: center;
}


.btn-green {
    width: 110px;
    height: auto;
    display: inline-block;
    margin: auto;
    text-transform: uppercase;
    background-color: #007d4e;
    color: #fff;
	font-size: .8em;
	border: none; /*solid 1px #007c4b;*/
	border-radius: 0px;
	line-height: initial;
	padding: 5px;
}

.clearfix {
	clear: both;
}
form.wpcf7-form .no-label label {
	display: none;
}

#thrive-client-service .col-input input,
#thrive-client-service .col-input textarea {
	background-color: #f8f8f9;
}

form.wpcf7-form .inline-input span.wpcf7-not-valid-tip {
	margin-top: 5px;
}

form.wpcf7-form .wpcf7-response-output {
	color: #ff0000;
	text-align: center;
}
form.wpcf7-form .g-recaptcha > div {
	margin-bottom: 50px;
    margin-top: 50px;
    margin: auto;
}
@media (min-width: 992px) {
	form.wpcf7-form .one-third {
		float: left;
		width: 31.623%;
	}
	form.wpcf7-form .col-name,
	form.wpcf7-form .col-email {
		margin-right: 2.564%;
	}
	form.wpcf7-form textarea {
		height: 260px;
	}
}

input[type="text"],
input[type="email"] {
	line-height: initial;
}

#emdvideos{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#emdvideos .video-summary, #video_indicators_2_emd_video-cont .panel-footer{
	display: none;
}
a.banner-btn{
	display: inline-block;
	padding: 18px 27px;
	background-color: #47a6a9;
	color: #fff;
	font-family: 'Lato', sans-serif;
	letter-spacing: 2px;
	font-size: 13px !important;
	transition: all 0.2s ease;
}
a.banner-btn:hover{
	background-color: #6ec0c2;
}