@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/icomoon.eot?9guny2');
  src:  url('../fonts/icomoon/icomoon.eot?9guny2#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf?9guny2') format('truetype'),
    url('../fonts/icomoon/icomoon.woff?9guny2') format('woff'),
    url('../fonts/icomoon/icomoon.svg?9guny2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}



[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-monitor:before {
  content: "\e900";
}
.icon-web:before {
  content: "\e901";
}
.icon-technology-1:before {
  content: "\e902";
}
.icon-arrows-3 .path1:before {
  content: "\e903";
  color: rgb(199, 207, 226);
}
.icon-arrows-3 .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(199, 207, 226);
}
.icon-arrows-3 .path3:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(230, 175, 120);
}
.icon-arrows-3 .path4:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(239, 242, 250);
}
.icon-arrows-3 .path5:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(210, 155, 110);
}
.icon-arrows-3 .path6:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(240, 192, 135);
}
.icon-arrows-3 .path7:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(230, 175, 120);
}
.icon-arrows-3 .path8:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(228, 234, 246);
}
.icon-arrows-3 .path9:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(228, 234, 246);
}
.icon-arrows-3 .path10:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(91, 93, 110);
}
.icon-arrows-3 .path11:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(81, 82, 98);
}
.icon-arrows-3 .path12:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(228, 234, 246);
}
.icon-arrows-3 .path13:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(228, 234, 246);
}
.icon-arrows-3 .path14:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(120, 85, 80);
}
.icon-arrows-3 .path15:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(240, 192, 135);
}
.icon-arrows-3 .path16:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(105, 75, 75);
}
.icon-arrows-3 .path17:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(90, 65, 70);
}
.icon-arrows-3 .path18:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(230, 175, 120);
}
.icon-arrows-3 .path19:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(228, 234, 246);
}
.icon-arrows-3 .path20:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(105, 75, 75);
}
.icon-arrows-3 .path21:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(90, 65, 70);
}
.icon-arrows-3 .path22:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(105, 75, 75);
}
.icon-arrows-3 .path23:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(120, 85, 80);
}
.icon-arrows-3 .path24:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(230, 175, 120);
}
.icon-arrows-3 .path25:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(180, 225, 250);
}
.icon-arrows-3 .path26:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(210, 155, 110);
}
.icon-arrows-3 .path27:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(160, 210, 240);
}
.icon-arrows-3 .path28:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(160, 210, 240);
}
.icon-arrows-3 .path29:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(160, 210, 240);
}
.icon-arrows-3 .path30:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(160, 210, 240);
}
.icon-arrows-3 .path31:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(160, 210, 240);
}
.icon-arrows-3 .path32:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(240, 192, 135);
}
.icon-arrows-3 .path33:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(230, 175, 120);
}
.icon-arrows-3 .path34:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(160, 210, 240);
}
.icon-arrows-3 .path35:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(199, 207, 226);
}
.icon-arrows-3 .path36:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(199, 207, 226);
}
.icon-education .path1:before {
  content: "\e927";
  color: rgb(43, 65, 77);
}
.icon-education .path2:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(71, 95, 108);
}
.icon-education .path3:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(43, 65, 77);
}
.icon-education .path4:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(69, 94, 107);
}
.icon-education .path5:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(75, 99, 112);
}
.icon-symbol .path1:before {
  content: "\e92c";
  color: rgb(20, 160, 133);
}
.icon-symbol .path2:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(66, 74, 96);
}
.icon-close:before {
  content: "\e92e";
}
.icon-arrows-2:before {
  content: "\e92f";
}
.icon-circles:before {
  content: "\e930";
}
.icon-people-1:before {
  content: "\e931";
}
.icon-art:before {
  content: "\e932";
}
.icon-arrows-1:before {
  content: "\e933";
}
.icon-note:before {
  content: "\e934";
}
.icon-black:before {
  content: "\e935";
}
.icon-monuments-2:before {
  content: "\e936";
}
.icon-building:before {
  content: "\e937";
}
.icon-book-1:before {
  content: "\e938";
}
.icon-monuments-1:before {
  content: "\e939";
}
.icon-money:before {
  content: "\e93a";
}
.icon-interface:before {
  content: "\e93b";
}
.icon-halloween .path1:before {
  content: "\e93c";
  color: rgb(172, 171, 177);
}
.icon-halloween .path2:before {
  content: "\e93d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-halloween .path3:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-halloween .path4:before {
  content: "\e93f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-halloween .path5:before {
  content: "\e940";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-halloween .path6:before {
  content: "\e941";
  margin-left: -1em;
  color: rgb(106, 86, 61);
}
.icon-halloween .path7:before {
  content: "\e942";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path8:before {
  content: "\e943";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path9:before {
  content: "\e944";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path10:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path11:before {
  content: "\e946";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path12:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path13:before {
  content: "\e948";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path14:before {
  content: "\e949";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path15:before {
  content: "\e94a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path16:before {
  content: "\e94b";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path17:before {
  content: "\e94c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path18:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path19:before {
  content: "\e94e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path20:before {
  content: "\e94f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path21:before {
  content: "\e950";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path22:before {
  content: "\e951";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path23:before {
  content: "\e952";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-halloween .path24:before {
  content: "\e953";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-people:before {
  content: "\e954";
}
.icon-islam:before {
  content: "\e955";
}
.icon-social:before {
  content: "\e956";
}
.icon-book:before {
  content: "\e957";
}
.icon-monuments:before {
  content: "\e958";
}
.icon-arrows:before {
  content: "\e959";
}
.icon-play-1:before {
  content: "\e95a";
}
.icon-multimedia:before {
  content: "\e95b";
}
.icon-play:before {
  content: "\e95c";
}
.icon-commerce:before {
  content: "\e95d";
}
.icon-buildings:before {
  content: "\e95e";
}
.icon-technology:before {
  content: "\e95f";
}
i.icon.paypal:before{content:"\f1ed"!important;}

body{ font-family:Ubuntu, sans-serif;font-weight: 300;}
a, area, button, [role="button"], input, label, select, summary, textarea{touch-action:manipulation;transition:all 0.3s ease-in-out 0s;}
a{touch-action:manipulation;transition:all 0.3s ease-in-out 0s;}
a:hover{transition:all 0.3s ease-in-out 0s;}
a:hover, a:focus, a:active {outline: none;text-decoration: none;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: "Poppins",sans-serif;  font-weight: 600;text-transform: uppercase;}
.article-title, .article-header h1,.article-title, .article-header h1 a { font-size:30px; color:#333;}
.btn-primary:hover,a.btn-primary:hover{ background:#000;}
/***/
.topbar {padding: 4px 0 4px 0;}
.topbar.container p{padding:5px 0; margin:0;}
.topbar.container .phone-number{ border-left:1px solid #ccc; margin-left:10px; padding-left:10px; padding-right:15px; border-right:1px solid #ccc;}
.topbar.container a,.topbar.container p{ color:#777; font-size:14px;}
.topbar.container a:hover{text-decoration:none;}
.topbar.container .fa{ margin-right:5px;}
.topbar-left-inner.col-md-9{ padding-left:0;}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .inputbox:focus{transition:all 0.3s ease-in-out 0s;}
.t3-content img{ margin-bottom:30px;}
/****t3-header****/
.t3-header{}
/***languageswitcher***/
button#dLabel{background:none;padding:0px;cursor:pointer;font-size:14px;color:#999;border:0;}
.languageswitcher{margin-top:5px;}
.languageswitcher.col-md-3,.topbar-right.col-md-8{ padding-left:0px;}
.languageswitcher .mod-languages{}
.languageswitcher .fa{margin-left: 5px;position: relative;top: 2px;color:#777!important;}
.languageswitcher img{ margin-right:10px;}
.languageswitcher .dropdown-menu{top:32px; border:0;box-shadow: 0 0;border-radius:3px;min-width: 140px;
padding:5px 0px;z-index:10000;}
.languageswitcher .dropdown-menu > li > a:hover, .languageswitcher .dropdown-menu > li > a:focus{background-color:transparent}
/*top social icons*/
.social-top td{ border:0!important;}
.social-top img{transition:all 0.3s ease-in-out 0s;}
.social-top img:hover{	transform:scale(1.1);-moz-transform:scale(1.1);	-webkit-transform:scale(1.1);transition:all 0.3s ease-in-out 0s}
.social-top{ padding-top:1px;}
.social-top-inner{float:right;}
/**head-search**/
.head-search .search::before{ right:5px; top:3px;content:"";font-family: FontAwesome!important;display: none;}
.search.islamic span{ display:none;}
.head-search .search.islamic span{ display:inline-block; position:absolute; right:5px; top:7px;}
.head-search .search input{padding:0px 0px;height:auto;font-size:12px;border:none;border-bottom:1px solid #cccccc;box-shadow:0px 0px;padding:0px 30px 2px 5px;transition:all 0.3s ease-in-out 0s;line-height:19px;border-radius:0px; margin-top:2px; width:160px!important;}
.head-search .form-control:focus{border-radius:0px;transition:all 0.3s ease-in-out 0s;}
.col-md-5.head-search{border-left: 1px solid #ccc;}
/**header**/
#t3-header{ position:relative;}
.t3-header-overlay{	position:absolute;top:0px;left:0px;right:0px;bottom:0px;opacity:0.65;}
.prayertimes_circle.islamic ul{ padding-left:0; margin-top:0;}
.prayertimes_circle.islamic ul li{height: 76px; width:76px;}
.prayertimes_circle.islamic{ padding:0;}
.header-right { line-height:0;}
/****.navbar****/
.navbar{ border:0;}
.navbar-default .navbar-nav > li{margin-left:5px;position:relative;}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > .separator{transition:all 0.5s ease-in-out 0s;touch-action:manipulation; text-transform:uppercase; font-weight:600; font-size:16px; display:inline-block; padding: 18px 20px 17px;position:relative;z-index:999; cursor:pointer;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > .separator:hover{transition:all 0.5s ease-in-out 0s;touch-action:manipulation;color:#fff;}
.navbar-default .navbar-nav > li > a:before,.navbar-default .navbar-nav > li > .separator:before{transition:all 0.5s ease-in-out 0s;position:absolute;content:"";top:100px;left:0px;right:0px;bottom:0px;z-index:-1;}
.navbar-default .navbar-nav > li > a:hover:before,.navbar-default .navbar-nav > li > .separator:hover:before{ transition:all 0.5s ease-in-out 0s;top:0px;
}
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a{text-transform:uppercase; font-weight:600; font-size:16px; color:#777;}
.t3-megamenu .mega > .mega-dropdown-menu{border-radius:0px; margin-top:1px;}
.dropdown.mega.open a{color:#333!important;}
.dropdown.mega.open a:hover{color:#fff!important;}
.t3-megamenu .mega > .mega-dropdown-menu .col-xs-12{ padding-left:0; padding-right:0;}
.t3-megamenu .dropdown-menu{ padding:0;}
.t3-megamenu .dropdown-menu .mega-nav > li{ position:relative;}
.t3-megamenu .dropdown-menu .mega-nav > li a{ position:relative; z-index:2;}
.t3-megamenu .dropdown-menu .mega-nav > li::before {content:"";position: absolute;left: 0;top: 0;width: 0;height: 100%;opacity: 0; z-index:0}
.t3-megamenu .dropdown-menu .mega-nav > li:hover::before{width:100%;opacity:1;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; }

@keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
@-moz-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
@-webkit-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
@-o-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
#t3-mainnav.affix{box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);animation:fadein 0.8s;-moz-animation:fadein 1s;-webkit-animation:fadein 0.8s;-o-animation:fadein 0.8s;}
#t3-header2 .t3-mainnav.affix-top .container{ width:auto!important;}
/*******slider******/
#rev_slider_1_1_wrapper .slotholder{ position:relative; z-index:1;}
#rev_slider_1_1_wrapper .slotholder::before{ height:100%;width:100%;position:absolute; z-index:2; top:0; left:0;content:"";display: block; background:#000;opacity:0.65;}
.tp-caption.largetextislamic{ position:relative;}
.tp-caption.largetextislamic::after,.tp-caption.largetextislamic::before{content: "";font-family: FontAwesome;font-size: 15px;left: -15px;position: absolute;top: -20px;}
.tp-caption.largetextislamic::before{content: "\f10e";left:auto;right: -15px;top:-20px;}
.tp-button.swap.islamic { position:relative;z-index:100;text-shadow:none;}
a.tp-button.swap.islamic {transition:all 0.5s ease-in-out 0s;border: 1px solid #fff; border-radius: 2px;color: #fff;display:inline;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;position:relative; z-index:9;text-shadow:none;}
a.tp-button.swap.islamic:hover{ text-decoration:none;}
.tp-button.swap.islamic::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transform: scaleY(0);transform-origin: bottom center;z-index: -1;transition:all 0.3s ease-in-out 0s;}
.tp-button.swap.islamic:hover::before{transform: scaleY(1); }
.tp-bullets.tp-thumbs .tp-mask { width:412px!important;}
.tp-bullets.tp-thumbs .bullet{ margin-right:15px!important;}
.tp-bullets.tp-thumbs{ width:412px!important; background-color: transparent!important;}
.pillar_bg{ position:relative; z-index:0;}
/*slider home2*/
#rev_slider_2_1_wrapper .slotholder{ position:relative; z-index:1;}
#rev_slider_2_1_wrapper .slotholder::before{ height:100%;width:100%;position:absolute; z-index:2; top:0; left:0;content:"";display: block; background:#202020;opacity:0.95;}
#rev_slider_2_1_wrapper .tp-rightarrow.default,#rev_slider_2_1_wrapper .tp-leftarrow.default{ background:none;height:58px;width:58px;border-radius:100%;border:1px solid #f2f2f2;transition: all 0.3s ease-in-out 0s;
}
#rev_slider_2_1_wrapper .tp-rightarrow.default:before{
	line-height:58px;
	content:"\f178"; 
 }
#rev_slider_2_1_wrapper .tp-leftarrow.default:before{
	line-height:58px;
	content:"\f177";  
 }
#rev_slider_2_1_wrapper .tp-leftarrow.default:before,
#rev_slider_2_1_wrapper .tp-rightarrow.default:before
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font-family:FontAwesome;
    font-size: 20px;
    line-height:58px;
    opacity: 1;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	color:#fff;
	text-align:center;
}
/*
	=======================================
		ABOUT US SECTION WRAP START
	=======================================
*/
.kode_counter_mosque,
.kode_mosque_student,
.kode_mosque_item,
.kode_mosque_text,
.kode_mosque_row,
.kode_mosques_wrap{
	float:left;
	width:100%;
}
.kode_mosques_wrap{
	padding:80px 0px;
}
.kode_mosque_des{
	width:49%;
	float:left;
	margin-right:10px;
}
.kode_mosque_des:last-child{
	margin-right:0px;
}
.kode_mosque_fig figure{
	width:auto;margin-bottom:11px!important;;
}
.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{
	
}
.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,.kode_mosque_fig figcaption h6 a{
	padding:15px 15px 12px;
	font-weight:600;
	font-size:16px;
	color:#fff;
}

/* SECTION HEADING START */
.kode_mosque_text  .section_hdg{
	margin-bottom:18px;
}
.section_hdg.hdg_4 {
    margin-bottom: 18px;
}
.section_hdg{
	float:left;
	width:100%;
	margin-bottom:32px;
} 
.section_hdg img{
	margin-bottom:6px;
	display:block;
}
.section_hdg h3{
	display:inline-block;
	margin-right:16px;
	font-weight: 600;
    text-transform: uppercase;
	font-size:30px;
}
.section_hdg span{display:inline-block;width:26px;background:url(../images/icon-mosque-small.png) no-repeat left;height:22px;top:-10px;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:16px;
    width: 38px;
}
.section_hdg span:after{
	border-top: 1px solid #acacac;
	border-bottom:none;
	top:16px;
	right:auto;
	left:-56px;
	display:none;
}
.kode_counter_mosque span.count{float:none!important; margin-top:0;}
ul.kode_counter_mosque { padding:0;}
.kode_mosque_text h6,.kode_mosque_text h6 a{ font-size:16px}
.kode_mosque_item p{
	margin-bottom:37px;
}
.kode_counter_mosque{
	margin-bottom:49px;
}
.kode_counter_mosque li{
	float:left;
	text-align:center;
	width:25%;
}
.kode_counter_mosque li {
    list-style: outside none none;
}
.kode_counter_mosque li span{
	display:inline-block;
	height:72px;
	width:72px;
	text-align:center;
	line-height:66px;
	border-radius:100%;
	border:2px solid #e7e7e7;
	font-size:30px;
	font-weight:500;
	margin-bottom:16px;
}
.kode_mosque_item .koed_banner_btn .medium_btn,
.kode_counter_mosque li h6 a{
	color:#999999;
}
/* kode mosque row mosque start*/
.kode_mosque_row.mosque {
    margin: 17px 0 0;
}
.kode_mosque_row.mosque figure a{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	text-align:center;
	font-size:40px;
	margin-top:-20px;
	z-index:10;
}
.kode_mosque_row.mosque .them_overlay:before{
	z-index:9;
}
span.icon-mosque,span.icon-mosque img{ }
span.icon-mosque{}

.kode_counter_mosque li h6 a,
.kode_mosque_item .koed_banner_btn .medium_btn,
.kode_mosque_fig .them_overlay:before,
.kode_mosque_fig figcaption
{
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}

.kode_mosque_row.mosque figure img, 
.kode_mosque_row.mosque figure a,
.kode_mosque2_fig figure img, 
.kode_mosque2_fig .them_overlay:before,
.kode_mosque_fig figure img,
.btn_hover2:before,
.btn_hover:before{
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #333333;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    margin: 0px 0px 0px 0px;
}

figure {
	float:left;
	width:100%;
    position: relative;
	overflow:hidden;
	margin:0px!important;
}

figure img{
	float:left;
	width:100%;
	margin-bottom:0px;
}
img {
    max-width: 100%;
}
::-webkit-input-placeholder {color: #777777; opacity: 1;}
:-moz-placeholder { color: #777777; opacity: 1; }
::-moz-placeholder { color: #777777; opacity: 1; }
:-ms-input-placeholder {color: #777777; opacity: 1;}
.kode_gallery3_fig:hover figure img,
.kode_team_fig:hover figure img,
.kode_side_contact_text a:hover i,
.sidebar_add:hover figure img,
.kode_calender_list:hover figure img,
.kode_mosque_row.mosque figure:hover img, 
.kode_pillars_item li a:hover span,
.kode_event_fig:hover figure img,
.koed_event_timer:hover figure img,
.kode_blog_fig:hover figure img,
.kode_gallery_fig:hover figure img,
.kode_service_des:hover figure img,
.kode_mosque_fig figure:hover img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
} 

.top_icon_fig li a img:hover,
.kode_building_des:hover figure img,
.kode_tem_fig figure:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
/******swapbottom_btn*******/
.swapbottom_btn,.kode_mosque_item  button { position:relative;z-index:100;text-shadow:none;transition:all 0.3s ease-in-out 0s; border-radius: 2px;color: #999;display:inline;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;position:relative; z-index:9;text-shadow:none;}
a.swapbottom_btn,.kode_mosque_item  button {transition:all 0.3s ease-in-out 0s; border-radius: 2px;color: #999;display:inline;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;position:relative; z-index:9;text-shadow:none; background:none; background-color:transparent;}
a.swapbottom_btn:hover,.kode_mosque_item  button:hover{ text-decoration:none;color:#fff;}
.swapbottom_btn::before ,.kode_mosque_item  button::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transform: scaleY(0);transform-origin: bottom center;z-index: -1;transition:all 0.5s ease-in-out 0s;}
.swapbottom_btn:hover::before,.kode_mosque_item  button:hover::before{transform: scaleY(1);transition:all 0.3s ease-in-out 0s; }
.swapbottom_btn-join{ margin-left:27px;}
/*
	=======================================
		ABOUT US SECTION END
	=======================================

*/
/*Jun Portfolio - Our Services**/
.jun-item.islamic{padding:0px 15px;}
.jun-item-shadow{transition:all 0.3s ease-in-out 0s;margin-bottom:30px;overflow: hidden;}
.jun-item-shadow:hover{box-shadow:0px 0px 7px 0px;transition:all 0.3s ease-in-out 0s;}
div.effect-julia.islamic{ background:#fff;}
div.effect-julia.islamic:hover img {opacity: 0.8;-webkit-transform: scale3d(1.2, 1.2, 1);-moz-transform: scale3d(1.2, 1.2, 1);-o-transform: scale3d(1.2, 1.2, 1);-ms-transform: scale3d(1.2, 1.2, 1);transform: scale3d(1.2, 1.2, 1);transition:all 0.5s ease-in-out 0s;}
.jun-item.islamic .overlap-icon{transition:all 0.3s ease-in-out 0s;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;left:24px;}
.jun-icon.icon-lightbox.islamic{ display:none;}
.jun-icon.icon-url.islamic {border-radius: 100%;height: 30px;line-height: 25px;margin-top: -15px;opacity: 0;position: absolute;right:-30px;text-align: center;top: 50%;width: 30px;transition:all 0.3s ease-in-out 0s;}	
.jun-icon.icon-url.islamic .hvr-ripple-out::before{animation-duration: 1s; border-radius: 100%;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;border: 1px solid #e0e0e0;}
.jun-item-shadow:hover .jun-icon.icon-url.islamic{ opacity:1;transition:all 0.3s ease-in-out 0s;right:30px;}
.jun-item-shadow:hover .overlap-icon{color:#fff!important;transition:all 0.3s ease-in-out 0s;}
.jun-icon.icon-url.islamic:hover{ color:#fff;}
.jun-icon.icon-url.islamic.hvr-ripple-out:hover::before, .jun-icon.icon-url.islamic.hvr-ripple-out:focus::before, .jun-icon.icon-url.islamic.hvr-ripple-out:active::before{  border-radius: 100%; animation-name: hvr-ripple-out;border: 6px solid;}
.jun-icon.icon-url.islamic a.right_arrow.hvr-ripple-out { border-radius: 100%;width: 30px; height:30px;}
.jun-icon.icon-url.islamic a.right_arrow.hvr-ripple-out:hover { color:#fff;}
.jun-item .jun-item-content .jun-content-title.islamic,.jun-item .jun-item-content .jun-content-title.islamic a{font-weight:600;text-transform: uppercase; text-align:left; font-size: 20px;color:#2f2f2f; font-family:"Poppins",sans-serif;}
.jun-item .jun-item-content.islamic{padding-top:40px;}
.jun-item .jun-item-content .jun-content-description.islamic{ color:#777; text-align:left;}
.jun-item .jun-item-content .jun-content-description.islamic{ font-size:15px;}
.jun-item .jun-item-content .jun-content-description.islamic i{ margin-right:10px;}
.jun-item#view-all{ text-align:center;}
#view-all.jun-viewall-url{ width:auto; margin:0 auto;}
a.swapbottom_btn.dark,#formsend_button{ background-color: #000;opacity:0.65; border-radius:2px;color: #fff;display: inline-block; border:0; margin-right: 14px;}
a.swapbottom_btn.dark:hover{opacity:1;}
#formsend_button{transition:all 0.3s ease-in-out 0s; border-radius: 2px;display:inline;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;position:relative; z-index:9;text-shadow:none;}
.form_send_button{ text-align:center; margin-top:30px;}
/*
	=======================================
		KODE PRAY WRAP START
	=======================================
*/
.kode_pray_fig,
.kode_pray_text,
.kode_pray_wrap{
	float:left;
	width:100%;
}
.kode_pray_fig figure{margin:10px 0 0 0px!important;}
.kode_pray_wrap{
	background:url(../images/pattran-bg.png);

}
.kode_pray_wrap.them_overlay:before{
	background-color:#e8e8e8;
	opacity:0.50;
}
.kode_pray_text{
	padding:96px 0px 100px;
}
.kode_pray_text h5,
.kode_pray_text h2{
	margin-bottom:9px;font-weight: 600;
    text-transform: uppercase;
}
.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 0px;
}
/*
	=======================================
		KODE PRAY WRAP END
	=======================================
*/
.home .t3-sl-3, .home .t3-sl-4{ position:relative;}
.home .t3-sl-4{background:#f7f7f7;}
.wrap.t3-sl.t3-sl-3 { background:url(../images/pattran-bg.png);}
.home .t3-sl-3{ padding-bottom:0; padding-top:0;}
.home .t3-sl h3,.home2 .t3-sl h3,#gallerymodul h3{ color:#333; display:block;font-weight: 600;text-transform: uppercase; font-family:"Poppins",sans-serif; font-size:30px; margin-bottom:64px; background:url(../images/h3-img.png) no-repeat top center; padding-top:40px; text-align:center;}
.home .t3-sl h3 span,.home2 .t3-sl h3 span,#gallerymodul h3 span{background:url(../images/icon-mosque.png) no-repeat center center;position:relative; padding-bottom:55px;}
.home .t3-sl h3.abotus{display:inline-block; margin-bottom:0px;}
a.masonry_item{ margin-bottom:5px!important;}
.gallery_header h2{ display:none;}
.fancybox-nav span {visibility: visible!important;}
.mod_masonry .slick-prev::before, .mod_masonry .slick-next::before{ display:block!important;color: #ddd;border:1px solid #cecece;}
.mod_masonry .slick-prev,
.mod_masonry .slick-next{height:38px;width:38px;background:none;left:-55px;border-radius:2px;}
.mod_masonry .slick-prev:hover,
.mod_masonry .slick-next:hover{border:0;border-radius:2px;}
.mod_masonry .slick-next{left:auto;right:-55px!important;}
.mod_masonry  .slick-next:before,[dir='rtl'] .mod_masonry  .slick-next:before{line-height:36px;content:"\f061";}
.mod_masonry .slick-prev:before,[dir='rtl'] .mod_masonry .slick-prev:before{content:"\f060";line-height:36px;}
.slick-next:hover::before{color:fff!important;}
/*zt testimonial meet the team*/
.zt-module-testimonial .owl-item{ padding:0px 26px!important;}
.zt-module-testimonial .zt-testimonial .zt-information.islamic{ color:#fff; background:#444444; padding:17px 15px 20px 15px;transition: all 0.3s ease-in-out 0s;position:absolute;left:0px;right:0px;bottom:-53px;text-align:center;}
.zt-module-testimonial .zt-testimonial.islamic,.zt-module-testimonial .zt-testimonial.islamic:hover .zt-information.islamic {transition: all 0.3s ease-in-out 0s;bottom:0px;}
.zt-module-testimonial .zt-testimonial .zt-information .zt-info-position.islamic{margin-bottom: 14px;text-align:center;}
.zt-module-testimonial .zt-testimonial.islamic,.zt-module-testimonial .zt-testimonial.islamic img{transition: all 0.3s ease-in-out 0s;}
.zt-module-testimonial .zt-testimonial.islamic,.zt-module-testimonial .zt-testimonial.islamic:hover img{transition: all 0.3s ease-in-out 0s;transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);
}
.zt-avatar{ text-align:center;margin-bottom: 0;overflow: hidden;position: relative; padding-bottom:30px;}
.zt-information.islamic{ color:#fff;}
.zt-information.islamic h4.zt-info-name.islamic ,.zt-information.islamic h4.zt-info-name a{font-family:"Poppins",sans-serif;color:#fff;font-size:18px;margin: 0;text-align:center;font-weight:600;text-transform: uppercase; font-style:normal;}
.zt-module-testimonial-description{ display:none!important;}
.zt-content.islamic{text-align:center; padding-bottom:50px!important;}
.zt-module-testimonial .zt-testimonial .zt-information p.zt-content.islamic{ display:none;}
.zt-module-testimonial .zt-social-links.islamic{display: inline-flex;float: left;width: 100%;}
.zt-module-testimonial .zt-testimonial .zt-information .islamic ul.zt-member-social-links.islamic li{ padding:0px 0px!important; font-size:12px; color:#fff; margin-right:11px;}
.zt-module-testimonial .zt-testimonial .zt-information .islamic ul.zt-member-social-links.islamic li a{ font-size:12px; color:#fff;	display:inline-block;height:33px;width:33px;text-align:center;line-height:33px;border-radius:100%;border:1px solid #f4f4f4; transition: all 0.3s ease-in-out 0s;}
.zt-module-testimonial .zt-testimonial .zt-information .islamic ul.zt-member-social-links.islamic li a:hover{ }
.zt-module-testimonial .zt-testimonial .zt-information .islamic ul.zt-member-social-links.islamic li a::before{animation-duration: 1s;bottom: 0;
    content: "";left: 0;position: absolute;right: 0;top: 0;}
.zt-module-testimonial .zt-testimonial .zt-information .islamic ul.zt-member-social-links.islamic li a:hover::before{border-radius: 100%}
ul.zt-member-social-links.islamic {padding: 0px!important; margin:0 auto!important; display:inherit!important;}
.zt-social-links-inner{ margin:0 auto;padding:0px 0px 12px 0px;}
.zt-module-testimonial .zt-testimonial.islamic, .zt-module-testimonial .zt-testimonial.islamic{}
.zt-module-testimonial .zt-testimonial.islamic,.zt-module-testimonial .zt-testimonial.islamic:hover{box-shadow:none;border-bottom:0;}
.zt-module-testimonial .owl-buttons{width: 100%;}
.zt-module-testimonial .owl-buttons .owl-prev,.zt-module-testimonial .owl-buttons .owl-next{position: absolute;top: 40%; display:block; width:46px; height:46px; border-radius:0px;  text-indent:-9999px;}
.owl-theme .owl-controls .owl-buttons div{border-radius:0px!important;; background:#000!important;opacity:1!important;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{transition: all 0.3s ease-in-out 0s;left:-55px; background:#333 url(../images/prev-indent.png) no-repeat!important;}
.owl-theme .owl-controls .owl-buttons div.owl-next{transition: all 0.3s ease-in-out 0s;right:-55px; background: #333 url(../images/next-indent.png) no-repeat!important; line-height:46px;}
/**********twosidemodule*********/
.two_side_module_wrap{background-image: url("../images/cause-bg.jpg");background-position: left center;background-repeat: no-repeat;position:relative;background-size:51% ;z-index:99;background-size: cover;float: left;width: 100%;}
.two_side_module_wrap.theme_overlay:before{background-color:#333;opacity:0.9;width:50%;}
.theme_overlay::before {background-color: #000;bottom: 0;content: "";left: 0;opacity: 0.65;position: absolute;right: 0;top: 0;}
.two_side_module_wrap.theme_overlay:after{bottom: 0;content: "";left: auto;position: absolute;right: 0;top: 0;width: 50%;z-index:-1;background: -webkit-linear-gradient(#f7f2e9, #f7f7f7);background: -o-linear-gradient(#f7f2e9, #f7f7f7);background: -moz-linear-gradient(#f7f2e9, #f7f7f7); background: linear-gradient(#f7f2e9, #f7f7f7);}
.two_side_module_left,.two_side_module_right{}
.two_side_module_right{padding:54px 60px 33px;}
.two_side_module_left {padding:54px 100px;}
.kode_cause_des h3{ color:#fff;}
.kode_cause_text {color:#fff!important;position: relative; text-align: center;}
.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%;
}
/* 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;
	color:#fff;
}
.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;
	color:#fff!important;
	text-transform:uppercase;
	font-size:18px;
	 font-weight: 600;
}
.kode_canvas_text h4{
	font-weight:bold;
	font-size:22px;
}
.percent span:after {
    content: '%';
    margin-left: 0.1em;
}
.percent {height:132px;width:132px;font-size: 40px;line-height: 50px;    border-radius: 50%;
    display: inline-block;margin: 0 auto;position: relative;text-align: center;font-weight: 100;
}
.percent span {
    border-radius: 50%;
    font-size: 40px;
    height: 120px;
    left: 0px;
    line-height: 120px;
    position: absolute;
    text-align: center;
    top: 0px;
	font-weight:lighter;
    width: 120px;
	background:#333;
}
/**************Donation Form*****************/
a.chronoforms6_credits{ display: none!important;}
h2.ui.header.donation,h2.ui.header.billing{  font-weight: 600;text-transform: uppercase;font-size: 20px;margin-bottom: 15px;}
.ui.checkbox label::before{ border:0!important;border-radius: 0!important; background-color:transparent!important;}
.ui.radio.checkbox .box::before{border-radius: 0!important;}
.ui.radio.checkbox label{
	display:inline-block;
	color:#333333;
	width:75px;
	height:62px;
	line-height:60px;
	text-align:center;
	border:1px solid #dfdfdf!important;
	font-weight:bold;
	cursor:pointer;
	font-size:20px;
	padding-left:0!important;
	transition: all 0.5s ease-in-out 0s;
}
.ui.radio.checkbox label:hover{ transition: all 0.5s ease-in-out 0s; color:#fff;}
.ui.radio.checkbox input:checked ~ .box::before, .ui.radio.checkbox input:checked ~ label::before{ border-radius: 0;}

.ui.checkbox.radio.checked{color:#fff!important;}
.ui.checkbox.radio.checked label{color:#fff!important;}
.ui.checkbox.radio{ margin-right:5px!important;}
.ui.radio.checkbox input:checked ~ .box::after{background-color:transparent!important;}
.ui.radio.checkbox input:checked ~ label::after{background-color:transparent!important;}
.ui.form .field.other_amount input{ 
    border: 1px solid #dfdfdf;
    float: left;
    font-size: 16px;
    font-weight: 500;
    height: 62px;
    width: 180px;border-radius:0px; font-weight:600;COLOR:#777777!important;}
.ui.form *::-moz-placeholder,.ui.form ::-webkit-input-placeholder,.ui.form :-ms-input-placeholder,.ui.form ::-moz-placeholder,.ui.form :focus::-webkit-input-placeholder,.ui.form :focus:-ms-input-placeholder,.ui.form :focus::-moz-placeholder{color:#777777!important}
.ui.form *::-moz-placeholder{color:#777777!important}
div#area_fields_amount{border-bottom: 1px solid #dcdcdc;margin-bottom: 28px;padding-bottom: 30px;}

#area_fields_namemail input,#area_fields_addrescountry input,#area_fields_citymobile input,input#your_name_id,input#email_id ,input#your_mobile_id,textarea#message_id,.input-group .form-control{
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    outline: medium none;
    vertical-align: middle;border-radius:0px;box-shadow:none;
	border:1px solid #ececec;}
.input-group-addon{ border: 1px solid #ececec; border-radius:0px;}
#login-form .btn-primary,.btn-primary,.btn.cancel{border-radius: 2px;
    display: inline;
    font-family: "Poppins",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    padding: 9px 20px 7px;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    z-index: 9;}
.registration .form-horizontal .control-label,.registration .form-horizontal .control-label label{ text-align:left; font-weight:normal;}
#login-form .btn-primary.btn-primary:hover{border: 1px solid #000;}
.registration .form-actions{background-color:transparent;border-radius:0px;}
#area_fields_addrescountry .ui.selection.dropdown{
 border: 1px solid #ececec;
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    font-weight:300;
    line-height: 16px;
    outline: medium none;
    vertical-align: middle;border-radius:0px;color:#999999!important;}
.ui.radio.checkbox .box::after, .ui.radio.checkbox label::after{background-color:transparent!important;}

.ui.button#donate_button { position:relative;z-index:100;text-shadow:none;border-radius:2px;color:#fff;font-weight: 600;text-transform: uppercase;font-size: 16px; margin-top:30px;}
a.ui.button#donate_button {transition:all 0.3s ease-in-out 0s; border-radius: 2px;color: #999;display:inline;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;position:relative; z-index:9;text-shadow:none;}
a.ui.button#donate_button:hover{ text-decoration:none;color:#fff;}
.ui.button#donate_button::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transform: scaleY(0);transform-origin: bottom center;z-index: -1;transition:all 0.5s ease-in-out 0s;}
.ui.button#donate_button:hover::before{transform: scaleY(1);transition:all 0.3s ease-in-out 0s; }
.ui.button#donate_button::before{ background-color:#000000;}
.ui.button#donate_button i.icon{ color:#fff;opacity:1;}
.modal {
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left:auto;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

/****blog section*/
.bt-image-wrapper{ position:relative;float: left;width: auto; overflow:hidden;margin:0px 0px 30px 0!important;}
.bt-cs.bloghome .bt-image-wrapper{ position:relative;float: left;width: auto; overflow:hidden;margin:0px 30px 0 0!important;}
.bt-cs-blog .bt-image-wrapper{}
.bt-inner.islamic {float: left;width: auto;}
.bt-inner.islamic span.plus_icon {background-color: #ffffff;border-radius: 100%;bottom: 0;font-size: 18px;height: 40px;left:40%;line-height: 40px;position: absolute;text-align: center;top: 40%;width: 40px;opacity:0;z-index:10;transition:all 0.3s ease-in-out 0s;margin: -20px auto auto;}
.bt-inner.islamic span.plus_icon:hover {background-color:#000;}
.bt-inner.islamic:hover .plus_icon{margin: 0px auto auto;opacity:1;}
.bt-inner.islamic span.plus_icon:hover .fa{color:#fff;}
.bt-inner.islamic .plus_icon::before{  content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;
transition:all 0.3s ease-in-out 0s; border-radius:100%;}
.bt-inner.islamic .plus_icon:hover::before, .bt-inner.islamic .plus_icon:focus::before, .bt-inner.islamic .plus_icon:active::before{  -webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;border: solid 6px; }
.bt-image-wrapper::before {opacity:0;top: 100%;transition:all 0.5s ease-in-out 0s;bottom: 0;content: "";left: 0;position: absolute;right: 0;   }
.bt-inner.islamic:hover .bt-image-wrapper::before {opacity: 0.65;top: 0;z-index: 9;transition:all 0.5s ease-in-out 0s;}
.bt-inner.islamic .bt-image-wrapper img{transition: all 0.3s ease-in-out 0s;border:0;margin:0px 0px 0 0!important;max-width:100%;outline: 0;}
.bt-inner.islamic:hover .bt-image-wrapper img{transform: scale(1.2);transition: all 0.3s ease-in-out 0s;}
.slides_container.islamic .bt-row{ padding:0; margin-bottom:30px;}
.bt-cs .bt-extra.islamic{ clear:none;margin-top: 25px; margin-bottom:13px;}
.bt-cs .bt-inner.islamic{transition:all 0.3s ease-in-out 0s; padding:0 28px 0 0;}
.bt-inner.islamic:hover{background-color: #f7f7f7;transition:all 0.3s ease-in-out 0s;}
.bt-cs .bt-date.islamic, .bt-cs .bt-author.islamic{ font-size:100%;color: #666666;transition:all 0.3s ease-in-out 0s; font-weight:100;}
.bt-date.islamic a:link,.bt-date.islamic a:visited .bt-cs .bt-author.islamic a:link,.bt-cs .bt-author.islamic a:visited{ font-size:100%;color: #666666;transition:all 0.3s ease-in-out 0s;}
.bt-cs .bt-date.islamic .fa, .bt-cs .bt-author.islamic .fa{margin-right: 14px;}
.bt-cs .bt-author.islamic{ float:right;}
.bt-cs .bt-inner.islamic .bt-title.islamic,.bt-cs .bt-inner.islamic .bt-title.islamic a,.bt-cs .bt-inner.islamic  h4 a.bt-title.islamic{font-size:16px;font-weight:600; color:#333; font-family:"Poppins",sans-serif;transition: all 0.3s ease-in-out 0s;}

.blogmodule{ clear:both; padding: 80px 0;}
.blogmodule h3{ color:#333; display:block;font-weight: 600;text-transform: uppercase; font-family:"Poppins",sans-serif; font-size:30px; margin-bottom:64px; background:url(../images/h3-img.png) no-repeat left top; padding-top:40px; text-align:left;}
.blogmodule h3 span{background:url(../images/icon-mosque.png) no-repeat center center;position:relative; padding-bottom:55px;}

h3.styled-title-left{ color:#333; display:block;font-weight: 600;text-transform: uppercase; font-family:"Poppins",sans-serif; font-size:30px; margin-bottom:64px; background:url(../images/h3-img.png) no-repeat left top; padding-top:40px; text-align:left;}
h3.styled-title-left span{background:url(../images/icon-mosque.png) no-repeat center center;position:relative; padding-bottom:55px;}

h3.styled-title-center{ color:#333; display:block;font-weight: 600;text-transform: uppercase; font-family:"Poppins",sans-serif; font-size:30px; margin-bottom:64px; background:url(../images/h3-img.png) no-repeat top center; padding-top:40px; text-align:center;}
h3.styled-title-center span{background:url(../images/icon-mosque.png) no-repeat center center;position:relative; padding-bottom:55px;}
.readmore.islamic .btn-dark{ margin:30px 0 0 0;}

/*********Event List Module***********/
.default_eventlist .ic-date-div.islamic {transition: all 0.3s ease-in-out 0s;	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; box-sizing: border-box}
.default_eventlist .ic-day.islamic {font-size: 24px;font-weight: 400;line-height:24px!important; color:#fff;}
.default_eventlist .ic-month.islamic {font-size: 16px;font-weight: 400;line-height:24px!important; color:#fff;}
.ic_eventlist{ background:#F7F7F7;padding: 0px 30px 30px 30px;}
.iceventlist-title.ic-block.islamic a{line-height: 22px;margin-bottom: 6px;font-weight: 600;text-transform: uppercase;color: #333333; font-size:16px;font-family: "Poppins",sans-serif;}
.ic-col.islamic{border-bottom:1px solid #cbcbcb;padding:20px 0px;}
.default_eventlist.islamic .ic-datetime-label {color: #777777;font-weight: normal;}
.default_eventlist.islamic .iceventlist-city, .default_eventlist.islamic .ic-datetime-div{ margin-top:6px; font-size:15px;}
.ic-header-text{ margin-right:-30px; margin-left:-30px;}
/*********Our Clients***********/
.testimonial.title.islamic{}
.ztTestimonial img.avatar.islamic{ float:none; margin:0 auto;}
p.content-testimonial.islamic,.ztTestimonial .name, .ztTestimonial .email, .ztTestimonial .position, .ztTestimonial .website,.tw-fb.islamic{ text-align:center;}
.ztTestimonial p.content-testimonial.islamic::before,.ztTestimonial p.content-testimonial.islamic::after{ display:none; border:0;}
.ztTestimonial p.content-testimonial.islamic{ border-bottom:0; margin:0 0 10px 0; padding:0;}
.ztTestimonial .avatar-container img.avatar{transition: all 0.3s ease-in-out 0s; width:93px; height:93px;}
.avatar-container  img:hover {transform: scale(1.2);transition: all 0.3s ease-in-out 0s;}
.ztTestimonial .name{ text-transform:uppercase; margin-bottom:26px; color: #333333;}
.ztTestimonial .fa-quote-left{ margin-right:5px;}
.ztTestimonial .fa-quote-right{ margin-left:5px;}

/***our products*******/
.t3-module.module-ourproducts{ border:1px solid #f7f7f7; background:#f7f7f7;}
.t3-module.module-ourproducts .hikashop_products_listing.islamic span.hikashop_product_name a{color: #333333;font-family: 'Poppins', sans-serif;
	font-style: normal;font-weight: 300; text-transform:none; padding-left:25px; padding-right:25px;}
.t3-module.module-ourproducts span.hikashop_product_name a{font-size:18px; color: #333333;font-family: "Poppins",sans-serif;font-style: normal;font-weight: 300;margin: 0; padding-left:13px;}
.t3-module.module-ourproducts .hikashop_product_image{margin-bottom:17px;}
.t3-module.module-ourproducts .hikashop_product_image_subdiv{ border-bottom:1px solid #d2d2d2;}
.t3-module.module-ourproducts span.hikashop_product_name{ border-bottom:1px solid #d2d2d2; padding-bottom:17px;}
.t3-module.module-ourproducts span.hikashop_product_price_full{ color: #999999;font-family: "Ubuntu",sans-serif;font-size: 15px;font-weight: 300;line-height: 24px; padding-left:13px;}
.t3-module.module-ourproducts h3{padding: 15px 30px 13px; font-size:18px; font-weight:600; color:#fff;margin-bottom:0;}
.t3-module.module-ourproducts h3 span{ background:none;padding-bottom:0;}
.t3-module.module-ourproducts .hikashop_products_listing.islamic a.hikabtn.hikacart{ position:relative;z-index:100;text-shadow:none;border-radius:2px;color:#fff;font-weight: 600;text-transform: uppercase;font-size: 16px; margin-top:20px; border:0; margin-left:25px;margin-bottom: 25px;}
.t3-module.module-ourproducts  a.hikabtn.hikacart {transition:all 0.3s ease-in-out 0s; border-radius: 2px;color: #fff;display:inline-block;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;position:relative; z-index:9;text-shadow:none; margin-left:25px; margin-right:25px;}
.t3-module.module-ourproducts  a.hikabtn.hikacart:hover{ text-decoration:none;color:#fff;}
.t3-module.module-ourproducts a.hikabtn.hikacart::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transform: scaleY(0);transform-origin: bottom center;z-index: -1;transition:all 0.5s ease-in-out 0s;}
.t3-module.module-ourproducts a.hikabtn.hikacart:hover::before{transform: scaleY(1);transition:all 0.3s ease-in-out 0s; }
.t3-module.module-ourproducts a.hikabtn.hikacart::before{ background-color:#000000;}

/*****Newsletter*************/
.t3-navhelper{padding:0px; border:0!important}
div.acymailing_introtext.islamic h5{display:inline-block;  color:#fff!important; text-transform:uppercase; font-size:18px; font-weight:600; margin-bottom: 10px;padding-bottom: 5px;position: relative;}
div.acymailing_introtext.islamic h5:before{position:absolute;content:"";left:0px;right:0px;bottom:0px;border-bottom:1px solid #fff;width:60px;}


div.acymailing_module-islamic div.acymailing_introtext.islamic{color:#fff!important; padding:17px 15px!important;}
div.acymailing_introtext.islamic .fa{font-size:50px; margin-right:30px;}
div.acymailing_introtext.islamic span {color: #ebd0a7;display: inline-block;float: left;}

.acymailing-form.islamic input.inputbox{float:left;background:none;width:288px!important;box-shadow:0px 0px;color:#fff; border-radius:0px; border:1px solid #fff!important;transition:all 0.5s ease-in-out 0s; height:38px;}
.acymailing-form.islamic input.inputbox:focus{transition:all 0.5s ease-in-out 0s;}
div.acymailing_module-islamic div.acymailing-form.islamic{padding:28px 15px 15px 15px;}
.acymailing_form_align{float: right;}
.acymailing_form_align .button {cursor: pointer;margin-left: 30px; border-radius:2px; color: #fff;display: inline-block;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;background-color: #333;border:0;transition:all 0.5s ease-in-out 0s;}
.acymailing_form_align .button:hover {background-color: #fff; border:0;color:#000;transition:all 0.5s ease-in-out 0s;}
input:focus{transition:all 0.5s ease-in-out 0s;}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{transition:all 0.5s ease-in-out 0s; border: 1px solid #ececec;
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    outline: medium none;
    vertical-align: middle;border-radius:0px;box-shadow:none;}


/***footer****/
#t3-footer{background-image: url("../images/footer-bg.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;
position: relative;}
.t3-footer {border-top:0;}
.t3-footer .theme_overlay::before {bottom: 0;content: "";left: 0;opacity: 0.98;position: absolute;right: 0;top: 0;}
.t3-footer.footer2 .theme_overlay::before {background-color:#131313;opacity: 0.85;}
.t3-footnav .t3-module{background:none;}
.t3-footnav .t3-module,.t3-footnav .t3-module p,.t3-footnav .t3-module div{ color:#fff;}
.t3-footnav .t3-module ul > li {line-height: 24px;margin-bottom: 7px; color: #fff;}
.t3-footnav .t3-module ul > li a{color: #fff;}
.t3-footnav .footerlogo_info i ,.t3-footnav .footerlogo_info .fa{margin-right: 20px;}
.footerlogo_info {border-bottom: 1px solid #393535;margin-bottom: 30px;padding-bottom: 25px;}
ul.footerlogo_social_icon{float:left;width:100%; margin-top:30px;}
ul.footerlogo_social_icon li {float: left;margin-right: 19px;}
.footerlogo_social_icon li a{display:inline-block;height:42px;width:42px;text-align:center;line-height:42px;font-size:16px;border-radius:2px;transition: all 0.3s ease-in-out 0s;}
.footerlogo_social_icon li a:hover,.footerlogo_social_icon i:hover,.footerlogo_social_icon:hover i{ color:#fff;}
ul.footerlogo_social_icon  li:last-child{ margin-right:0;}
.t3-footnav .t3-module .ic_eventlist-eventsfooter{background:transparent;}
.t3-footnav .t3-module .ic_eventlist-eventsfooter .ic-col.islamic{ }
.t3-footnav .t3-module .ic_eventlist-eventsfooter .iceventlist-title.ic-block.islamic a{color: #fff;}
.t3-footnav .t3-module .default_eventlist .ic-date-div.islamic{ margin-right:15px;}
textarea {height: auto;}
.t3-footnav .t3-module .field.name input,.t3-footnav .t3-module .field.email input,.t3-footnav .t3-module .field.textarea textarea{ border-radius:0px;background:transparent;line-height: 20px; font-size: 15px;font-weight: 400; color:#fff!important;}
/**footer contact form*/
.t3-footnav .t3-module .field.name input:focus,.t3-footnav .t3-module .field.email input:focus,.t3-footnav .t3-module .field.textarea textarea:focus,.ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="url"], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea{background:transparent!important; border-radius:0px;}
.t3-footnav .ui.form *::-moz-placeholder{color:#fff!important}
.t3-footnav .ui.button#donate_button { position:relative;z-index:100;text-shadow:none;border-radius:2px;color:#fff;font-weight: 600;text-transform: uppercase;font-size: 16px; margin-top:30px;background:transparent!important;border:1px solid #fff;}
.t3-footnav a.ui.button#donate_button {transition:all 0.3s ease-in-out 0s; border-radius: 2px;color: #999;display:inline;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;position:relative; z-index:9;text-shadow:none;}
.t3-footnav a.ui.button#donate_button:hover{ text-decoration:none;color:#fff;}
.t3-footnav .ui.button#donate_button::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transform: scaleY(0);transform-origin: bottom center;z-index: -1;transition:all 0.5s ease-in-out 0s;}
.t3-footnav .ui.button#donate_button:hover::before{transform: scaleY(1);transition:all 0.3s ease-in-out 0s; }
.t3-footnav .t3-module .module-title{ font-family: "Poppins",sans-serif;font-size: 20px; text-transform:uppercase;font-style: normal;margin-bottom:30px;position:relative;padding:15px 0px 6px 0px; color:#fff;}
.t3-footnav .t3-module .module-title:before{position:absolute;content:"";left:0px;right:0px;bottom:0px;width:60px;}
.t3-footnav .t3-module .semanticui-body{ margin-top:29px}

.t3-copyright{background-color: #1d1d1d;padding: 18px 0; border-top:0;}
.copyright{ color:#fff; font-size:15px; margin-bottom:0;}
.copyright p {margin: 0 0 ;}
/***back to top*****/
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*home2 */
#theButton.islamic_center{width:100%;height:auto;position:relative!important;background-color:transparent!important;background-image:none!important;display:block;left:0px;z-index:100;top:0px!important;}
#theButton.islamic_center.drawerButton{}
#theButton.islamic_center a{padding:0;display:block;color:#000;text-indent:-9999px;line-height:48px;}
#theButton.islamic_center i{ font-size:18px!important;}
#theButton.islamic_center .iconsearch{ position:absolute; top:14px; z-index:-1; left:35%;}

.topbar.home2.container .col-md-5.topbar-right{ padding-left:0; padding-right:0;}
.topbar.home2.container td,.topbar.home2.container .phone-number{border:0;}
.topbar.home2.container td{  font-size:12px!important; padding:10px 15px!important;}
.topbar.home2.wrapper{ border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9; padding:0;}
.topbar.home2{padding:0;}
.topbar.home2.container a, .topbar.home2.container p {color: #777;font-size: 12px;}
.topbar.home2.container .col-md-4,.topbar.home2.container .topbar-right .col-md-2,.topbar.home2.container .topbar-right .col-md-3{ min-height:48px; padding:6px 10px;border-right:1px solid #d9d9d9;}
.topbar.home2.container .topbar-right .icon-commerce::before{ line-height:48px;}
.topbar.home2 .social-top{ padding-top:0px;}
.topbar.home2.container .languageswitcher.col-md-3{ padding-left:10px;}
.topbar.home2.container .mod-languages{ line-height:47px;}
.topbar.home2.container .languageswitcher{ margin-top:0; line-height:48px;}
.topbar.home2.container .languageswitcher .dropdown-menu {border: 0 none;border-radius: 3px;box-shadow: 0 0;min-width: 140px;padding: 5px 0;top:55px; background:rgba(0, 0, 0, 0.85) none repeat scroll 0 0; z-index:10000;}
.topbar_right_donate_button { position:relative;text-shadow:none;border-radius:2px;color:#fff;margin-top:4px;transition:all 0.3s ease-in-out 0s;color: #fff!important;display:inline-block;font-family: "Poppins",sans-serif;font-size: 16px!important;font-weight: 600!important;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;position:relative; z-index:9;text-shadow:none;}
a.topbar_right_donate_button:hover{ text-decoration:none;color:#fff;}
.topbar_right_donate_button::before {content: "";position: absolute;bottom: 0;left: 0; right:0; top:0;transform: scaleY(0);transform-origin: bottom center;z-index: -1;transition:all 0.5s ease-in-out 0s;border-radius:2px; background-color:#000000;}
.topbar_right_donate_button:hover::before{transform: scaleY(1);transition:all 0.3s ease-in-out 0s; }
#theDrawer.islamic_center input#mod-search-searchword{ min-width:750px!important; background:transparent; border:0; border-bottom:1px solid #fff; color:#fff!important; font-size: 14px;height: 40px;line-height: 40px;}
#theDrawer.islamic_center .search{ margin:0 auto; float:none; width:800px;}
#theDrawer.islamic_center .search::before{color:#fff!important; left:735px;}
#theDrawer.islamic_center input#mod-search-searchword:focus{color:#fff!important; border-bottom:1px solid #fff; }
#theDrawer.islamic_center input[type="color"]::-moz-placeholder,#theDrawer.islamic_center input[type="search"]::-moz-placeholder{color:#fff!important;}
#t3-header2 .t3-header {padding-bottom:0px!important; padding-top:0px!important;}
#t3-header2 .logo{padding-bottom:22px!important; padding-top:21px!important;}
.home2.navbar-default .navbar-nav > li > a,.home2.navbar-default .navbar-nav > li > .separator {font-size: 14px;font-weight: 500;padding-bottom:39px!important; padding-top:39px!important; padding-left:10px; padding-right:10px;}
.home2.navbar-default .navbar-nav > li > a::before,.home2.navbar-default .navbar-nav > li > .separator::before{background:transparent!important;}

.home2.navbar-default .t3-megamenu .mega > .mega-dropdown-menu .mega-nav > li::before {background:transparent!important;}
.home2.navbar-default .navbar-nav > .active > a, .home2.navbar-default .navbar-nav > .active > a:hover, .home2.navbar-default .navbar-nav > .active > a:focus{background-color:transparent;}
.home2.navbar-default .t3-megamenu .mega > .mega-dropdown-menu a{ color:#777!important;font-size: 14px;font-weight: 500!important; padding:8px 15px;}
.home2.navbar-default .t3-megamenu .mega > .mega-dropdown-menu a:hover{background-color:transparent!important;}
.home2 .t3-sl-1 h3{ color:#333; display:block;font-weight: 600;text-transform: uppercase; font-family:"Poppins",sans-serif; font-size:30px; margin-bottom:14px; background:url(../images/h3-img.png) no-repeat top left; padding-top:40px; text-align:left;}
.home2 .t3-sl-1 h3 span{ background:none;}
.home2 .t3-sl-1 h3 { margin-bottom:30px;}
.kode_mosque2_wrap {
    padding: 78px 0 80px;
}
.kode_mosque2_fig .them_overlay::before {
    bottom: 10px;
    left: 15px;
    opacity: 0;
    transform: skew(-17deg) translate(44px);
}

 .them_overlay::before {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.65;
    position: absolute;
    right: 0;
    top: 0;
}
.kode_mosque2_fig figure::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 15px;
    top: 10px;
    transform: skew(-17deg) translate(44px);
    z-index: -1;
}
.kode_mosque2_text, .kode_mosque2_des, .kode_mosque2_fig, .kode_mosque2_wrap {
    float: left;
    width: 100%;
}
.kode_mosque2_fig figure {
    padding: 0 0 10px 15px;
    z-index: 999;
}

.kode_mosque2_fig:hover .them_overlay::before {
    opacity: 0.5;
    z-index: 99;
}

.kode_building_des,
.kode_building_wrap{
	float:left;
	width:100%;
}
.kode_building_wrap{

}
.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 h2,
.kode_building_text h4{
	margin-bottom:10px;
	text-align:left;
	font-family: "Poppins",sans-serif;
    font-style: normal;
	font-size:20px;
	color: #fff;
	text-transform: uppercase;
}
.kode_building_text h2{
	margin-bottom:17px;
}
.kode_building_text p{
	margin-bottom:28px;
}
.kode_canvas_detail.canvas_2{
	border-right: medium none;
    padding: 30px 50px 0 0;
    width: 100%;
	position:relative;
}
.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.collected {
   
}
.kode_building_text h2{font-weight: 600;text-transform: uppercase; font-size:30px;}
.kode_building_text p.kode_mosque{ color:#fff; text-align:left;}
.home2 .t3-sl-4{background-image:url(../images/building.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:105px 0px;}
.kode_building_text a.swapbottom_btn.mosque{float:left;}
.kode_building_des:hover figure img, .kode_tem_fig figure:hover img {transform: scale(1.1);transition: all 0.3s ease-in-out 0s;}
.kode_building_des figure img, .kode_tem_fig figure img {transition: all 0.3s ease-in-out 0s;}
.kode_canvas_detail.canvas_2 .percent{ width:184px; height:184px; line-height: 184px;border:8px solid #d2973b;float: right;}
.kode_canvas_detail.canvas_2 .percent span { font-family: Arial;width:168px; height:168px;font-size: 40px;font-weight: lighter; color:#fff;text-transform: uppercase; padding-top:10px;}
.kode_canvas_detail.canvas_2 .percent span.collected{font-weight: 600; color:#fff;text-transform: uppercase; position: relative;font-size:15px; line-height:22px; background:none;top:5px;}

.breadcrumbs-islamic-wrapper {
    animation: 10s linear 0s normal none infinite running shafaqat;
    background: rgba(0, 0, 0, 0) url("../images/banner-pattern-bg.jpg") repeat scroll 0 0;
    padding: 60px 0 65px;
}
@-webkit-keyframes shafaqat{
	  0%{background-position:50% 0}
	  100%{background-position:120px 0%}
	}
	@-moz-keyframes shafaqat{
	  0%{background-position:50% 0}
	  100%{background-position:120px 0%}
	}
	@-ms-keyframes shafaqat{
	  0%{background-position:50% 0}
	  100%{background-position:120px 0%}
	}
	@keyframes shafaqat{
	  0%{background-position:50% 0}
	  100%{background-position:120px 0%}
}

.breadcrumbs-islamic-wrapper{ position:relative;}
.breadcrumbs-islamic-wrapper::before{background-color:@brand-primary!important; opacity: 0.97; bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0; z-index:0;}
.breadcrumbs-islamic-wrapper h1 {font-weight: 600; color: #fff!important;text-transform: uppercase;margin-bottom: 19px; text-align:center; position:relative; z-index:1;}
.breadcrumbs-islamic-wrapper ul.breadcrumb{background:transparent; margin-left:auto; margin-right:auto; text-align:center;    background-color: #fff;
border-radius: 2px;padding: 8px 24px;    display: inline-block;}
.breadcrumbs-head,.breadcrumbs-subhead{position:relative; z-index:2;}
.breadcrumbs-subhead{ text-align:center;}
.breadcrumbs-islamic-wrapper ul.breadcrumb > li + li::before { content: ""; }
.breadcrumbs-islamic-wrapper ul.breadcrumb > li + li .fas {font-family:FontAwesome;content:""; font-size: 14px; margin-left:10px;}
.breadcrumbs-islamic-wrapper ul.breadcrumb > li + li.active::after{ display:none;}

.kode_mosques_wrap.about_us_menu{ padding:0;}
h3.module-title.centered-title{ color:#333; display:block;font-weight: 600;text-transform: uppercase; font-family:"Poppins",sans-serif; font-size:30px; margin-bottom:64px; background:url(../images/h3-img.png) no-repeat top center; padding-top:40px; text-align:center;margin-top:15px;}
h3.module-title.centered-title span{background:url(../images/icon-mosque.png) no-repeat center center;position:relative; padding-bottom:55px;}

h3.module-title.centered-title-white{ color:#fff; display:block;font-weight: 600;text-transform: uppercase; font-family:"Poppins",sans-serif; font-size:30px; margin-bottom:64px; background:url(../images/h3-img-white.png) no-repeat top center; padding-top:40px; text-align:center; margin-top:15px; position:relative; z-index:2;}
h3.module-title.centered-title-white span{background:url(../images/icon-mosque.png) no-repeat center center;position:relative; padding-bottom:55px;}

h3.module-title.left-title{ color:#333; display:block;font-weight: 600;text-transform: uppercase; font-family:"Poppins",sans-serif; font-size:30px; margin-bottom:64px; background:url(../images/h3-img.png) no-repeat top left; padding-top:40px; text-align:left; margin-top:15px;}
h3.module-title.left-title span{background:url(../images/icon-mosque.png) no-repeat center center;position:relative; padding-bottom:55px;}

h3.module-title.left-title-white{ color:#fff; display:block;font-weight: 600;text-transform: uppercase; font-family:"Poppins",sans-serif; font-size:30px; margin-bottom:64px; background:url(../images/h3-img-white.png) no-repeat top left; padding-top:40px; text-align:left; position:relative; z-index:2; margin-top:15px;}
h3.module-title.left-title-white span{background:url(../images/icon-mosque.png) no-repeat left center;position:relative; padding-bottom:55px;}
.picturemodule-1_bg .them_overlay{    opacity: 0.75;
    width: 50%;
    z-index: -1;}
.picturemodule-1_bg {
    background-image: url("../images/service_bg.jpg"), url("../images/service_bg1.jpg");
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: 952px 860px;
    position: relative;
    z-index: 999;
}
.picturemodule-1_bg::after {
    background-color: #a4a4a4;
    bottom: 0;
    content: "";
    opacity: 0.25;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
#picturemodule-1modul #display-section1 input,#picturemodule-1modul #display-section1 textarea{ border-radius:0px;background:transparent; border:1px solid #ececec; font-weight:400; color:#fff!important;}
#picturemodule-1modul #display-section1.ui.form *::-moz-placeholder{color:#fff!important;}
 /*
	=======================================
		KODE PRICING WRAP START
	=======================================
*/
.pricemodule_bg{background-color: #f5f5f5;padding:80px 0px;}
.pricing_list li,
.pricing_list,
.kode_pricing_dollar,
.kode_pricing_des,
.kode_pricing_wrap{
	float:left;
	width:100%;
}
.kode_pricing_wrap{
	padding:0px;
	background-color:#f5f5f5;
}
.kode_pricing_des{
	text-align:center;
	background-color:#f8f8f8;
	border-top:5px solid #e4e4e4;
	padding-bottom:30px;
}
.kode_pricing_des:hover{
	box-shadow:0 4px 13px -5px #ddd;
}
.kode_pricing_des h4{
	padding:22px 0px 20px;
	border-bottom:1px solid #e4e4e4;
}
.kode_pricing_dollar{
	padding:18px 30px 15px;
	border-bottom:1px solid #e4e4e4;
}
.kode_pricing_des:hover .kode_pricing_dollar{
	background-color:#fff;
}
.kode_pricing_dollar h3{
	display:inline-block;
	padding-bottom:5px;
	border-bottom:2px solid #bfbfbf;
	margin-bottom:14px;
}
.kode_pricing_dollar p{
	margin-bottom:0px;
}
.pricing_list{
	padding:28px 0 29px;
}
.pricing_list li {
	margin-bottom:10px; list-style:none;
}
.pricing_list li:last-child{
	margin-bottom:0px;
}
.pricing_list li a{
	position:relative;
	display:inline-block;
	font-weight:400;color: #777777;
}
.pricing_list li a:before{
	position:absolute;
	content:"\f00c";
	top:0px;
	left:-28px;
	bottom:0px;
	font-family:FontAwesome;
}
.small_btn, .medium_btn {border-radius: 2px;color: #fff;display: inline-block;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;transition: all 0.5s ease-in-out 0s;}
.background-bg-dark {background-color: #333;}
.small_btn:hover, .medium_btn:hover {transition: all 0.5s ease-in-out 0s;color: #fff;}
.divider-vertical{ margin-top:15px;}
.t3-module.module-greybg ,.moduletable-greybg{background-color: #fbfbfb; padding: 27px 30px 30px;}
.t3-module.module-greybg h3.module-title::before,.t3-sidebar h3.module-title::before,.registration legend::before{bottom: 0;content: "";left: 0;position: absolute;right: 0;width: 80px;}
.t3-module.module-greybg h3.module-title ,.moduletable-greybg h3,.t3-sidebar h3.module-title,.registration legend{ font-size:20px;font-weight: bold;margin-bottom: 30px;padding-bottom: 7px;position: relative;text-transform: uppercase;color: #333333;font-family: "Poppins",sans-serif;}
.registration legend{ border-bottom:0;}
.moduletable-greybg{ margin-top:40px}
.t3-module.module-greybg .nav > li {border-bottom: 1px solid #e5e5e5;}
.t3-module.module-greybg .nav > li > a  {display: block;padding: 9px 0;transition: all 0.5s ease-in-out 0s;color: #777777;text-decoration: none;}
.t3-module.module-greybg .nav > li > a:hover {padding-left: 10px;}
.t3-module.module-greybg .nav > li > a:hover, .t3-module.module-greybg .nav > li > a:focus {background-color: transparent;text-decoration: none;}
.kode_side_contact_text a {margin-top:30px;display: block;overflow: hidden;font-weight: 600;text-transform: uppercase;color: #fff;transition: all 0.5s ease-in-out 0s;}
.kode_side_contact_text a i {border-right: 1px solid #b28237;height: 46px;line-height: 46px;margin-right: 15px;text-align: center;width: 60px;
transition: all 0.5s ease-in-out 0s; }

.t3-module.module-greybg ul{ padding-left:0;}
.t3-module.module-greybg  li {border-bottom: 1px solid #e5e5e5; list-style:none}
.t3-module.module-greybg  li a  {display: block;padding: 9px 0;transition: all 0.5s ease-in-out 0s;color: #777777;text-decoration: none;}
.t3-module.module-greybg li a:hover {padding-left: 10px;}
.t3-module.module-greybg  li a:hover, .t3-module.module-greybg li  a:focus {background-color: transparent;text-decoration: none;}
.categories_detail li a span {float: right;}

.moduletable{ margin-top:30px;}
.submain-2{ margin-top:40px;}
.moduletable h3 {margin-bottom: 25px;font-weight: 600;text-transform: uppercase; margin-top:30px; font-size: 20px;}


#accordion{border-bottom:1px solid #e9e9e9;}
#accordion .panel.panel-default{ background:#f6f6f6;margin-bottom:0px; border:1px solid #e4e4e4;border-bottom:0!important; border-radius:0px;box-shadow: none;}
#accordion .panel-title a.collapsed{ background:transparent;color:#727272!important;border:0!important;}
#accordion .panel-title a{display: block;font-size:16px;padding: 10px 15px;position: relative;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;transition: all 700ms ease 0s;border-radius:0px;background:#f6f6f6;margin-bottom:0px;outline:none;line-height:1.42857;border:0!important;  color:#727272!important;}
#accordion .panel-default > .panel-heading{ border-bottom:0; background-color:#f6f6f6;}
#accordion .collapse.in{ background:#f6f6f6; border:0!important; border-top:0; }
#accordion .panel-title a:after{position:absolute;content:"\f068";top:0px;right:30px;bottom:0px;color:#5e5e5e;font-family:FontAwesome;}#accordion .panel-title a.collapsed::after{position:absolute;content:"\f067";top:0px;right:30px;bottom:0px;color:#5e5e5e;font-family:FontAwesome;}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
  border: solid 6px;
}
.shop_icon .hvr-ripple-out:hover:before, .shop_icon .hvr-ripple-out:focus:before, .shop_icon .hvr-ripple-out:active:before,
.social_meta .hvr-ripple-out:hover:before, .social_meta .hvr-ripple-out:focus:before, .social_meta .hvr-ripple-out:active:before,
.kode_blog_des .hvr-ripple-out:hover:before, .kode_blog_des .hvr-ripple-out:focus:before, .kode_blog_des .hvr-ripple-out:active:before,
.kode_philosophy_text .hvr-ripple-out:hover:before, .kode_philosophy_text .hvr-ripple-out:focus:before, .kode_philosophy_text .hvr-ripple-out:active:before,
.kode_navi_icon .hvr-ripple-out:hover:before, .kode_navi_icon .hvr-ripple-out:focus:before, .kode_navi_icon .hvr-ripple-out:active:before,
.kode_portfolio_des:hover  .hvr-ripple-out:before, .kode_portfolio_des:focus .hvr-ripple-out:before, .kode_portfolio_des:active .hvr-ripple-out:before,
.kode_service_des .hvr-ripple-out:hover:before, .kode_service_des .hvr-ripple-out:focus:before, .kode_service_des .hvr-ripple-out:active:before,
.kode_gallery_fig .hvr-ripple-out:hover:before, .kode_gallery_fig .hvr-ripple-out:focus:before, .kode_gallery_fig .hvr-ripple-out:active:before,
.kode_tem_fig .hvr-ripple-out:hover:before, .kode_tem_fig .hvr-ripple-out:focus:before, .kode_tem_fig .hvr-ripple-out:active:before,
.kode_blog_fig .hvr-ripple-out:hover:before, .kode_blog_fig .hvr-ripple-out:focus:before, .kode_blog_fig .hvr-ripple-out:active:before {
	border-radius:100%;
}
/*
	=======================================
		KODE PHILOSOPHY WRAP START
	=======================================
*/
.cjt1carousel.islamic ,.cjt1carousel.islamic .panel{background-color:transparent!important;}
.cjt1carousel .islamic.hpanel,
.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;
}
.cjt1carousel.islamic .hpanel{
	text-align:center;
	padding:30px 25px;
	border:1px solid #d5d5d5;
	background-color:#fff;
}
.cjt1carousel.islamic .hpanel:hover{
	box-shadow:0px 0px 25px -12px; 
}
.cjt1carousel.islamic .hpanel 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;
	cursor:pointer;
	color:#fff;
}
.cjt1carousel.islamic .hpanel span:hover,.cjt1carousel.islamic .hpanel .hvr-ripple-out:hover:before, .cjt1carousel.islamic .hpanel .hvr-ripple-out:focus:before, .cjt1carousel.islamic .hpanel .hvr-ripple-out:active:before{border-radius:100%!important;}
.cjt1carousel.islamic .hpanel h4{
	padding-bottom:11px;
	margin-bottom:10px;
	position:relative;
	color:#333;
}
.cjt1carousel.islamic .hpanel h4 a{color:#333;
}
.cjt1carousel.islamic .hpanel h4:before{
	position:absolute;
	content:"";
	left:0px;
	right:0px;
	bottom:0px;
	width:132px;
	border-bottom:1px solid #d2d2d2;
	margin:auto;
}
.cjt1carousel.islamic .hpanel p{
	margin-bottom:20px!important;
}
.cjt1carousel a.readone {
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	padding:9px 20px 7px;
	line-height:normal;
	font-weight:600;
	font-family: 'Poppins', sans-serif;
	border-radius:2px;
	background-color:#333;
}
#pagination.islamic img{ margin:0px 5px!important;}

/*
	---------------------------------------------------------------------------
	===========================================================================
						PROJECT PAGE START
	===========================================================================
	---------------------------------------------------------------------------
*/
.projectmodule_bg{background-color: #f7f7f7;padding:80px 0px;}
.nspArts.islamic{ padding:0;}
span.kode_project_dollar,
.kode_project_text{
	float:left;
	width:100%;
}
.kode_project_text{
	text-align:center;
	padding:27px 0px 23px;
}
.kode_project_text h5,
.kode_project_text h4{
	margin-bottom:15px;
}
.nspArts.islamic span.hvr-ripple-out,#t3-content span.hvr-ripple-out{
	height:60px;
	width:60px;
	text-align:center;
	line-height:60px;
	border-radius:100%;
	font-size:20px;
	font-weight:600;
	display:block;
	cursor:pointer;
	color:#fff;
	margin:0 auto 13px auto;
}
.nspArt-shadow{background:#fff;transition: all 0.5s ease-in-out 0s;}
.nspArt-shadow:hover {box-shadow: 0 11px 9px -10px #999;transition: all 0.5s ease-in-out 0s;}
.nspArt.islamic { margin-bottom:15px;}
.nspArt.islamic:hover {transition: all 0.5s ease-in-out 0s;}
.nspArts.islamic span.hvr-ripple-out:before{border-radius:100%;}
.nspArt.islamic h4.nspHeader a {color:#2f2f2f;  font-size: 20px;font-family: "Poppins",sans-serif;text-decoration: none;}
.nspArt .nspImageWrapper.islamic{ overflow:hidden;}
.nspArt.islamic :hover img {transition: all 3s ease-in-out 0s;transform: scale(1.5);}
.nspArt.islamic img{transition: all 3s ease-in-out 0s;}
.nspArt p.nspText.islamic{ padding-left:30px!important; padding-right:30px!important; padding-bottom:20px!important;}
.nspImageWrapper.islamic::before {background-color: #000;bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all 0.8s ease-in-out 0s;z-index:1;}
.nspArt:hover .nspImageWrapper.islamic::before { visibility:visible;opacity:0.35;z-index:1; transition: all 0.8s ease-in-out 0s;}
span.kode_project_dollar{margin-bottom:8px;}
span.kode_project_dollar  a{font-weight: 600;text-transform: uppercase;float:left;display:inline-block; transition: all 0.3s ease-in-out 0s;color: #777777;text-decoration: none;}
.nspArt.islamic h4.nspHeader {padding: 10px  30px;}

span.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;}
span.kode_project_dollar2{ display:flex; margin-bottom: 24px;}
span.kode_project_dollar2  a{font-weight: 600;text-transform: uppercase;float:left;display:inline-block; transition: all 0.3s ease-in-out 0s;color: #777777;text-decoration: none;}
span.kode_project_dollar2 .pull-right{ text-align:right;margin-left: 50%;}
span.kode_project_dollar,
.kode_project_text.project-1{
	float:none;
	width: auto;
}
.nspArt .readon{background-color:#333;border: 0 none;border-radius: 2px;color: #fff;display: inline-block;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;position: relative;text-shadow: none;text-transform: uppercase;transition: all 0.3s ease-in-out 0s;z-index:9;margin-left: 20px;margin-right: 15px; margin-bottom:20px;}
.nspArt .readon::before {bottom: 0;content: "";height: 100%;left: 0;position: absolute;transform: scaleY(0);transform-origin: center bottom 0;transition: all 0.5s ease-in-out 0s;width: 100%;z-index: -1;}
.nspArt .readon:hover::before{transform: scaleY(1);transition:all 0.3s ease-in-out 0s; }
/**************/
.rawmodule-2_bg{ background:url(../images/philosophy-pt2.jpg) repeat; padding:80px 0}

/* SIDEBAR ADD START */
.sidebar_add{float:left;width:100%;}
.sidebar_add .them_overlay:before{z-index:9;}
.sidebar_add figcaption{position:absolute;top:0px;left:0px;right:0px;text-align:center;padding:50px 0px;z-index:10;}
.sidebar_add figcaption h5,
.sidebar_add figcaption h2,
.sidebar_add figcaption h3,.sidebar_add figcaption h4{	margin-bottom:10px; color:#fff;font-weight: 600;text-transform: uppercase;}
.sidebar_add figcaption h2{font-size:42px;}
.sidebar_add figcaption h3{font-size: 30px;}
.sidebar_add figcaption h4{font-size:20px;margin-bottom:8px;}
.sidebar_add figcaption h5{font-size:18px;}
.sidebar_add figure img {transition: all 0.5s ease-in-out 0s;}
.sidebar_add figure:hover img {transition: all 0.5s ease-in-out 0s;transform: scale(1.2);}


.nspTopInterface.islamic {clear: both;float: none;margin: 5px 0;overflow: hidden; width:100%; display:block; text-align:center; border-top:1px solid #e4e4e4; padding-top:40px;}
.nspPagination-align{ margin:0 auto; text-align:center; display: inline-block;    background-color: #eeeeee; padding: 10px 40px;}
.nspArt p.nspText.islamic{ margin-top:20px;}
.nspPagination.islamic{ float:none; display:inline-block; margin:5px auto 0 auto!important; width:auto;}
.nspPrev.islamic,.nspNext.islamic {border:0;display: inline-block;height: 40px;line-height: 40px;margin: 0 15px 0 0;padding: 0;text-align: center;width: 110px;border-radius:0px; text-indent:0px!important; position:relative;background:transparent;font-weight: 600;transition: all 0.5s ease-in-out 0s;color: #000;text-transform: uppercase;}
.nspPrev.islamic::before {content: "\f060";border-style:none;border-width:0!important;font-family:FontAwesome; border-radius:0px; color: #242424; float:none;position:absolute;text-indent:0px; line-height:30px;text-align:center;left:0;border:1px solid red; z-index:999}
.nspNext.islamic::before {content: "\f061";border-style:none;border-width:0!important;font-family:FontAwesome; border-radius:0px; color: #242424; float:none;position:absolute;text-indent:0px; line-height:30px;text-align:center;right:0;border:1px solid red; z-index:999}
.nspPrev.islamic:hover::before,.nspNext.islamic:hover::before{transition: all 0.5s ease-in-out 0s;}
.nspNext.islamic{ float:right;}
.nspPagination.islamic li{border:0;display: inline-block;height:30px;line-height:30px;margin: 0 15px 0 0!important;padding: 0;text-align: center;width:30px;border-radius:0px; background:transparent!important; text-indent:0px;}
.nspPagination.islamic li > a{ text-indent:0px; color:#000;height: 30px;width: 30px;text-align: center; border-radius:2px;line-height: 30px;font-weight: bold;}
.nspPagination.islamic li > a:hover,.nspPagination.islamic li.active > a{ color:#fff;transition: all 0.5s ease-in-out 0s;}

/************Flickr Photostream - JFlickr*****************/
.gallery-flickr.islamic{ margin-top:-25px;}
.gallery-flickr.islamic ul{ padding-left:0}
.gallery-flickr.islamic img{ width:70px!important; height:65px!important; margin: 0 6px 6px 0;}

#comments-footer{ display:none;}

.t3-sidebar .search input#mod-search-searchword { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;box-shadow: 0 0;border: 1px solid #ececec;box-sizing: border-box;display: inline-block;font-size: 15px;font-weight: 400;line-height: 20px; outline: medium none;transition: all 1s ease-in-out 0s;vertical-align: middle;border-radius:0px;height: 42px;padding: 0 15px; min-width:300px; width:auto;width:300px;}
.t3-sidebar .search input.button{line-height: 20px;vertical-align: middle;border: 1px solid #ececec; border-left:0; margin-left:-3px;}
.t3-sidebar .search.islamic input[type="search"]{ height:42px;min-width:300px; width:auto;width:300px;}
.blog_quote {background-color: #f7f7f7;margin-bottom: 40px;padding: 30px;}
.blog_quote span {border-radius: 100%;display: inline-block;float: left;font-size: 33px;height: 82px;line-height: 82px;text-align: center;width: 82px; color:#fff; text-indent:8px}
.quote_text {overflow: hidden;padding-left: 30px; font-size:15px;}


.btn-dark {cursor: pointer;margin-left: 30px; border-radius:2px; color: #fff;display: inline-block;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;background-color:#333;border:0;transition:all 0.5s ease-in-out 0s;}
.btn-dark:hover {border:0;color:#fff;transition:all 0.5s ease-in-out 0s;}
.btn-dark a {color: #fff;}

.sp-simpleportfolio .sp-simpleportfolio-filter.islamic > ul > li{    margin-right: 20px;}
.sp-simpleportfolio .sp-simpleportfolio-filter.islamic > ul > li > a { transition: all 0.5s ease-in-out 0s;    border: 1px solid #d5d5d5;border-radius: 2px;color: #333333;display: inline-block;line-height: normal;padding: 10px 20px 12px;background:transparent;    font-weight: 600;text-transform: uppercase;}

.sp-simpleportfolio .sp-simpleportfolio-description.islamic,.sp-simpleportfolio .sp-simpleportfolio-meta.islamic{ width:100%; padding-left:0;}
.sp-simpleportfolio .sp-simpleportfolio-created.islamic h4{display:inline-block;}
.sp-simpleportfolio .sp-simpleportfolio-tags.islamic h4{ text-align:left; padding-left:0;}
.sp-simpleportfolio .sp-tags { background-color: #fff;border: 1px solid #e4e4e4;color: #727272;float: left;margin: 0 10px 10px 0;padding: 5px 15px;}
.sp-simpleportfolio-tags.islamic{margin-top:20px;}
.sp-simpleportfolio.sp-simpleportfolio-view-item{}
.sp-simpleportfolio.islamic{}
.sp-simpleportfolio .sp-simpleportfolio-filter.islamic > ul > li > a {background-color: #ffffff;border: 1px solid #ececec;color: #888888;cursor: pointer;display: inline-block;font: 400 12px/32px "Open Sans",sans-serif;margin: 0 10px 10px 0;overflow: visible;padding: 0 17px;position: relative;transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;border-radius:0px;}
.sp-simpleportfolio .sp-simpleportfolio-filter.islamic > ul > li.active > a{ background-color: #101010;border-color: #5d5d5d;color: #fff;cursor: default;}
.sp-simpleportfolio-filter.islamic{ text-align:left;}
.sp-simpleportfolio .sp-simpleportfolio-item.islamic{ display:block!important; width:100%!important;}
.sp-simpleportfolio .sp-simpleportfolio-description.islamic > h2{ text-transform:uppercase;transition: all 0.5s ease-in-out 0s;color: #333;font-family: "Poppins",sans-serif;  font-weight: 600;font-size: 30px;}

/**************IC Agenda***********/
.ic-btn-info ,.ic-pagination a{background-color:transparent!important;background-image:none!important;background-repeat: repeat-x;border-color:#ececec!important;color: #888!important;border-radius: 0;font: 400 12px/32px "Open Sans",sans-serif;margin: 0 10px 10px 0;overflow: visible;padding: 0 17px;position: relative;transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;box-shadow:none; text-shadow:none!important;}
.ic-pagination .ic-current-page .ic-active {color: #fff!important;}
.ic-single-startdate,.ic-period-startdate,.ic-period-enddate{ 
    font-size:15px;
    font-weight: bold;
    line-height:24px;
    margin-bottom: 3px;
    margin-top: 5px;
}
.ic-pagination .ic-next{ border:1px solid #ececec; padding-left:5px;}
.ic-back.ic-clearfix a{background-color:transparent!important;background-image:none!important;background-repeat: repeat-x;border-color:#ececec!important;color: #888!important;border-radius: 0;font: 400 12px/32px "Open Sans",sans-serif;margin: 0 10px 10px 0;overflow: visible;padding:9px 15px;position: relative;transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;box-shadow:none;border:1px solid #ececec;}
.ic-date.col-md-2{ padding-left:0;}
.ic-day.islamic{ margin-top:0;}
.event.ic-event.ic-clearfix {transition: all 0.5s ease-in-out 0s;}
.event.ic-event.ic-clearfix:hover {box-shadow: 0 11px 9px -10px #999;transition: all 0.5s ease-in-out 0s;}
.details-event-date.col-md-6{ padding-left:0;color:#666;font-weight: 400; text-transform:uppercase; font-size:15px}
.details-event-venue-city.col-md-6,.details-event-venue-city P{ padding-right:0;color:#666;font-weight: 400; text-transform:uppercase; font-size:15px}

/*************hikashop****/
.hikashop_products_listing.islamic .thumbnail{ border:0;background-color: #d8d8d8;}
.hikashop_products_listing.islamic span.hikashop_product_name a,.hikashop_products_listing.islamic span.hikashop_product_name {transition: all 0.3s ease-in-out 0s;color: #2f2f2f;font-family: "Poppins",sans-serif;  font-weight: 600;text-transform: uppercase; text-align:left!important;}
.hikashop_products_listing.islamic div.hikashop_container .hikashop_product_price_full.islamic{text-align:left!important; font-weight:400;font-size: 18px;font-family: "Poppins",sans-serif;font-style: normal; margin-top:10px; padding-left:25px; padding-right:25px;}
.hikashop_products_listing.islamic td, tr td {border-top: 0 none;}
.hikashop_products_listing.islamic input.hikashop_product_quantity_field {width: 30px!important; margin-right:5px; padding:5px;}
a.hikabtn.hikacart { position:relative;z-index:100;text-shadow:none;border-radius:2px;color:#fff;font-weight: 600;text-transform: uppercase;font-size: 16px; margin-top:20px; border:0; margin-left:13px;margin-bottom: 25px;}
a.hikabtn.hikacart {transition:all 0.3s ease-in-out 0s; border-radius: 2px;color: #fff;display:inline-block;font-family: "Poppins",sans-serif;font-size: 16px;font-weight: 600;line-height: normal;padding: 9px 20px 7px;text-transform: uppercase;position:relative; z-index:9;text-shadow:none; float:left;}
a.hikabtn.hikacart:hover{ text-decoration:none;color:#fff;}
a.hikabtn.hikacart::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transform: scaleY(0);transform-origin: bottom center;z-index: -1;transition:all 0.5s ease-in-out 0s;}
a.hikabtn.hikacart:hover::before{transform: scaleY(1);transition:all 0.3s ease-in-out 0s; }
a.hikabtn.hikacart::before{ background-color:#000000;}
.hikashop_products_listing.islamic a.hikabtn.hikacart{ margin-left:0;}
.notifyjs-metro-base.notifyjs-metro-info{ color:#fff!important;}
.hikashop_footer{ display:none!important;}
img.hikashop_child_image {height: 100px;}
.hikashop_category_custom_info_main table, .hikashop_credit_card table, #hikashop_order_main table, .hikashop_product_page table{width:auto!important;}
input.hikashop_product_quantity_field{ width:130px!important; margin-right:10px!important;margin-left: 13px;border-radius: 2px;box-shadow:none;}
/*
	---------------------------------------------------------------------------
	===========================================================================
						CONTACT US PAGE START
	===========================================================================
	---------------------------------------------------------------------------
*/
.kode_contact_text,
.kode_contact_service ul,
.kode_contact_service,
.kode_contact_wrap .comment-form,
.kode_contact_des,
.kode_contact_field,
.kode_contact_map,
.kode_contact_wrap{
	float:left;
	width:100%;
}
.kode_contact_map .map-canvas{
	height:400px;
	width:100%;
}
.kode_contact_des{
	padding:80px 0px;
}
.kode_contact_field{
	margin-bottom:40px;
}
.kode_contact_field .kf_commet_field{
	margin-bottom:30px;
}
.kode_contact_field .form-submit{
	display: inline-block;
    float: none;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}
.form-submit .medium_btn{
	border:none;
}
.kode_contact_field .form-submit .medium_btn{
	text-align:center;
	display:inline-block;
	width:auto;
}

.kode_contact_service{
	text-align:center;
}
.kode_contact_service ul li{transition: all 0.5s ease-in-out 0s;
	display:inline-block;
	background-color:#f7f7f7;
	padding:45px 0px;
	margin-right:20px;
	width:260px;
	position:relative;
	z-index:9;
	overflow:hidden;
}
.kode_contact_service ul li:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:-1;
	opacity:0;
}
.kode_contact_service ul li:hover:before{
	opacity:1;
	box-shadow:0px 0px 30px -6px;
}
.kode_contact_text h5{
	margin-bottom:6px;
}
.kode_contact_text > a{
	font-size:16px;
	display:inline-block;
	margin-bottom:3px;
}
.kode_contact_text p{
	margin-bottom:0px;
}
.kode_contact_text p span{
	display:block;
}
.kode_contact_service ul li:hover a,.kode_contact_service a:hover{color:#fff;transition: all 0.5s ease-in-out 0s;}

.caret {margin-left:4px;}
.navbar-toggle {height: 40px;line-height: 40px;margin-left: 15px; padding: 0;width: 40px;background:#000;border:0;border-radius:0px; border-color:transparent; margin-top:30px; margin-bottom:30px; margin-right:15px;}
.navbar-toggle i{ color:#fff; font-size:20px; line-height:40px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:#666;}
.navbar-default .t3-navbar-collapse { background:#000;border:0;}
.navbar-default .t3-navbar-collapse .navbar-nav > li{ display:block;width:100%; margin-left:0;}
.navbar-default .t3-navbar-collapse .navbar-nav > li a,.navbar-default .t3-navbar-collapse .navbar-nav > li span{ display:block; font-size:16px; padding:10px 20px; border-top:0; text-transform:none; font-weight:400; color:#fff!important;}
.navbar-default .t3-navbar-collapse .navbar-nav .caret{ float:right; border-bottom-color: #fff;border-top-color: #fff;}
#back-to-top .fa {font-family: FontAwesome!important;}
#t3-header2 .affix-top .navbar-toggle {margin-top:30px; margin-bottom:30px; margin-right:0px;}
.btn.off-canvas-toggle {border-radius:0px;}
.zt-testimonial .fa,#back-to-top .fa{ font-family:FontAwesome!important;}
.fa-google-plus::before {content: "\f0d5"!important;}
/**************************************************************************
---------------------------------------Mobile---------------------------->
**************************************************************************/
@media screen and (max-width: 767px){
.wrap.home2.affix-top .navbar-header.home2{ }
.wrap.home2.affix .navbar-header.home2{ background:url(../images/top-logo2.png) no-repeat 15px center;}
.navbar-header{ background:url(../images/top-logo2.png) no-repeat 15px center;}
#t3-header2 .logo,.logo-image{ display:none;}
}
@media screen and (min-width: 768px) and (max-width: 1200px){
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > .separator{font-size:14px; padding: 18px 6px 17px; font-weight:600;}


}
@media screen and (min-width: 768px) and (max-width: 990px){
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > .separator{font-size:14px; padding: 18px 6px 17px; font-weight:600;}
.t3-sidebar .search.islamic input[type="search"]{ height:42px;min-width:180px; width:auto;width:180px;}

}
@media screen and (min-width: 991px) and (max-width: 1200px){
.t3-sidebar .search.islamic input[type="search"]{ height:42px;min-width:220px; width:auto;width:220px;}

}
@media screen and (min-width: 481px) and (max-width: 767px){
.tp-thumbcontainer{ display:none;}
.home2.navbar-default .navbar-nav > li > a,.home2.navbar-default .navbar-nav > li > .separator,.navbar-default .t3-navbar-collapse .navbar-nav > li a,.navbar-default .t3-navbar-collapse .navbar-nav > li span {font-size: 14px;font-weight: 500;padding-bottom:6px!important; padding-top:6px!important; padding-left:15px; padding-right:15px;}
}

@media screen and (min-width: 321px) and (max-width: 480px){
.navbar-toggle {}
.home2.navbar-default .navbar-nav > li > a,.home2.navbar-default .navbar-nav > li > .separator,.navbar-default .t3-navbar-collapse .navbar-nav > li a,.navbar-default .t3-navbar-collapse .navbar-nav > li span {font-size: 14px;font-weight: 500;padding-bottom:6px!important; padding-top:6px!important; padding-left:15px; padding-right:15px;}
.hide-mobile{ display:none;}
.navbar{min-height:49px;}
a.tp-button.swap.islamic{ font-size:11px!important;}
.tp-caption.mediumtextislamic {font-size:10px!important; margin-top:7px!important;}
.tp-thumbcontainer{ display:none;}
.tp-caption.largetextislamic{margin-top:7px!important;}
.kode_mosques_wrap .col-md-6{width:100%;}
.kode_mosque_des, .kode_mosque_fig figure {width: 100%;}
.kode_mosque_fig img{}
.kode_mosque_fig .them_overlay{ margin-bottom:15px!important;}
.kode_mosques_wrap .container{ padding-left:0; padding-right:0;}
.kode_mosque_text{ margin-top:15px;}
.kode_counter_mosque li span{width:62px;height:62px;line-height:56px;font-size:20px;}
.kode_counter_mosque li h6 {font-size: 12px;}
a.swapbottom_btn,.kode_mosque_item  button {}
.jun-item.islamic{padding:0px 0px;}
.mod_masonry .slick-prev{left:5px;}
.mod_masonry .slick-next{right:5px!important;}
.slick-slide,.slick-slide.slick-cloned{}
.zt-module-testimonial .owl-buttons{ position:absolute; bottom:0;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:32%; }
.owl-theme .owl-controls .owl-buttons div.owl-next{right:32%; }
.two_side_module_left,.two_side_module_right {padding:15px 15px;}
.two_side_module_wrap.theme_overlay:after{bottom: 0;content: "";left: auto;position: absolute;right: 0;top: 0;width: 50%;z-index:-1;background:none;}
.two_side_module_wrap.theme_overlay:before{width:100%;}
h2.ui.header.donation, h2.ui.header.billing,.ui.radio.checkbox label{ color:#fff;}
#area_fields_amount .multifield .field{ margin:0 0px 0 0; padding:0;}
.ui.radio.checkbox label{color:#fff;width:65px;height:52px;line-height:46px;border:1px solid #dfdfdf!important;font-weight:bold;font-size:20px;}
.ui.form .field.other_amount input{height: 52px;width: 289px;COLOR:#eee!important; background:none; text-align:center}
.blogmodule_left,.blogmodule_right{ padding-left:0; padding-right:0;}
.bt-cs .bt-inner.islamic {padding: 0;}
.bt-cs.bloghome .bt-image-wrapper{ margin:0 0 10px 0!important; width:100%;}
.bt-cs.bloghome .bt-image-wrapper img{width:100%!important;}
.bt-cs .bt-date.islamic .fa, .bt-cs .bt-author.islamic .fa{margin-right:7px;}
.ic_eventlist{ background:transparent; padding-left:0; padding-right:0;}
.hikashop_product_image img,img.hikashop_product_listing_image{ max-width:289px!important}
.acymailing-form.islamic input.inputbox{float:none;width:160px!important;}
.acymailing_form_align .button{ margin-left:10px!important}
div.acymailing_introtext.islamic {border-right:0!important;}
div.acymailing_module-islamic div.acymailing-form.islamic {padding-top:15px; padding-bottom:15px;}
.wrap.t3-sl.t3-sl-3 { background:url(../images/pattran-bg.png) no-repeat center center;background-size:cover;}
.kode_pray_text {padding:80px 0 80px;}
.slick-slide.slick-current.slick-active{  }
.topbar_right_donate_button {margin-top:4px;font-size: 15px !important;padding: 9px 10px 7px;}
.logo {text-align: left;}
#t3-header2 .logo{display:none;}
.home2 .t3-sl-1 h3{ padding-left:15px; padding-right:15px;}
.kode_mosque2_text, .kode_mosque2_des, .kode_mosque2_fig, .kode_mosque2_wrap { margin-bottom:20px;}
ul.footerlogo_social_icon li {float: left;margin-right: 15px;}
.swapbottom_btn-join {  margin-left:0;}
.kode_pray_wrap .them_overlay .container{ padding-left:0; padding-right:0;}
.swapbottom_btn.dark {font-size: 14px}
.topbar_right_donate_button {margin-top:4px;font-size: 13px !important;padding: 9px 9px 7px;}
button#dLabel {font-size: 12px;}
.form-horizontal .control-group .controls {margin-left:0px;}
}
@media screen and (max-width: 320px){
.topbar.home2.container .col-md-4,.topbar.home2.container .topbar-right .col-md-2,.topbar.home2.container .topbar-right .col-md-3{padding:6px 6px;}
button#dLabel {font-size: 12px;}
.navbar-toggle {}
.home2.navbar-default .navbar-nav > li > a,.home2.navbar-default .navbar-nav > li > .separator,.navbar-default .t3-navbar-collapse .navbar-nav > li a,.navbar-default .t3-navbar-collapse .navbar-nav > li span {font-size: 14px;font-weight: 500;padding-bottom:6px!important; padding-top:6px!important; padding-left:15px; padding-right:15px;}
.hide-mobile{ display:none;}
.navbar{min-height:49px;}
a.tp-button.swap.islamic{ font-size:11px!important;}
.tp-caption.mediumtextislamic {font-size:10px!important; margin-top:7px!important;}
.tp-thumbcontainer{ display:none;}
.tp-caption.largetextislamic{margin-top:7px!important;}
.kode_mosques_wrap .col-md-6{width:100%;}
.kode_mosque_des, .kode_mosque_fig figure {width: 100%;}
.kode_mosque_fig img{ margin-bottom:15px;}
.kode_mosques_wrap .container{ padding-left:0; padding-right:0;}
.kode_mosque_text{ margin-top:15px;}
.kode_counter_mosque li span{width:62px;height:62px;line-height:56px;font-size:20px;}
.kode_counter_mosque li h6 {font-size: 12px;}
.kode_mosque_item  button {}
ul.footerlogo_social_icon li {float: left;margin-right: 15px;}
.jun-item.islamic{padding:0px 0px;}
.mod_masonry .slick-prev{left:5px;}
.mod_masonry .slick-next{right:5px!important;}
.slick-slide,.slick-slide.slick-cloned{ }
.zt-module-testimonial .owl-buttons{ position:absolute; bottom:0;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:32%; }
.owl-theme .owl-controls .owl-buttons div.owl-next{right:32%; }
.two_side_module_left,.two_side_module_right {padding:15px 15px;}
.two_side_module_wrap.theme_overlay:after{bottom: 0;content: "";left: auto;position: absolute;right: 0;top: 0;width: 50%;z-index:-1;background:none;}
.two_side_module_wrap.theme_overlay:before{width:100%;}
h2.ui.header.donation, h2.ui.header.billing,.ui.radio.checkbox label{ color:#fff;}
#area_fields_amount .multifield .field{ margin:0 0px 0 0; padding:0;}
.ui.radio.checkbox label{color:#fff;width:65px;height:52px;line-height:46px;border:1px solid #dfdfdf!important;font-weight:bold;font-size:20px;}
.ui.form .field.other_amount input{height: 52px;width: 289px;COLOR:#eee!important; background:none; text-align:center}
.blogmodule_left,.blogmodule_right{ padding-left:0; padding-right:0;}
.bt-cs .bt-inner.islamic {padding: 0;}
.bt-cs.bloghome .bt-image-wrapper{ margin:0 0 10px 0!important; width:100%;}
.bt-cs.bloghome .bt-image-wrapper img{width:100%!important;}
.bt-cs .bt-date.islamic .fa, .bt-cs .bt-author.islamic .fa{margin-right:7px;}
.ic_eventlist{ background:transparent; padding-left:0; padding-right:0;}
.hikashop_product_image img,img.hikashop_product_listing_image{ max-width:289px!important}
.acymailing-form.islamic input.inputbox{float:none;width:160px!important;}
.acymailing_form_align .button{ margin-left:10px!important}
div.acymailing_introtext.islamic {border-right:0!important;}
div.acymailing_module-islamic div.acymailing-form.islamic {padding-top:15px; padding-bottom:15px;}
.wrap.t3-sl.t3-sl-3 { background:url(../images/pattran-bg.png) no-repeat center center;background-size:cover;}
.kode_pray_text {padding:80px 0 80px;}
.slick-slide .slick-current .slick-active{}
.topbar_right_donate_button {margin-top:4px;font-size: 13px !important;padding: 9px 9px 7px;}
.logo {text-align: left;}
.kode_mosque2_text, .kode_mosque2_des, .kode_mosque2_fig, .kode_mosque2_wrap { margin-bottom:20px;}
.swapbottom_btn-join {  margin-left:0;}
.kode_pray_wrap .container{ padding-left:0; padding-right:0;}
.swapbottom_btn.dark {font-size: 14px}
.form-horizontal .control-group .controls {margin-left:0px;}

}

/******PRAYERTIMES-MOBILE******/
@media screen and (max-width: 320px){
.prayertimes_circle.islamic ul li{height: 53px;padding:10px 0;margin-left:2px; margin-right:2px;width: 53px;}
.prayertimes_circle.islamic ul lispan,.prayertimes_circle.islamic ul lia{font-size:10px;}
.prayertimes_circle{padding:0px;}
.kode_building_des figure{width:100%!important; margin-bottom:30px!important;}
.kode_building_text{ margin-bottom:30px!important;}
.t3-spotlight-1 .t3-module {margin-bottom: 84px;}
}
@media screen and (min-width: 321px) and (max-width: 430px){
.prayertimes_circle.islamic ul li{height:60px;padding:10px 0;margin-left:2px; margin-right:2px;width: 60px;}
.prayertimes_circle.islamic ul lispan,.prayertimes_circle.islamic ul lia{font-size:10px;}
.prayertimes_circle{padding:0px;}
.kode_building_des figure{width:100%!important; margin-bottom:30px!important;}
.kode_building_text{ margin-bottom:30px!important;}
.t3-spotlight-1 .t3-module {margin-bottom: 84px;}

}

@media screen and (min-width: 431px) and (max-width: 510px){
.prayertimes_circle.islamic ul li{height:72px;width:72px;padding:10px 0;margin-left:4px; margin-right:4px;}
.prayertimes_circle.islamic ul lispan,.prayertimes_circle.islamic ul lia{font-size:12px;}
.prayertimes_circle{padding:0px;}
.kode_building_des figure{width:100%!important; margin-bottom:30px!important;}
.kode_building_text{ margin-bottom:30px!important;}
.t3-spotlight-1 .t3-module {margin-bottom:84px;}

}
@media screen and (min-width: 768px) and (max-width: 1200px){
.prayertimes_circle.islamic ul li{height:60px;width:60px;padding:10px 0;margin-left:4px; margin-right:4px;}
.prayertimes_circle.islamic ul lispan,.prayertimes_circle.islamic ul lia{font-size:12px;}
.prayertimes_circle{padding:0px;}

}

@media screen and (max-width:767px){
.acymailing_form_align{float: left;}
}
@media screen and (min-width: 768px) and (max-width: 1000px){
.acymailing-form.islamic input.inputbox{width:228px!important;}
.container{ width:auto!important}
.social-top-inner{float:left;}
.kode_mosque2_text, .kode_mosque2_des, .kode_mosque2_fig, .kode_mosque2_wrap { margin-bottom:20px;}
button#dLabel{font-size:12px;}
a.topbar_right_donate_button{ font-size:14px!important;padding: 6px 10px 4px; margin-top:7px}
.topbar.home2.container .languageswitcher.col-md-3{ padding-left:5px;}
.topbar.home2.container .col-md-4,.topbar.home2.container .topbar-right .col-md-2,.topbar.home2.container .topbar-right .col-md-3{padding:6px 5px;}
}
@media (min-width: 768px) {
  
}