S
/home/nexprism/yo.nexprism.com/style.css
/*=====================================================================================
Project: Islamic project
Version: 1.0
Last change: 17/5/2017
Author : KodeForest
/**
* Table of Contents :
* 1.0 - KODE TOP WRAP START
* 2.0 - KODE TOP LOGO WRAP START
* 3.0 - KODE NAVIGATION WRAP START
* 4.0 - KODE BANNER WRAP START
* 5.0 - KODE MOSQUES WRAP STRAT
* 6.0 - KODE PILLARS WRAP START
* 7.0 - KODE SERVICES WRAP START
* 8.0 - KODE PRAY WRAP START
* 9.0 - KODE GALLERY WRAP START
* 10.0 - KODE TEAM WRAP START
* 11.0 - KODE CAUSE WRAP START
* 12.0 - KODE BLOG WRAP START
* 13.0 - KODE CLIENT WRAP START
* 14.0 - KODE NEWSLETTER WRAP START
* 15.0 - WIDGET WRAP START
* 16.0 - WIDGET COPYRIGHT START
* 17.0 - HOME PAGE 01 START
* 18.0 - KODE TOP2 WRAP START
* 19.0 - KODE NAVIGATION WRAP START
* 20.0 - KODE BANNER2 WRAP START
* 22.0 - KODE MOSQUE2 WRAP START
* 23.0 - KODE PILLARS WRAP PILLARS 2 START
* 24.0 - KODE BUILDING WRAP START
* 25.0 - KODE CLIENT WRAP CLIENT 2 START
* 26.0 - KODE GALLERY WRAP START
* 27.0 - KODE EVENT WRAP START
* 28.0 - WIDGET WRAP WIDGET 02 START
* 29.0 - ABOUT US PAGE START
* 30.0 - KODE SAB BANNER WRAP START
* 31.0 - KODE PHILOSOPHY WRAP START
* 32.0 - KODE CLIENT WRAP CLIENT 3 START
* 33.0 - BLOG PAGE START
* 34.0 - KODE BLOG MADIUM WRAP START
* 35.0 - BLOG GRID PAGE START
* 36.0 - BLOG DETAIL PAGE START
* 37.0 - 404 PAGE START
* 38.0 - COMING SOON PAGE START
* 39.0 - CONTACT US PAGE START
* 40.0 - EVENT PAGE START
* 41.0 - EVENT DETAIL PAGE START
* 42.0 - PORTFOLIO PAGE START
* 43.0 - PROJECT PAGE STARt
* 44.0 - PROJECT LIST PAGE START
* 45.0 - SERVICE PAGE START
* 46.0 - KODE SERVICE SEARCH FEILD START
* 47.0 - KODE PRICING WRAP START
* 48.0 - SHOP PAGE START
* 49.0 - TEAM DETAIL PAGE START
* 50.0 - KODE TEAM WRAP START
* 51.0 - GALLERY3 WRAP START
* 52.0 - PROJECT DETAIL PAGE START
* 53.0 - SERVICE DETAIL PAGE START
[Color codes]
Background: #ffffff (white)
Content: #999999 (light black)
Header h1: #111111 (dark black)
Header h2: #111111 (dark black)
Footer: #000000 (dark black)
a (standard): #999999 (light black)
a (visited): #999999 (light black)
a (active): #999999 (light black)
[Typography]
Body copy: 15px/ 'Ubuntu', sans-serif;
Headers: 'Ubuntu', sans-serif;
Input, textarea: 'Ubuntu', sans-serif;
Sidebar heading: 'Poppins', sans-serif;
============================================================================================== */
.wraper{
float:left;
width:100%;
}
.dl-menuwrapper{
display:none;
}
/*
=======================================
KODE TOP WRAP START
=======================================
*/
.kode_top_info ul,
.kode_top_info,
.kode_top_wrap{
float:left;
width:100%;
}
.kode_top_wrap{
padding:7px 0px;
}
.kode_top_info {
padding: 6px 0 4px;
}
.kode_top_info > ul > li{
float:left;
padding:0px 20px;
line-height:15px;
border-right:1px solid #cccccc;
}
.kode_top_info ul > li:last-child{
border-right:none;
}
.kode_top_info ul li:first-child{
padding-left:0px;
}
.kode_top_info ul > li > a{
display:inline-block;
font-size:14px;
}
.kode_top2_icon .dropdown img,
.kode_top_info ul li ul li a img,
.kode_top_info ul li button img,
.kode_top_info ul li a i{
margin-right:10px;
}
.kode_top_info ul li button{
background:none;
padding:0px;
cursor:pointer;
font-size:14px;
color:#999;
}
.kode_top_info ul li button span{
margin-left: 5px;
position: relative;
top: 2px;
}
.kode_top_info ul li ul{
background-color: #ffffff;
border: medium none;
box-shadow: 0 0;
min-width: 140px;
padding:5px 0px;
border-bottom:2px solid;
top: 28px;
}
.kode_top_info ul li ul li{
width:100%;
padding:0px 0px;
}
.kode_top_info ul li ul li a{
display:block;
padding:8px 20px;
}
.kode_top2_icon .dropdown img,
.kode_top_info ul li ul li a img{
border-radius:100%;
}
.kode_top_right_text{
float:right;
}
.top_icon_fig{
padding-right:30px;
}
.kode_top_right_text .comment-form,
.top_icon_fig li,
.top_icon_fig{
float:left;
}
.top_icon_fig li{
margin-right:14px;
}
.kode_top_right_text .kf_commet_field{
margin-bottom:0px;
}
.kode_top_right_text .comment-form{
float:left;
padding-left:30px;
border-left:1px solid #ccc;
}
.kode_top_right_text .kf_commet_field{
width:160px;
position:relative;
}
.kode_top_right_text .kf_commet_field input{
padding:0px 0px;
height:auto;
font-size:12px;
border:none;
border-bottom:1px solid #cccccc;
box-shadow:0px 0px;
padding:0px 30px 2px 5px;
}
.kode_top_right_text .kf_commet_field input:focus{
border:1px solid;
}
.kode_top_right_text .kf_commet_field button{
position:absolute;
top:0px;
right:5px;
background:none;
padding:0px 0px;
font-size:16px;
cursor:pointer;
}
/*
=======================================
KODE TOP WRAP END
=======================================
*/
/*
=======================================
KODE TOP LOGO WRAP START
=======================================
*/
.top_time_circle ul,
.kode_top_logo_wrap{
float:left;
width:100%;
}
.kode_top_logo_wrap{
background-image:url("images/top_bg.png");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
padding:25px 0px;
}
.top_logo{
float: left;
position: relative;
width: auto;
}
.top_time_circle{
float:right;
width:auto;
position: relative;
padding:2px 0px;
}
.top_time_circle ul li{
height:76px;
width:76px;
text-align:center;
float:left;
border-radius:100%;
border:1px solid #fff;
padding:18px 0px;
margin-left:20px;
}
.top_time_circle ul li:hover{
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
}
.top_time_circle ul li span,
.top_time_circle ul li a{
display:block;
font-size:14px;
font-weight:500;
line-height:normal;
}
.top_time_circle ul li a{
margin-bottom:3px;
}
/*
=======================================
KODE TOP LOGO WRAP END
=======================================
*/
/*
=======================================
KODE NAVIGATION WRAP START
=======================================
*/
.navigation ul,
.navigation,
.kode_navigation_wrap{
float:left;
width:100%;
}
.navigation ul{
text-align:center;
}
.navigation > ul > li{
display:inline-block;
margin-left:5px;
position:relative;
}
.navigation > ul > li > a{
color: #333333;
display: inline-block;
font-size: 16px;
font-weight: 400;
padding: 18px 20px 17px;
position:relative;
z-index:999;
}
.navigation ul li ul li a:before,
.navigation > ul > li > a:before{
position:absolute;
content:"";
top:100px;
left:0px;
right:0px;
bottom:0px;
z-index:-1;
}
.navigation > ul > li > a:hover:before{
top:0px;
}
/*drop down style*/
/*navigation dropdown start*/
.navigation > ul > li > ul{
position:absolute;
top:80px;
width:200px;
visibility:hidden;
opacity:0;
z-index:999;
border-bottom:5px solid;
border-top:2px solid;
background:#fff;
}
.navigation > ul > li:hover > ul{
opacity:1;
visibility:visible;
top:60px;
}
.navigation > ul > li > ul > li{
width:100%;
}
.navigation > ul > li > ul > li a{
display:block;
padding:9px 20px;
text-align:left;
position:relative;
z-index:999;
font-weight:300;
}
.navigation > ul > li > ul > li a:before{
right:100%;
top: 0;
opacity:0;
}
.navigation > ul > li > ul > li a:hover:before{
right:0;
opacity:1;
}
.kode_navi_btn{
float:right;
width:auto;
padding:11px 0px 10px;
}
/*navigation dropdown end*/
/*
=======================================
KODE NAVIGATION WRAP END
=======================================
*/
/*
=======================================
KODE BANNER WRAP START
=======================================
*/
.koed_banner_btn,
.kode_banner_wrap{
float:left;
width:100%;
}
.kode_banner_wrap.them_overlay,
.kode_banner_wrap{
position:relative;
}
.kode_banner_text{
left: 50%;
margin-left: -260px;
margin-top: -180px;
position: absolute;
text-align: center;
top: 50%;
width: 490px;
z-index:10;
}
.large_text{
font-size:60px;
font-weight:bold;
line-height:normal;
position:relative;
margin-bottom:5px;
}
.large_text:before,
.large_text:after{
bottom: 0;
/* content: ""; */
font-family: fontawesome;
font-size: 15px;
left: 52px;
position: absolute;
top: 10px;
}
.large_text:before{
/*content: "\f10e"; */
left:auto;
right: 52px;
}
.mediume_text{
font-size:24px;
margin-bottom:20px;
}
.mediume_text span{
display:inline-block;
font-weight:bold;
font-size:28px;
}
.small_text{
margin-bottom:24px;
}
/*pager slider start*/
.kode_banner_wrap .bx-wrapper{
border:none;
box-shadow:0px 0px;
}
.kode_banner_wrap .bx-wrapper{
margin-bottom:0px;
}
.pager_link{
bottom: 30px;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
}
.pager_link img{
float:none;
display:inline-block;
text-align:center;
margin:auto;
width:123px;
height:75px;
}
.pager_link a{
margin-right:16px;
display:inline-block;
}
.pager_link a.active{
display: inline-block;
outline: 4px solid #355E3B;
outline-offset: -4px;
}
/*
=======================================
KODE BANNER WRAP END
=======================================
*/
/*
=======================================
KODE MOSQUES WRAP STRAT
=======================================
*/
.kode_counter_mosque,
.kode_mosque_student,
.kode_mosque_item,
.kode_mosque_text,
.kode_mosque_row,
.kode_mosques_wrap{
float:left;
width:100%;
}
.kode_mosques_wrap{
padding:80px 0;
}
.kode_mosque_des{
width:49%;
float:left;
margin-right:10px;
}
.kode_mosque_des:last-child{
margin-right:0px;
}
.kode_mosque_fig figure{
width:auto;
}
.kode_mosque_fig .them_overlay:before{
opacity:0;
}
.kode_mosque_fig:hover .them_overlay:before{
opacity:0.3;
z-index:9;
}
.kode_mosque_fig figure:first-child{
margin-bottom:11px;
}
.kode_mosque_fig figcaption{
position:absolute;
bottom:-44px;
left:0px;
right:0px;
z-index:10;
}
.kode_mosque_fig:hover figcaption{
bottom:0px;
}
.kode_mosque_fig figcaption h6{
padding:15px 15px 12px;
font-weight:500;
}
/* SECTION HEADING START */
.kode_mosque_text .section_hdg{
margin-bottom:18px;
}
.section_hdg.hdg_4 {
margin-bottom: 18px;
}
.section_hdg{
float:left;
width:100%;
margin-bottom:32px;
}
.section_hdg img{
margin-bottom:6px;
display:block;
}
.section_hdg h3{
display:inline-block;
margin-right:16px;
}
.section_hdg span{
font-size:25px;
position:relative;
}
.section_hdg span:after,
.section_hdg span:before{
border-bottom: 1px solid #acacac;
bottom: 12px;
content: "";
left: auto;
position: absolute;
right: -56px;
top: 0;
width: 38px;
}
.section_hdg span:after{
border-top: 1px solid #acacac;
border-bottom:none;
top:16px;
right:auto;
left:-56px;
display:none;
}
/* SECTION HEADING END */
/* SECTION HEADING HDG 2 START */
.section_hdg.hdg_2{
text-align:center;
position:relative;
margin-bottom:41px;
z-index:99;
}
.section_hdg.hdg_2 img{
display:inline-block;
}
.section_hdg.hdg_2 h3{
display:block;
}
.section_hdg.hdg_2 span:after{
display:block;
}
/* SECTION HEADING HDG 2 START */
/* SECTION HEADING HDG 2 START */
.section_hdg.hdg_2.hdg_3 {
margin-bottom: 34px;
}
.section_hdg.hdg_2.hdg_3 h3{
color:#333;
}
/* SECTION HEADING HDG 2 END */
.kode_mosque_item p{
margin-bottom:37px;
}
.kode_counter_mosque{
margin-bottom:36px;
}
.kode_counter_mosque li{
float:left;
text-align:center;
width:25%;
}
.kode_counter_mosque li span{
display:inline-block;
height:72px;
width:72px;
text-align:center;
line-height:66px;
border-radius:100%;
border:2px solid #e7e7e7;
font-size:30px;
font-weight:500;
margin-bottom:16px;
}
.kode_mosque_item .koed_banner_btn .medium_btn,
.kode_counter_mosque li h6 a{
color:#999999;
}
/* kode mosque row mosque start*/
.kode_mosque_row.mosque {
margin: 17px 0 0;
}
.kode_mosque_row.mosque figure a{
position:absolute;
top:50%;
left:0px;
right:0px;
text-align:center;
font-size:40px;
margin-top:-20px;
z-index:10;
}
.kode_mosque_row.mosque .them_overlay:before{
z-index:9;
}
/*
=======================================
KODE MOSQUES WRAP END
=======================================
*/
/*
=======================================
KODE PILLARS WRAP START
=======================================
*/
.kode_pillars_item,
.kode_pillars_wrap{
float:left;
width:100%;
}
.kode_pillars_wrap .nav-tabs{
border-bottom:none;
}
.kode_pillars_wrap{
background-image:url("images/piller.png");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
padding:80px 0px 0px 0px;
}
.kode_pillars_wrap.them_overlay:before {
background-color: #666666;
opacity: 0.80;
}
.kode_pillars_row{
width:950px;
text-align:center;
position:relative;
margin:auto;
}
.kode_pillars_text{
background-color: #ffffff;
border-radius: 380px 390px 0 0;
display: inline-block;
margin: auto;
padding: 22px 66px 24px;
text-align: center;
width: 445px;
position:relative;
z-index:999;
}
.kode_pillars_text:before{
border: 1px dotted #fff;
bottom: 0;
content: "";
left: -193px;
position: absolute;
right: -195px;
top: -162px;
border-radius: 380px 390px 0 0;
border-bottom:none;
z-index:-1;
}
.kode_pillars_text span{
font-size:40px;
position:relative;
margin-bottom:22px;
display:inline-block;
border-bottom:2px solid #a7a7a7;
padding-bottom:8px;
}
.kode_pillars_text h4{
margin-bottom:13px;
}
.kode_pillars_text p{
margin-bottom:0px;
}
.kode_pillars_item{
margin-bottom:85px;
}
.kode_pillars_item li{
display:inline-block;
}
.kode_pillars_item li a{
height:126px;
width:126px;
text-align:center;
border-radius:100%;
background-color:#fff;
display:inline-block;
padding:28px 0;
}
.kode_pillars_item li a:before {
border: 1px dotted #ffffff;
border-radius: 100%;
bottom: -7px;
content: "";
left: -7px;
position: absolute;
right: -7px;
top: -7px;
}
.kode_pillars_item li a span{
font-size:30px;
display:inline-block;
margin-bottom:10px;
}
.center {
position: relative;
z-index:9999;
}
.center:after{
border-right: 1px solid #ffffff;
bottom: -85px;
content: "";
left: -70px;
position: absolute;
right: 60px;
top: 126px;
}
.right_bottom,
.left_bottom {
bottom: 50px;
left: 0;
position: absolute;
z-index:9999;
}
.right_center,
.left_center {
bottom: 232px;
left: 154px;
position: absolute;
z-index:9999;
}
.right_bottom{
left:auto;
right:0px;
}
.right_center{
right: 160px;
left:auto;
}
.right_bottom:after,
.left_bottom:after {
border-right: 1px solid #ffffff;
bottom: -22px;
content: "";
left: auto;
position: absolute;
right: -82px;
top: 0;
transform: rotate(-66deg) translate(-52px);
}
.right_bottom:after{
border-left: 1px solid #ffffff;
border-right:none;
right:auto;
left:-82px;
transform: rotate(66deg) translate(52px);
}
.right_center:after,
.left_center:after{
border-right: 1px solid #fff;
bottom:-20px;
content: "";
left: auto;
position: absolute;
right: -58px;
top: 38px;
transform: rotate(-54deg) translate(-61px);
}
.right_center:after{
border-left: 1px solid #fff;
border-right:none;
right:auto;
left:-58px;
transform: rotate(54deg) translate(61px);
}
/*
=======================================
KODE PILLARS WRAP END
=======================================
*/
/*
=======================================
KODE SERVICES WRAP START
=======================================
*/
.service_btn,
.kode_service_text,
.kode_service_des,
.kode_services_wrap{
float:left;
width:100%;
}
.kode_services_wrap{
padding:80px 0px;
}
.kode_service_des{
margin-bottom:30px;
}
.kode_service_des:hover{
box-shadow:0px 0px 7px 0px;
margin-bottom:30px;
}
.kode_service_des:hover figure img{
opacity:0.8;
}
.kode_service_text{
padding:42px 30px 24px;
position:relative;
}
.kode_service_text span{
height:80px;
width:80px;
text-align:center;
line-height:80px;
margin:auto;
border-radius:100%;
font-size:42px;
background-color:#eeeeee;
display:inline-block;
position:absolute;
top:-50px;
}
.kode_service_text h4{
margin-bottom:7px;
}
.kode_service_text p{
margin-bottom:0px;
}
.kode_service_text p i{
margin-right:10px;
}
.kode_service_text .right_arrow{
position:absolute;
top:50%;
right:10px;
height:30px;
width:30px;
text-align:center;
line-height:27px;
border-radius:100%;
border:1px solid #e0e0e0;
margin-top:-15px;
opacity:0;
}
.kode_service_des:hover .kode_service_text .right_arrow{
right:30px;
opacity:1;
}
.service_btn{
text-align:center;
}
/*
=======================================
KODE SERVICES WRAP END
=======================================
*/
/*
=======================================
KODE PRAY WRAP START
=======================================
*/
.kode_pray_fig,
.kode_pray_text,
.kode_pray_wrap{
float:left;
width:100%;
}
.kode_pray_wrap{
background-image:url("images/pattran-bg.png");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.kode_pray_wrap.them_overlay:before{
background-color:#355E3B;
opacity:0.92;
}
.kode_pray_text{
padding:96px 0px 100px;
}
.kode_pray_text h5,
.kode_pray_text h2{
margin-bottom:9px;
color:#fff;
}
.kode_pray_text h5{
font-weight: 600;
margin-bottom: 20px;
color:#fff;
}
.kode_pray_text p{
color: #333333;
font-weight: bolder;
margin-bottom: 23px;
padding-right: 55px;
color:#fff;
}
.kode_pray_fig figure{
width:auto;
margin-top:-35px;
}
.kode_pillars_text > figure {
bottom: -6px;
position: relative;
}
.kode_gallery3_wrap.wrap_2{
background-color:#f7f7f7;
padding:80px 0px;
}
.kode_gallery3_wrap.wrap_2 .slick-prev::before,
.kode_gallery3_wrap.wrap_2 .slick-next::before{
color:#ddd
}
.kode_gallery3_wrap.wrap_2{
background-color:#f7f7f7;
padding:80px 0 75px;
}
/*
=======================================
KODE PRAY WRAP END
=======================================
*/
/*
=======================================
KODE GALLERY WRAP START
=======================================
*/
.kode_gallery_fig.fig_1,
.kode_gallery_des,
.kode_gallery_row,
.kode_gallery_wrap{
float:left;
width:100%;
}
.kode_gallery_wrap{
padding:80px 0px;
background-color:#f7f7f7;
}
.kode_gallery_des{
margin-bottom:30px;
}
.kode_gallery_fig{
float:left;
width:44%;
margin-right:34px;
}
.kode_gallery_fig:nth-child(2){
margin-right:0px;
}
.kode_gallery_fig.fig_1.margin{
margin-bottom:30px;
}
.kode_gallery_fig a{
position:absolute;
top:50%;
left:0px;
right:0px;
text-align:center;
height:50px;
width:50px;
text-align:center;
line-height:50px;
font-size:20px;
background-color:#fff;
border-radius:100%;
display:inline-block;
margin:-40px auto;
opacity:0;
z-index:10;
}
.kode_gallery_fig:hover a{
margin:-25px auto;
opacity:1;
}
.kode_gallery_fig a:hover{
background-color:#000;
}
.kode_gallery_fig .them_overlay:before{
opacity:0;
top:100%;
z-index:9;
}
.kode_gallery_fig:hover .them_overlay:before{
opacity:0.78;
top:0;
}
.service_btn.view{
margin-top:10px;
}
/*
=======================================
KODE GALLERY WRAP END
=======================================
*/
/*
=======================================
KODE TEAM WRAP START
=======================================
*/
.kode_social_icon,
.kode_tem_fig,
.kode_team_wrap{
float:left;
width:100%;
}
.kode_team_wrap{
padding:80px 0px;
}
.kode_tem_fig {
padding: 0 15px;
}
.kode_tem_fig figcaption{
position:absolute;
left:0px;
right:0px;
bottom:-53px;
background-color:#444444;
padding:17px 0px 20px;
text-align:center;
}
.kode_tem_fig:hover figcaption{
bottom:0px;
}
.kode_tem_fig figcaption p{
margin-bottom:14px;
}
.kode_social_icon li{
display:inline-block;
margin-right:11px;
}
.kode_social_icon li a{
display:inline-block;
height:33px;
width:33px;
text-align:center;
line-height:33px;
border-radius:100%;
border:1px solid #f4f4f4;
}
/* SILCK SLIDER START*/
.kode_team_wrap .slick-prev,
.kode_team_wrap .slick-next {
background: #333333;
display: block;
height: 46px;
position: absolute;
top: 50%;
width: 46px;
z-index: 1;
}
.kode_team_wrap .slick-prev{
left:-50px;
}
.kode_team_wrap .slick-next{
right:-50px;
}
.kode_team_wrap .slick-prev:before,
.kode_team_wrap .slick-next:before{
line-height:42px;
}
/*
=======================================
KODE TEAM WRAP END
=======================================
*/
/*
=======================================
KODE CAUSE WRAP START
=======================================
*/
.kode_cause_canvas,
.kode_payment_list,
.checkbox_radio,
.radio_points,
.kode_comment,
.kode_donation_row,
.kode_doantion_amount,
.kode_donation_element,
.kode_cause_text,
.kode_cause_wrap{
float:left;
width:100%;
}
.kode_cause_wrap{
background-image: url("images/cause-bg.png");
background-position: left center;
background-repeat: no-repeat;
position:relative;
background-size:51% ;
z-index:99;
}
.kode_cause_wrap .section_hdg.hdg_2{
margin-bottom:18px;
}
.kode_cause_wrap.them_overlay:before{
background-color:#355E3B;
opacity:0.9;
width:50%;
}
.kode_cause_wrap:after{
bottom: 0;
content: "";
left: auto;
position: absolute;
right: 0;
top: 0;
width: 50%;
z-index:-1;
background: -webkit-linear-gradient(#f7f2e9, #f7f7f7);
background: -o-linear-gradient(#f7f2e9, #f7f7f7);
background: -moz-linear-gradient(#f7f2e9, #f7f7f7);
background: linear-gradient(#f7f2e9, #f7f7f7);
}
.kode_donate_des,
.kode_cause_des{
float:left;
width:50%;
}
.kode_cause_des{
text-align:center;
padding:90px 100px;
}
.kode_cause_text{
position:relative;
}
/* canvas style start*/
.kode_cause_text p{
margin-bottom:45px;
}
.kode_canvas_text,
.kode_canvas_detail {
float: left;
width: 50%;
}
.kode_canvas_detail {
text-align: right;
padding-right:50px;
border-right:1px solid #e8e8e8;
}
.kode_canvas_detail .position{
margin:0px 0px;
float:right;
text-align:right;
}
.kode_canvas_detail .progress-bar div span {
background-color: #333333;
border-radius: 50%;
font-size: 40px;
height: 120px;
left: 6px;
line-height: 120px;
position: absolute;
text-align: center;
top: 6px;
font-weight:lighter;
width: 120px;
}
.kode_canvas_detail .progress-bar div {
border-radius: 50%;
height: 132px;
position: absolute;
width: 132px;
}
.kode_canvas_detail .progress-bar{
height:132px;
width:135px;
}
.kode_canvas_text{
text-align:left;
padding-left:50px;
}
.kode_canvas_text li{
display:inline-block;
padding-bottom:15px;
}
.kode_canvas_text li:first-child{
border-bottom:1px solid #f1f1f1;
margin-bottom:15px;
}
.kode_canvas_text h5{
margin-bottom:6px;
}
.kode_canvas_text h4{
font-weight:bold;
}
.kode_donate_des {
padding: 27px 200px 33px;
}
.kode_doantion_amount{
border-bottom:1px solid #dcdcdc;
padding-bottom:30px;
margin-bottom:28px;
}
.kode_donation_row h4,
.kode_doantion_amount h4{
margin-bottom:15px;
}
.kode_amount_list {
float: left;
}
.kode_amount_list span{
display:inline-block;
color:#333333;
width:75px;
height:62px;
line-height:60px;
text-align:center;
border:1px solid #dfdfdf;
margin-right:15px;
font-weight:bold;
cursor:pointer;
font-size:20px;
}
.kode_doantion_amount .kf_commet_field{
float:left;
width:auto;
margin-left:14px;
}
.kode_doantion_amount .kf_commet_field input{
float:left;
width:180px;
border:1px solid #dfdfdf;
background:none;
height:62px;
font-size:16px;
font-weight:500;
}
.kode_donation_item,
.kf_commet_field{
margin-bottom:15px;
}
.kf_commet_field input{
background:none;
box-shadow:0px 0px;
}
.kode_donation_row .chosen-container-single .chosen-single span,
.kode_donation_row .chosen-container-single .chosen-single{
height:44px;
background:none;
}
.kode_donation_row .chosen-container-single .chosen-single span{
padding:7px 15px;
font-size:15px;
text-align:left;
}
.kode_donation_row .chosen-container-single .chosen-single{
padding:0px 0px;
border-color:#dfdfdf;
border-radius:0px;
box-shadow:0px 0px;
}
.kode_donation_row .chosen-container-single .chosen-single div b:before{
font-size:16px;
color:#bdbdbd;
}
.kode_donation_row .chosen-container-single .chosen-single div{
background:none;
}
.kode_donation_row .chosen-container .chosen-drop{
z-index:99;
}
/*radio button start*/
.kode_payment_list h5{
margin-bottom:15px;
}
.radio_points{
margin-bottom:30px;
}
.radio_points li{
float: left;
line-height: normal;
margin-right:30px;
}
.checkbox_radio {
position: relative;
}
.checkbox_radio input{
display: none;
}
.checkbox_radio span{
display: inline-block;
width: 12px;
height: 12px;
position: absolute;
left: 0px;
top:3px;
bottom:0px;
border:1px solid #afafaf;
border-radius: 100%;
background-color:#dedede;
}
.checkbox_radio span:before{
position: absolute;
content: "";
left: 2px;
right: 2px;
top:2px;
bottom:2px;
background: transparent;
border-radius: 100%;
}
.checkbox_radio input[type="radio"]:checked ~ span:before{
background-color:#666666;
}
.checkbox_radio label{
float:left;
width: 100%;
padding-left: 20px;
z-index: 10;
position: relative;
font-size: 14px;
color:#666666;
margin-bottom: 0px;
cursor: pointer;
margin-left:6px;
}
.kode_payment_list .form-submit{
margin-bottom:0px;
}
/*
=======================================
KODE CAUSE WRAP END
=======================================
*/
/*
=======================================
KODE BLOG WRAP START
=======================================
*/
.kode_calender_detail li,
.kode_calender_list,
.kode_calender_detail,
.koed_event_timer,
.kode_event_des,
.kode_event_row,
.kode_meta,
.kode_blog_list > ul > li,
.kode_blog_fig,
.kode_blog_list ul,
.kode_blog_list,
.kode_blog_row,
.kode_blog_wrap{
float:left;
width:100%;
}
.kode_blog_wrap{
padding:80px 0px;
}
.kode_blog_wrap .section_hdg{
margin-bottom:33px;
}
.kode_blog_list > ul > li{
margin-bottom:30px;
}
.kode_blog_list > ul > li:last-child{
margin-bottom:0px;
}
.kode_blog_fig figure{
float:left;
width:auto;
}
.kode_blog_fig .them_overlay:before{
opacity:0;
top:100%;
}
.kode_blog_fig:hover .them_overlay:before{
opacity:0.65;
top:0px;
z-index:9;
}
.kode_blog_text {
overflow: hidden;
padding:25px 28px 28px 30px;
}
.kode_blog_fig:hover .kode_blog_text{
background-color:#f7f7f7;
}
.kode_meta {
margin-bottom:13px;
}
.kode_meta.meta_2 li:last-child,
.kode_meta li{
float:left;
}
.kode_meta li:last-child{
float:right;
}
.kode_meta li a{
display:inline-block;
color:#666666;
}
.kode_meta li a i{
margin-right:14px;
}
.kode_meta.meta_2{
margin-bottom:0px;
}
.kode_meta.meta_2 a i{
color:#b0b0b0;
}
.kode_meta.meta_2 li{
float:left;
padding:0px 15px;
line-height:normal;
border-right:1px solid #b0b0b0;
}
.kode_meta.meta_2 li:last-child{
border-right:none;
}
.kode_meta.meta_2 li:first-child{
padding-left:0px;
}
.kode_blog_text h5{
margin-bottom:14px;
}
.kode_blog_des figure .expand_btn,
.kode_blog_fig .plus_icon{
background-color: #ffffff;
border-radius: 100%;
bottom: 0;
font-size: 18px;
height: 40px;
left: 0;
line-height: 40px;
margin: -40px auto auto;
position: absolute;
right: 0;
text-align: center;
top: 50%;
width: 40px;
opacity:0;
z-index:10;
}
.kode_blog_fig .plus_icon:hover{
background-color:#000;
}
.kode_blog_des:hover .expand_btn,
.kode_blog_fig:hover .plus_icon{
margin: -20px auto auto;
opacity:1;
}
/* kode event row start */
.koed_event_timer .them_overlay:before{
z-index:9;
}
.koed_event_timer figcaption{
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
padding:25px 30px;
z-index:10;
}
.koed_event_timer figcaption h5{
margin-bottom:16px;
}
.koed_event_timer figcaption ul li{
float:left;
margin-right:42px;
}
.koed_event_timer figcaption ul li span{
font-size:36px;
}
.koed_event_timer figcaption ul li p{
margin-bottom:0px;
}
.kode_calender_detail{
padding:10px 30px;
background-color:#f7f7f7;
}
.kode_calender_detail li{
padding:20px 0px;
border-bottom:1px solid #cbcbcb;
}
.kode_calender_detail li:last-child{
border-bottom:none;
}
.kode_calender_list > span{
display:inline-block;
text-transform:uppercase;
width:65px;
height:70px;
text-align:center;
padding:10px;
background-color:#333333;
font-size:24px;
font-weight:400;
float:left;
border-radius:2px;
}
.kode_calender_list > span i{
font-size:16px;
font-style:normal;
}
.kode_event_text{
overflow:hidden;
padding:1px 0px 0px 10px;
}
.kode_event_text h6{
line-height: 22px;
margin-bottom: 6px;
margin-top: -5px;
}
.kode_event_text p{
margin-bottom:0px;
}
/*
=======================================
KODE BLOG WRAP END
=======================================
*/
/*
=======================================
KODE CLIENT WRAP START
=======================================
*/
.kode_product_rating,
.kode_product_text,
.kode_product_list,
.kode_client_text,
.kode_client_wrap{
float:left;
width:100%;
}
.kode_client_wrap {
background-color:#f7f7f7;
padding:80px 0px 50px;
}
.kode_client_text{
text-align:center;
padding:25px 25px;
position:relative;
margin-bottom:80px;
}
.kode_client_text:hover{
background-color:#ffffff;
}
.kode_client_text p{
position:relative;
margin-bottom:10px;
}
.kode_client_text p:before,
.kode_client_text p:after{
position:absolute;
content:"\f10d";
top:-4px;
left:3px;
bottom:0px;
font-size:12px;
font-family:fontawesome;
color:#b7b7b7;
}
.kode_client_text p:before{
left:auto;
right:50px;
top:auto;
bottom:-5px;
content:"\f10e";
}
.kode_client_text h6{
text-transform:uppercase;
margin-bottom:26px;
}
.kode_client_text figure{
width:auto;
display:inline-block;
border-radius:100%;
float:none;
position:absolute;
left:0px;
right:0px;
}
.kode_client_text:hover figure{
transform:scale(0.2);
-moz-transform:scale(0.2);
-webkit-transform:scale(0.2);
}
.kode_client_text .fig_hover{
transform:scale(1.5);
-moz-transform:scale(1.5);
-webkit-transform:scale(1.5);
opacity:0;
}
.kode_client_text:hover .fig_hover{
transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
}
.kode_client_text figure img {
border-radius: 100%;
float: none;
width: auto;
margin:auto;
}
.kode_client_text:hover figure img{
opacity:0.8;
}
/* product style */
.kode_product_list {
background-color:#fff;
}
.kode_product_list > h5{
padding:15px 30px 13px;
}
.kode_product_list figure{
border-bottom:1px solid #d2d2d2;
}
.kode_product_list h6{
position:absolute;
top:30px;
left:0px;
padding:6px 15px 4px;
background-color:#333333;
border-radius:2px;
}
.kode_product_text{
padding:17px 30px 13px;
border-bottom:1px solid #d2d2d2;
}
.kode_product_text h5{
margin-bottom:5px;
}
.kode_product_text span:last-child{
font-weight:500;
margin-left:10px;
}
.kode_product_rating{
padding:11px 30px 9px;
}
.product_icon li,
.rating_star li,
.rating_star{
float:left;
width:auto;
}
.rating_star li a{
display:inline-block;
padding:0px 2px;
color:#fcc73d;
}
.kode_product_list .slick-prev:hover:before,
.kode_product_list .slick-next:hover:before,
.rating_star li a:hover{
color:#000;
}
.product_icon{
float:right;
width:auto;
}
.product_icon li{
margin-right:15px;
}
.product_icon li a{
display:inline-block;
color:#333333;
}
/* slick slider start */
.kode_product_list .slick-prev,
.kode_product_list .slick-next{
top:-25px;
background:none;
height:20px;
right:23px;
width:20px;
}
.kode_product_list .slick-prev {
right: 46px;
left:auto;
}
.kode_product_list .slick-prev:before,
.kode_product_list .slick-next:before{
content:"\f105";
line-height:20px;
font-size:18px;
}
.kode_product_list .slick-prev:before{
content:"\f104";
}
/*
=======================================
KODE CLIENT WRAP END
=======================================
*/
/*
=======================================
KODE NEWSLETTER WRAP START
=======================================
*/
.kode_newsletter_form form,
.kode_newsletter_des,
.kode_newsletter_wrap{
float:left;
width:100%;
}
.kode_newsletter_des {
padding:17px 0px 13px;
border-right:1px solid #a37a39;
}
.kode_newsletter_des span{
display:inline-block;
font-size:50px;
color:#ebd0a7;
float:left;
}
.kode_newsletter_text{
overflow:hidden;
padding-left:30px;
}
.kode_newsletter_text h5{
padding-bottom:5px;
margin-bottom:10px;
position:relative;
}
.widget_title:before,
.kode_newsletter_text h5:before{
position:absolute;
content:"";
left:0px;
right:0px;
bottom:0px;
border-bottom:1px solid #fff;
width:60px;
}
.kode_newsletter_text p{
margin-bottom:0px;
}
/* kode newsletter form start */
.kode_newsletter_form{
float:right;
padding:22px 0 23px;
}
.kode_newsletter_form .kf_commet_field{
float:left;
margin-bottom:0px;
}
.kode_newsletter_form .kf_commet_field input{
float:left;
background:none;
width:288px;
box-shadow:0px 0px;
color:#fff;
}
.kode_newsletter_form .kf_commet_field input:focus{
box-shadow:0px 0px 3px 0px;
}
.kode_newsletter_form .form-submit{
margin-left:30px;
margin-bottom:0px;
}
.kode_newsletter_form .form-submit input{
float:left;
width:auto;
margin-bottom:0px;
cursor:pointer;
border:none;
background-color:#333;
}
.widget_event.event_2 .medium_btn:hover,
.kode_newsletter_form .kf_commet_field .medium_btn:hover{
background-color:#fff;
color:#000;
}
.kode_newsletter_form .form-submit input:hover{
box-shadow:0px 0px 1px 1px;
}
.kf_commet_field button{
margin-left:30px;
cursor:pointer;
}
/*
=======================================
KODE NEWSLETTER WRAP END
=======================================
*/
/*
=======================================
WIDGET WRAP START
=======================================
*/
.widget_social_icon,
.widget_call_info li,
.widget_call_info,
.widget_logo,
.widget_wrap{
float:left;
width:100%;
}
.widget_wrap{
padding:60px 0px;
background-image: url("images/footer-bg.png");
background-position: center;
background-repeat: no-repeat;
position:relative;
background-size:cover ;
}
.widget_wrap.them_overlay:before{
background-color:#202020;
opacity:0.98;
}
.widget_logo img{
margin-bottom:25px;
}
.widget_logo p{
margin-bottom:18px;
}
.widget_call_info{
padding-bottom:25px;
border-bottom:1px solid #393535;
margin-bottom:30px;
}
.widget_call_info li{
margin-bottom:7px;
}
.widget_call_info li:last-child{
margin-bottom:0px;
}
.widget_call_info li a{
display:inline-block;
}
.widget_call_info li a i{
margin-right:20px;
}
.widget_social_icon li{
float:left;
margin-right:19px;
}
.widget_social_icon li a{
display:inline-block;
height:42px;
width:42px;
text-align:center;
line-height:42px;
border:1px solid #353333;
font-size:16px;
border-radius:2px;
}
/* widget event start */
.kode_textarea,
.widget_event{
float:left;
width:100%;
}
.widget_title{
margin-bottom:50px;
position:relative;
padding:15px 0px 6px 0px;
}
.widget_title:before{
width:80px;
}
.widget_event .kode_calender_detail{
background:none;
padding:0px 0px;
}
.widget_event .kode_calender_detail li{
border-color:#454343;
}
.widget_event .kode_calender_detail li:first-child{
padding-top:0px;
}
.widget_event .kode_event_text{
padding-left:20px;
}
.widget_event .kf_commet_field input{
border-color:#454343;
}
.kode_textarea{
margin-bottom:30px;
}
.widget_event .kode_textarea textarea{
height:128px;
width:100%;
background:none;
border-color:#454343;
padding:15px 15px;
resize:none;
}
.form-submit {
width: auto;
}
.comment-form button,
.widget_event .form-submit .medium_btn{
cursor:pointer;
}
/*
=======================================
WIDGET WRAP END
=======================================
*/
/*
=======================================
WIDGET COPYRIGHT START
=======================================
*/
.copyright_text,
.widget_copyright{
float:left;
width:100%;
}
.widget_copyright{
background-color:#1d1d1d;
}
.copyright_text p{
float:left;
margin:0px 0px;
padding:18px 0;
}
.top_btn{
float:right;
display:inline-block;
height:60px;
width:60px;
text-align:center;
line-height:60px;
margin:auto;
font-size:30px;
}
.top_btn:hover{
background-color:#fff;
}
/*
=======================================
WIDGET COPYRIGHT END
=======================================
*/
.widget_event .kode_textarea textarea::-moz-placeholder,
.widget_event .kf_commet_field input[type="text"]::-moz-placeholder,
.kode_newsletter_form .kf_commet_field input[type="text"]::-moz-placeholder{
color:#fff;
}
.kode_search .kf_commet_field input::-webkit-input-placeholder,
.kode_comments .kode_textarea textarea::-webkit-input-placeholder,
.kode_comments .kf_commet_field input::-webkit-input-placeholder,
.widget_event .kode_textarea textarea::-webkit-input-placeholder,
.widget_event .kf_commet_field input::-webkit-input-placeholder,
.kode_newsletter_form .kf_commet_field input::-webkit-input-placeholder{
color:#fff;
}
.kode_search.margin .kf_commet_field input::-webkit-input-placeholder,
.kode_search.margin .kode_textarea textarea::-webkit-input-placeholder,
.kode_comments.comment_2 .kf_commet_field input::-webkit-input-placeholder,
.kode_comments.comment_2 .kode_textarea textarea::-webkit-input-placeholder,
.kode_comments.margin .kode_textarea textarea::-webkit-input-placeholder,
.kode_comments.margin .kf_commet_field input::-webkit-input-placeholder{
color:#999;
}
.kode_comments.margin .form-submit .medium_btn:hover{
background-color:#000;
color:#fff;
}
/*
============================================================================
HOME PAGE 01 START
============================================================================
*/
/*
=======================================
KODE TOP2 WRAP START
=======================================
*/
.kode_top2_row,
.kode_top2_wrap{
float:left;
width:100%;
}
.kode_top2_wrap{
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
.kode_top2_info{
float:left;
width:65%;
}
.kode_top2_info li{
float:left;
padding:11px 30px 9px;
border-right:1px solid #d9d9d9;
}
.kode_top2_info li:first-child{
padding-left:0px;
}
.kode_top2_info li:last-child{
border-right:none;
}
.kode_top2_info li span{
display:block;
text-transform:uppercase;
font-size:12px;
line-height:normal;
margin-bottom:1px;
}
.kode_top2_info li span i{
margin-right:10px;
}
.kode_top2_info li a{
display:block;
font-size:14px;
color:#666666;
}
.kode_top2_icon{
float: right;
text-align: right;
width: 35%;
}
.kode_top2_icon ul li,
.kode_top2_icon ul{
float:left;
}
.kode_top2_icon > ul{
border-left:1px solid #d9d9d9;
}
.kode_top2_icon > ul > li{
padding:20px 20px 16px;
border-right:1px solid #d9d9d9;
}
.kode_top2_icon > ul > li a{
display:inline-block;
position:relative;
font-size:18px;
}
.kode_top2_icon > ul > li a span{
background-color:#ffffff;
border-radius:100%;
box-shadow: 0 0 7px -3px #000000;
font-size:8px;
font-weight:bold;
height:12px;
line-height:12px;
position:absolute;
right:-7px;
text-align:center;
top:0;
width:12px;
}
/* drop down style */
.kode_top2_icon .dropdown{
cursor:pointer;
}
.kode_top2_icon .dropdown span{
margin-left:4px;
}
.kode_top2_icon .dropdown ul{
left: -20px;
padding: 0;
top: 40px;
width: 150px;
background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
}
.kode_top2_icon .dropdown ul li{
width:100%;
}
.kode_top2_icon .dropdown ul li a{
padding:6px 15px;
display:block;
}
/* donate btn start */
.donate_btn .modal-body,
.donate_btn .modal-content{
float: left;
width: 100%;
}
.donate_btn {
display: inline-block;
float: right;
padding: 8px 0 9px;
cursor:pointer;
}
.donate_btn .modal-content{
background: -webkit-linear-gradient(#f7f2e9, #f7f7f7);
background: -o-linear-gradient(#f7f2e9, #f7f7f7);
background: -moz-linear-gradient(#f7f2e9, #f7f7f7);
background: linear-gradient(#f7f2e9, #f7f7f7);
}
.donate_btn .kode_payment_list h5,
.donate_btn .kode_doantion_amount h4,
.donate_btn .kode_donation_row h4{
text-align:left;
}
.donate_btn .modal-body,
.donate_btn .kode_donate_des{
width:100%;
padding:0px 0px;
}
.donate_btn .modal-dialog {
margin: 60px auto;
}
.donate_btn .modal-content{
padding:30px 24px;
}
.donate_btn .chosen-results li{
width:100%;
text-align:left;
}
.donate_btn .kode_payment_list {
padding: 10px 0;
}
.donate_btn button.close {
border-radius: 100%;
height: 25px;
line-height: 20px;
opacity: 1;
position: absolute;
right: -6px;
top: -8px;
width: 25px;
z-index: 9999;
background-color:#fff;
}
.donate_btn .close > span {
position: relative;
top: -2px;
}
/*
=======================================
KODE TOP2 WRAP END
=======================================
*/
/*
=======================================
KODE NAVIGATION WRAP START
=======================================
*/
.header{
float:left;
width:100%;
}
.header .kode_navigation_wrap{
padding:20px 0 18px;
background:#355E3B;
}
.header .top_logo{
float:left;
width:24%;
}
.header .navigation{
float: left;
padding:22px 0 16px;
width: 62%;
}
.header .navigation > ul{
text-align:left;
}
.header .navigation > ul > li{
margin-left:24px;
}
.header .navigation ul > li > a{
padding:0px 0px;
font-size:14px;
font-weight:500;
color:#fff;
}
.header .navigation ul li a:hover:before,
.header .navigation ul li a:hover{
background:none;
}
/* navigation drop down style*/
.header .navigation ul ul{
width:200px;
border-top:2px solid ;
border-bottom:3px solid ;
}
.header .navigation ul ul li a{
padding:8px 15px;
text-transform:uppercase;
}
.header .navigation ul li:hover > ul{
top:58px;
}
.kode_navi_icon {
float: right;
padding:17px 0 13px;
}
.kode_navi_icon li{
float:left;
}
.kode_navi_icon li{
margin-right:15px;
}
.kode_navi_icon li a{
display:inline-block;
height:32px;
width:32px;
text-align:center;
line-height:32px;
background-color:#f2f2f2;
border-radius:100%;
color:#bcbcbc;
}
/*
=======================================
KODE NAVIGATION WRAP END
=======================================
*/
/*
=======================================
KODE BANNER2 WRAP START
=======================================
*/
.kode_banner2_des{
float:left;
width:100%;
}
.kode_banner2_fig{
position:absolute;
left:53%;
bottom:0px;
text-align:center;
}
.kode_banner2_fig figure{
width:auto;
}
.kode_banner_wrap.banner2 .them_overlay:before{
background-color:#202020;
opacity:0.95;
}
.kode_banner_wrap.banner2 .kode_banner_text{
text-align:left;
margin-left:-550px;
width:500px;
margin-top:-128px;
}
.kode_banner_wrap.banner2 .kode_banner_text .large_text{
font-size:44px;
margin-bottom:7px;
}
.kode_banner_wrap.banner2 .kode_banner_text .large_text:before,
.kode_banner_wrap.banner2 .kode_banner_text .large_text:after{
content:"";
}
.kode_banner_wrap.banner2 .kode_banner_text .mediume_text{
font-size:20px;
font-weight:400;
}
.kode_banner_wrap.banner2 .slick-prev,
.kode_banner_wrap.banner2 .slick-next{
height:58px;
width:58px;
border-radius:100%;
border:1px solid #f2f2f2;
background:none;
left:30px;
}
.kode_banner_wrap.banner2 .slick-next{
right:30px;
left:auto;
}
.kode_banner_wrap.banner2 .slick-prev:before,
.kode_banner_wrap.banner2 .slick-next:before{
line-height:58px;
content:"\f177";
}
.kode_banner_wrap.banner2 .slick-next:before{
content:"\f178";
}
/*
=======================================
KODE BANNER2 WRAP END
=======================================
*/
/*
=======================================
KODE MOSQUE2 WRAP START
=======================================
*/
.kode_mosque2_text,
.kode_mosque2_des,
.kode_mosque2_fig,
.kode_mosque2_wrap{
float:left;
width:100%;
}
.kode_mosque2_fig .them_overlay:before {
transform: skew(-17deg) translate(44px);
opacity:0;
left:15px;
bottom:10px;
}
.kode_mosque2_fig:hover .them_overlay:before {
opacity:0.5;
z-index:99;
}
.kode_mosque2_fig figure{
z-index:999;
padding:0 0 10px 15px;
}
.kode_mosque2_fig figure:after{
position:absolute;
content:"";
top:10px;
left:0px;
right:15px;
bottom:0px;
z-index:-1;
transform: skew(-17deg) translate(44px);
}
.kode_mosque2_wrap{
padding:78px 0px 80px;
}
.section_hdg.hdg_4 h3{
display:block;
}
.kode_mosque2_text p{
margin-bottom:18px;
}
.kode_mosque2_text p:last-child{
margin-bottom:23px;
}
/*
=======================================
KODE MOSQUE2 WRAP END
=======================================
*/
/*
=======================================
KODE PILLARS WRAP PILLARS 2 START
=======================================
*/
.section_hdg.hdg_2.hdg_3.hdg_4{
margin-bottom:88px;
}
.kode_pillars_wrap.pillare_2{
background-color:#f8f8f8;
background-image:none;
overflow:hidden;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_text{
border-radius: 100%;
height: 550px;
margin-bottom: -110px;
padding: 80px 0 0;
width: 572px;
background-image:url("images/piller-bg.png");
background-repeat:no-repeat;
z-index:999;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_text:after{
position:absolute;
content:"";
top:0px;
left:0px;
right:0px;
bottom:0px;
background-color:#000;
opacity:0.6;
border-radius:100%;
z-index:-1;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_text:before{
border: 3px dotted;
top:-15px;
left:-15px;
right:-15px;
bottom:-15px;
border-radius:100%;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_text figure img,
.kode_pillars_wrap.pillare_2 .kode_pillars_text figure{
width:auto;
float:none;
}
.kode_pillars_wrap.pillare_2 .kode_pillars_item{
margin-bottom:0px;
}
.kode_pillars_wrap.pillare_2 .center:after,
.kode_pillars_wrap.pillare_2 .right_bottom:after,
.kode_pillars_wrap.pillare_2 .left_bottom:after,
.kode_pillars_wrap.pillare_2 .right_center:after,
.kode_pillars_wrap.pillare_2 .left_center:after,
.kode_pillars_wrap.pillare_2 .kode_pillars_item li a:before{
border:none;
}
.kode_pillars_wrap.pillare_2 .right_bottom,
.kode_pillars_wrap.pillare_2 .left_bottom{
left:103px;
right:auto;
}
.kode_pillars_wrap.pillare_2 .right_bottom{
left:auto;
right:103px;
}
.kode_pillars_wrap.pillare_2 .right_center,
.kode_pillars_wrap.pillare_2 .left_center{
bottom: 296px;
left: 170px;
}
.kode_pillars_wrap.pillare_2 .right_center{
right: 170px;
left:auto;
}
.kode_pillars_wrap.pillare_2 .center{
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 128px;
}
.kode_services_wrap.service_2{
background-color:#f7f7f7;
}
/*
=======================================
KODE PILLARS WRAP PILLARS 2 END
=======================================
*/
/*
=======================================
KODE BUILDING WRAP START
=======================================
*/
.kode_building_des,
.kode_building_wrap{
float:left;
width:100%;
}
.kode_building_wrap{
background-image:url("images/bulding.png");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
padding:105px 0px;
}
.kode_building_wrap.them_overlay:before{
opacity:0.94;
background-color:#252525;
}
.kode_building_des figure{
width:auto;
border-radius:100%;
}
.kode_building_des .them_overlay:before{
opacity:0;
}
.kode_building_des:hover .them_overlay:before{
opacity:0.3;
z-index:99;
}
.kode_building_text{
overflow:hidden;
padding-left:30px;
}
.kode_building_text h3,
.kode_building_text h4{
margin-bottom:10px;
}
.kode_building_text h3{
margin-bottom:17px;
}
.kode_building_text p{
margin-bottom:28px;
}
.kode_canvas_detail.canvas_2{
border-right: medium none;
float: right;
padding: 30px 50px 0 0;
width: auto;
}
.kode_canvas_detail.canvas_2 .progress-bar div{
height:184px;
width:184px;
}
.kode_canvas_detail.canvas_2 .progress-bar div span{
height:170px;
width:170px;
line-height:148px;
}
.kode_canvas_detail.canvas_2 > span {
font-size: 18px;
left: 8px;
position: relative;
top: -27px;
}
/*
=======================================
KODE BUILDING WRAP END
=======================================
*/
/*
=======================================
KODE CLIENT WRAP CLIENT 2 START
=======================================
*/
.kode_client_wrap.client_2{
background:none;
}
.kode_client_wrap.client_2 .kode_client_text:hover{
background-color:#f7f7f7;
}
/*
=======================================
KODE CLIENT WRAP CLIENT 2 END
=======================================
*/
/*
=======================================
KODE GALLERY WRAP START
=======================================
*/
.kode_gallery_detail{
float:left;
width:100%;
margin-bottom:30px;
}
.kode_gallery_list{
float:left;
width:50.5%;
}
.kode_gallery_list.list_2 {
margin-right: 11px;
width: 48.4%;
}
.kode_gallery_list .kode_gallery_fig{
width:100%;
margin-bottom:10px;
}
.kode_gallery_list .kode_gallery_fig figure{
width:auto;
}
.kode_gallery_fig.fig_2{
float:left;
width:49%;
margin-right:10px;
margin-bottom:10px;
}
/*
=======================================
KODE GALLERY WRAP END
=======================================
*/
/*
=======================================
KODE EVENT WRAP START
=======================================
*/
.kode_event_video,
.kode_event_fig,
.kode_calender_detail.detail_2 .kode_event_text span,
.kode_event_wrap{
float:left;
width:100%;
}
.kode_event_wrap{
padding:76px 0 79px;
}
.kode_calender_detail.detail_2{
padding:0px 0px;
background:none;
}
.kode_calender_detail.detail_2 li:first-child{
padding-top:0px;
}
.kode_calender_detail.detail_2 li:last-child{
padding-bottom:0px;
}
.kode_calender_detail.detail_2 .kode_calender_list > span{
width:95px;
height:107px;
font-size:36px;
font-weight:bold;
padding:25px 0px;
}
.kode_calender_detail.detail_2 .kode_calender_list > span i{
font-size:24px;
display:block;
font-weight:400;
margin-top:12px;
}
.kode_calender_detail.detail_2 .kode_event_text{
padding-left:30px;
}
.kode_calender_detail.detail_2 .kode_event_text h4{
margin-bottom:7px;
}
.kode_calender_detail.detail_2 .kode_event_text p{
margin-bottom:6px;
font-weight:normal;
}
.kode_event_text span i{
margin-right:8px;
}
.kode_event_text span a{
display:inline-block;
}
.kode_event_fig a{
position:absolute;
top:50%;
left:0px;
right:0px;
margin:auto;
font-size:75px;
text-align:center;
margin-top:-40px;
z-index:10;
}
.kode_event_fig .them_overlay:before{
opacity:0.45;
z-index:9;
}
/*
=======================================
KODE EVENT WRAP END
=======================================
*/
/*
=======================================
WIDGET WRAP WIDGET 02 START
=======================================
*/
.widget_wrap.widget_2.them_overlay:before{
opacity:0.85;
background-color:#355E3B;
}
.widget_event.event_2 .kode_textarea textarea,
.widget_event.event_2 .kf_commet_field input,
.widget_logo.logo_2 .widget_call_info{
border-color:#fff;
}
.form-submit .medium_btn{
cursor:pointer;
}
.widget_event.event_2 .form-submit .medium_btn:hover{
background-color:#fff;
}
.widget_event.event_2 .kode_calender_list > span{
background-color:#989898;
}
/*
=======================================
WIDGET WRAP WIDGET 02 END
=======================================
*/
/*
---------------------------------------------------------------------------
===========================================================================
ABOUT US PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
/*
=======================================
KODE SAB BANNER WRAP START
=======================================
*/
.sab_banner_text,
.kode_sab_banner_wrap{
float:left;
width:100%;
}
.kode_sab_banner_wrap{
padding:60px 0px 65px;
background-repeat:no-repeat;
background-size:cover;
animation: 10s linear 0s normal none infinite running shafaqat;
background: rgba(0, 0, 0, 0) url("images/banner-pattran-bg.png") repeat scroll 0 0;
}
@-webkit-keyframes shafaqat{
0%{background-position:50% 0}
100%{background-position:120px 0%}
}
@-moz-keyframes shafaqat{
0%{background-position:50% 0}
100%{background-position:120px 0%}
}
@-ms-keyframes shafaqat{
0%{background-position:50% 0}
100%{background-position:120px 0%}
}
@keyframes shafaqat{
0%{background-position:50% 0}
100%{background-position:120px 0%}
}
.kode_sab_banner_wrap.them_overlay:before{
opacity:0.97;
}
.sab_banner_text{
text-align:center;
position:relative;
}
.sab_banner_text h2{
margin-bottom:19px;
}
.breadcrumbs{
display:inline-block;
background-color:#fff;
padding:8px 24px;
border-radius:2px;
}
.breadcrumbs li{
margin-right:33px;
position:relative;
display:inline-block;
}
.breadcrumbs li:last-child{
margin-right:0px;
}
.breadcrumbs li strong{
text-transform:uppercase;
font-size:14px;
}
.breadcrumbs li:last-child:before{
content:"";
}
.sab_banner_text li:before{
position:absolute;
content:"\f101";
top:1px;
right:-23px;
bottom:0px;
font-family:fontawesome;
font-size:14px;
}
/*
=======================================
KODE SAB BANNER WRAP END
=======================================
*/
/*
=======================================
KODE PHILOSOPHY WRAP START
=======================================
*/
.kode_philosophy_text,
.kode_Philosophy_wrap{
float:left;
width:100%;
}
.kode_Philosophy_wrap{
padding:80px 0px 120px;
background-image:url("images/philosophy-pt.png");
background-repeat:no-repeat;
background-size:cover;
}
.kode_Philosophy_wrap.them_overlay:before{
background-color:#fff;
opacity:0.95;
}
.kode_philosophy_text{
text-align:center;
padding:30px 25px;
border:1px solid #d5d5d5;
background-color:#fff;
}
.kode_philosophy_text:hover{
box-shadow:0px 0px 25px -12px;
}
.kode_philosophy_text span{
display:inline-block;
height:99px;
width:99px;
text-align:center;
line-height:99px;
background-color:#5c5c5c;
border-radius:100%;
font-size:42px;
margin-bottom:17px;
}
.kode_philosophy_text h4{
padding-bottom:11px;
margin-bottom:10px;
position:relative;
}
.kode_philosophy_text h4:before{
position:absolute;
content:"";
left:0px;
right:0px;
bottom:0px;
width:132px;
border-bottom:1px solid #d2d2d2;
margin:auto;
}
.kode_philosophy_text p{
margin-bottom:20px;
}
/*slick slider start*/
.kode_Philosophy_wrap .slick-slide {
padding: 0 15px;
}
.kode_Philosophy_wrap .slick-dots {
border: 1px solid;
bottom: -70px;
float: none;
left: 0;
margin: auto;
padding:1px 0 10px;
position: absolute;
right: 0;
text-align: center;
width: 140px;
}
.kode_Philosophy_wrap .slick-dots li button{
padding:0px 0px;
height:14px;
width:14px;
}
.kode_Philosophy_wrap .slick-dots li {
cursor: pointer;
display: inline-block;
height: 14px;
margin: 0 5px;
padding: 0;
position: relative;
width: 14px;
background-color:#d4d4d4;
border-radius:100px;
}
.kode_Philosophy_wrap .slick-dots li button:before{
content:"";
}
.kode_Philosophy_wrap .slick-prev,
.kode_Philosophy_wrap .slick-next{
display:none !important;
}
/*
=======================================
KODE PHILOSOPHY WRAP END
=======================================
*/
/*
=======================================
KODE CLIENT WRAP CLIENT 3 START
=======================================
*/
.kode_client_wrap.client_3{
padding:80px 0px 138px;
}
.kode_client_wrap.client_3 .kode_client_text{
background-color:#fff;
}
.kode_client_wrap.client_3 .kode_client_text p:after{
left:-3px;
}
.kode_client_wrap .slick-slide{
padding:0px 15px;
}
.kode_client_wrap.client_3 .slick-prev,
.kode_client_wrap.client_3 .slick-next{
top:auto;
bottom:-80px;
left:-55px;
right:0px;
text-align:center;
margin:auto;
height:46px;
width:46px;
background-color:#333333;
border-radius:2px;
}
.kode_client_wrap.client_3 .slick-next{
right:-115px;
}
.kode_client_wrap.client_3 .slick-prev:before,
.kode_client_wrap.client_3 .slick-next:before{
line-height:46px;
}
/*
=======================================
KODE CLIENT WRAP CLIENT 3 END
=======================================
*/
/*
---------------------------------------------------------------------------
===========================================================================
BLOG PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
/*
=======================================
KODE BLOG MADIUM WRAP START
=======================================
*/
.kode_blog_des,
.kode_blog_madium_wrap{
float:left;
width:100%;
}
.kode_blog_madium_wrap{
padding:80px 0px;
background-color:#f7f7f7;
}
.kode_blog_madium_wrap.wrap_2{
padding:80px 0px 50px;
}
.kode_blog_des .kode_blog_text{
padding:27px 30px 30px 30px;
position:relative;
}
.kode_blog_des{
margin-bottom:30px;
background-color:#fff;
}
.kode_blog_des:hover figure img{
transform:scale(1.7);
-moz-transform:scale(1.7);
-webkit-transform:scale(1.7);
}
.kode_blog_des .them_overlay:before{
opacity:0;
z-index:9;
}
.kode_blog_des:hover .them_overlay:before{
opacity:0.65;
}
.kode_blog_des:hover{
box-shadow:0 0 10px -1px;
}
.kode_blog_text h4{
margin-bottom:15px;
}
.kode_blog_text h4 span{
display:block;
}
.kode_blog_des .kode_meta.meta_2{
margin-bottom:12px;
}
.kode_blog_des .kode_meta.meta_2 li{
border-right:none;
}
.kode_blog_des .kode_meta.meta_2 li a{
text-transform:uppercase;
}
.kode_blog_text p{
margin-bottom:24px;
}
.kode_blog_des .kode_blog_text .share_link{
position:absolute;
right:30px;
bottom:35px;
height:33px;
width:33px;
border:1px solid #d5d5d5;
border-radius:100%;
text-align:center;
line-height:33px;
color:#d4d4d4;
}
.kode_blog_des figure .btn_hover2:before{
border-radius:100%;
}
/* KODE PAGINATION START */
.kode_pagination_list{
float:left;
width:100%;
margin-top:10px;
}
.kode_pagination_list.navi_2{
margin-top:0px;
}
.kode_pagination{
background-color: #eeeeee;
margin: auto;
padding: 15px 0;
text-align: center;
overflow:hidden;
width: 390px;
}
.kode_pagination li{
display:inline-block;
}
.kode_pagination .next,
.kode_pagination .prve {
height: auto;
width: auto;
}
.kode_pagination .next:hover,
.kode_pagination .prve:hover{
background:none;
}
.kode_pagination .next,
.kode_pagination .next i{
margin-left:10px;
}
.kode_pagination .prve ,
.kode_pagination .prve i{
margin-right:10px;
}
.kode_pagination li a{
display:inline-block;
height:30px;
width:30px;
text-align:center;
line-height:30px;
font-weight:bold;
color:#000;
border-radius:2px;
margin-right:5px;
}
/*
=======================================
KODE BLOG MADIUM WRAP END
=======================================
*/
/*
---------------------------------------------------------------------------
===========================================================================
BLOG GRID PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_blog_caption{
float:left;
width:100%;
padding:15px 30px 0px 30px;
margin-bottom:0px;
}
.kode_blog_des.des_2 .kode_blog_text{
padding:27px 1px 35px 1px;
}
.kode_blog_des.des_2 .kode_blog_text h4{
padding:0px 30px 15px 30px;
border-bottom:1px solid #dadada;
margin-bottom:0px;
}
.kode_blog_caption .kode_meta.meta_2{
margin-bottom:0px;
}
.kode_blog_caption .kode_meta.meta_2 li:first-child{
padding-right:0px;
}
.kode_blog_caption p{
margin-bottom:22px;
}
.kode_blog_des.des_2 .kode_blog_text .share_link {
bottom: 30px;
}
/*
---------------------------------------------------------------------------
===========================================================================
BLOG DETAIL PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_blog_detail_post,
.comment_des,
.comment > li,
.comment,
.kode_comments,
.kode_social_share,
.blog_text,
.kode_detail_fig,
.blog_quote,
.kode_blog_detail_text,
.kode_blog_detail_des,
.kode_blog_detail_row{
float:left;
width:100%;
}
.kode_blog_madium_wrap.detail{
background:none;
padding:80px 0px;
}
.kode_blog_madium_wrap.detail.padding{
padding:80px 0px 50px;
}
.comment_des .them_overlay:before,
.kode_detail_fig .them_overlay:before,
.kode_blog_detail_des .them_overlay:before{
opacity:0;
}.comment_des:hover .them_overlay:before,
.kode_detail_fig:hover .them_overlay:before,
.kode_blog_detail_des:hover .them_overlay:before{
opacity:0.35;
}
.kode_blog_detail_des{
padding-bottom:35px;
}
.kode_blog_detail_text{
padding:25px 0px 28px;
border-bottom:1px solid #e2e2e2;
margin-bottom:14px;
}
.kode_blog_detail_text h3{
padding-bottom:10px;
}
.kode_blog_detail_text .kode_meta.meta_2 li {
line-height:12px;
padding:0px 30px;
}
.kode_blog_detail_text .kode_meta.meta_2 li:first-child{
padding-left:0px;
}
.kode_blog_detail_text .kode_meta.meta_2 li a{
font-size:12px;
line-height:14px;
text-transform:uppercase;
}
.kode_blog_detail_des p{
margin-bottom:18px;
}
.kode_blog_detail_des p:last-child{
margin-bottom:0px;
}
/* BLOG QUOTE START */
.blog_quote{
padding:30px 30px;
border-left:6px solid;
background-color:#f7f7f7;
margin-bottom:40px;
}
.blog_quote span{
float:left;
height:82px;
width:82px;
text-align:center;
line-height:82px;
border-radius:100%;
font-size:33px;
display:inline-block;
}
.quote_text{
overflow:hidden;
padding-left:30px;
}
/* KODE DETAIL FIG START */
.kode_detail_fig{
margin-bottom:24px;
}
.kode_detail_fig figure{
width:50%;
}
.kode_detail_fig_text{
float:left;
width:50%;
padding-left:30px;
}
.kode_detail_fig_text p:last-child{
margin-bottom:0px;
}
.kode_detail_fig.fig_2 .kode_detail_fig_text{
padding-left:0px;
padding-right:30px;
}
.blog_text{
margin-bottom:24px;
}
/* KODE SOCIAL SHARE START */
.kode_social_share{
padding:18px 30px 14px;
background-color:#f4f4f4;
margin-bottom:38px;
}
.kode_social_share > a{
float:left;
margin-right:30px;
}
.kode_social_share > a i{
margin-right:10px;
}
.social_meta li,
.social_meta{
float:left;
width:auto;
}
.social_meta li{
margin-right:15px;
}
.social_meta li a{
height:26px;
width:26px;
text-align:center;
line-height:26px;
border-radius:100%;
background-color:#d4d4d4;
display:inline-block;
}
.kode_social_share .kode_pagination{
width:auto;
background:none;
padding:0px 0px;
margin:0px 0px;
float:right;
}
/* KODE COMMENT START */
.comment_title{
margin-bottom:25px;
}
.comment_des{
padding:30px 0px;
border-bottom:1px solid #d4d4d4;
}
.comment_des figure{
width:auto;
border-radius:100%;
}
.comment_des .them_overlay:before{
border-radius:100%;
}
.comment_text{
overflow:hidden;
padding-left:30px;
margin-top:-5px;
}
.comment_text p{
margin-bottom:5px;
}
.comment_text .kode_meta{
margin-bottom:0px;
padding-left:0px;
}
.comment_text .kode_meta > li a{
text-transform:uppercase;
font-size:14px;
color:#333;
}
.comment ul{
padding-left:30px;
float:left;
width:100%;
}
.comment_des.padding{
padding-top:0px;
}
/* KODE COMMENT START */
.kode_comments .kf_commet_field{
float:left;
width:47.9%;
margin-right:28px;
margin-bottom:30px;
}
.kf_commet_field:nth-child(4),
.kf_commet_field:nth-child(2) {
margin-right: 0;
}
.kode_comments .form-submit{
margin-bottom:0px;
}
.kode_comments .kode_textarea textarea{
border-color:#e9e9e9;
}
.kode_comments .kode_textarea textarea::-moz-placeholder{
color:#666;
}
.kode_comments .form-submit .medium_btn{
border:none;
}
.kode_blog_detail_post .section_hdg{
margin-bottom:23px;
}
.kode_blog_detail_post .section_hdg h3{
font-size:20px;
}
/*
---------------------------------------------------------------------------
===========================================================================
BLOG DETAIL PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
404 PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_404_text,
.kode_404_wrap{
float:left;
width:100%;
}
.kode_404_wrap{
background-image:url("images/404-bg.png");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
z-index:99;
padding:150px 0 170px;
height:100%;
}
.kode_404_text{
text-align:center;
}
.kode_404_wrap:before{
position:absolute;
content:"";
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:-1;
background:rgba(0, 0, 0, 0) linear-gradient(5deg, #ffffff, #000000) repeat scroll 0 0;
opacity:0.5;
}
.kode_404_text h2{
font-size:375px;
font-weight:bold;
line-height:375px;
}
.kode_404_text h2 span{
display: inline-block;
font-size: 207px;
font-weight: 500;
position: relative;
height:280px;
width:280px;
text-align:center;
top:-23px;
margin:0px -30px;
}
.kode_404_text h2 span:before{
background-image:url("images/404_bg1.png");
position:absolute;
content:"";
top:6px;
left:0px;
right:0px;
bottom:0px;
z-index:-1;
}
.kode_404_text h3{
padding:22px 50px 13px;
font-size:84px;
display:inline-block;
line-height:84px;
text-shadow:5px 4px #deb47e;
box-shadow:0px 0px 18px -1px;
margin-bottom:40px;
}
.kode_404_text p{
font-size:33px;
text-transform:uppercase;
line-height:normal;
margin-bottom:42px;
}
/*
---------------------------------------------------------------------------
===========================================================================
404 PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
COMING SOON PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.coming_social_icon,
.countdown.timer,
.kode_coming_soon_wrap{
float:left;
width:100%;
}
.kode_coming_soon_wrap{
background-image:url("images/coming-bg.png");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
z-index:99;
padding:180px 0px;
height:100%;
}
.kode_coming_soon_wrap:before{
position:absolute;
content:"";
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:-1;
background:rgba(0, 0, 0, 0) linear-gradient(0deg, #ffffff, #000000) repeat scroll 0 0;
opacity:0.85;
}
.kode_coming_text{
text-align:center;
width:834px;
margin:auto;
}
.kode_coming_text a img{
margin-bottom:54px;
}
.kode_coming_text h2{
text-transform:uppercase;
margin-bottom:40px;
}
.countdown.timer{
margin-bottom:50px;
}
.countdown.timer li{
display:inline-block;
width:110px;
height:100px;
text-align:center;
border:1px solid #fff;
padding:22px 0;
margin-right:25px;
}
.countdown.timer li:last-child{
margin-right:0px;
}
.countdown.timer li span{
display:block;
font-size:33px;
margin-bottom:12px;
}
.countdown.timer li h5{
margin-bottom:0px;
text-transform:uppercase;
}
.kode_coming_text .progress {
height:24px;
overflow: hidden;
text-align: center;
outline:1px solid #fff;
outline-offset:-1px;
margin-bottom:68px;
}
.kode_coming_text .progress-bar {
color: #ffffff;
font-weight: 400;
height: 24px;
line-height: 21px;
width: 70%;
}
.kode_coming_text .kode_search{
float: none;
margin: auto;
width: 606px;
margin-bottom:40px;
}
.kode_coming_text .kode_search .kf_commet_field input::-moz-placeholder{
color:#fff;
}
.kode_coming_text .kode_search .kf_commet_field button{
width:135px;
}
.coming_social_icon{
text-align:center;
}
.coming_social_icon li{
display:inline-block;
margin-right:18px;
}
.coming_social_icon li a{
display:inline-block;
height:46px;
width:50px;
text-align:center;
line-height:46px;
}
.blue{
background-color:#3b5997;
}
.blue-light{
background-color:#55acef;
}
.pinke{
background-color:#e13b6b;
}
.red{
background-color:#bc081d;
}
/*
---------------------------------------------------------------------------
===========================================================================
COMING SOON PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
CONTACT US PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_contact_text,
.kode_contact_service ul,
.kode_contact_service,
.kode_contact_wrap .comment-form,
.kode_contact_des,
.kode_contact_field,
.kode_contact_map,
.kode_contact_wrap{
float:left;
width:100%;
}
.kode_contact_map .map-canvas{
height:400px;
width:100%;
}
.kode_contact_des{
padding:80px 0 73px;
}
.kode_contact_field{
margin-bottom:40px;
}
.kode_contact_field .kf_commet_field{
margin-bottom:30px;
}
.kode_contact_field .form-submit{
display: inline-block;
float: none;
margin-bottom: 0;
text-align: center;
width: 100%;
}
.form-submit .medium_btn{
border:none;
}
.kode_contact_field .form-submit .medium_btn{
text-align:center;
display:inline-block;
width:auto;
}
.kode_contact_service{
text-align:center;
}
.kode_contact_service ul li{
display:inline-block;
background-color:#f7f7f7;
padding:45px 0px;
margin-right:20px;
width:260px;
position:relative;
z-index:9;
overflow:hidden;
}
.kode_contact_service ul li:before{
position:absolute;
content:"";
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:-1;
opacity:0;
}
.kode_contact_service ul li:hover:before{
opacity:1;
box-shadow:0px 0px 30px -6px;
}
.kode_contact_text h5{
margin-bottom:6px;
}
.kode_contact_text > a{
font-size:16px;
display:inline-block;
margin-bottom:3px;
}
.kode_contact_text p{
margin-bottom:0px;
}
.kode_contact_text p span{
display:block;
}
/*
---------------------------------------------------------------------------
===========================================================================
CONTACT US PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
EVENT PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_event_detail li,
.kode_event_detail,
.kode_event_wrap{
float:left;
width:100%;
}
.kode_event_detail li{
background-color:#f0f0f0;
padding:25px 30px;
border-radius:3px;
margin-bottom:30px;
}
.kode_event_detail li:last-child{
margin-bottom:40px;
}
.kode_portfolio_des:hover,
.kode_event_speakar_fig:hover,
.kode_event_detail li:hover{
box-shadow:0px 11px 9px -10px #999;
}
.kode_event_ticket,
.kode_event_detail .kode_calender_list,
.kode_calender_list figure,
.event_date{
float:left;
width:auto;
}
.event_date {
text-align:center;
padding-right:30px;
position:relative;
}
.event_date:before{
position:absolute;
content:"";
top:20px;
right:0px;
bottom:0px;
border-right:1px solid #d0d0d0;
height:64px;
}
.event_date span{
display: inline-block;
font-size: 62px;
font-weight: bold;
line-height: 66px;
margin-bottom:3px;
}
.event_date p{
margin-bottom:0px;
text-transform:uppercase;
}
.kode_event_detail .kode_calender_list{
padding-left:30px;
}
.kode_portfolio_des .them_overlay:before,
.kode_coming_fig .them_overlay:before,
.kode_event_speakar_fig .them_overlay:before,
.kode_event_detail .kode_calender_list .them_overlay:before{
opacity:0;
z-index:9;
}
.kode_portfolio_des:hover .them_overlay:before,
.kode_coming_fig:hover .them_overlay:before,
.kode_event_speakar_fig:hover .them_overlay:before,
.kode_event_detail .kode_calender_list:hover .them_overlay:before{
opacity:0.35;
}
.kode_event_detail .kode_calender_list .kode_event_text{
padding:0px 20px;
}
.kode_event_detail .kode_calender_list .kode_event_text h4{
margin-bottom:2px;
}
.kode_event_detail .kode_calender_list .kode_event_text p{
margin-bottom:1px;
}
.kode_event_detail .kode_calender_list .kode_event_text p span{
display:block;
color:#999;
}
.kode_event_detail .kode_calender_list .kode_event_text span a{
font-size:12px;
color:#333;
line-height:16px;
font-weight:400;
}
.kode_event_ticket{
padding:15px 0px;
}
.event_studium{
display:inline-block;
padding:20px 30px 20px 20px;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
font-size:12px;
}
.event_studium:hover{
color:#333;
}
.event_studium i{
margin-right:10px;
color:#333333;
}
.kode_event_ticket .medium_btn{
margin-left:28px;
}
.kode_event_wrap .kode_blog_list > ul{
padding-bottom:40px;
}
/*
---------------------------------------------------------------------------
===========================================================================
EVENT PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
EVENT DETAIL PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_blog_detail_des .kode_calender_detail.detail_2{
padding:30px 0px;
border-bottom:1px solid #e9e9e9;
margin-bottom:25px;
}
.kode_calender_list{
position:relative;
}
.kode_blog_detail_des .kode_calender_detail.detail_2 .kode_event_text{
padding:0 130px 0 20px;
}
.kode_blog_detail_des .kode_calender_detail.detail_2 .kode_event_text p{
font-weight:300;
text-transform:lowercase;
}
.kode_blog_detail_des .kode_calender_detail.detail_2 .kode_event_text span a{
font-weight:300;
}
.kode_calender_list .medium_btn{
position:absolute;
top:29px;
right:0px;
}
/* KODE DETAIL DATE START */
.event_detail_list li,
.kode_detail_date{
float:left;
width:100%;
}
.kode_detail_date{
background-color:#f7f7f7;
padding:26px 30px;
}
.event_detail_list{
float:left;
width:50%;
border-right:1px solid #d6d6d6;
}
.event_detail_list li {
margin-bottom:21px;
}
.event_detail_list li:last-child{
margin-bottom:0px;
}
.event_detail_list li a{
display:block;
text-transform:uppercase;
color:#999;
}
.event_detail_list li a i{
margin-right:10px;
}
.event_detail_list li a span{
color:#666;
display:inline-block;
width:100px;
font-weight:400;
}
.event_detail_list.list_2{
border-right:none;
padding-left:80px;
}
.event_detail_list.list_2 li a span{
width:80px;
}
/* KODE EVENT SPEAKER START */
.kode_event_speakar{
float:left;
width:100%;
}
.kode_event_speakar_fig{
background-color: #f7f7f7;
float: left;
margin-bottom: 25px;
margin-right: 30px;
padding: 20px 30px;
width: 47.9%;
}
.kode_event_speakar .kode_event_speakar_fig .kode_event_speaker_text p{
margin-bottom:0px;
}
.kode_event_speakar_fig:nth-child(3) {
margin-right: 0;
}
.kode_event_speakar_fig figure{
width:auto;
border-radius:100%;
}
.kode_event_speaker_text{
display:inline-block;
overflow:hidden;
margin-left:40px;
padding:16px 0px 4px 40px;
position:relative;
}
.kode_event_speaker_text:before{
position:absolute;
content:"";
top:7px;
left:0px;
bottom:0px;
border-left:1px solid #e5e5e5;
height:66px;
}
.kode_event_speaker_text h6{
margin-bottom:5px;
}
.kode_event_speaker_text > p{
margin-bottom:0px;
}
.kode_event_speakar p{
margin-bottom:18px;
}
.kode_event_speakar p:last-child{
margin-bottom:26px;
}
/*
---------------------------------------------------------------------------
===========================================================================
EVENT DETAIL PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
PORTFOLIO PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_portfolio_detail ul,
.kode_portfolio_detail,
.kode_portfolio_text,
.kode_portfolio_des,
.kode_portfolio_wrap{
float:left;
width:100%;
}
.kode_portfolio_des{
margin-bottom:30px;
background-color:#fff;
}
.kode_portfolio_des:hover figure img{
transform:scale(1.5);
-moz-transform:scale(1.5);
-webkit-transform:scale(1.5);
}
.kode_portfolio_text{
padding:18px 20px 15px;
}
.kode_portfolio_text h6{
margin-bottom:10px;
}
.kode_portfolio_text h4{
margin-bottom:8px;
}
.kode_portfolio_text p{
margin-bottom:0px;
}
.kode_portfolio_text p span{
display:block;
}
.kode_portfolio_detail ul{
text-align:center;
margin-bottom:40px;
}
.kode_portfolio_detail ul li{
display:inline-block;
margin-right:20px;
}
.kode_portfolio_detail ul li a{
display:inline-block;
padding:10px 20px 12px;
line-height:normal;
border:1px solid #d5d5d5;
border-radius:2px;
color:#333333;
}
.filtr-container{
float:left;
width:100%;
}
/*
---------------------------------------------------------------------------
===========================================================================
PORTFOLIO PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
PROJECT PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_project_dollar,
.kode_project_text{
float:left;
width:100%;
}
.kode_project_text{
text-align:center;
padding:27px 30px 23px;
}
.kode_project_text h5,
.kode_project_text h4{
margin-bottom:15px;
}
.kode_project_text > span{
height:60px;
width:60px;
text-align:center;
line-height:60px;
border-radius:100%;
font-size:20px;
font-weight:600;
display:inline-block;
margin-bottom:13px;
}
.kode_project_dollar{
margin-bottom:8px;
}
.kode_project_dollar a{
float:left;
display:inline-block;
}
.kode_project_dollar a:last-child{
float:right;
}
.kode_project_text p{
margin-bottom:0px;
}
.kode_project_text.text_2 .kode_project_dollar a{
text-align:center;
float:none;
}
/*
---------------------------------------------------------------------------
===========================================================================
PROJECT PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
PROJECT LIST PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_portfolio_des.des_2 figure{
width:50%;
}
.kode_portfolio_des.des_2 .kode_project_text{
width:50%;
text-align:left;
padding:25px 30px 30px;
}
.kode_portfolio_des.des_2 .kode_project_text h4{
margin-bottom:30px;
}
.kode_portfolio_des.des_2 .kode_project_text p{
text-align:center;
margin-bottom:24px;
}
.kode_project_share .kode_social_share{
float:right;
padding:9px 0px;
background:none;
width:auto;
margin-bottom:0px;
}
.kode_portfolio_des.des_2 .kode_project_dollar{
margin-bottom:18px;
}
/* Progress Bar Wrap CSS Start */
.progress-names{
float:left;
width:100%;
}
.kode_attorney_detail_skill .progressbar{
position:relative;
width:100%;
height:22px;
padding:0;
margin:0 auto;
background-color: #e1e1e1;
margin-bottom:28px;
}
.kode_attorney_detail_skill .bar {
position:absolute;
display:block;
width:0px;
height:22px;
top:0px;
left:0px;
overflow:hidden;
}
.kode_attorney_detail_skill .label {
background: #000000 none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
display: block;
font-size: 20px;
font-weight: bold;
height: 60px;
left: 0;
line-height: 60px;
position: absolute;
text-align: center;
top: -22px;
width: 60px;
box-shadow:1px 1px 5px 0px #dbdbdb;
}
/*
---------------------------------------------------------------------------
===========================================================================
PROJECT LIST PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
SERVICE PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
/*
=======================================
KODE SERVICE SEARCH FEILD START
=======================================
*/
.kode_service_search_feild{
float:left;
width:100%;
}
.kode_service_search_feild{
background-image: url("images/service_bg.png"), url("images/service_bg1.png");
background-position: left center, right center;
background-repeat: no-repeat;
background-size:952px 860px;
position:relative;
z-index:999;
}
.kode_service_search_feild.them_overlay:before{
width:50%;
opacity:0.75;
z-index:-1;
}
.kode_service_search_feild:after{
position:absolute;
content:"";
top:0px;
right:0px;
bottom:0px;
width:50%;
background-color:#a4a4a4;
opacity:0.25;
}
.kode_service_form{
float:left;
width:50%;
padding:75px 119px 80px;
}
.kode_service_form .section_hdg{
margin-bottom:24px;
}
.kode_service_form .section_hdg h3{
margin-bottom:7px;
}
.kode_service_form .section_hdg p{
margin-bottom:0px;
}
.kode_service_form .kf_commet_field input{
border-color:#e2e2e2;
}
.kode_service_form .kode_textarea textarea::-moz-placeholder,
.kode_service_form .kf_commet_field input[type="text"]::-moz-placeholder{
color:#f2f2f2;
}
.kode_service_form .kode_textarea textarea{
background:none;
}
/*
=======================================
KODE SERVICE SEARCH FEILD END
=======================================
*/
/*
=======================================
KODE PRICING WRAP START
=======================================
*/
.pricing_list li,
.pricing_list,
.kode_pricing_dollar,
.kode_pricing_des,
.kode_pricing_wrap{
float:left;
width:100%;
}
.kode_pricing_wrap{
padding:80px 0px;
background-color:#f5f5f5;
}
.kode_pricing_des{
text-align:center;
background-color:#f8f8f8;
border-top:5px solid #e4e4e4;
padding-bottom:30px;
}
.kode_pricing_des:hover{
box-shadow:0 4px 13px -5px #ddd;
}
.kode_pricing_des h4{
padding:22px 0px 20px;
border-bottom:1px solid #e4e4e4;
}
.kode_pricing_dollar{
padding:18px 30px 15px;
border-bottom:1px solid #e4e4e4;
}
.kode_pricing_des:hover .kode_pricing_dollar{
background-color:#fff;
}
.kode_pricing_dollar h3{
display:inline-block;
padding-bottom:5px;
border-bottom:2px solid #bfbfbf;
margin-bottom:14px;
}
.kode_pricing_dollar p{
margin-bottom:0px;
}
.pricing_list{
padding:28px 0 29px;
}
.pricing_list li {
margin-bottom:10px;
}
.pricing_list li:last-child{
margin-bottom:0px;
}
.pricing_list li a{
position:relative;
display:inline-block;
font-weight:400;
}
.pricing_list li a:before{
position:absolute;
content:"\f00c";
top:0px;
left:-28px;
bottom:0px;
font-family:fontawesome;
}
/*
=======================================
KODE PRICING WRAP END
=======================================
*/
/*
---------------------------------------------------------------------------
===========================================================================
SERVICE PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
.kode_service_des .right_arrow.btn{
border: medium none;
height: auto;
opacity: 1;
padding: 0;
right: 30px;
width: auto;
color:#333333;
}
.kode_service_des .right_arrow.btn i{
margin-left:10px;
}
.kode_service_des:hover .right_arrow.btn{
opacity:1;
background:none;
}
.kode_blog_madium_wrap.detail .kode_service_des{
border:1px solid #ececec;
}
/*
---------------------------------------------------------------------------
===========================================================================
SHOP PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_blog_madium_wrap.wrap_2{
background:none;
}
.kode_blog_madium_wrap.wrap_2.padding{
padding:80px 0px;
}
.kode_shop_text > h5,
.kode_shop_text,
.kode_shop_fig{
float:left;
width:100%;
}
.kode_shop_fig{
margin-bottom: 20px;
}
.kode_shop_fig:hover{
box-shadow: 0 3px 8px -5px;
}
.kode_shop_text{
padding:17px 5px 15px;
}
.kode_shop_text h6{
float:left;
margin-bottom:10px;
}
.kode_shop_text h3{
display:block;
}
.kode_shop_text > h5{
font-weight:400;
}
.kode_shop_fig .event_rating{
position:relative;
top:-5px;
}
.kode_shop_fig .event_rating a{
font-size:12px;
}
.kode_shop_fig .shop_icon{
position:absolute;
top:50%;
right:-40px;
opacity:0;
}
.kode_shop_fig:hover .shop_icon{
opacity:1;
right:40px;
}
.kode_shop_fig .shop_icon li{
margin-bottom:10px;
}
.kode_shop_fig .shop_icon li:last-child{
margin-bottom:0px;
}
.kode_shop_fig .shop_icon li a{
display:inline-block;
height:33px;
width:33px;
border-radius:100%;
background-color:#f7f7f7;
text-align:center;
line-height:33px;
}
.kode_shop_fig .shop_icon li a:hover{
transform:scale(1.3);
-moz-transform:scale(1.3);
-webkit-transform:scale(1.3);
}
.kode_shop_fig .them_overlay:before{
background-color:#d8d8d8;
opacity:0;
}
.kode_shop_fig:hover .them_overlay:before{
opacity:0.85;
}
/*
---------------------------------------------------------------------------
===========================================================================
SHOP PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
TEAM DETAIL PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
/*
=============================================
KODE TEAM WRAP START
=============================================
*/
.kode_team_detail_row,
.kode_team_profile,
.kode_view_text,
.kode_view_row,
.kode_overview,
.kode_team_wrap,
.kode_team_fig{
float:left;
width:100%;
}
.kode_team_wrap{
padding:80px 0px;
}
.kode_team_detail_row{
padding-bottom:40px;
border-bottom:1px solid #e4e4e4;
}
.kode_team_fig figure{
margin-bottom:30px;
}
.kode_team_fig .siderbar_categories {
padding:27px 25px 65px;
position:relative;
}
.kode_team_fig .siderbar_categories a{
position:absolute;
bottom:0px;
left:0px;
right:0px;
}
.sidebar_title.title_2{
margin-bottom:14px;
}
.kode_team_fig .siderbar_categories p{
margin-bottom:15px;
}
.kode_team_fig .them_overlay:before{
opacity:0;
}
.kode_team_fig:hover .them_overlay:before{
opacity:0.35;
z-index:1;
}
.kode_view_row{
border-bottom:1px solid #e4e4e4;
padding-bottom:14px;
margin-bottom:37px;
}
.kode_view_des{
float:left;
width:auto;
}
.kode_view_des span{
text-transform:uppercase;
}
.kode_view_row .widget_social_icon {
float:right;
width:auto;
padding:13px 0px;
}
.kode_view_row .widget_social_icon li a{
border-color:#e6e6e6;
color:#a1a1a1;
height:30px;
width:30px;
line-height:30px;
}
.kode_view_text{
margin-bottom:41px;
}
.kode_view_text p{
margin-bottom:0px;
}
.kode_team_profile .kode_detail_date{
background:none;
padding:0px 0px;
}
.kode_team_profile .event_detail_list li a{
background-color:#f7f7f7;
width:320px;
padding:8px 20px;
}
.kode_team_profile .event_detail_list li a span{
display:inline;
}
.kode_team_profile .sidebar_title.title_2{
margin-bottom:20px;
}
/*
=============================================
KODE TEAM WRAP END
=============================================
*/
/*
=============================================
GALLERY3 WRAP START
=============================================
*/
.kode_gallery3_fig,
.kode_gallery3_row,
.kode_gallery3_wrap{
float:left;
width:100%;
}
.kode_gallery3_des{
float:left;
width:33.7%;
margin-right:5px;
}
.kode_gallery3_fig.fig_2{
width:31.4%;
float:left;
margin-right:5px;
}
.kode_gallery3_des:nth-child(3) {
margin-right: 0;
}
.kode_gallery3_fig{
margin-bottom:5px;
}
.kode_donors_text .them_overlay:before,
.kode_project_detail_fig .them_overlay:before,
.kode_gallery3_fig .them_overlay:before{
opacity:0;
}
.kode_donors_text:hover .them_overlay:before,
.kode_project_detail_fig:hover .them_overlay:before,
.kode_gallery3_fig:hover .them_overlay:before{
opacity:0.5;
z-index:1;
}
.kode_gallery3_wrap .slick-prev,
.kode_gallery3_wrap .slick-next{
height:38px;
width:38px;
background:none;
border:1px solid #cecece;
left:-55px;
border-radius:2px;
}
.kode_donors_list .slick-next,
.kode_gallery3_wrap .slick-next{
left:auto;
right:-55px;
}
.kode_donors_list .slick-next:before,
.kode_gallery3_wrap .slick-next:before{
line-height:36px;
content:"\f061";
}
.kode_donors_list .slick-prev:before,
.kode_gallery3_wrap .slick-prev:before{
content:"\f060";
line-height:36px;
}
.kode_donors_list .slick-dotted.slick-slider,
.kode_gallery3_wrap .slick-dotted.slick-slider{
margin-bottom:0px;
}
/*
=============================================
GALLERY3 WRAP END
=============================================
*/
/*
---------------------------------------------------------------------------
===========================================================================
TEAM DETAIL PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
PROJECT DETAIL PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.kode_donors_row,
.kode_donors_text,
.kode_donors_list,
.kode_project_detail_fig,
.kode_projet_detail_des,
.kode_blog_detail_des.des_2 .kode_attorney_detail_skill,
.kode_dollar_des{
float:left;
width:100%;
}
.kode_projet_detail_des,
.kode_blog_detail_des.des_2{
border-bottom:1px solid #e3e3e3;
}
.kode_project_detail_fig,
.kode_blog_detail_des.des_2{
padding-bottom:23px;
}
.kode_blog_detail_des.des_2 .kode_blog_detail_text{
border-bottom:none;
margin-bottom:0px;
}
.kode_blog_detail_des.des_2 .kode_attorney_detail_skill{
background-color: #f7f7f7;
padding:50px 30px 20px;
margin-bottom:25px;
}
.kode_dollar_des p{
margin-bottom:0px;
font-size:24px;
color:#333333;
}
.kode_dollar_des .full-left{
float:left;
width:auto;
}
.kode_dollar_des .full-right{
float:right;
width:auto;
}
.kode_attorney_detail_skill.project .label{
background:none;
top:-35px;
height:auto;
width:auto;
box-shadow:0px 0px;
border:none;
line-height:normal;
border-radius:0px;
}
.kode_attorney_detail_skill.project .progressbar{
box-shadow:0 0 5px -2px;
margin:0 auto 12px;
}
/*KODE PROJECT DETAIL DES START */
.kode_projet_detail_des{
padding:30px 0px 31px;
}
.kode_projet_detail_des p:last-child{
margin-bottom:0px;
}
/*KODE DONORS LIST START */
.kode_donors_list{
padding:27px 0px 30px;
}
.kode_donors_row {
padding: 0px 70px;
}
.kode_donors_text{
text-align:center;
padding:0px 20px;
}
.kode_donors_text figure{
width:auto;
border-radius:100%;
float:none;
margin-bottom:12px;
}
.kode_donors_text h5{
margin-bottom:5px;
}
.kode_donors_text h6{
font-weight:bold;
}
/*KODE DONORS LIST START */
.kode_donors_list .slick-prev,
.kode_donors_list .slick-next{
height:40px;
width:40px;
background:none;
border:1px solid #cecece;
left:-70px;
border-radius:100%;
}
.kode_donors_list .slick-next{
right:-70px;
left:auto;
}
.kode_donors_list .slick-prev:before,
.kode_donors_list .slick-next:before{
line-height:38px;
}
/*
---------------------------------------------------------------------------
===========================================================================
PROJECT DETAIL PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------
===========================================================================
SERVICE DETAIL PAGE START
===========================================================================
---------------------------------------------------------------------------
*/
.accordion-section,
.kode_service_faq,
.kode_text_list li,
.kode_text_list,
.kode_service_caption,
.kode_service_detail_list{
float:left;
width:100%;
}
.kode_service_detail_list .kode_service_des span{
top:20px;
right:30px;
box-shadow:2px 0px 2px 1px #ddd;
}
.kode_service_detail_list{
padding-bottom:25px;
border-bottom:1px solid #e5e5e5;
}
.kode_service_detail_list p:last-child{
margin-bottom:0px;
}
.kode_service_caption{
padding:27px 0px 25px;
border-bottom:1px solid #e5e5e5;
}
.kode_service_caption .comment_title{
margin-bottom:19px;
}
.kode_service_caption > p{
margin-bottom:24px;
}
.kode_text_list li{
margin-bottom:6px;
}
.kode_service_caption > p:last-child,
.kode_text_list li:last-child{
margin-bottom:0px;
}
.kode_text_list li a{
display:inline-block;
position:relative;
padding-left:30px;
}
.kode_text_list li a:before{
position:absolute;
content:"\f00c";
top:0px;
left:0px;
bottom:0px;
font-family:fontawesome;
}
.kode_service_caption .kode_detail_fig_text p{
margin-bottom:28px;
}
/* KODE SERVICE FAQ START */
.kode_service_faq{
padding:27px 0px 50px;
}
.accordion-section{
background-color:#f6f6f6;
border-bottom:1px solid #e9e9e9;
padding:20px 30px;
position:relative;
}
.accordion-section h6 a{
display:block;
position:relative;
color:#666666;
}
/*----- Section Content -----*/
.accordion-section-content {
padding:15px;
display:none;
}
.accordion-section h6 a:before{
position:absolute;
content:"\f067";
top:0px;
right:30px;
bottom:0px;
color:#5e5e5e;
font-family:fontawesome;
}
.accordion-section h6 a:focus:before,
.accordion-section h6 a:hover:before{
content:"\f068";
}
.accordion-section-content {
padding-top:10px;
}
.accordion-section-content p{
margin-bottom:0px;
}
/*
---------------------------------------------------------------------------
===========================================================================
SERVICE DETAIL PAGE END
===========================================================================
---------------------------------------------------------------------------
*/
.kode_portfolio_detail ul li:last-child,
.kode_contact_service ul li:last-child,
.kode_gallery_fig.fig_2:nth-child(4),
.kode_gallery_fig.fig_2:nth-child(2),
.kode_navi_icon li:last-child,
.widget_social_icon li:last-child,
.product_icon li:last-child,
.koed_event_timer figcaption ul li:last-child,
.radio_points li:last-child,
.kode_amount_list span:last-child,
.kode_social_icon li:last-child,
.navigation ul li:last-child,
.top_icon_fig li:last-child{
margin-right:0px;
}
.header .navigation ul li:first-child,
.top_time_circle ul li:first-child{
margin-left:0px;
}
.kode_donors_list .slick-prev:hover:before,
.kode_donors_list .slick-next:hover:before,
.kode_gallery3_wrap .slick-prev:hover:before,
.kode_gallery3_wrap .slick-next:hover:before,
.kode_team_profile .event_detail_list li a:hover i,
.kode_team_profile .event_detail_list li a:hover span,
.kode_team_profile .event_detail_list li a:hover,
.kode_view_row .widget_social_icon li a:hover,
.kode_shop_fig .shop_icon li a:hover,
.kode_side_contact_text a,
.kode_event_featured > a,
.kode_service_form .kode_textarea textarea:focus,
.kode_service_form .kf_commet_field input:focus,
.kode_service_form .section_hdg p,
.kode_service_form .section_hdg h3,
.kode_project_text > span,
.kode_portfolio_detail ul li a:focus,
.kode_portfolio_detail ul li a.active,
.kode_portfolio_detail ul li a:hover,
.kode_contact_service ul li:hover .kode_contact_text p,
.kode_contact_service ul li:hover .kode_contact_text > a,
.kode_contact_service ul li:hover .kode_contact_text h5 a,
.widget_event .kode_textarea textarea:focus,
.widget_event .kf_commet_field input:focus,
.kode_newsletter_form .kf_commet_field input:focus,
.coming_social_icon li a,
.kode_coming_text .kode_search .kf_commet_field button,
.kode_coming_text h2,
.countdown.timer li h5,
.countdown.timer li span,
.kode_404_text p,
.kode_404_text h2 span,
.sidebar_add figcaption h4,
.sidebar_add figcaption h2,
.sidebar_add figcaption h3,
.social_meta li a,
.blog_quote span,
.kode_search .comment-form .kf_commet_field button:hover,
.kode_pagination a:hover,
.kode_blog_des figure .expand_btn:hover,
.kode_blog_des:hover .kode_blog_text .share_link,
.kode_client_wrap.client_3 .slick-prev:before,
.kode_client_wrap.client_3 .slick-next:before,
.kode_philosophy_text span,
.kode_mosque_row.mosque figure a,
.sab_banner_text a:hover span,
.sab_banner_text h2,
.kode_amount_list span:hover,
.kode_pillars_item li a:hover h6,
.kode_pillars_item li a:hover span,
.navigation ul li .active,
.navigation ul li a:hover,
.widget_event.event_2 .kode_calender_list:hover > span,
.kode_event_fig a,
.kode_canvas_detail.canvas_2 > span,
.kode_building_text p,
.kode_building_text h3,
.kode_building_text h4,
.kode_banner_wrap.banner2 .slick-prev:before,
.kode_banner_wrap.banner2 .slick-next:before,
.kode_navi_icon li a:hover,
.donate_btn button.close:hover,
.kode_top2_icon .dropdown ul li a,
.copyright_text p,
.top_btn,
.widget_event .kode_event_text h6 a,
.widget_title,
.widget_social_icon li a,
.widget_call_info li a,
.widget_logo p,
.kode_newsletter_text p,
.kode_newsletter_text h5 a,
.kode_product_list .slick-prev:before,
.kode_product_list .slick-next:before,
.kode_product_list h6,
.kode_product_list > h5,
.kode_calender_list > span,
.koed_event_timer figcaption ul li p,
.koed_event_timer figcaption ul li span,
.kode_blog_fig .plus_icon:hover,
.kode_canvas_detail .progress-bar div span,
.kode_canvas_text h5,
.kode_cause_text p,
.kode_team_wrap .slick-prev:before,
.kode_team_wrap .slick-next:before,
.kode_social_icon li a,
.kode_tem_fig figcaption p,
.kode_tem_fig figcaption h4,
.kode_gallery_fig a:hover,
.kode_service_text .right_arrow:hover,
.kode_service_des:hover .kode_service_text span,
.kode_mosque_item .koed_banner_btn .medium_btn:hover,
.section_hdg.hdg_2 h3,
.kode_mosque_fig figcaption h6 a,
.drop_deta a,
.kode_paly_text p,
.kode_paly_text h6,
.small_text,
.mediume_text,
.large_text,
.top_time_circle ul li span,
.top_time_circle ul li a{
color:#fff;
}
.kode_gallery3_fig:hover figure img,
.kode_team_fig:hover figure img,
.kode_side_contact_text a:hover i,
.sidebar_add:hover figure img,
.kode_calender_list:hover figure img,
.kode_mosque_row.mosque figure:hover img,
.kode_pillars_item li a:hover span,
.kode_event_fig:hover figure img,
.koed_event_timer:hover figure img,
.kode_blog_fig:hover figure img,
.kode_gallery_fig:hover figure img,
.kode_service_des:hover figure img,
.kode_mosque_fig figure:hover img{
transform:scale(1.2);
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
}
.top_icon_fig li a img:hover,
.kode_building_des:hover figure img,
.kode_tem_fig figure:hover img{
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
}
.accordion-section h6,
.kode_donors_text h5,
.kode_view_des h3,
.kode_shop_text h6,
.kode_side_contact_text a,
.kode_event_text.text_2 p,
.kode_event_featured a,
.kode_service_des .right_arrow.btn,
.kode_pricing_dollar h3,
.kode_pricing_des h4,
.kode_project_text h5,
.kode_project_dollar a,
.kode_project_text h4,
.kode_portfolio_detail ul li a,
.kode_portfolio_text h4,
.kode_portfolio_text h6,
.kode_event_speaker_text h6,
.kode_coming_event_text h5,
.event_studium,
.kode_event_detail .kode_calender_list .kode_event_text h4,
.kode_contact_text h5,
.kode_coming_text .kode_search .kf_commet_field button,
.kode_404_text h3,
.sidebar_add figcaption h5,
.sidebar_add figcaption h4,
.sidebar_add figcaption h2,
.sidebar_add figcaption h3,
.comment_title,
.kode_social_share a,
.kode_blog_detail_text h3,
.kode_pagination .next,
.kode_pagination .prve,
.kode_blog_text h4,
.kode_calender_detail.detail_2 .kode_event_text h4,
.kode_philosophy_text h4,
.sab_banner_text h2,
.kode_calender_detail.detail_2 .kode_event_text,
.kode_canvas_detail.canvas_2 > span ,
.kode_building_text h3,
.kode_building_text h4,
.widget_title,
.kode_newsletter_text h5,
.kode_product_list > h5,
.kode_product_list h6,
.kode_event_text h6,
.koed_event_timer figcaption ul li p,
.koed_event_timer figcaption h5,
.kode_blog_text h5,
.checkbox_radio label,
.kode_donation_row h4,
.kode_doantion_amount h4,
.kode_canvas_text h5,
.kode_tem_fig figcaption h4,
.kode_pray_text h5,
.kode_pray_text h2,
.kode_service_text h4,
.kode_pillars_item li a h6,
.kode_pillars_text h4,
.kode_counter_mosque li h6,
.section_hdg h3,
.kode_mosque_fig figcaption h6,
.large_text,
.navigation ul li ul li a,
.navigation > ul > li > a,
.top_time_circle ul li span,
.top_time_circle ul li a{
font-weight:600;
text-transform:uppercase;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity:0.96;
}
#cp-rider-boxed .overlay {
background: rgba(255,207,0,0.80);
}
#cp-rider-repair .overlay {
background: rgba(240,80,80,0.95);
}
#cp-rider-store .overlay {
background: rgba(145,201,218,0.90);
}
.overlay .overlay-close {
background: #000000 url("images/images.png") no-repeat scroll center center;
border: medium none;
border-radius: 100%;
color: rgba(0, 0, 0, 0);
cursor: pointer;
height: 40px;
outline: medium none;
overflow: hidden;
position: absolute;
right: 20px;
text-indent: 200%;
top: 20px;
transition: transform 1s ease 0s;
width: 40px;
z-index: 100;
}
.overlay nav {
text-align: center;
position: relative;
top: 50%;
height: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.overlay ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
height: 100%;
position: relative;
}
.overlay ul li {
display: block;
height: 20%;
height: calc(100% / 5);
min-height: 54px;
}
.overlay ul li a {
font-size: 54px;
font-weight: 300;
display: block;
color: #fff;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.overlay ul li a:hover, .overlay ul li a:focus {
color: #f0f0f0;
}
.overlay-contentscale {
visibility:hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
transition: transform 0.5s, visibility 0s 0.5s;
}
.overlay-contentscale.open {
visibility:visible;
overflow:visible;
-webkit-transform: translateY(0%);
transform:translateY(0%);
-webkit-transition:-webkit-transform 0.5s;
transition:transform 1s;
z-index:99999;
}
.cp-search-holder #trigger-overlay {
background-color: transparent;
border: none;
padding:0px;
}
.cp-search-inner {
width: 750px;
margin: 0 auto;
padding-top: 330px;
}
.cp-search-inner form {
float: left;
width: 100%;
position: relative;
}
.cp-search-inner form input[type="text"] {
font-size: 14px;
color: #fff;
height: 40px;
line-height: 40px;
text-transform: uppercase;
padding: 0;
background: transparent;
border: none;
border-bottom: 1px solid #fff;
position: relative;
float: left;
width: 100%;
}
#trigger-overlay{
vertical-align:text-bottom;
font-size:18px;
cursor:pointer;
}
.cp-search-inner form .submit {
font-size: 18px;
color: #fff;
height: 40px;
line-height: 40px;
padding: 0;
position: absolute;
right: 0;
top: 0;
display: inline-block;
background-color: transparent;
border: none;
}
.cp-search-holder {
border-radius: 0;
color: #000000;
float: left;
font-size: 14px;
height: 25px;
line-height: 25px;
margin: 0;
position: relative;
text-align: center;
width: 25px;
}
.kode_search_overlay {
float: left;
width: auto;
}