html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	                                                margin: 0;
	                                                padding: 0;
	                                                border: 0;
	                                                font-size: 100%;
	                                                font: inherit;
	                                                vertical-align: baseline;
                                                }
                                                article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	                                                display: block;
                                                }
                                                ol, ul {
	                                                list-style: none;
                                                }
                                                blockquote, q {
	                                                quotes: none;
                                                }
                                                blockquote:before, blockquote:after, q:before, q:after {
	                                                content: '';
	                                                content: none;
                                                }
                                                table {
	                                                border-collapse: collapse;
	                                                border-spacing: 0;
                                                }
                                                header h2 {
	                                                margin: 15px 10px;
                                                font-size: 28px;
                                                text-align: center;
                                                color: #000;
                                                }
                                                .container {
	                                                margin: 10px auto;
	                                                display: table;
	                                                max-width: 1140px;
	                                                width: 100%;
                                                }
                                                .container:after, .container:before {
	                                                content: "" clear : both;
                                                }

.lg {
    position: absolute;
    left: 677px;
    top: 47px;
}
.avatar {
    height: 24px;
}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
  display: block;
  margin: 0;
}
#zz {
	font-size:28px;
}
#donation_box a {
    background: #4891DC;
    color: #fff;
    border: 0;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
        margin-left: 30px;
}
mark,rp,rt,ruby,summary,time {
  display: inline;
}

input,select,textarea {
  font-family: 'Open Sans',sans-serif;
  font-size: 1em;
  vertical-align: middle;
  font-weight: normal;
  color: #393939;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  outline: none;
}

/* a:hover {
  transition: width 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  text-decoration: underline;
}
 */
a img {
  border: 0;
}

/* a img:hover { */
  /* opacity: 0.6; */
  /* transition: width 1s; */
  /* -moz-transition: 1s; */
  /* -webkit-transition: 1s; */
  /* -o-transition: 1s; */
/* } */

.about-img{
  width:15%; 
  float: right;
} 

.first {
  margin-left: 0!important;
}

.m-bottom {
  margin: 0 0 70px!important;
}

.mbtm {
  margin-bottom: 0px;
  margin-top:15px;
  text-align: left;
}

.mtop {
  margin-top: 50px;
}

.h-line {
  border-top: 2px solid #67870B;
  width: 75px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.mtp {
  margin-top: 150px;
}

#content h3 {
 /*  font-size: 18px;
  line-height: 24px;
  margin: 0 0 12px;
  text-align:right; */
}

.mbtm2 {
  margin-bottom: 30px!important;
}

/* body {
  background: url('../images/bg_main.png') top center repeat;
}
 */
.top_bar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.top_bar li {
  display: inline-block;
}

.top_bar {
    background: #0294EF;
    color: #FFF;
     font-size: 12px; 
    padding-top: 10px;
    height: 47px;
    margin-bottom: 20px;
}

.top_bar .details i {
  color: #FFF;
  font-size: 18px;
  margin-right: 5px;
}

.top_bar .details li {
  margin-right: 10px;
}

.top_bar .span3 .details {
   
    /*margin-right:-100px;*/
}

.social li {
  float: right;
}

.top_bar .social li a {
  background-image: url('../images/top_social_icons.png');
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 3px;
  overflow: hidden;
  text-indent: -50000px;
}

.top_bar .social li a.s1 {
  background-position: -5px 0;
}

.top_bar .social li a.s1:hover {
  background-position: -5px 32px;
}

.top_bar .social li a.s2 {
  background-position: -38px 0;
}

.top_bar .social li a.s2:hover {
  background-position: -38px 32px;
}

.top_bar .social li a.s3 {
  background-position: -71px 0;
}

.top_bar .social li a.s3:hover {
  background-position: -71px 32px;
}

.top_bar .social li a.s4 {
  background-position: -104px 0;
}

.top_bar .social li a.s4:hover {
  background-position: -104px 32px;
}

.top_bar .social li a.s5 {
  background-position: -137px 0;
}

.top_bar .social li a.s5:hover {
  background-position: -137px 32px;
}

.top_bar .social li a.s6 {
  background-position: -169px 0;
}

.top_bar .social li a.s6:hover {
  background-position: -169px 32px;
}

.top_bar .social li a.s7 {
  background-position: -202px 0;
}

.top_bar .social li a.s7:hover {
  background-position: -202px 32px;
}

.top_bar .social li a.s8 {
  background-position: -236px 0;
}

.top_bar .social li a.s8:hover {
  background-position: -236px 32px;
}

.logo_container {
  height: 170px;
  /* background: url('../islamicbg.png'); */
      background-size: cover;
}

#logo img {
 /* width: 350px;
  height: auto;
  float:right;
  margin: 10px 0 0 0;
      position: relative;
    top: -50px;
    left: 90%; */
	width: 38%;
    height: auto;
    float: right;
    /* margin: 10px 0 0 0; */
    position: relative;
    top: -10px;
    left: 90%;
}

.my-top-mobile-section {
	display : none;
}

#H1 > a > img {
	/*width : 300px;
	padding: 7px;
	margin-top:24px*/
	
	width: 105px;
    padding: 7px;
}

#H1 > p > a {
	padding: 10px 0 0 5px;
	/* margin-top: 15px; */
}

#nav {
  background: #67870b;
  border-bottom: 2px solid #51690D;
}

#nav .navbar {
  margin-bottom: 0;
  display: inline-block;
  float: left;
}

#nav .navbar-inner {
  background: none!important;
  background-image: none!important;
  border: 0px!important;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

#nav .navbar li:hover {
  background: #008025;
}

.countdown_row {
  margin: 0;
  list-style: none;
  padding: 0;
  width: 100%;
  clear: both;
}

.hasCountdown,.tCountdOwn {
  background: none repeat scroll 0 0 #141414!important;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}

.counter_bg {
  background: #E6D80C;
}

.countdown_section {
  float: left;
  border-left: 1px solid #1d1d1d;
  padding: 14px 9px 14px 10px;
  line-height: 0px;
  text-align: center;
}

.countdown_section span {
  font-size: 10px;
}

span.countdown_amount {
  display: block;
  font-size: 24px;
  margin: 0 0 2px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  color: #cccaca;
}

span.countdown_section {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  line-height: 5px;
}

span.countdown_section:first-child {
  display: inline-block;
  color: #fff;
  font-size: 14px;
}

.countdown_section br {
  margin: 0px!important;
  padding: 0px!important;
  display: inline-block;
  float: left;
  line-height: 0px;
}

.charity_counter_wrapper {
  background: url('../images/bg_counter.png') top center repeat;
  overflow: hidden;
  width: 100%;
  margin-top: 19px;
}

.charity_title {
  background: url("../images/marathon_icon.png") no-repeat scroll 0 center transparent;
  color: #1CC3C9;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 0 -1px 16px;
  min-height: 51px;
  padding: 8px 0 0 52px;
}

.event_more a {
  background: none repeat scroll 0 0 #1CC3C9;
  font-size: 21px;
  padding: 14px 0 16px;
  text-align: center;
  color: #fff;
  display: block;
}

.event_more {
  margin-right: 0!important;
}

#banner_slider {
  width: 100%;
  margin: 0;
  padding: 0;
}

#banner_slider li img {
  width: 100%;
  height: auto!important;
}

#banner_slider li {
  position: relative!important;
}

#banner_slider li div {
  position: absolute;
  left: 19.4%;
  top: 50%;
  text-transform:uppercase;
  font-size: 36px;
  line-height: 49px;
  color: #ffffff;
  font-family: 'Open Sans',sans-serif;
  max-width: 80%!important;
}

#banner_slider li div p {
  padding: 3px 15px;
  overflow: hidden;
  margin-bottom: 0;
  display: inline-block;
  clear: both;
}

#banner_slider li div .b_dark {
  background: rgba(2, 148, 239, 0.79);
}

#banner_slider li div .b_green {
  background: rgba(103, 135, 11, 0.68);
  margin-top: -11px;
}

.banner_slider .bx-default-pager {
  display: none;
}

.banner_slider {
  position: relative;
}

.banner_slider .bx-controls-direction {
  position: absolute;
  right: 19.3%;
  top: 77%;
  max-width: 90%;
}

.banner_slider .bx-controls-direction a {
  background-image: url('../images/t_slider_nav.png');
  display: inline-block;
  width: 28px;
  height: 28px;
  overflow: hidden;
  text-indent: -5000px;
}

.banner_slider .bx-controls-direction a.bx-next {
  background-position: 28px 0;
}

.banner_slider .bx-controls-direction a.bx-prev {
  background-position: 0 0;
}

.feature {
  overflow: hidden;
  -webkit-box-shadow: 1px 1px 8px -6px #000000;
  box-shadow: 1px 1px 8px -6px #000000;
}

.feature .ftr_img {
  background: #F6F6F6;
  padding: 30px 0;
  display: block;
}

.ftr_img .img {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  text-indent: -999px;
  overflow: hidden;
}

.f-img-1 .img {
  background: url('../images/feature_img_1.png') top center no-repeat;
}

.f-img-2 .img {
  background: url('../images/feature_img_2.png') top center no-repeat;
}

.f-img-3 .img {
  background: url('../images/feature_img_3.png') top center no-repeat;
}

.f-img-4 .img {
  background: url('../images/feature_img_4.png') top center no-repeat;
}

.ftr_txt {
  background: #f6f6f6;
  padding: 20px 10px;
  text-align: center;
}

.ftr_txt strong {
  font-size: 18px;
  line-height: 30px;
  display: block;
  margin: 0 0 12px;
}

.feature:hover .ftr_txt strong,.feature.active .ftr_txt strong {
  color: #67870B;
}

.feature:hover .ftr_img,.feature.active .ftr_img {
  background: url('../images/bg_element_box_hover.png') top center no-repeat #67870B;
  display: block;
}

.feature:hover .ftr_txt,.feature.active .ftr_txt {
  background: #fff;
}

.feature:hover .f-img-1 .img,.feature.active .f-img-1 .img {
  background: url('../images/feature_img_1_hover.png') top center no-repeat;
}

.feature:hover .f-img-2 .img,.feature.active .f-img-2 .img {
  background: url('../images/feature_img_2_hover.png') top center no-repeat;
}

.feature:hover .f-img-3 .img,.feature.active .f-img-3 .img {
  background: url('../images/feature_img_3_hover.png') top center no-repeat;
}

.feature:hover .f-img-4 .img,.feature.active .f-img-4 .img {
  background: url('../images/feature_img_4_hover.png') top center no-repeat;
}

#donation_box {
  -webkit-box-shadow: 1px 1px 8px -6px #000000;
  box-shadow: 1px 1px 8px -6px #000000;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

#donation_box .container {
 /*  background: #ECECEC; */
  padding: 25px 0;
      margin: 30px 0;
}

#donation_box form {
  margin: 0;
}

#donation_box h2 {
      font-weight: normal;
    /* border-right: 3px solid #67870B; */
    /* padding-right: 17px; */
    margin: 0;
    text-align: right;
    line-height: 27px;
    padding: 17px 0 0 0;
    /* color: #FFF; */
}


.first{
	margin-right:0 !important;
}

#donation_box button {
  background: #67870B;
  color: #fff;
  border: 0;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.charity-progress-p {
	border: 1px solid #f0f0f0 !important;
}

#charity_progress {
  /* -webkit-box-shadow: 1px 1px 8px -6px #000000; */
   box-shadow: 1px 1px 8px -6px #000000; 
}

#charity_progress {
  /*background: #E4E4E4;*/
  /* background: #f5f3f3; */
  
}

.projects-h4 {
	    /* box-shadow: 1px 4px 6px 1px #e9e9e9; */
    /* background-color: #4891DC; */
    color: #000 !important;
    font-size: 18px !important;
    padding-top: 12px;
}

.column-50 {
    /* width: 50%; */
   /* border: 1px solid #e9e6e6;
    box-decoration-break: slice;
    box-shadow: 1px 1px 1px 1px #e9e9e9; */
}

.project-ca {
    justify-content: center;
    text-align: center;
    padding: 8px;
}

.border-right {
    border-right: 2px solid rgba(128, 128, 128, 0.35);
    padding-right: 16px;
}


.project-desc {
    border-bottom: 1px solid #dcdcdc;
}

.project-desc p {
   padding: 12px;
    font-size: 14px;
    /* font-weight: bold; */
    height: 161px;
    text-align: left;
    color: #777777;
    font-family : lato;
    overflow: hidden;
}

#charity_progress h3 {
  background: #67870B;
  color: #fff;
  margin-top: 0;
  padding: 0 30px 0 20px;
  margin-bottom: 0;
  text-transform: capitalize;
}

#charity_progress .img {
  border: 1px solid #b4b4b4;
}

#charity_process_inner {
  padding: 14px 20px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#charity_progress h2 {
  color: #67870B;
  margin: 0;
}

#charity_progress h4 {
  margin-top: 0;
}

#charity_progress .progress-striped .bar {
  background-color: #008DDF;
}

#charity_progress .progress.active .bar {
  animation: 4s linear 0s normal none infinite progress-bar-stripes;
}

#charity_progress .progress {
  height: 10px;
}

#charity_progress .info {
    background-color: #000;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    padding: 2px 5px 2px;
    width: 100%;
    height: 39px;
    position: relative;
    top: 80px;
}

#charity_progress .info span {
  color: #93dce0;
}

#charity_progress i {
  font-size: 26px;
  width: 30px;
  margin-left: 5px;
  margin-right: 5px;
  
}

.clistz li {
   /* border: 1px solid #4891DC1a;
    margin: 8px;
    border-radius: 8px; */
    color: #4891DC;
    /* box-shadow: 1px 1px 8px -4px #000000; 
    padding: 8px; */
}

.clistz a {
    color: #4891DC;
    padding: 4px;
}

.country-container {
    box-shadow: 1px 1px 8px -4px #000000;
    padding: 16px;
	margin: 24px 0;
	
}

.website-width {
    width: 85% !important;
    max-width: 100% !important;
}

.internal-titles {
    color: #4891DC !important;
    text-align: left;
	padding: 14px;
}

.internal-titles-p {
color: #0a3407 !important;
    font-weight: 600;
    text-align: center !important;
    padding: 18px !important;
}

.margin-auto-imp {
	margin: 0 auto !important;
}

#charity_progress .progress.active .bar.p91
{
	    width: 91%!important;
}

.progress-striped .bar{
	    /* background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); */
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
	
}
.progress .bar {
    /* width: 0%; */
    height: 100%;
    color: #ffffff;
    float: right;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.25);
    background-color: #0e90d2;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    background-image: linear-gradient(to bottom,#149bdf,#0480be);
}


#news {
  position: relative;
}

.img_holder {
  -webkit-box-shadow: 1px 1px 8px -6px #000000;
  box-shadow: 1px 1px 8px -6px #000000;
}

#news_slider {
  margin: 0;
  padding: 0;
}

#news .bx-pager {
  display: none;
}

#news .bx-controls-direction {
  position: absolute;
  top: 0;
  right: 0;
}

#news .bx-controls-direction a {
  background-image: url('../images/slider_2_arrow.png');
  display: inline-block;
  width: 19px;
  height: 19px;
  overflow: hidden;
  text-indent: -5000px;
  margin-right: 1px;
}

#news .bx-controls-direction a:hover {
  background-image: url('../images/slider_2_arrow_active.png');
}

#news .bx-controls-direction a.bx-next {
  background-position: 19px 0;
}

#news .bx-controls-direction a.bx-prev {
  background-position: 0 0;
}

#news .title {
  color: #474747;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 20px;
  padding-bottom: 25px;
  padding-right: 45px;
  position: relative;
}

#news img {
  width: 100%;
}

#news_slider p {
  text-align: justify;
}

#news_slider .ns_desc p {
  margin: 0 0 15px;
}

#news .img_title {
  position: relative;
  padding: 4px 10px;
  border-top: 2px solid #C2B801;
  background: #67870B;
}

#news .img_title a {
  color: #fff;
  font-weight: bold;
  max-width: 90%;
  font-size: 14px;
}

#news .img_title p {
  font-size: 11px;
  margin: 0;
}

#news .img_title i {
  position: absolute;
  right: 10px;
  top: 10px;
}

#events_videos {
  background: url('../images/bg_map.png') center 25px no-repeat rgba(230,230,230,0.3);
  border-top: 1px solid rgba(215,215,215,0.7);
  border-bottom: 1px solid rgba(215,215,215,0.7);
  padding: 50px 0;
}

#events_videos h2 {
  color: #FFF;
  text-shadow: 0px 0px 4px rgba(150,150,150,1);
  font-size: 36px;
  direction: rtl;
}

/* #footer a{ */
	/* color:#fff; */
/* } */

#events_videos h2 span {
  color: #fff;
  display: block;
  width: 100%;
  text-indent: 100px;
}

#events_videos .video_slider_container {
  position: relative;
  margin-top: 37px;
}

#events_videos .video {
  position: relative;
}

#events_videos .tag_line {
  background: none repeat scroll 0 0 rgba(0,0,0,0.7);
  top: 0;
  padding: 10px;
  position: absolute;
  width: 94.5%;
  color: #fff;
}

#events_videos .bx-pager {
  display: none;
}

#events_videos .accordion {
  margin-bottom: 0;
}

#events_videos .accordion-group:first-child {
  margin: 0;
}

.video_slider_container .bx-controls-direction {
  position: absolute;
  right: 10px;
  top: 15px;
}

.video_slider_container .bx-controls-direction a {
  background-image: url('../images/video_slider_arrow.png');
  display: inline-block;
  width: 9px;
  height: 9px;
  overflow: hidden;
  text-indent: -5000px;
  margin-right: 1px;
}

.video_slider_container .bx-controls-direction a.bx-next {
  background-position: 9px 0;
}

.video_slider_container .bx-controls-direction a.bx-next:hover {
  background-position: 9px 9px;
}

.video_slider_container .bx-controls-direction a.bx-prev {
  background-position: 0 0;
}

.video_slider_container .bx-controls-direction a.bx-prev:hover {
  background-position: 0 9px;
}

.video_slider {
  margin: 0;
}

#news_accordion {
  float: right;
}

#accordion_news .accordion-group {
  border: 0px;
  margin: 2px 0 0;
}

#accordion_news .accordion-heading .accordion-toggle {
  padding: 0;
}

#accordion_news .accordion-heading {
  background: rgba(67,67,67,0.85);
  padding: 0;
  color: #fff;
}

#accordion_news .accordion-heading a {
  color: #fff;
  overflow: hidden;
}

#accordion_news .accordion-heading h3 {
  overflow: hidden;
}

#accordion_news .accordion-body {
  background: rgba(46,46,46,0.91);
}

#accordion_news .title {
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  padding: 12px 0;
}

#accordion_news .datem {
  color: #FFFFFF;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  padding: 17px 0;
}

.location_date {
  display: block;
  clear: both;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}

.location_date span {
  display: inline-block;
  width: 45%;
}

.location_date i {
  display: block;
  width: 30px;
}

.icon_toggle {
  background: #67870B;
  padding: 26px 0;
  text-align: center;
  float: right!important;
}

.icon_toggle i {
  display: block;
  margin: 0 auto;
}

#accordion_news .accordion-inner {
  padding: 25px 20px;
  border: 0;
  overflow: hidden;
}

#accordion_news .img {
  display: block;
}

#accordion_news p {
  color: #fff;
  margin-bottom: 0;
}

#accordion_news .accordion-inner a {
  color: #67870B;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#accordion_news .inactive .title,#accordion_news .inactive .datem,#accordion_news .inactive .location_date {
  color: #b2b2b2;
}

#accordion_news .inactive .title {
  font-size: 18px;
}

#accordion_news .inactive .datem {
  font-size: 28px;
}

#accordion_news .inactive .location_date {
  font-size: 12px;
}

#blog_store {
}

#blog_store #blog,#blog_store #shop {
  padding-bottom: 10px;
}

#blog_store .title {
  color: #474747;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 20px;
  text-transform: uppercase;
	    direction: rtl;
}


#blog_slider {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#slider_blog {
  background: #fff;
  overflow: hidden;
  width: 100%;
  position: relative;
  -webkit-box-shadow: 1px 1px 8px -6px #000000;
  box-shadow: 1px 1px 8px -6px #000000;
}

#slider_blog .bx-wrapper {
  padding: 20px;
}

#slider_blog p {
  text-align: justify;
  direction: rtl;
}

#slider_blog .icon_date i {
  background: none repeat scroll 0 0 #67870B;
  color: #FFFFFF;
  display: inline-block;
  font-size: 16px;
  padding: 11px 10px 10px;
  text-align: center;
  position: relative;
  top: 1px;
}

#slider_blog .date {
  padding: 10px 15px 8px;
  display: inline-block;
  text-align: left;
  background: #474747;
  color: #fff;
}

#slider_blog h4 {
  margin: 0 0 10px;
}

#slider_blog h4 a {
  color: #333333;
}

#slider_blog .post_excerpt i {
  margin-left: 20px;
  font-weight: normal;
}

#slider_blog .post_excerpt a:hover {
  text-decoration: none;
}

#slider_blog .bx-pager {
  display: none;
}

#slider_blog .bx-controls-direction {
  position: absolute;
  top: 20px;
  right: 20px;
}

#slider_blog .bx-controls-direction a {
  background-image: url('../images/slider_2_arrow.png');
  display: inline-block;
  width: 19px;
  height: 19px;
  overflow: hidden;
  text-indent: -5000px;
  margin-right: 1px;
}

#slider_blog .bx-controls-direction a:hover {
  background-image: url('../images/slider_2_arrow_active.png');
}

#slider_blog .bx-controls-direction a.bx-next {
  background-position: 19px 0;
}

#slider_blog .bx-controls-direction a.bx-prev {
  background-position: 0 0;
}

#slider_blog .icon_date {
  margin: 0 0 10px;
}

#slider_shop {
  background: #fff;
  padding: 30px 20px;
  position: relative;
  -webkit-box-shadow: 1px 1px 8px -6px #000000;
  box-shadow: 1px 1px 8px -6px #000000;
}

#slider_shop .img {
  border: 1px solid #d7d7d7;
}

#shop_slider {
  padding: 0;
  margin: 0;
}

#shop_slider img,#slider_blog img {
  width: auto;
  max-width: auto!important;
}

#slider_shop .bx-wrapper {
  display: block;
  margin: 0 auto;
}

#slider_shop .bx-pager {
  display: none;
}

#slider_shop .bx-controls-direction {
}

#slider_shop .bx-controls-direction a {
  background-image: url('../images/shop_slider_nav.png');
  display: inline-block;
  width: 30px;
  height: 207px;
  overflow: hidden;
  text-indent: -5000px;
  margin-right: 1px;
}

#slider_shop .bx-controls-direction a:hover {
  background-image: url('../images/shop_slider_nav.png');
}

#slider_shop .bx-controls-direction a.bx-next {
  background-position: right center;
  position: absolute;
  right: -1px;
  top: 0;
}

#slider_shop .bx-controls-direction a.bx-prev {
  background-position: left center;
  position: absolute;
  left: 0;
  top: 0;
}

#slider_shop .price_cart {
  background: #67870B;
  color:#FFF;
  display: block;
  overflow: hidden;
  padding: 5px 10px;
}

#slider_shop .price_cart a {
  display: inline-block;
  float: right;
}

#slider_shop .price_cart i {
  float: right;
  font-size: 16px;
  color: #fff;
}

#slider_shop .price_cart a:hover {
  text-decoration: none;
}

/* #footer { */
/* } */

/* #footer .footer_1 { */
  /* background: #67870B; */
/* } */

/* #footer .footer_3 { */
  /* background: #323232; */
  /* overflow: hidden; */
/* } */

/* #footer #banner { */
  /* width: 86%; */
  /* margin: 0 auto 0 6%!important; */
  /* overflow: hiden; */
  /* background: #323232; */
  /* padding: 10px; */
  /* -webkit-box-sizing: border-box; */
  /* -moz-box-sizing: border-box; */
  /* box-sizing: border-box; */
  /* color: #fff; */
  /* position: relative; */
  /* top: -50px; */
/* } */

#banner .inner {
  overflow: hidden;
  border: 2px solid #FFFFFF;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}

#banner .inner h2 {
  border-bottom: 1px solid #FFFFFF;
  display: inline-block;
  margin-bottom: 0;
  padding: 0 20px 5px;
  text-align: center;
  margin: 0px;
  font-size: 21px;
  line-height: 24px;
}

#banner .inner h3 {
  text-align: center;
  margin: 0px;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
}

#banner_rounded {
  background: #67870B;
  height: 90px;
  position: absolute;
  right: 30px;
  top: -30px;
  width: 90px;
  padding: 30px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  behavior: url(/PIE.htc);
}

#banner_rounded h3 {
  display: block;
  font-weight: 800;
  line-height: 30px;
  margin: 0 auto;
}

#banner_rounded h3 span {
  font-size: 18px;
  display: block;
}

/* #footer h4 { */
  /* color: #fff; */
  /* font-weight: bold; */
  /* position: relative; */
  /* padding-bottom: 15px; */
  /* margin-bottom: 30px; */
  /* text-transform: uppercase; */
  /* direction: rtl; */
/* } */

/* #footer h4 span { */
  /* font-weight: 700; */
/* } */

/* #footer #contact_form input { */
  /* width: 70%; */
  /* border-radius: 0; */
  /* -webkit-border-radius: 0; */
/* } */

/* #footer #contact_form textarea { */
  /* width: 95%; */
  /* border-radius: 0; */
  /* -webkit-border-radius: 0; */
  /* resize: none; */
/* } */

/* #footer #contact_form input[type="submit"] { */
  /* background: #67870B; */
  /* color: #fff; */
  /* border: 0; */
  /* padding: 5px 15px; */
  /* width: auto!important; */
/* } */

/* #footer .widget { */
  /* color: #FFF; */
/* } */

/* #footer .widget ul { */
  /* list-style-type: none; */
  /* margin: 0; */
  /* padding: 0; */
  /* direction: rtl; */
/* } */

/* #footer .widget ul li { */
  /* margin-bottom: 10px; */
  /* direction: rtl; */
/* } */

/* #footer .widget ul li span { */
  /* display: block; */
  /* clear: both; */
/* } */

/* #footer .widget a { */
  /* color: #FFF; */
/* } */

/* #footer .v-a { */
  /* display: block; */
  /* margin-top: 20px; */
  /* padding-top: 10px; */
  /* position: relative; */
  /* clear: both; */
/* } */

/* #footer .v-a .h-line { */
  /* bottom: auto; */
  /* top: 0; */
/* } */

.view_new {
  display: inline;
  border: 4px solid #1B1B1B;
  margin: 10px 8px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #fff url(../images/bgimg.jpg) no-repeat center center;
}

.view_new:hover {
  border: 4px solid #67870B;
}

.view_new .mask,.view .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view_new img {
  display: block;
  position: relative;
}

.view_new h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0,0,0,0.8);
  margin: 20px 0 0 0;
}

.view_new p {
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 0 18px 24px;
  text-align: center;
}

.view_new a.info {
  display: inline-block;
  text-decoration: none;
  padding: 5px 14px;
  position: relative;
  background: url(../images/mag.png) no-repeat;
  top: 10px;
}

.view_newa.info: hover {
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}

.view-tenth img {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.view-tenth .mask {
  background-color: rgba(255,231,179,0.3);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.view-tenth h2 {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  background: transparent;
  margin: 20px 40px 0px 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  color: #333;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.view-tenth p {
  color: #333;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.view-tenth a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.view-tenth:hover img {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

.view-tenth:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

/* #footer .popular_post ul li span { */
  /* background: url("../images/bg_foot_icon.png") no-repeat scroll center top transparent; */
  /* color: #FFFFFF; */
  /* display: block; */
  /* float: left; */
  /* font-size: 20px; */
  /* height: 42px; */
  /* margin-right: 20px; */
  /* text-align: center; */
  /* width: 42px; */
/* } */

/* #footer .popular_post ul li span i { */
  /* margin-top: 10px; */
  /* display: block; */
/* } */

/* #footer .footer_2 { */
  /* background: #FFF; */
  /* padding: 5px 0; */
  /* color: #000; */
/* } */

/* .footer_2 .footer_left { */
  /* padding-top: 5px; */
/* } */

/* .footer_2 .footer_left i { */
  /* font-size: 20px; */
  /* color: #000; */
  /* margin-top: 5px; */
/* } */

/* .footer_2 a{ */
	/* color:#000 !important; */
/* } */

/* .footer_2 .footer_left span { */
  /* margin-right: 10px; */
/* } */

/* .footer_2 .footer_right { */
  /* text-align: right; */
/* } */

/* .footer_3 { */
  /* background: #323232; */
  /* padding: 50px 0 0; */
  /* color: #fff; */
/* } */

/* .footer_3 a { */
  /* color: #fff; */
/* } */

/* .footer_3 a:hover { */
  /* color: #fff; */
/* } */

/* .footer_nav { */
  /* margin: 0 0 30px; */
  /* padding: 0; */
/* } */

/* .footer_nav li:first-child { */
  /* margin-left: 0; */
/* } */

/* .footer_nav li:last-child { */
  /* border-right: 0; */
/* } */

/* .footer_nav li { */
  /* border-right: 1px solid #EEEEEE; */
  /* color: #EEEEEE; */
  /* display: inline-block; */
  /* line-height: 15px; */
  /* margin-left: 20px; */
  /* padding-right: 20px; */
/* } */

/* .footer_3 #latest_tweets { */
  /* list-style-type: none; */
  /* font-size: 13px; */
  /* border-left: 1px solid #bbbbbb; */
  /* margin-left: 0; */
  /* padding-left: 20px; */
  /* padding-bottom: 12px; */
/* } */

/* #latest_tweets li a { */
  /* color: #67870B; */
/* } */

/* #tweets.latest_tweets { */
  /* background: url('../images/twitter_bg.png') top right no-repeat; */
  /* min-height: 100px; */
/* } */

/* .footer_3 #latest_tweets li { */
  /* width: 90%; */
/* } */

/* .footer_3 #latest_tweets span { */
  /* clear: both; */
  /* text-align: right; */
  /* width: 100%; */
  /* font-style: italic; */
  /* display: block; */
/* } */

/* .footer_3 .footer_left p { */
  /* margin-bottom: 0; */
/* } */

/* .footer_3 .footer_right { */
  /* margin-bottom: 0; */
  /* padding-bottom: 0; */
/* } */

#page_title {
  background: #fff;
  padding: 26px 0;
}

#page_title h2 {
  font-weight: bold;
  border-left: 3px solid #67870B;
  padding-left: 12px;
  margin: 0;
}

#breadcrumbs {
  margin: 20px 0 0;
}

#breadcrumbs .breadcrumb {
  background: none;
}

.p404 {
  text-align: center;
}

.p404 h3 i {
  border-radius: 500px 500px 500px 500px;
  -webkit-border-radius: 500px 500px 500px 500px;
  background: #67870B;
  text-align: center;
  padding: 8px 15px;
  font-size: 20px;
  color: #fff;
}

.p404 form {
  background: #fff;
  display: block;
  padding: 0 10px;
  max-width: 70%;
  margin: 0 auto;
  border: 1px solid #d2d2d2;
  overflow: hidden;
  margin-top: 50px;
  position: relative;
}

.p404 form input[type="text"] {
  border: 0;
  box-shadow: none;
  width: 100%;
  float: left;
  height: 30px;
  margin-bottom: 0;
}

.p404 form button {
  border: 0;
  background: transparent;
  color: #999999;
  font-size: 18px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.listing_widget {
  margin-bottom: 20px;
}

.listing_widget h3 {
  overflow: hidden;
  position: relative;
  text-align: left;
  line-height: 24px;
}

.listing_widget ul {
  list-style-type: none;
  text-align: left;
  margin: 0;
}

.listing_widget li {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 3px;
}

.listing_widget li a {
  background: url('../images/listing_bullet.png') left center no-repeat;
  padding-left: 15px;
  color: #787878;
}

.listing_widget li:hover {
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
}

.listing_widget li:hover a {
  color: #39c7cd;
}

.heading span {
  border-width: 0;
  border-color: transparent;
  border-style: solid;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.heading.sub {
  max-width: 80%;
  margin: 0 auto;
}

.heading.bg-div {
  overflow: hidden;
  text-align: left;
  margin-top: 10px;
}

.heading.bg-div .inner {
  position: relative;
}

.heading.bg-div .inner>.bgl,.heading.bg-div .inner>.bgr {
  height: 7px;
  width: auto;
  display: block;
  position: absolute;
  top: 50%;
  background: url('../images/list-head.png') top center repeat-x;
}

.heading.bg-div .inner>.bgl {
  right: 100%;
  border-width: 0 0 0 999px;
  margin-right: 30px;
}

.heading.bg-div .inner>.bgr {
  left: 100%;
  border-width: 0 999px 0 0;
  margin-left: 10px;
}

.listing_404 {
  margin-top: 50px;
}

.heading1 span {
  /* border-width: 0; */
  /* border-color: transparent; */
  /* border-style: solid; */
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.heading1.sub {
  max-width: 80%;
  margin: 0 auto;
}

.heading1.bg-div {
 overflow: hidden;
    text-align: center;
    margin-top: 15px;
    font-size: 26px;
}

.heading1.bg-div .inner {
  position: relative;
}

.heading1.bg-div .inner>.bgr1,.heading1.bg-div .inner>.bgr {
  height: 7px;
  width: auto;
  display: block;
  position: absolute;
  top: 50%;
  border-top: 1px solid #e2e2e2!important;
}

.heading1.bg-div .inner>.bgr1 {
  left: 100%;
  border-width: 0 9999px 0 0;
  margin-left: 10px;
}

.heading1.bg-div .inner>.bgr {
  left: 100%;
  border-width: 0 590px 0 0;
  margin-left: 10px;
  margin-right: 10px;
}

.gallery_img-first img {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.gallery_img-first .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  background-color: rgba(103, 135, 11, 0.65);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.gallery_img-first h2 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.gallery_img-first p {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.gallery_img-first:hover img {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}

.gallery_img-first a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.gallery_img-first:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.gallery_img-first:hover h2,.gallery_img-first:hover p,.gallery_img-first:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.gallery_img-first:hover p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.gallery_img-first:hover a.info {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.gallery_img {
  width: 100%;
  height: auto;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px #e6e6e6;
  -moz-box-shadow: 1px 1px 2px #e6e6e6;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
  background: #fff url(../images/bgimg.jpg) no-repeat center center;
}

.gallery_img .mask,.gallery_img .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.gallery_img .mask .anchor {
  background: #047CDD;
  display: inline-block;
  padding: 10px;
  color: #fff;
  position: relative;
  top: 48%;
  margin-right: 20px;
}

.gallery_img .mask .anchor:hover {
  text-decoration: none;
}

.gallery_img .mask .anchor i {
  font-size: 20px;
}

.gallery_img img {
  display: block;
  position: relative;
}

.gallery_img h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0,0,0,0.8);
  margin: 20px 0 0 0;
}

.gallery_img p {
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}

.gallery_img a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 1px #000;
  -moz-box-shadow: 0 0 1px #000;
  box-shadow: 0 0 1px #000;
}

.gallery_imga.info: hover {
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}

#blog_listing #category_image {
  margin-bottom: 0;
}

#blog_listing .gallery_img {
  width: 99%;
  float: none;
  margin: 3px auto;
}

.post_meta ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: #787878;
}

.post_meta ul li {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 10px;
}

.post_meta ul i {
  font-size: 16px;
  margin-right: 10px;
  display: inline-block;
  color: #67870B;
}

.post_meta ul a {
  color: #444;
}

.blog_item {
  padding-bottom: 25px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 25px;
  overflow: hidden;
}

.blog_item h3 {
  margin-top: 0;
}

.blog_item h3 a {
  color: #444;
}

.blog_item .read_more {
  color: #FFF;
  padding: 10px 40px;
  display: inline-block;
  float: right;
  clear: both;
  background: #67870B;
  margin-right: 10px;
  margin-bottom: 10px;
}

.blog_item .read_more:hover {
  background: #242424;
  color: #fff;
}

#blog_post_detail .gallery_img {
  margin-bottom: 30px;
}

#blog_post_detail .post_meta_detail {
  padding: 10px 5px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  width: 100%;
  float: left;
}

#blog_post_detail .post_meta_detail ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: #787878;
}

#blog_post_detail .post_meta_detail ul li {
  display: inline;
  margin-right: 10px;
}

#blog_post_detail .post_meta_detail ul li i {
  color: #67870B;
  font-size: 16px;
}

#blog_post_detail .post_meta_detail ul li a {
  color: #444444;
}

#blog_post_detail h3 a {
  color: #444444;
}

#blog_post_detail .post_detail {
  margin-bottom: 50px;
}

.blog_post {
  overflow: hidden;
}

#author_bio {
  border: 1px solid #e2e2e2;
  background: #fff;
  overflow: hidden;
}

#author_bio .inner {
  border: 4px solid #f7f7f7;
  padding: 18px 32px;
  overflow: hidden;
}

#author_bio .inner h3 {
  margin-top: 0;
}

#author_bio .author_Summary {
  border-right: 1px solid #e2e2e2;
}

.view_posts {
  background: url('../images/link_bg.jpg') bottom left repeat-x #fff;
  display: inline-block;
  border: 1px solid #d3d3d3;
  padding: 7px 20px;
  color: #444444 !important;
}

.h_comment {
  padding: 7px 0;
  display: inline-block;
  color: #444;
}

.fr {
  float: right;
  z-index: 999;
  position: relative;
}

#comments_form {
  /* padding: 30px 0; */
}

#comments_form input {
  width: 100%;
  border-radius: 0;
  -webkit-border-radius: 0;
}

#comments_form textarea {
  width: 95%;
  float: right;
  height: 110px;
  resize: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}

#comments_form .input_wrapper {
  position: relative;
}

#comments_form i {
  position: absolute;
  right: 0;
  top: 25%;
  color: #d4d4d4;
}

#comments_form input[type="submit"] {
  color: #fff;
  padding: 10px 40px;
  display: inline-block;
  clear: both;
  background: #67870B;
  border: 0;
 /*  width: auto!important; */
}

#comments_form input[type="submit"]:hover {
  background: #242424;
  color: #fff;
}

#comments {
  margin: 0;
  padding: 0;
  margin-bottom: 50px;
  width: 100%;
  overflow: hidden;
}

#comments li {
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
  overflow: hidden;
  margin-bottom: 30px;
}

#comments .inner {
  border: 4px solid #f7f7f7;
  padding: 18px 32px;
  border-top:0;
  overflow: hidden;
  background: #67870B;
}

.whitecolor{
	color:#FFF !important;
}

.cmtbox {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #67870B;
    margin: 0 0 0 60px;
    z-index: 10000000000;
    float: left;
}

#comments li .img {
  background: #f9f9f9;
  vertical-align: middle;
}

#comments li .img img {
  width: 50%;
  height: 50%;
  display: block;
  margin: 60% 0 50% 40%;
}

#comments ul {
  width: 90%;
  float: right;
}

#comments ul li:last-child {
  margin-bottom: 0;
}

#horizontal_tabs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#horizontal_tabs ul li a {
  background: url('../images/link_bg.jpg') bottom left repeat-x #fff;
  display: block;
  border: 1px solid #d3d3d3;
  padding: 7px 20px;
  color: #444444;
  margin-bottom: 10px;
  font-weight: bold;
}

#horizontal_tabs ul li.active a,#horizontal_tabs ul li:hover a {
  background: url('../images/link_bg_active.jpg') bottom left repeat-x #3dccd1;
  color: #fff;
  border: 1px solid #11979c;
}

#horizontal_tabs_content {
  border: 1px solid #e2e2e2;
  background: #fff;
  overflow: hidden;
}

#horizontal_tabs_content #myTabContent {
  border: 4px solid #f7f7f7;
  padding: 18px 32px;
  overflow: hidden;
}

#myTabContent h3 {
  margin-top: 0;
}

#office_slider {
  margin: 0;
  padding: 0;
}

#offices_slider_warpper .bx-wrapper {
  position: relative;
}

#offices_slider_warpper .bx-wrapper li {
  border: 1px solid #e5e5e5;
}

#offices_slider_warpper .bx-pager {
  display: none;
}

#offices_slider_warpper .bx-controls-direction {
  position: absolute;
  width: auto;
  right: 0;
}

#offices_slider_warpper .bx-controls-direction a {
  display: inline-block;
  background-image: url('../images/business_offices.png');
  width: 30px;
  height: 27px;
  overflow: hidden;
  text-indent: -5000px;
}

#offices_slider_warpper .bx-controls-direction .bx-prev {
  background-position: top left;
}

#offices_slider_warpper .bx-controls-direction .bx-next {
  background-position: top right;
}

#offices_slider_warpper .bx-viewport {
  margin: 0 0 13px;
}

#vertical_tabs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#vertical_tabs ul li a {
  background: url('../images/link_bg.jpg') bottom left repeat-x #fff;
  display: inline-block;
  border: 1px solid #d3d3d3;
  padding: 7px 20px;
  color: #444444;
  margin-bottom: 10px;
  font-weight: bold;
  margin-right: 12px;
}

#vertical_tabs ul li a:hover {
  text-decoration: none;
}

#vertical_tabs ul li {
  display: inline;
  float:right;
}

#vertical_tabs ul li.active a,#vertical_tabs ul li:hover a {
  background: url('../images/link_bg_active.jpg') bottom left repeat-x #3dccd1;
  color: #fff;
  border: 1px solid #11979c;
}

#vertical_tabs_content {
  border: 1px solid #e2e2e2;
  background: #fff;
  overflow: hidden;
}

#vertTabContent {
  border: 4px solid #f7f7f7;
  padding: 18px 32px;
  overflow: hidden;
}

.cart_table_holder th {
  background: url('../images/cart_bg.jpg') top center repeat;
  font-size: 13px;
  font-weight: normal;
  border: 1px solid #ebebeb;
  padding: 14px 5px;
}

.cart_table_holder th:first-child {
  text-align: left;
}

.cart_table_holder table {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border-collapse: separate;
  background: #fff;
  color: #777777;
  font-size: 13px;
}

.cart_table_holder td {
  padding: 20px;
  vertical-align: top;
}

.cart_table_holder td.price {
  text-align: center;
}

.cart_table_holder .quantity {
  background: #f3f3f3;
  border-radius: 0;
  -webkit-border-radius: 0;
  max-width: 26px;
}

.cart_table_holder tbody td,.cart_table_holder tfoot td {
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.cart_table_holder input[type="text"] {
  margin-bottom: 0;
}

.cbtn {
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #787878;
  padding: 5px 10px;
}

.add_remove {
  background: url('../images/add_remove.jpg') top center no-repeat;
  display: inline-block;
  text-indent: -5000px;
  width: 53px;
  height: 29px;
  margin-left: 5px;
}

.cart_table_holder tbody td.img {
  border-right: 0;
}

.product_name {
  color: #000;
}

.b_price {
  font-weight: bold;
}

.total_price {
  font-size: 18px;
  color: #05242b;
  text-align: right;
}

.total {
  background: none repeat scroll 0 0 #ededed;
  padding: 5px 10px;
  display: block;
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
  top: -20px;
  text-align: left;
  font-size: 13px;
}

.cart_btn_wrapper a {
  padding: 10px 40px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
}

.cart_btn_wrapper a:hover {
  color: #fff;
}

.continue_shopping {
  border: 1px solid #6c6c6c;
  background: #363636!important;
}

.btns {
  border: 1px solid #a5e7ea;
  background: #67870B!important;
  padding: 10px 40px!important;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
  width:100%; 
  margin-right:40px;
}

.my-projects-card h5 {
    font-size: 1.2rem;
    line-height: 110%;
	font-family : lato;
    /* margin: 0.82rem 0 0.656rem 0; */
    font-weight: bold;
    color: #9e9c9c;
    padding-left: 12px;
    text-align: center;
    padding-top: 8px; 
    margin: 0 !important;
}

.my-projects-card h4 {
	text-align: center;
    padding-left: 16px;
	margin-bottom: 10px;
    font-weight: bold;
	font-family : lato;
    padding-top: 8px; 
    font-size: 14px;
    color: #0b5097;
    height: 32px;
    margin: 0;
}

.my-projects-card  a.btns {
border: 1px solid #082e19;
   /* background: #67870B!important; */
   background-image: linear-gradient(to right, #065725, #07683C, #087B35) !important; 
    display: inline-block;
    height: 50px;
    color: #fff;
    /* border-radius: 5px; */
    /* -webkit-border-radius: 5px; */
    font-size: 14px;
    width: 100%;
	border-radius: 0 !important;
    /* margin-right: 40px; */	
}

.my-projects-card {
	
	padding: 0 !important;
	/* border : none !important; */
	background-color: #F7F8FA !important;
}

.my-projects-card  .btn_donate {
	margin: 0 !important;
}



.home-project-container {
	
	text-align: left;
    display: flex;
    /* border-bottom-style: dotted; */
    border-bottom: 2px solid #ddd;
    /* border-bottom-width: thick; */
    border-bottom-style: dotted;
    padding-bottom: 39px;
}

.home-project-container  h5{ 
	 font-weight: bold;
    color: #9a9999;
    font-size: 14px;
}

.home-project-container h3 {
	  font-weight: bold;
    font-size: 18px;
}

.home-project-container .half {
	width: 50%;
    padding: 15px;
}

.home-project-container .half-left {
	width: 50%;
   
	 border-left: 1px solid #a0a0a0;
}

.my-proj-icon {
  padding: 25px;
	height: 50%;
}

.my-proj-icon p {
    font-weight: bold;
    color: #777575;
    font-size: 16px;
	text-align: center;
}

.home-project-title {
      width: 100%;
    padding: 10px;
    padding-bottom: 4px;
    /* margin-top: 0px; */
    /* font-weight: bold; */
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    /* border-bottom: 2px solid #b6b6b7; */
    box-shadow: 0 0 0px black;
    text-align: left;
    border-top: 2px solid #ddd;
    /* border-bottom-width: thick; */
    border-top-style: dotted;
	    height: 70px;
}

.back {
	display:none;
}

.selectdoncon img {
  width: 120px;
  margin-top: 65px;
}

.selectdoncon p {
	color: #4891DC;
font-size: 12px;
text-align: left;
padding: 2px;
padding-left: 8px;
font-weight: bold;
}

.selectdoncon select {
	display:block;
	margin: 8px;
	color: black;
}

.selectdoncon input {
	display:none;
	 box-sizing: border-box !important;
    border-radius: 3px !important;
    border: 1px solid #d7d7d7 !important;
    height: 43px;
	width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06) !important;
    padding: 0 12px !important;
	background-color: #fff !important;
}

.selectdoncon input:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.selectdoncon .btn {
	
	background: white;
color: #4891DC;
border: 1px solid #4891DC;
}


.mobno{
	display:none;
	margin: 8px !important;
 box-shadow: inset 0 0 3px 0px #ff0707 !important;
}

.zakamount{
	display: block !important;
	margin: 8px !important;
  
}


.my-proj-txt {
	    height: 50%;
    background: #4891DC;
    /* padding-top: 20px; */
    padding: 25px;
    color: white;
    font-size: 16px;
	text-align:center;
}


.title_right .btns {
  border: 1px solid #a5e7ea;
  background: #67870B!important;
  padding: 7px 20px!important;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
  margin-bottom: 10px;
}

.checkout_btn {
  border: 1px solid #a5e7ea;
  background: #67870B;
}

.cart_btn_wrapper {
  margin: 20px 0;
}

.title_right {
  text-align: left;
  padding: 0 20px;
}

.title_right a {
  background: url('../images/link_bg.jpg') bottom left repeat-x #fff;
  display: inline-block;
  border: 1px solid #d3d3d3;
  padding: 7px 20px;
  color: #787878;
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 10px;
}

.title_right a i {
  font-size: 18px;
  margin-right: 10px;
}

.title_right .count {
  color: #000;
}

#cart_down_content {
  border: 1px solid #dadada;
  background: #67870B;
}

#cart_down_content.dropdown-menu li {
  background: #67870B;
}

.title_right #cart_down_content.dropdown-menu li a {
  background: transparent;
  border: 0;
}

#cart_down_content.dropdown-menu {
  width: 480px;
  left: auto;
  right: 0;
  background: #ededed;
}

#cart_down_content.dropdown-menu #cart {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#cart_down_content .dropdown_cart_img {
  width: 72px;
  height: 60px;
  border: 1px solid #d2f3f4;
  background: #fff;
}

#cart_down_content .product_name {
  font-size: 18px;
  color: #000;
  width: 200px;
  margin: 0 10px;
}

#cart_down_content #cart li {
  display: block;
  overflow: hidden;
  padding: 20px 10px;
  border-bottom: 1px solid #65d5d9;
}

#cart_down_content #cart li:last-child {
  border-bottom: 0;
}

#cart_down_content #cart div {
  float: left;
  text-align: left;
}

#cart_down_content .quantity {
  width: 90px;
}

#cart_down_content input[type="text"] {
  width: 18px;
  height: 15px;
}

#cart_down_content .actions a {
  border-radius: 500px;
  -webkit-border-radius: 500px;
  border: 1px solid #fff!important;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #fff;
}

#cart_down_content .actions a i {
  margin-right: 0;
  padding: 0 5px;
}

#cart_down_content .cart_total_checkout {
  padding: 20px;
  overflow: hidden;
}

#cart_down_content .col1 {
  width: 80px;
  text-align: left;
  color: #000;
  font-size: 20px;
}

#cart_down_content .continue_shopping {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #fff;
}

#cart_down_content .dropdown-menu {
  float: none;
  left: auto;
}

#map_holder {
  border: 2px solid #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
}

#map_holder iframe {
  border: 3px solid #f3f3f3;
}

.form input[type="text"],.form input[type="email"], .form input[type="password"] {
  background: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  height: 33px;
  margin-bottom: 20px;
  color: #aaaaaa;
  text-indent: 10px;
  border: 1px solid #dbdbdb;
  width: 70%;
  clear: both;
      direction:ltr;
    float: right;
}

.form textarea {
  background: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  margin-bottom: 20px;
  color: #aaaaaa;
  text-indent: 10px;
  border: 1px solid #dbdbdb;
  width: 100%;
  clear: both;
  resize: none;
}

.contact_info i {
  font-size: 20px;
  margin-left: 10px;
  margin-top: 13px;
  color: #67870B;
  float:left;
 
}

.contact_info3 i {
  font-size: 20px;
  margin-left: 10px;
  margin-top: 13px;
  color: #67870B;
  float:left;
 
}


#contact_info h3 {
  margin-top: 0;
}

.n_social {
  margin-top: 30px;
}

.n_social a {
  color: #484848;
  padding: 5px 5px 0 5px;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ebebeb;
  text-align: center;
  min-width: 30px;
  height: 30px;
  display: inline-block;
  background: #fff;
  font-size: 20px;
}

.n_social a:hover {
  background: transparent;
  color: #000;
  text-decoration: none;
}

.n_social a i {
  margin: 0!important;
}

.faq_accordion h3 {
  width: 95.5%;
  display: inline-block;
  border: 1px solid #e2e2e2;
  background: #fff;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.faq_accordion h3 strong {
  border: 3px solid #f7f7f7;
  display: block;
  padding: 3px 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.faq_accordion a:hover {
  text-decoration: none;
}

.faq_accordion a {
  color: #444444;
}

.faq_accordion .accordion-heading .accordion-toggle {
  margin: 0;
  padding: 0;
}

.faq_accordion .accordion-heading .accordion-toggle.inactive .toggle_faq {
  background: #d3d3d3;
}

.faq_accordion a i {
  color: #fff;
}

.faq_accordion .accordion-inner {
  border: 0px;
  padding: 0;
  margin: 0;
}

.faq_accordion .toggle_faq {
  width: 2%;
  margin-right: 1%;
  background: #1db2b8;
  display: inline-block;
  padding: 20px 0.5%;
  text-align: center;
}

.faq_accordion .accordion-group {
  border: 0px;
  overflow: hidden;
}

.faq_accordion .accordion-body {
  width: 95.5%;
  background: #fff;
  float: right;
  margin: 10px 0;
}

.faq_accordion .accordion-inner {
  border: 3px solid #F7F7F7;
  display: block;
  padding: 3px 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.faq_accordion .accordion-body.in.collapse {
  border: 1px solid #e2e2e2;
}

.dropdown.open .hidden_layer,.outer_lyr {
  left: auto;
  right: 0!important;
  width: 400px;
  display: inline-block;
  border: 1px solid #e2e2e2;
  background: #fff;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
}

.dropdown .inner,.inner_lyr {
  /* border: 3px solid #F7F7F7; */
  display: block;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* background: #E8E8E8; */
  overflow: hidden;
  text-align: left;
}


#cart_dropdown h3 {
  line-height: 24px;
}

.icon_alert {
  background: none repeat scroll 0 0 #E14939;
  border: 1px solid #AF2517;
  color: #FFFFFF;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 10px auto 0 25%;
  padding: 5px 10px;
}

#pro_img {
  background: #fff;
  padding: 10px 0;
  margin-bottom: 10px;
}

#product_info h3 {
  color: #67870B;
}

.product_properties {
  list-style-type: none;
  margin-left: 10px;
  margin-bottom: 25px;
}

.product_properties li {
  margin-bottom: 10px;
}

#product_info i {
  color: #777777;
}

.price_holder {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 25px;
}

#product_info .current_price {
  color: #313131;
  margin-right: 10px;
}

.old_price {
  color: #e30808;
  font-style: italic;
}

.description_holder {
  margin-bottom: 25px;
}

.stock_status {
  border-top: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  padding: 9px;
  font-size: 13px;
  list-style-type: none;
  margin-bottom: 25px;
}

.stock_status li {
  display: inline-block;
  padding: 9px 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.stock_status li:first-child {
  border-right: 1px solid #9a9a9a;
}

.product_detail_social {
  font-size: 20px;
}

#n_social.product_detail_social .fb i {
  color: #4d66a4;
}

#n_social.product_detail_social .fb:hover {
  background-color: #4d66a4;
}

#n_social.product_detail_social .twitter i {
  color: #169ed3;
}

#n_social.product_detail_social .twitter:hover {
  background-color: #169ed3;
}

#n_social.product_detail_social .gplus i {
  color: #484848;
}

#n_social.product_detail_social .gplus:hover {
  background-color: #484848;
}

#n_social.product_detail_social .linkedin i {
  color: #169ed3;
}

#n_social.product_detail_social .linkedin:hover {
  background-color: #169ed3;
}

#n_social.product_detail_social .pintrest i {
  color: #e30808;
}

#n_social.product_detail_social .pintrest:hover {
  background-color: #e30808;
}

#n_social.product_detail_social a {
  display: block;
  float: left;
  border-radius: 0;
  -webkit-border-radius: 0;
}

#n_social.product_detail_social a:hover {
  text-decoration: none;
}

#n_social.product_detail_social a:hover i {
  color: #fff;
}

#n_social.product_detail_social .comments {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

#proudct_options {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 20px 0 20px;
}

#proudct_options label {
  color: #777777;
  margin-top: 30px;
}

#proudct_options input,#proudct_options select,#proudct_options textarea {
  background: #f3f3f3;
  border: 1px solid #d1d1d1;
  border-radius: 0;
  -webkit-border-radius: 0;
}

#proudct_options input {
  max-width: 50%;
  float: left;
}

.cart_total {
  clear: both;
  width: 100%;
  color: #67870B;
  font-size: 20px;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}

#proudct_options button {
  background: none repeat scroll 0 0 #242424;
  color: #FFFFFF;
  font-size: 16px;
  padding: 10px 25px;
  width: 100%;
  border: 0;
}

#product_information {
  padding: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  margin-top: 40px;
}

.product_info_toggle {
}

.product_info_toggle .accordion-heading {
  background: #f1f1f1;
}

.product_info_toggle .accordion-heading a {
  color: #777777;
  font-weight: bold;
}

.product_info_toggle .accordion-heading a.accordion-toggle.active {
  color: #313131;
}

#category_image {
  position: relative;
  margin-bottom: 20px;
}

#category_image .inner_lyr {
  min-height: 300px;
}

#product {
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #fff;
  text-align: left;
  font-size: 13px;
  color: #777;
}

#product h3 {
  margin: 0 0 10px;
}

#product .product_img {
  position: relative;
  margin-bottom: 20px;
}

#product h3 a,#product h3 {
  color: #000;
  font-weight: norma;
}

#product .price {
  color: #67870B;
  font-size: 24px;
  display: inline-block;
  margin: 10px 0;
}

#product .price del {
  color: #aaaaaa;
  font-size: 15px;
}

#product .btn {
  border: none!important;
  background: #67870B!important;
  padding: 7px 20px!important;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
  text-shadow: none!important;
}

.product_view hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border: 0;
  clear: both;
  margin: 20px 0;
}

.product_view .pagination {
  float: left;
}

.product_view .pagination a {
  color: #000;
}

#view_switcher {
  float: right;
  overflow: hidden;
  margin: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

#view_switcher li {
  list-style-type: none;
  display: block;
  float: left;
  background: #fff;
}

#view_switcher i {
  font-weight: normal;
  font-size: 1.5em;
  color: #888888;
  padding: 5px 10px;
  display: block;
}

#view_switcher li.active {
  background: #e9e9e9;
}

.sale_icon {
  background: url('../images/sale_icon.png') top center no-repeat;
  width: 47px;
  height: 47px;
  position: absolute;
  right: 10px;
  top: 10px;
}

#product_list #product {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}

#product_list .product_img {
  margin: 0px;
}

#product_list .product_description {
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.team h3 {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  font-weight: normal;
  margin-bottom: 25px;
}

.team h3 i {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
}

.team_member {
  overflow: hidden;
  background: #fff;
}

.team_member h5 {
  margin: 0;
  text-align:right;
}

.team_member_description {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align:right;
}

.team_member_description .mem_desig {
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 1px solid #67870B;
  margin-bottom: 10px;
}

.team_member #n_social {
  font-size: 20px;
  margin-top: 0;
}

.team_member #n_social a:hover {
  text-decoration: none;
}

.team_holder {
  margin-bottom: 25px;
}

#sidebar {
  font-size: 13px;
}

#sidebar #posts li {
  margin-bottom: 10px;
  overflow: hidden;
}

#sidebar #posts li:last-child {
  margin-bottom: 0;
}

#sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#sidebar h3 {
  font-weight: bold;
  margin: 0 0 15px 0;
  padding: 0px 0px 5px 0;
  border-bottom: 1px solid #363636;
  background: none;
  line-height: 18px;
}

#sidebar .widget {
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#sidebar .post_content a {
  color: #444444;
}

#sidebar #posts h4 {
  margin-top: 0;
}

#sidebar #posts .location_date {
  color: #444444;
  font-size: 12px;
}

#sidebar #posts .location_date span {
  width: 100%;
  display: block;
}

#sidebar #posts .location_date span i {
  display: inline-block;
  font-size: 20px;
}

#recent_Comments li {
  border-bottom: 1px dotted #d1d1d1;
  padding-bottom: 15px;
  margin-bottom: 15px;
  overflow: hidden;
}

#sidebar li:last-child {
  margin-bottom: 0;
}

#recent_Comments li span {
  display: block;
  float: right;
  max-width: 85%;
}

#recent_Comments li i {
  font-size: 18px;
  display: block;
  float: right;
  margin-left: 15px;
}

#tags li {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 10px;
}

#tags li a {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  background: #c7c7c7;
}

#tags li a.active,#tags li a:hover {
  background: #67870B;
  color: #000;
}

.slider_products {
  position: relative;
}

#slider_products .product_img {
  background: #fff;
}

#slider_products .bottom_sec {
  background: #67870B;
  width: 100%;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  text-align: right;
}

#slider_products .bottom_sec .price {
  color: #000;
  font-size: 24px;
  text-align: left;
  float: left;
}

#slider_products .bottom_sec i {
  border-left: 1px solid #fff;
  padding-left: 10px;
  margin-left: 10px;
}

#slider_products .bottom_sec a {
  color: #fff;
}

.slider_products .bx-pager {
  display: none;
}

.slider_products .bx-controls-direction a {
  position: absolute;
  top: 55%;
  display: block;
  height: 17px;
  width: 23px;
  background-image: url('../images/product_slider_arrow.png');
  text-indent: -5000px;
  overflow: hidden;
}

.slider_products .bx-controls-direction a.bx-prev {
  background-position: top left;
  left: 3%;
}

.slider_products .bx-controls-direction a.bx-next {
  background-position: top right;
  right: 3%;
}

#latest_tweets span {
  clear: both;
  width: 100%;
  color: #67870B;
  display: block;
}

#latest_tweets li {
  margin-bottom: 15px;
      direction: rtl;
    text-align: right;
}

.post_archives li {
  margin-bottom: 10px;
}

.post_archives li a {
  color: #787878;
}

.post_archives li a span {
  float: right;
}

#social_follow {
  background: #fff;
  overflow: hidden;
}

.social_follow span {
width: 30%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
}
.stButton .st-twitter-counter, .stButton .st-facebook-counter {
    width: 60px;
    height:25px !important;
}
.stButton .st-pinterest-counter, .stButton .st-email-counter {
    width: 60px;
    height:25px !important;
}
.social_follow span em {
  display: block;
  float: right;
  max-width: 50%;
}

.social_follow span i {
  display: block;
  float: left;
  font-size: 30px;
  height: 40px;
  text-align: center;
  width: 40px;
  color: #fff;
  padding: 8px 2px 0;
}

.social_fb i {
  background: #4a6ea9;
}

.social_instagram i {
  background: #3f729b;
}

.social_twitter i {
  background: #00aced;
}.first {
  margin-left: 0!important;
}

.floatright
{float:right;
    }

.crowd_fund input[type="text"] {
  width: 90%;
  height: 27px;
}

.fund_project {
  padding: 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}

.projects_holder {
  padding-bottom: 20px;
}

#charity_progress.fund_project h3 {
  background: transparent;
  margin: 0 0 5px 10px;
  padding: 0;
  color: #333333;
  padding: 12px;
}

#charity_progress.fund_project h3 a {
  color: #333333;
  font-size: 18px;
}

.current_collection {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #67870B;
  display: block;
  margin: 10px 0;
}

.fund_project .progress {
  margin-bottom: 10px;
}

#fund_rasising_listing hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border: 0;
  clear: both;
  margin: 20px 0;
}

.gallery-page hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border: 0;
  clear: both;
  margin: 20px 0;
}

#charity_payment textarea {
  /* max-width: 90%; */
}

#category_image #charity_progress {
  position: absolute;
  bottom: 5px;
  left: 0;
  background: transparent;
  padding: 0 5px 0 5px!important;
}

#dayz {
  text-align: right;
  padding-right: 10px;
}

#project_contet .inner_lyr {
  padding: 25px 20px;
}

#project_contet {
  margin-bottom: 20px;
}

.tier_button {
  background: url('../images/link_bg_active.jpg') bottom left repeat-x #3dccd1;
  color: #fff;
  border: 1px solid #11979c;
  display: inline-block;
  padding: 7px 20px;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}

.tier_button:hover {
  color: #444;
}

#tiers {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#tiers li {
  width: 100%;
  display: block;
  clear: both;
  margin-bottom: 10px;
  overflow: hidden;
}

#tiers span {
  background: url("../images/link_bg.jpg") repeat-x scroll left bottom #FFFFFF;
  border: 1px solid #D3D3D3;
  color: #444444;
  display: block;
  margin-bottom: 10px;
  padding: 7px 20px;
}

.donate_btn,.abt_btn {
  background: url('../images/link_bg_active.jpg') bottom left repeat-x #67870B;
  color: #fff;
  border: 1px solid #7EA215;
  display: inline-block;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 11px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

#event_grid {
  overflow: hidden;
  margin-bottom: 20px;
}

#event_grid .inner_lyr {
  padding: 0;
  position: relative;
}

#event_grid .event_info {
  background: #E8E8E8;
  overflow: hidden;
  padding: 0 0 0 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 100%;
}

#event_grid .event_info span.countdown_amount {
  color: #fff;
}

#event_grid #event_title {
  border-right: 1px solid #a3a3a3;
  padding: 12px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#event_grid #event_title p span {
  float: right;
}

#event_grid #event_title h3,#event_grid #event_title h3 a {
  margin-bottom: 0;
  color: #333;
}

#event_grid .countdown_section {
  padding: 25px 8px;
  color: #fff;
  border-right: 1px solid #7FA70E !important;
  border-left: 1px solid #7FA70E;
  text-align: center;
}

.event_info .countdown_section br {
  float: none;
}

#event_grid .countdown_section:last-child {
  border-right: 0!important;
}

#event_grid .hasCountdown {
  background: #67870B!important;
}

#event_loc i {
	font-size: 30px;
    margin-top: -10px;
}

#event_loc h3 {
  font-weight: normal;
  position: Relative;
  top: 15px;
}

#event_loc h3 a {
  color: #333;
  float:right;
  margin-bottom:30px;
  margin-top:-20px;
  text-align:justify;
}

#listing_dropdown {
  left: auto;
  right: 0;
  background: #f9f9f9;
  border: 0px;
}

#listing_dropdown ul {
  list-style-type: none;
  text-align: left;
  margin: 0;
  padding: 5px;
  border: 1px solid #e2e2e2;
}

#listing_dropdown ul li a {
  background: none repeat scroll 0 0 #1CC3C9;
  border: medium none;
  display: inline-block;
  margin: 3px;
  padding: 2px 10px;
  float: right;
  color: #fff;
  font-size: 11px;
}

#listing_dropdown ul li {
  clear: both;
  width: 100%;
  color: #787878;
  border-bottom: 1px solid #e2e2e2;
  overflow: hidden;
}

#listing_dropdown ul li:last-child {
  border-bottom: 0;
}

#event_detail h3 {
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0;
}

#event_detail h4 {
  color: #FFF;
  font-weight: normal;
  text-align:right;
  direction:rtl;
}

#map_abs {
  position: absolute;
  right: 3%;
  top: 0;
  background: rgba(103, 135, 11, 0.73);
  padding: 74px 40px;
  color: #fff;
}

#map_abs span {
  background: rgba(28,195,201,1);
  display: block;
  text-align: center;
  padding: 20px 0;
}

#map_abs span i {
  font-size: 50px;
  line-height: 60px;
}

.map-border {
  width: 100%;
  height: 300px;
}

/* .fc-event-excerpt { */
  /* display: none; */
/* } */

.ntr {
  text-align: right;
  padding-right: 5px;
}

.clear {
  clear: both;
  display: block;
  width: 100%;
}

#donation_box button:hover,#donation_box button:focus {
  background: #333;
  color: #fff;
  border: 0px;
}

.post_excerpt a:hover {
  color: #333;
}

#slider_shop .bx-controls-direction a:hover {
  opacity: 0.9;
}

.about .img img {
  margin-bottom: 10px;
}

.pc_container {
  width: 100%;
  height: 600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 1px 47px 1px;
  background-image: url('../images/pc_bg.png');
  margin: 0px auto;
}

.pc_container .pc_item {
  margin-top: 10px;
  margin-left: 1px;
  width: 100%;
  height: auto;
}

.pc_container .pc_bar_container {
  position: absolute;
  top: 0;
  color: white;
  padding: 0px 10px 0px 10px;
  width: 100%;
  overflow: visible;
}

.pc_bar_container_underflow {
  width: 90000px;
  overflow: visible;
}

.pc_bar_container_overflow {
  overflow: hidden;
  position: absolute;
  top: 0;
  color: white;
  margin: 0px 10px 0px 10px;
  padding: 0px;
}

.pc_container .left,.pc_container .center,.pc_container .right {
  background-position: left;
  background-repeat: no-repeat;
  overflow: hidden;
  font-size: 1px;
  float: left;
}

.bar {
  background-position: left;
  overflow: hidden;
  font-size: 1px;
  float: left;
}

.pc_item {
  background: #fff;
}

.billing-form {
  margin: 0;
  list-style: none;
}

.billing-form li {
  overflow: hidden;
}

.billing-form li label {
  display: inline-block;
  width: 25%;
  float: left;
  text-align: left!important;
}

.billing-form li .control-group {
  float: left;
  margin-right: 30px;
  width: 100%;
}

.billing-form li .controls {
}

.billing-form li .control-group {
  margin-bottom: 10px!important;
}

.billing-form input[type="text"] {
  width: 275px;
}

.billing-form select {
  width: 287px;
  font-size: 12px;
}

.billing-form .green-t {
  margin: 10px 0 0;
}

.b-label {
  float: left!important;
  margin-right: 20px;
  margin-top: 10px!important;
}

.label-holder {
  overflow: hidden;
}

.billing-form select.month-list {
  float: left;
  width: 60%;
}

.billing-form select.year-list {
  float: right;
  width: 30%;
}

.w-extra {
  width: 287px;
}

.map-holder {
  margin: 0 0 20px;
}

.c-form-holder .form-horizontal textarea {
  max-width: 95%;
  min-width: 95%;
}

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

.order-list li:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.order-list li {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px dotted #dcdcdc;
}

.order-list li span {
  color: #1e1e1e;
  font-size: 18px;
}

.more-btn {
  background: url("../images/link_bg_active.jpg") repeat-x scroll left bottom #3DCCD1;
  border: 1px solid #11979C;
  border-radius: 2px 2px 2px 2px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 10px;
}

.checkout .control-group {
  width: 47%;
}

.checkout .inner_lyr {
  padding: 30px;
}

.gallery-page {
  margin: 0;
}

.gallery-page .view_new {
  margin: 0;
  padding-bottom: 20px;
  background: transparent;
}

.gallery-page .view_new figure {
  border: 4px solid #b4b4b4;
  position: relative;
  overflow: hidden;
}

.gallery-page .view_new figure:hover {
  border-color: #67870B;
}

.gallery-page .view_new {
  border: 0px;
  !important;
}

.gallery-page .view_new a.info {
  display: inline-block;
  text-decoration: none;
  padding: 5px 14px;
  position: relative;
  background: url(../images/magnify.png) no-repeat;
  top: 40%;
  left: 5%;
  width: 64px;
  height: 64px;
}

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

.nav_search form {
  margin: 0;
  position: relative;
}

.nav_search input[type="text"] {
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 0;
	-webkit-border-radius: 0;
	margin-bottom: 0;
	padding-left: 39px;
}

.nav_search button {
  background: transparent;
  position: absolute;
  /* right: 0; */
  border: none;
  top: 13px;
  left: 96px;
  color: #f3f3f3;
}

.heading-bar-table th {
  background: #1CC3C9;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height,width;
  -moz-transition-property: height,width;
  -ms-transition-property: height,width;
  -o-transition-property: height,width;
  transition-property: height,width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform,opacity;
  -moz-transition-property: -moz-transform,opacity;
  -ms-transition-property: -ms-transform,opacity;
  -o-transition-property: -o-transform,opacity;
  transition-property: transform,opacity;
}

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

#portfolio-item-filter {
  text-align: right;
  margin: 0 0 20px;
}

#portfolio-item-filter li {
  display: inline;
}

#portfolio-item-filter a {
  border: 1px solid #d3d3d3;
  background: #fff;
  padding: 8px 20px;
  display: inline-block;
  color: #444;
}

#portfolio-item-filter a:hover {
  background: #1eb4ba;
  color: #fff;
}

.the-icons li {
  width: 24%;
  float: left;
  margin-right: 1%;
  list-style-type: none;
  font-size: 14px;
  margin-bottom: 10px;
}

.the-icons .span3 {
  margin-left: 0!important;
}

.the-icons .span3 a {
  color: #333;
  font-size: 14px;
}

ul.the-icons {
  margin: 0;
}

.shortcodes h3 {
  clear: both;
}

.img_comment {
  width: auto;
  height: auto;
}

#charity_progress .progress.active .bar.p80 {
  width: 80%!important;
}

.m9p {
  margin-bottom: 5px!important;
}


.newsticker{
	    padding: 10px;
    background-color: #5E741F;
    color: #FFF;
    font-size: 16px;
    margin-bottom: 20px;
}

.newsticker p{
	margin:0 10px;
	float:left;
	padding-right:20px;
	border-right:1px solid #FFF;
}

.tickerhead{
	width: 10%;
    float: left;
    background-color: #289CE4;
    padding: 9px 0;
    text-align: center;
}
.tickerheadb{
	    background-color: #289CE4;
    color: #FFF;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
}


.ticker-container {
  background: #67870B;
	width: 100%;
	overflow: hidden;
  margin: 0 auto;
  height:50px;
}
.ticker-text {
	height: 150%;
  color: #fafafa;
  white-space:nowrap;
  display:inline-block;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  width:100%;
}

.ticker-text p{
	font-size:15px;
	padding:10px;
	display:block;
	float:left;
	margin-right:20px;
}

.ticker-text p:after{
	content:'|';
	padding-left:25px;
}

.newstite{
	text-align:center;
	color:#FFF;
	font-weight:bold;
	    font-size: 18px;
}


.login li {
    float: right;
    color: #FFF;
}

.login a {
    color: #FFF;
    margin: 0 15px;
}

.btn_donate{
	margin:10px 0;
}

.drpsub li a{
	color:#FFF;
	display:block;
	    padding: 5px 10px;
}

.drpsub li a:hover{
	text-decoration:none;
	color:#CCC;
	margin-left:5px;
}

.drpsub li{
	list-style-type:none;
}




/**********************************donation******************************************************/

fieldset ul.form li h2 {
    display: block;
    clear: both;
    padding: 10px;
    margin: 10px 0;
    color: #FFF;
    font-size: 1.2em;
    border-bottom: solid 1px #FDDC5A;
    background: #67870B;
}

.section-colored {
    padding: 30px;
   /* background: #eabb00; */
   border: 2px solid #c7c7c7;
    border-radius: 15px;
}
fieldset ul.form {
    list-style: none;
    display: block;
}
fieldset ul.form {
    list-style: none;			
    display: block;
}
fieldset ul.form li.field label {
    float: left;
    margin-top: 5px;
    width: 230px;
    position: relative;
    color: #184E02;
    font-size: 1.08em;
    font-weight: bold;
}

fieldset ul.form li.field label.required span.asterisk {
    position: absolute;
    left: 385px;
    top: 0;
}
span.asterisk {
    display: inline-block;
    width: 9px;
    background: url('../images/bg-mandatory.png') center center no-repeat;
    overflow: hidden;
    text-indent: -999em;
}

fieldset ul.form li.field label small {
    font-size: 11px;
    display: block;
    font-weight: normal;
    color: #666;
    margin-top: 5px;
}
fieldset ul.form li.field div.field-value input.textbox {
    width: 290px;
    padding: 5px;
    font-size: 12px;
    font-family: Arial;
    color: #666;
	    height: 19px;
    border: 1px solid #ddd;
}
fieldset ul.form li.field div.field-value select {
    width: 300px;
    padding: 5px;
    color: #737373;
    border: 1px solid #ddd;
}
fieldset ul.form li.field label {
    /* float: left;
    margin-top: 5px;
    width: 230px;
    position: relative;
    color: #184E02;
    font-size: 1.08em;
    font-weight: bold; */
	float: left;
    margin-top: 32px;
    width: 100px;
    position: relative;
    color: #184E02;
	font-size: 1.01em;
    font-weight: bold;
	margin-left: 17px;
}


.form textarea {
    background: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin-bottom: 20px;
    color: #aaaaaa;
    text-indent: 10px;
    border: 1px solid #dbdbdb;
    width: 100%;
    clear: both;
    resize: none;
	direction: ltr !important;
}
/*#charity_payment textarea {
    max-width: 100% !important;
}*/
fieldset ul.form li.field div.field-value {
    /* width: 300px; */
    float: left;
    margin-left: 18px;
    padding-left: 10px;
}
fieldset ul.form li h2.cursor {
    cursor: pointer;
}



.donatebtn{
	 background-color: #0294EF; padding: 2px 10px; margin-bottom:15px; margin-left:0;border-radius:10px;
	text-align: center; width:50%;margin-left: 26%;
}

.donatebtn:hover{
	background-color:#67870B;
	border-radius:10px;
}

.donatebtn img{
	max-width:80px; float:left;margin-right: 10px;
}

.donatebtn h4{
	 color: #FFF;font-size: 21px;line-height: 26px;margin: 14px;
}

/**************************************end donation************************************************/


@media (max-width:420px){
	
	.login li {
    float: left;
    color: #FFF;
	}
	#nav {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
	}
	.top_bar .details li {
    margin-right: 2px;
}

  body {
	  margin-top:200px;
  }

}

.donate_btnn{
	    text-align: center;
    display: block;
    margin: 10px auto;
	padding:5px;
}

.evnt h3 a{
	margin-top:10px;
	display:block;
}

.evnt_location{
	color:#000;
	margin-bottom:10px;
}


/* Zoom In #1 */
.hover01  img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

span.callnum {
    float: left;
    font-weight: bold;
}

#donation_box {
	max-width:100% !important;
	margin-left:0;
	margin-right:0;
}

#donation_box .container {
	width: 100%;
}

.section_content {
	display:flex;
	flex-wrap:wrap;
}

.outer_lyr {
	width: 100%;
}
.outer_lyr2 {
	width: 30%;
}

#content h3 {
	text-align: left;
}

.team_member h5 {
	text-align: left;
}

#offices_slider_warpper {
    display: flex;
    flex-wrap: wrap;
}

.span8 {
	/* width: 70%;
	padding-right:5%; */
}

.pj_holder {
	display:flex;
}
.projects_holder {
	/*display: flex;*/
}

.fund_project {
	width: 30%;
	margin: 1%;
	text-align: center;
}

.prj_hchild
{
	display: flex;
}

#dyntable
{
	width: 70%;
	margin: 0 auto;
}
body .cd-main-header {
    position: sticky;
    top: 0;
    width: 100%;
}

.cd-main-header {
	/* width: 85%; */
	margin: 0 auto;
	height: 100px;
  z-index: 3;
	/* border-radius: 15px; */
	    background-color: rgb(255 255 255 / 72%);
    backdrop-filter: saturate(180%) blur(20px);
	   /*  background: url(/css/internet/homemenubg.jpg); */
	/* overflow: auto; */
	position:relative;
	box-shadow: 1px 5px 7px 3px rgba(0, 0, 0, 0.20) !important;
}

i.bar-icon {
    font-size: 16px;
    padding: 4px;
}

 .cd-main-header::after {
    clear: both;
    content: "";
    display: table;
  }
  
/*    a.cd-nav-item {
    border: 8px solid #4891DC;
    margin: 4px;
    padding: 8px;
    border-radius: 50%;
}
*/

ul.cd-nav-gallery {
 
    box-shadow: 2px 10px 20px 0px rgba(74, 73, 73, 0.4) !important;
}

.orphans-popup .alert-danger {
    margin-top: 16px;
}

.sweet-login.donation-details.orphans-popup {
    margin-bottom: -18px;
}
  

.cd-primary-nav {padding: 20px 0px !important;text-align:center;/* padding: 0; *//* margin: 0; */list-style: none;position: relative;/* margin-top: -13px; *//* margin-right: 135px; */z-index: 1000;  background: none;    direction: rtl;float: none !important; padding: 0px;}



.cd-primary-nav li {display: inline-block;list-style-type: none;padding: 0;margin: 0;min-width: 125px;z-index:;float: none !important;}

.cd-primary-nav li a{

z-index:1;

display:block;

/* padding:0 10px; */

color: #020f25;
    font-size: 15px !important;
    font-weight: 600;

/* line-height: 60px; */

text-decoration:none;
}


.sm-parent { position: relative; }

.sm { 
padding: 0;
  margin: 0;
	list-style: none;
	position: relative;
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sm-parent ul ul{
	display: none;
	position: absolute; 
	top: 60px; /* the height of the main nav */
}

.sm-parent li:hover > ul {
	display:inherit;
}

.sm-parent .sm li:hover > ul {
display:inherit;
}

.sm-parent .sm ul li {
position: relative;
	top:-60px; 
	left:170px;
	}
	
.sm-parent .sm li{
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

.sm-parent:hover .sm {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

	span.reference{
				position:fixed;
				left:10px;
				bottom:10px;
				font-size:12px;
			}
			span.reference a{
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				text-shadow:1px 1px 1px #000;
				margin-right:30px;
			}
			span.reference a:hover{
				color:#ddd;
			}
			ul.sdt_menu{
				margin-top:150px;
			}
			h1.title{
				text-indent:-9000px;
				background:transparent url(title.png) no-repeat top left;
				width:633px;
				height:69px;
			}
			
			#sdt_menu {
				width: 80%;
				margin:0 auto;
			}
			
			#sdt_menu > li > a {
				background-color: #4891DC;
			}
			
			
			
			
			
			.s-first {
				border-bottom-left-radius: 15px;
				border-top-left-radius: 15px;
				
			}
			
			.s-last {
				border-bottom-right-radius: 15px;
				border-top-right-radius: 15px;
				
			}
			
			.sdt_box > a{
				background-color: transparent;
			}
			
			.sdt_box {
				z-index: 1000;
			}
			
			.spon_sdt {
				height: auto;
			}
			

			/* Custom Framework */

			.col-12 {
			  width: 100%;
			}


.col-9 {
              width: 85%;
            }
            .col-6 {
              width: 75%;
            }

			.col-4 {
			  width : 33.3% !important;
			}
			
			.col-4-a {
			  width : 50% !important;
			}
			
			.col-4-b {
			  width : 8% !important;
			}
			
			.col-5 {
			  width: 50%;
			}

			.col-3 {
			  width : 25%;
			}

     .row {
       width: 100%;
     }
  
    .flex-box {
      display: flex;
      flex-wrap: wrap;
    }

    #H1 {
      text-align: left;
    }
	

	.menu-clearfix:before,
.menu-clearfix:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden; 
}
.menu-clearfix:after { clear: both; }
.menu-clearfix { zoom: 1; } /* IE < 8 */
	
	
	
	
	/* Adding Styles 22-10-2016 */
		.wrapper-footer{
				width:100%;
		}
		.facebook-part{
				width:25%;
				float:left;
				
		}
		.twitter-part{
			float:left;
			/* width:25%; */
			
		}
		.instagram-part{
			float:left;
			width:25%;
		
		}
		.footer-about{
			float:left;
			width:25%;
		}
	
	
/* Styles 10-2016 */
.masajed{margin-left:11%;}
.donate{ 
	    color: white;
    Font-weight: bold;
    margin-left: 23%;
	    font-size: 17px;
    margin-left: 19px;
    /* margin-top: -14px; */
}
.p_country-img{
		 float: right;
		 width:40px;
		 height:40px;
		 /* position:relative; */
		 /* right: 18%; */
		 /* top: -7px; */
		 margin-right: -45px;
		 margin-top: -9px;
	}
.p_mark-img{
	float:right;
}
.project_controls{
        height:53px; margin-left:-15%;  width:130%;  background:#ececec; border-radius:10px;
    }
.control-img{
            padding: 8px;
			float: right;
			list-style: none;
			margin-top: -22%;
			margin-bottom: 25px;
			margin-right: -21%;
    }
.project-lbl{
	float: left;
	padding:15px;
	}
.project-txt{
	border:1px;	
	margin-left: 10px !important;
    margin-top: 0 !important;
	}
.project_country{
		padding-bottom:15px; 
		margin-top:50px;
		width:100%;
	}
.p_countrylbl{
	font-size:18px;
	margin-right:10px;
	float: right;
	margin-left: 6px;
	margin-top: -1px;
}
.p_mark{
		float: left;
		margin-left: -17%;
	}
	.project-hr{
	margin-top:30px; margin-left: -5%; width:110%;
	}
	.new_text{
	/* 	margin-top: 45px;
		margin-bottom: 20px; */
	}
	.money{
		font-weight:bold; font-size:16px;
	}
	.money2{
		font-weight:bold; font-size:14px;margin-left: -10px;
	}
	
	.amount{
		color:#ff0606; font-size:25px;
	}
	.amount2{
		color:#ff0606; font-size:19px;
	}
	
	.currency{
		font-weight:bold; font-size:16px; color:#000;
	}
	.control-img2{
		    margin-top: -3px;
	}
	.count-lbl{
		float:right;
		margin-top:2px;
		/* margin-left:10px; */
		float: left;
		margin-right: 9px;
	}
	/* cases slider */
           .progress-bar {
                /* background-color: #444; */
                height: 20px;
                padding: 3px;
                width: 102%;
                margin: 70px 0 20px 0;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
                -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
                box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
                margin-top:11px;
                margin-bottom:18px;
                margin-left:-5px;
            }
            .progress-bar span {
                    display: inline-block;
                    height: 100%;
                    background-color: #777;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
                    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
                    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
                    -webkit-transition: width .4s ease-in-out;
                    -moz-transition: width .4s ease-in-out;
                    -ms-transition: width .4s ease-in-out;
                    -o-transition: width .4s ease-in-out;
                    transition: width .4s ease-in-out;
					margin-left:45px;
					margin-bottom:5px;
                }
            .blue span {
                background-color: #008fde;
            }
            .orange span {
                background-color: #fecf23;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
                background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
                background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
                background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
                background-image: -o-linear-gradient(top, #fecf23, #fd9215);
                background-image: linear-gradient(top, #fecf23, #fd9215);
            }
            .green span {
                background-color: #a5df41;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
                background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
                background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
                background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
                background-image: -o-linear-gradient(top, #a5df41, #4ca916);
                background-image: linear-gradient(top, #a5df41, #4ca916);
            }
            .stripes span {
                -webkit-background-size: 30px 30px;
                -moz-background-size: 30px 30px;
                background-size: 30px 30px;
                background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
                background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
                background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
                background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
                background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
                background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
                -webkit-animation: animate-stripes 3s linear infinite;
                -moz-animation: animate-stripes 3s linear infinite;
            }
            @-webkit-keyframes animate-stripes {
                0% {
                    background-position: 0 0;
                }

                100% {
                    background-position: 60px 0;
                }
            }
            @-moz-keyframes animate-stripes {
                0% {
                    background-position: 0 0;
                }

                100% {
                    background-position: 60px 0;
                }
            }
            .shine span {
                position: relative;
            }
                .shine span::after {
                    content: '';
                    opacity: 0;
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    background: #fff;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                    -webkit-animation: animate-shine 2s ease-out infinite;
                    -moz-animation: animate-shine 2s ease-out infinite;
                }
            @-webkit-keyframes animate-shine {
                0% {
                    opacity: 0;
                    width: 0;
                }

                50% {
                    opacity: .5;
                }

                100% {
                    opacity: 0;
                    width: 95%;
                }
            }
            @-moz-keyframes animate-shine {
                0% {
                    opacity: 0;
                    width: 0;
                }

                50% {
                    opacity: .5;
                }

                100% {
                    opacity: 0;
                    width: 95%;
                }
            }
            .glow span {
                -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
                -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
                box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
                -webkit-animation: animate-glow 1s ease-out infinite;
                -moz-animation: animate-glow 1s ease-out infinite;
            }
            @-webkit-keyframes animate-glow {
                0% {
                    -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
                }

                50% {
                    -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;
                }

                100% {
                    -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
                }
            }
            @-moz-keyframes animate-glow {
                0% {
                    -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
                }

                50% {
                    -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;
                }

                100% {
                    -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
                }
            }
           
		
                               pre, code {
                                   border-radius: 4px;
                                   margin: 1em auto;
                               }

                               button {
                                   color: #000;
                                   padding: 16px 40px;
                                   border-radius: 4px;
                                   border: 1px solid #ccc;
                                   background: none;
                                   cursor: pointer;
                                   font-size: 16px;
                                   margin: 8px;
                                   border-bottom-width: 2px;
                               }

                                   button:hover {
                                       color: #fff;
                                       border-color: #308bbb;
                                   }

                               .kiss-pagination button {
                                   padding: 10px;
                               }
                               .kiss-pagination2 button {
                                   padding: 10px;
                               }
							   
							   .kiss-pagination3 button {
                                   padding: 10px;
                               }
							   
                               .container-cases {
                                   max-width: 38%;
                                   width: auto;
                                   padding: 21px;
                                   border: 1px solid #ddd;
                                   background: #fafafa;
                                   box-shadow: 0 0 0.3em #ddd;
                                   margin: 44px auto;
                                   margin-left:13%;
                                   padding-top:0px;
                               }

                                   .container-cases2 {
                                       max-width: 36%;
                                       width: auto;
                                       padding: 21px;
                                       border: 1px solid #ddd;
                                       background: #fafafa;
                                       box-shadow: 0 0 0.3em #ddd;
                                       margin: 44px auto;
                                       margin-left: 20%;
                                       padding-top: 0px;
                                       position: relative;
                                       top: -703px;
                                       right: -605px;
                                       margin-bottom:-700px;
                                   }


                               .kiss-slider {
                                   margin: 20px auto;
                                   /*height: 400px;*/
                                       margin-bottom: -30px;

                               }

                                   .kiss-slider li img {
                                       width: 100%;
                                       height: 205px;
                                       margin-bottom: 2px;
                                   }

                                   .kiss-slider2 {
                                   margin: 20px auto;
                                   /*height: 400px;*/
                                   margin-bottom: -30px;

                               }

                                   .kiss-slider2 li img {
                                       width: 100%;
                                       height: 205px;
                                   }
								   
								   
								   .kiss-slider3 {
                                   margin: 15px 0 0 15px ;
                                   /*height: 400px;*/
                                   margin-bottom: -30px;

                               }

                                   .kiss-slider3 li img {
                                       width: 100%;
                                       height: 205px;
                                   }
								   
								   
								   
                               .text-center {
                                   text-align: center;
								   
                               }
                                   .case-title {
                                       width: 100%;
                                       height: 40px;
                                       background-color: #4891DC;
                                       color: #FFF;
                                       /*  float: left; */
                                       /* border-radius: 4px; */
                                       padding: 10px;
                                       font-size: 18px;
                                       font-weight: bold;
                                       /* margin-bottom:10px; */
                                   }
                                    .case-title-amount {
                                       width: 100%;
                                       height: 40px;
                                       /* background-color: #000000; */
                                       color: #FFF;
                                       /* float: right; */
                                       border-radius: 4px;
                                       padding: 10px;
                                       font-size: 18px;
                                       font-weight: bold;
                                       margin-bottom:10px;
                                   }
								   
								   .case-title-p{
									   float: left;
									  }
								   .case-title-countlbl{
									   font-size:18px;
									   direction: ltr;
									   /*  margin-left:10%; */
									  }
								   
								   .case-title-goal{
									   font-size:20px;
									   /* margin-right: -20%; */
									   /* float: right; */
									   /* margin-right: 14px; */
									  }
								   .progress-precent{
										color: #47531a;
										font-size: 15px;
										margin-top: -38px;
										float: left;
										margin-left: 1%;
								   }
								   .case-title-collected{
									   font-size:22px;
									   color:#e59341;
									   direction: ltr;
									   /*  float: left; */
									   margin-left: 10px;
									   margin-right: 110px;
									  }
								   .case-title-target{
									   font-size:24px;
									   color:#FFF;
									   direction: ltr;
									   /* margin-right:5px; */
									   /* margin-right: -22px; */
									   /* float: right; */
									   float: right;
									  }
								   .clollect-word{
									   font-size:20px;
									   float: left;
									   margin-left:2%;
									  }
								   
			/* cases slider */
			
			
			/* Tabs Slider */
				
                                       .writer_new {
                                           margin:20px 0px 10px 10px;
                                           text-align:center;
                                           font-weight:bold;
                                           font-size:20px;
                                       }
                                       .new_text {
                                           /* text-align:left; */
										   /* margin-left: -10%; */
                                           margin-top: 25px !important;
                                           margin-bottom: 16px;
                                       }
                                       .read_more {
                                                   font-weight: 700;
    font-size: 15px !important;
    text-align: right !important;
    color: #1a5624 !important;
                                       }

                                    .count_lbl{
                                           margin-left: 10px;
                                            position: relative;
                                            top: -15px;
                                            font-size: 20px;
                                            font-weight: bold;
                                    }
                                    .count_txt{
                                         margin-left:10px;
                                           margin-top:-30px;
                                    }
                                    .count_img{
                                             margin-top: 15px;
                                             position: relative;
                                            left: -25px;
                                    }
                               
                                       .faq_q1 {
                                           width: 100%;
                                           padding: 10px;
                                           border-radius: 5px;
                                           font-size: 25px;
                                           margin: 10px;
                                           font-weight: bold;
                                           color: #67870B;
                                       }

                                       .faq_q2 {
                                           width: 100%;
                                           background: #ececec;
                                           padding: 10px;
                                           border-radius: 5px;
                                           font-size: 25px;
                                           margin: 10px;
                                           font-weight: bold;
                                           color: #67870B;
                                       }

                                       .faq_a1 {
                                           font-size: 20px;
                                           font-weight: bold;
                                           margin: 10px;
                                           margin-right: 30px;
                                       }

                                       .faq_a2 {
                                       }
                                 
	/*Start Projects Boxes Styles*/
                    .show-hide {
                        background:#24262e;
                        height: 300px;
                        z-index: 999;
                        margin-bottom: -28px;
                        position: relative;
                        top: 0px;
                        opacity: .7;
                        transition: ease 0.5s;
                         overflow:hidden; 
						 display:none; 
                    }
                        /* .show-hide:hover { */
                             /* background:#24262e; */
                            /* height: 195px; */
                            /* z-index: 999; */
                            /* margin-bottom: -28px; */
                            /* position: relative; */
                            /* top: 16px; */
                            /* opacity: .7; */
                        /* } */
                         
                        .show-hide p {
                            text-align: center;
                            color:#FFF;
                            font-size:13px;
                            margin-top:5px;
                            padding-top:10px;
                        }
                        .project_desc{
                          
                        }
                        card-project a:hover {
                            text-decoration:none;
                        }

                         .show-hide2 {
                        background:#24262e;
                        height: 50px;
                        z-index: 999;
                        margin-bottom: -28px;
                        position: relative;
                        top: 220px;
                        opacity: .7;
                        transition: ease 0.5s;
                        overflow:hidden;
                    }
                        .show-hide2:hover {
                            background:#24262e;
                            height: 200px;
                            z-index: 999;
                            margin-bottom: -28px;
                            position: relative;
                            top: 70px;
                            opacity: .7;
                        }
                         
                        .show-hide2 p {
                            text-align: center;
                            color:#FFF;
                            font-size:20px;
                            margin-top:5px;
                            padding-top:20px;
                        }
                        .project_desc2{
                          
                        }
                        card-project2 a:hover {
                            text-decoration:none;
                        }
						
		 /* cards styles */
                        .card {
                            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                            transition: 0.3s;
                            border-radius: 5px;
                            float: right;
                            width: 23%;
                            margin-right: 25px;
                            margin-top: 20px;
                            float: right;
                        }

                        .card-project {
                            box-shadow: 0 4px 1px 0 rgba(0,0,0,0.2);
                            transition: 0.3s;
                            border-radius: 5px;
                            float: right;
                            width: 26%;
                          /*  margin-right: 14px;
                            margin-top: 15px; */
                            float: right;
                            z-index: 999;
						    margin: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background: #fff;
                        }
						 .card-project2 {
                            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                            transition: 0.3s;
                            border-radius: 5px;
                            float: right;
                            width: 23%;
                            margin-right: 14px;
                            margin-top: 15px;
                            float: right;
                            z-index: 999;
                        }
						
                        .card:hover {
                            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
                        }
                        /* img { */
                            /* border-radius: 5px 5px 0 0; */
                        /* } */
                        .dateIcon {
                            height: 50px;
                            width: 50px;
                        }
           /* cards styles */
		   
		   
		    /* stores cards styles */
                        .card {
                            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                            transition: 0.3s;
                            border-radius: 5px;
                            float: right;
                            width: 23%;
                            margin-right: 25px;
                            margin-top: 20px;
                            float: left;
							/* height: 430px !important; */
                        }

                        .card-project-store {
                            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                            transition: 0.3s;
                            border-radius: 5px;
                            float: right;
                            width: 32%;
                            margin-right: 14px;
                            margin-top: 15px;
                            float: right;
                            z-index: 999;
                        }
                        .card:hover {
                            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
                        }
                        img {
                            /* border-radius: 5px 5px 0 0; */
                        }
                        .dateIcon {
                            height: 50px;
                            width: 50px;
                        }
						
						
						.market-count-lbl{
							float: left;
							font-weight:bold;
							direction: ltr;
							font-size:18px;
							margin-right: 11px;
							margin-left: -16%;
						}
						.market-count-img{
							float: right;
							/* margin-left: 23px; */
							margin-right: -30px;
							/* margin-left:-14%; */
						}
						.market-count-txt{
							width:55%;
							
						}
           /* stores cards styles */
		   
		   /* FAQ Questions Styles  */
                                                .container .box {
                                                    width: 145%;
                                                    padding: 10px;
                                                    margin-left: -22%;
                                                }

                                                    .container .box .top {
                                                        padding: 12px;
                                                        background-color: #47521b;
                                                        color: white;
                                                        cursor: pointer;
                                                    }

                                                    .container .box .bottom {
                                                        padding: 12px;
                                                        background-color: #444;
                                                        color: white;
                                                        display: none;
														
                                                    }

                                                .category-box {
                                                    /*margin-bottom: 10px;*/
                                                    margin-left: 48%;
                                                    float: right;
                                                }

                                                    .category-box .category-p {
                                                        color: #505d1e;
                                                        font-size: 25px;
                                                        font-weight: bold;
                                                    }

                                                .top-span {
                                                    margin-left: 40%;
                                                    font-size:17px;
                                                }

                                                .bottom-span {
                                                    margin-left: 21%;
                                                     font-size:14px;
                                                }

                                                /* DEMO 2 */
                                                .header-main  {
                                                    height: 52px;
                                                    font-weight: normal;
                                                    position: relative;
                                                    text-shadow: 0 -1px rgba(0,0,0,0.6);
                                                    line-height: 0px;
                                                    background: #ffffff;
                                                    /* border: 3px solid #2e3233; */
                                                    padding: 5px 25px;
                                                    color: #008fde !important;
                                                    border-radius: 10px;
                                                    box-shadow: inset 0 0 1px rgba(53,86,129, 0.5);
                                                    font-family: 'Muli', sans-serif;
                                                    margin-right:-6px;
                                                }
                                                .header-main p{
                                                    margin-left: 91%;
                                                    color: #47521b !important;
                                                    font-size: 21px !important;
                                                    font-weight: bold;
													margin-top: 5px !important;
													margin-left: 0px !important; 
                                                }
		   /*FAQ Questions Styles */
		   
		   
        /*Start Projects Boxes Styles*/
		

                  
				   
								 /* More */
								 .tabs-h4{
									    font-size: 14px;
										line-height: 110%;
									    margin: 25px 25px 35px 0;
										text-align: center; 
								 }
									.tabs-h4-b{
										margin-left: 15%;
										background:#4891DC;
										color:#fff;
										padding: 5px 25px 5px 25px;
										border-radius:5px;
										/* width: 30%; */
										
									}
									.donate-case{
										    text-decoration: line-through;
									}
									.donate-case h1 {
											color: #46521a;								
											font-weight: bold;								
											font-size: 24px;
											margin-bottom: 4px;
											margin-right: -15px;
									}
									.donate-case p {
										font-size: 16px;
										margin-bottom: 15px;
										font-weight: bold;
										margin-left: 10px;
										color:#000;
									}
									
									.donators{
										    background: #000;
										    color: #fff;
										    height: 20px;
										    width: 95%;
										    margin: 13px auto;
											direction:rtl;
											    border-radius: 3px;
									}
										.fund-collected{
												font-size: 13px;
												float: left;
												margin-left: 13px;
												color: #fff;
												margin-top: -13px;
									}
									
									.donateCase_btn{
										
										    float: right;
    margin-right: 20px;
    margin-top: 5px;

									}
									
										.cases_donateP{
																			float: right;
    font-size: 15px;
    color: #48541b;
    font-weight: bold;
    margin-right: -17%;	
		margin-top:55px;
		text-decoration:line-through;

		
									}
									
								 /* More */

                            
			/* Tabs Slider */
                           
/* Styles 10-2016 */

	
/* h2 {
	color: #000 !important;
} */

.dash-cats {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5; /*3 in those rules is just placeholder -- can be anything*/
			padding: 0px 10px;
			justify-content: center;
			  /* margin: 64px 0; */
   
}
.dash-cats li {
    display: inline-block;
    margin: 10px;
    position: relative;
    /* width: 200px; */
    /* height: 200px; */
    /* box-shadow: 3px 5px 4px 2px rgba(0, 0, 0, 0.31); */
    /* padding-bottom: 12px; */
    /* border-radius: 50%; */
    /* border: 6px solid #e8e8e8; */
}

.dash-cats li img {
    padding-bottom: 12px;
}


.donate-p{
	background: #eabb00;
    width: 71%;
    height: 30px;
    border-radius: 20px;
	margin-left:0%;
}

ul.clistz {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.clistz:after { /* to clearfix your ul list */
  content: "";
  display: table;
  clear: both;
}
ul.clistz li {
  display: block; /* inline-block have an extra 4px margin wich makes it harder to use in this situation */
  /* padding: 10px 5px; */
  float: left; /* if you use block elements you have to float them */
  text-align: center;
  line-height: 64px;
}
ul.clistz li a{
    font-size:medium;
	/* background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgb(226, 230, 232) 50%, rgb(217, 219, 220) 51%, rgba(224,239,249,1) 100%); */
	margin: 4px;
	border-radius: 10%;
}
.activez{
    background-color:#4891DC;
}
.activez a{
    color:#fff;
}


#sidebar , #posts {
  /* display:flex; */
}

.img {
  padding:15px;
  max-width:200px;
}

.product_img {
  padding:15px;
  max-width:220px;
}

#sidebar .widget {
  min-width:270px;
}

.title-container {
  width:70%;
  margin:0 auto;
}

#charity_progress {
	width: 100%;
  /* background-color: #fff; */
  /* border: 1px solid black; */
   /* box-shadow: 1px 6px 16px 0px rgba(0, 0, 0, 0.22); */
}

#charity_progress h3 {
  text-align:center !important;
}

#sidebar {
  width: 80%;
  margin:0 auto;
   margin-top: 30px;
}

/* updated (21/11/2016) zain */

.login-container {
        border: 6px solid #4891DC;
    padding: 15px;
    height: 740px;
    margin: 20px auto !important;
}


.sign-in {
    background-color: #4891DC;
    padding: 15px 15px 15px 15px;
    color: white;
	height:550px;
}


.sign-in input[type=text], .sign-in input[type=password] {
    color: #000; 
    border: 1px solid #fff;
   /* border-radius: 5px;*/
    padding-left: 15px;
	margin: 0px;
	/* background-color:whitesmoke; */
	font-size: 18px;
	font-weight:bold;
}

.sign-in input[type=submit] {
    background-color: #fff !important;
    color: #4891DC;
	margin:15px;
	width:180px;

}

.guestBtn {
	margin-left: -20px !important;
    margin-top: -10px !important;
}

.orguest {
	    text-align: center;
}

 .center-login p {
    font-size: 35px;
    color: #4891DC;
    margin: 334px 7px 0 140px;
	float:left;

}

.social-container {
	display:flex;
	flex-wrap:wrap;
	padding-left:60px;
	padding-top:15px;
}

.social-login{
	float:right;
}
.social-login-twt {
    width: 250px;
    background-color: #1da1f2;
    height: 40px;
	padding: 8px 15px;
    margin: 15px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}


.social-login-fb {
    width: 250px;
    background-color: #3b5999;
    height: 40px;
	padding: 8px 15px;
    margin: 15px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.register-with-text p {
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
    padding-left: 30px;
    font-weight: bold;
    color: #4891DC;
}

.register-container input[type=text], .register-container input[type=password] {
    border: 1px solid black;
    padding-left: 15px;
    background-color:whitesmoke;
    margin: 10px 0;
}

.register-container img {
    padding: 10px;
    /* margin: 0 15px; */
}

img.login-logo {
    margin: 0px;
    padding: 2px;
}

img.login-img {
  height:80px;
  width:80px;
}

.logo-and-login {
    width: 260px;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
	float:left;
}

@media only screen and (max-width: 1320px)
{
	.cd-primary-nav li a {
		font-size:15px !important;
	}

}

/* updated (21/11/2016) zain */

/* Styles For New Parts (13/11/2016) */
   .filter-part{
        width: 119%;
         height: 250px;
         background: #4891DC;
         margin-left: -9%;
		margin-top: -80px;
    }
      .orphan-title{
    font-size: 20;
    font-size: 30px;
    margin-left: 39%;
    color: #48541b;

    }
    .search-lbl{
    font-size: 23px;
    color: #FFF;
    float: left;
    font-weight: bold;
    margin-top: 30px;
    margin-right: 30px;
	direction: lrt;
	margin-left: 10px;
	
}
    .orphan-searchIcon{
	height: 20px;
    width: 20px;
    background: url(/css/internet/wimages/img/search-128.png);
    float: left;
    margin-top: 40px;
    position: relative;
    right: -5px;
   
    }
	
	.orphan-drop{
       /*  height:100px;
        width:50%; */
	  margin-right: 20px;

    }
	.orphan-drop-li{
		    float: left;
			margin: 5px;
	}
	.drop-lbl{
		    float: left;
			margin: 4px 10px 0 10px;
			font-size: 18px;
			color: #FFF;
			font-weight: bold;
	}
	.orphan-txt{
		text-align: left;
		font-size: 25px;
		color: #FFF;
	}
		.btn-orphan{
		height: 54px;
    width: 800px;
   
    background: #97aa6f;
    margin-left: 13%;
   
    margin-top: 43px;
    color: #FFF;
    font-size: 25px;
	}
	.orphan-countries{
	font-size: 25px;
    color: #4d541b;
    margin-top: 25px;
    margin-bottom: 10px;
	}
	.orphan-image{
	width: 167px;
    height: 219px;
    float: left;
    margin-left: 14px;
    margin-top: -250px;
	}
	
/* Styles For New Parts (13/11/2016) */


/* Styles For New Parts (14/11/2016) */

.aboutUs-title{
	margin-left: 43%;
    font-size: 30px;
}

.about-img{
	margin-top: 10px;
	float:left;
}
.aboutUs-txt{
    margin-top: 34px;
    font-size: 15px;
    direction: ltr;
    text-align: justify;
    font-weight: bold;
    color: #4891DC;
}
/* Styles For New Parts (14/11/2016) */


/* Charts Style */
 .chart-link-load{
                float: right;
                padding: 1px;
				padding-top: 20px;
				padding-bottom: 20px;
            }
             .btn-success2{
                width: 146px;
                color: #fff;
                background-color: #4891DC !important;
                border-color: #4cae4c !important;
        }
           #map {
            height: 400px;
            width: 85%;
            margin: 0 auto;
        }
         .chart-links-ul{
           /*  margin-right:5%; */

           }

.contact-formClass{
	width: 40%;
    float: left;
}

.contact_infoClass{
	float:right;
	
}
.contacts-list{
	line-height:50px;
}

.contact_info{
    margin-top: 30px;
    margin-right: 30px;
}

.callText{
    margin-left: 50px;
    font-weight: bold;
    color: #70870b;
    float: right;
    font-size: 16px;
}

.contacts-title{
	margin-left: 0%;
    color: #000;
    /* text-decoration: underline; */
	font-size:25px;
}

.contacts-title3{
	margin-left: 0%;
    color: #000;
	font-size:25px;
    margin-top: 40px !important;
	margin-left: 20%;
}

/* .location-icon{
	margin-top: 20px;
    float: right;
    margin-right: -10%;
} */
.ask-email{
	font-size: 20px;
    font-weight: bold;
    color: #67870b;
    line-height: 45px;
	margin-left: 10%;
}

.adress-text{
	 font-weight: bold;
     font-size: 16px;
     color: #67870b;
	 margin-left: 18%;
}

.contact-title{
			margin-left: 40%;
		    color: #000;
			margin-top: 24px;
			/* text-decoration: underline; */
			line-height: 35px;
			font-size:25px;
}
.contact-title_p{
	direction: ltr;
    margin-right: -5%;
	margin-left:30%;
    margin-top: 15px;
    font-size: 16px;
	font-weight:bold;
	text-align: justify;
}

.captch_div_img{
	width:25%;
	float: right;
    margin-right: 25%;
}
.text-message{
	margin-left:30%;
	direction:rtl !important;
}
.name-txt{
	margin-bottom: 0px;
	direction: rtl;
}

.message-btn{
	float: right;
    margin-right: 22%;
}
.contact-container{
	width: 100%;
    margin-right: 10%;
    margin-top: 30px;
}
/* .adress-text{
    font-size: 14px;
    color: #67870b;
    font-weight: bold;
} */
.partner-title{
    margin-left: 14%;
    padding-left: 31%;
    margin-top: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    background: #d6ac05;
    border-radius: 10px;
    width: 70%;
}

.partner-subject{
font-size: 17px;
    direction: ltr;
    font-weight: bold;
    line-height: 30px;
    text-align: justify;
}

.partner-do{
	    color: #4891DC;
		font-size: 15px;
		font-weight:bold;
		
}
.location-adjust{
	margin-top: 0px !important;
    margin-right: 5px;
}
/* Contact Form */

.container2 {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}
#contact {
    width: 150%;
    background: #4891DC;
    padding: 35px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    margin-left: -25%;
}
#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
  Color:#FFF;
}
#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}
fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}
#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}
#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}
#contact button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #FFF;
  color: #000;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 20px;
}
#contact button[type="submit"]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.copyright {
  text-align: center;
}
#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}
::-webkit-input-placeholder {
  color: #888;.
}
:-moz-placeholder {
  color: #888;
}
::-moz-placeholder {
  color: #888;
}
:-ms-input-placeholder {
  color: #888;
}

.contact_infoClass2{
	margin-top: 40px;
    margin-right: 17%;
    margin-left: 17%;
}

/* .contact_infoClass2{
	margin-top: 43px;
    margin-right: 17%;
}
 */
.callnum2{
	font-weight: bold;
	margin-left: 21%;
    font-size: 20px;
	float:right;
}

.callnum3{
	font-weight: bold;
	margin-right: -10%;
    font-size: 20px;
	float:right;
}


.contacts-title2{
		margin-left: 35%;
    color: #000;
    /* text-decoration: underline; */
	font-size:25px;
	    margin-bottom: 15px;
	
}

.callText2{
	 margin-left: 50px;
    font-weight: bold;
    color: #70870b;
    float: left;
    font-size: 18px;
}

.callText3{
	 margin-left: 50px;
    font-weight: bold;
    color: #70870b;
    float: left;
    font-size: 18px;
}


.ask-email2{
	font-size: 20px;
    font-weight: bold;
    color: #67870b;
    line-height: 45px;
	margin-left: 5%;
}
.adress-text2{
	color: #67870b;
    font-weight: bold;
    font-size: 16px;
		line-height:40px;
		margin-left:5%;
		
}


.under-cons{
	width:68%;
	height:400px;
	/* background:url(/css/internet/wimages/construction.jpg); */
	/* background-repeat:no-repeat; */
	margin:0 auto;
}
.const-img{
	margin-bottom:50px;
}

.foujra-container{
	    margin-top: 70px !important;
    margin-right: 21% !important;
}
/* Charts Style */

/* popup Style */

.epaycon input[type=text]{
	display:block;
	width:90%;
	background-color: white;
	    margin: 10px auto !important; 
    padding-left: 15px;
}

.cubegif {
	width: 60px !important;
	margin:10px auto;
	display:none;
}


.epaycon img {
	width: 200px;
}

.epaycon a.btn {
	margin:8px 15px;
}

.epaycon a.btn1{
	
    margin-top: 15px;
}
.epaycon a.btn2{
	
	 margin-top: 15px;
}


.epaycon select {
	width: 90%;
}


.col-20{
	    width: 18%;
}
.col-img20{
	width: 42%;
     /* margin-top: 5%;
	margin-right:1%; */
}

.adress-text2{
	color: #67870b;
    font-weight: bold;
    font-size: 16px;
		line-height:40px;
		margin-left:15%;
}

.map_div{
	width: 900px; height: 400px; margin: 0 auto;
}

.why_li{
    font-size: 14px;
    text-align: justify;
    line-height: 40px;
    font-weight: bold;
    margin-left: 71%;
    color: #4891DC;
}

.why_li2{
    font-size: 14px;
    text-align: justify;
    line-height: 40px;
    font-weight: bold;
    margin-left: 67%;
    color: #4891DC;
}

.why_li3{
    font-size: 14px;
    text-align: justify;
    line-height: 35px;
    font-weight: bold;
    margin-left: 58%;
    position: absolute;
    top: 245px;
    width: 29%;
    color: #4891DC;
}

.why_li4{
    font-size: 14px;
    text-align: justify;
    line-height: 40px;
    font-weight: bold;
	margin-left: 68%;
    color: #4891DC;
}

.why_li5{
    font-size: 14px;
    text-align: justify;
    line-height: 40px;
    font-weight: bold;
	margin-left: 66%;
    color: #4891DC;
    margin-top: 156px;
}

.why_li6{
    font-size: 14px;
    text-align: justify;
    line-height: 40px;
    font-weight: bold;
    margin-left: 74%;
    color: #4891DC;
	
}

.why_li7{
    font-size: 14px;
    text-align: justify;
    line-height: 40px;
    font-weight: bold;
    margin-left: 76%;
    color: #4891DC;
}





.why-title{
	margin-bottom: 0px;
	font-size: 30px;
    text-align: center !important;
	font-weight: bold;
}

.why-img{
	margin-top: 60px;
    float: left;
}

.why-number{
padding: 10px;
}


.Login-header{
	    color: #4891DC;
    font-size: 35px;
}

.gifcon {
    width: 100%;
    padding: 10px 0;
}
.btns2{
		    width: 125%;
    margin-top: 10px !important;
	}
	
	
	
	.asap{
                                    background: #48541b;
    width: 70%;
    margin-left: 15%;
    margin-top: -31px;
                            }
                            .asap-ul{
                               
                               margin-left:14%;
                                height:35px;
                            }
                            .asap-l {
                                float: left;
                                padding: 10px 0px 0 0;
                                color: #fff;
                                margin-left: 7%;
                                font-size: 12px;
								background:#48541b;
								border:none;
                            }
							
							
							
			.termscont {
height: 50px;
background-color: rgb(66, 78, 18);
bottom: 0px;
position: relative;
width: 100%;
left: 0px;
right: 0px;
/* margin-top: 15px; */
text-align: center;
top: 447px;
}



.termscont ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    color: white;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}


.termscont ul li {
    padding: 15px; 
}
				
							
	.termscont ul li  a{
    color : #fff;
	text-decoration:none;
	position: relative;
    bottom: 471px;
}
							
.btn-donateNow{
	margin-left:31%;
}							


/* Project Details table style */	
        table {
  font-family: "Helvetica Neue", Helvetica, sans-serif
}

caption {
  text-align: center;
  color: #4891DC;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
  font-size:22px;
  font-weight:bold; 
}

thead {
   background: #4891DC;
  color: white;
  font-weight:bold;
  font-size:15px;
}

th,
td {
  padding: 5px 10px;
}
tbody tr{
	    font-size: 20px;
    font-weight: bold;
    direction: rtl;
    text-align: center;
  
}
tbody tr:nth-child(even) {
  background: WhiteSmoke;
}

tbody tr td:nth-child(2) {
  text-align:center;
}

tbody tr td:nth-child(3),
tbody tr td:nth-child(4) {
  text-align: center;
  font-family: monospace;
}

tfoot {
  background: #dddfe2;
  color: white;
  text-align: right;
}
tfoot tr {
	
   
    padding-right: 100px;
    color: #000;
    font-size: 18px;
font-weight: bold;
padding-right:100px !important;

}

tfoot tr th:last-child {
  font-family: monospace;
}



.case-input{
	
}
.donateNow-txt{
	width: 45% !important;
    margin-top: -15px !important;
    text-align: right !important;
    margin-right: 30% !important;
    padding-right: 10px !important;
	text-align:left !important;
}

.btn-donateNoe-Cases{
	    margin-bottom: 21px;
    margin-top: 0px;
    margin-left: 37%;
    width: 185px;
    font-size: 18px;
    font-weight: bold;
}


.donation-sms-h2{
	width: 40%;
    background: #fff;
    margin: 0 auto;
    height: 55px;
    border-radius: 20px;
	margin-bottom: 70px;
	box-shadow: 0px 1px 8px #bdbcbc;
	text-align: center;
}
.donation-sms-h2 h2{
	    font-size: 24px;
    font-weight: bold;
    margin-bottom: 31px;
    margin-top: 40px;
	padding-top: 15px;
	color:#4891DC;
}

.cases_donate_btn{
	width: 50px !important;
    height: 50px !important;
}

.cash-donation h3{
	font-size:25px;
	font-weight:bold; 
	text-align:left !important; 
	direction:ltr !important;
    /* text-decoration:underline; */
	 margin: 0 0 5px 15px;
}

.callcenter-caption{
	font-size:23px;
    margin: 20px 20px 5px 15px;
}

.ceo-msg-text{
	margin-top:-30px;
	direction:ltr;
	padding: 8px 50px 35px 50px;
	font-size:18px;
}

.ceo-msg-text-name2{
	float: right;
    margin-right: 25px;
    font-size: 25px;
}
.ceo-msg-text-name3{
	float: right;
    margin-right: 25px;
    font-size: 25px;
    margin-left: -93px;
}
.ceo{
	float: right;
    margin-top: 53px;
    margin-right: -10%;
    font-size: 17px;
    font-weight: bold;
}
.ceo2{
	float: right;
    margin-top: 53px;
    margin-right: -10%;
    font-size: 17px;
    font-weight: bold;
}


.ceo-img{
    margin-top: 80px;
    margin-right:-12%;
	float:right;
}

.ceo-img2{
    margin-top: 80px;
    margin-right:-16%;
	float:right;
}
.faq-title {
	margin-top:-4px !important;
}
.faq-answ{direction:ltr !important; float:left; color:#FFF !important; margin-bottom: 1em !important; margin-top:0px !important; height:30px !important;}


.quality-text{
	direction: ltr;
    font-size: 15px;
    text-align: justify;
    line-height: 22px;
	
	}
	
	.quality-date{
			float: right;
			margin-top: 60px;
			margin-right: -17%;
		}
		.ceo-sign{
			float:right;
		}

.title-why{
	    margin-top: 25px;
		margin-left: 10%;
}

.why-allimages{
	margin-top: 180px !important;
}	
	

.why-img1{
	width: 50px;
    height: 50px;
    position: relative;
    right: 36%;
    float: right;
    margin-top: -15px;
}
.why-img2{
	width: 50px;
    height: 50px;
    float: left;
    position: relative;
    left: 28%;
	margin-top: -46px;
	}
	
	.li-img{
		width: 100px;
		height: 80px;
		position: relative;
		float: right;
		right: 10%;
		margin-top:-90px;
	}
	.li-img1{
		width: 100px;
		height: 80px;
		position: relative;
		float: right;
		right: 10%;
		margin-top:-110px;
	}
	
	.li-img5{
		        width: 100px;
				height: 80px;
				position: relative;
				float: right;
				right: 20%;
				margin-top: -85px;
	}
	
	.li-img6{
		width: 100px;
		height: 80px;
		position: relative;
		float: right;
		right: 13%;
	   margin-top: -130px;
	}
	
.li-img7{
			        width: 100px;
					height: 80px;
					position: relative;
					float: right;
					right: 7%;
					margin-top: -95px;
}
	}

	.why-1{
		
	}
	.why-2{
		    position: relative;
			right: 30%;
			top: -41px;
	}
	.why-3{
		position: relative;
		top: -324px;
		right: 54%;
		
	}
	.li-img3{
		width: 155px;
		height: 80px;
		position: relative;
		float: right;
	    margin-top: 85px;
		right: 22%;
	}
	
	.li-img4{
		width: 100px;
		height: 80px;
		position: relative;
		float: right;
		right: 1%;
		margin-top:-90px;
	}
	
	.why-4{
		       position: relative;
				top: 115px;
				right: -85px;
		 }
	
	
	.why-5{
		                position: relative;
						top: -80px;
						right: 11%;
	}
	
	.why-6{
		                position: relative;
						top: -122px;
						right: 40%;
	}
	
	.why-7{
		                               position: relative;
										top: -162px;
										right: 72%;
}
	}
	
.zakat-paragrah{
	direction:ltr;
    text-align: left;
    font-size: 20px;
    line-height: 40px;
}

.inner_lyr2 {
  border: 3px solid #F7F7F7;
  display: block;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #E8E8E8;
  overflow: hidden;
  text-align: left;
  margin-top:-80px;
}

.zakat-quran-para{
	font-size:16px; 
	text-align:left;
	direction:ltr;
}

.suna-paragraph{
	direction:ltr; 
	text-align:left; 
	font-size:14px;
}
	
	
.zakat-cond-para{
direction:ltr; 
	text-align:left; 
	font-size:14px;
	}
	
	.zakat-firt-para{
		direction:ltr; 
		text-align:left; 
		font-size:14px;
	}
	
	.pro-slid-tit{
		        font-size: 16px;
				font-weight: bold;
				margin-left: -66%;
	}
	
.reset-form {
	  /*  margin-left: 130px !important;
		margin-top: -50px !important;
		width: 85% !important; */
}

.chang-btn{
	margin-left: 8% !important;
}


.captcha_img{
	    margin-top: -12px !important;
}

.cases-progress{
	    margin-left: 54px !important;
}

.event_listing{
	direction:rtl;
}

.events{
	    margin: -35em -200px;
}
	
 .event-donate-controls{
     position: absolute;
    top: 550px;
    direction: ltr;
    left: 1%;
    z-index: 9999;
    width: 41%;
 } 

.item-border {
	 border-right:1px solid #000; 
}


.cases-span{
	    font-size: 17px;
		margin-left: 3%;
		top: -9px;
		position: relative;
		float: left;
	    margin-right: 4%;
}

.orphan-img{
	
	width: 25%;
    height: 300px;
    float: right;
    clear: both;
}

.my-account-card-container {
    display: flex;
    /* text-align: center !important; */
    /* width: 80%; */
    align-items: center;
    justify-content: center;
    margin: 24px;
}

.my-account-card.flex-box {
    width: 140px;
    padding: 8px;
    margin: 8px;
    box-shadow: -1px 1px 3px 0px #4891DC;
}

.my-account-card-txt {
    width: 100%;
    text-align: center;
    padding: 12px;
    color: #4891DC;
    font-weight: bold;
	height: 70px;
}



.col-xs-12{
	width:100% ;
}

.cases-li{
	height:410px;border-radius: 7px; background:#e4e4e4; width:100% !important; left:21px;
}

.cases-li2{
	height:410px;border-radius: 7px; background:#e4e4e4; width:95% !important; left:21px;
}


.case-hidden{
	 
}

.case-hidden1{
	display:none;
}	

.aid-h1{
	   /* font-size: 36px; */
    color: #fff;
	  /*  margin-top: 55px; */
    /* padding-top: 240px; */
}

.cases-h1{
		  font-size:40px;
		    padding-top: 100px;
}

.stamp-img{
	width:250px !important; height:250px !important;float: left;z-index: 999; position: absolute;margin-left: 15%;margin-top: 10px;
}


				 .parallax-count {
    /* The image used */
    background-image: url('/css/internet/wimages/parllex/kids.png');

    /* Full height */
    height: 350px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	    margin-bottom: -180px;	
}
	.counter-orphan{
				width: 40%;
				float: right;
				    margin-top: 10px;
	}
	
	.counter-li{float: left;width: 22%;}
	.counter-number{float:left; margin-left:13%;}
	.counter-number{width:100%; margin-top: -55px;}
	.counter-number-ul{}
	#count-test-2{margin-left:-1%;}
	#count-test-3{ margin-left: 5%;}
	#count-test-4{ margin-left: 5%;}
	#count-test-5{ margin-left: 2%;}
	
	#count-text-2{margin-left:-3%;}
	#count-text-3{ margin-left: 13%;}
	#count-text-4{ margin-left: 13%;}
	#count-text-5{ margin-left: 14%;}
	
	.counter-text-li{margin-top: -30px;}
	.counter-text-ul{float: left; width: 100%; margin-left: 15%; font-size:40px; color : #FFF;}
	.counter-text-li{float:left;}
	
	
	.cover-count{width:100%; height:200px; background:#000;}

.forget-pass{
	    font-size: 12px;
		color:white;
}
.forget-align{
	font-size:11px;
	margin-left:-24px;
}

	.restore-pass{
	
	width: 50%;
    margin: 0 auto;
} 
.forget-email{
	    position: absolute;
    right: 0;
    top: 47% !important;
    color: #505d1e !important;
}

.forget-btn{
	width: 40%;
	margin-left: 29%;
}
@-moz-document url-prefix() { 
      #logo img {
             width: 350px;
    height: auto;
    float: right;
    margin: 10px 0 0 0;
    position: relative;
    top: -10px;
    left: 90%;
            }
			
			.lgin-size{
				font-size:10px;
			}
			/* .dash-cats li{ */
				/* width:80% !important; */
			/* } */
  }
  

  
/* Project Details table style */


.my-register-button {
    margin: 0;
}
				
.width-46 {
	width : 41%;
}							

.margin-6 {
	margin: 6px;
}

.contact-us-message {
    width: 71%;
    margin: 0;
}

.remove-padding {
	padding: 0 !important;;
}

 
 
.my-top-menu-icon {
        padding: 4px;
   /*  border-left: 1px solid #4891DC; */
    /* width: auto; */
    /* display: flex; */
 color: #ffffff;
    /* font-family: lato; */
    font-weight: bold;
    font-size: 14px;
}

.my-top-menu-internal {
    margin: 4px 8px;
}

.my-top-menu-icon i {
    padding: 8px;
    /* margin-top: 18px; */
    font-size: 18px;
}


.donate-now-btn {
       margin-left: 24px;
    padding: 2px;
    border: 1px solid #4891DC;
    border-radius: 8px;
    background-color: #4891DC;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.13);
}

.donate-now-btn p {
    font-size: 14px;
    /* font-family: lato; */
    /* color: #4891DC; */
   /* padding: 4px; */
    font-weight: bold;
	color: white !important;
}

.top-donate-btn {
    width: 164px;
    text-align: center;
    display: inline;
}
 
 .top-donate-btn p {
    display: inline;
}

.top-menu-website-message {
    width: 100%;
    height: 80px;
    background-color: #fff;
    text-align: center;
    padding: 12px;
    font-size: 16px;
    color: #ed0b0b;
}

.top-menu-website-message .icon-smile {
    padding: 4px;
    font-size: 18px;
}


.dropdown-account {
    position: relative;
    display: inline-block;
}

.dropdown-account-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-account-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-account-content a:hover {background-color: #f1f1f1}

.dropdown-account:hover .dropdown-account-content {
    display: block;
}

 
 .sweet-login  input{
	 display: block;
 }
 
 .sweet-login input {
  display: block;
    background-color: #fff !important;
    /* margin-right: 0 !important; */
    /* margin-left: 32px !important; */
    /* margin-top: 0 !important; */
    /* margin-bottom: 0 !important; */
    padding: 8px !important;
    border-radius: 12px !important;
    margin: 0 auto !important;
    /* max-width: 340px; */
    width: 80%;
    height: 32px !important;
}

.sweet-alert button.cancel {
    background-color: #ffffff;
    color: #162404;
    border: 1px solid #1d602f;
}

.sweet-alert button.confirm {
    background-image: linear-gradient(to right, #065725, #07683C, #087B35) !important;
    /* background-color: #0b67c7 !important; */
    color: #ffffff;
    border: 1px solid #065725;
}

.sweet-alert {
    box-sizing : border-box;
    max-height : 100% !important;
    overflow-y : auto !important;
    padding : 0 17px 17px !important;
    
}
.sweet-alert:before {
    content : "";
    display : block;
    height : 17px;
    width : 0;
}


.login-sweet {
	position: absolute;
    right: 12px;
    top: 10px;
    color: #fff;
    font-size: 26px;
	cursor : pointer;
}

.sweet-login.gnrl-popup input[type=text] {
    margin: 0 !important;
    width: 95%;
}

select#gnrl-opt {
    height: 40px;
}

.inform-little.flex-box {
    padding-top: 8px;
}

.inform-container {
    box-shadow: 0px 2px 3px 1px rgba(84, 98, 32, 0.31);
    margin: 4px;
}

.inform-little h5 {
    border-bottom: 2px solid #e0e0e0;
    font-weight: bold;
}

.inform-little h4, .inform-little h5 {
    /* border: 1px solid #4891DC !important; */
    margin: 0;
    padding: 8px;
    width: auto;
    font-size: 16px;
    /* border-radius: 8px; */
    /* box-shadow: 0px 2px 3px 1px rgba(84, 98, 32, 0.31); */
}

.inform-description {
    border-top: 2px solid #c5c5c5;
    margin-top: 12px;
}

.inform-description h4 {
    font-size: 16px;
    font-weight: bold;
}

.inform-description p {
    word-wrap: break-word;
    line-height: 28px;
}



.inform-img img{
	width : 40%;
}

.margin-auto.col-80-orph {
    width: 65%;
    margin-left: 8px;
}

.col-30-orph {
    width: 30%;
}

.orphans-popup h2 {
	font-size : 16px !important;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert {
    padding: 16px;
    /* margin-bottom: 20px; */
    /* border: 1px solid transparent; */
    border-radius: 4px;
    margin: 4px;
     
}

.payasguest-btn {
    margin-top: 36px;
}

.payasguest-btn a {
    /* margin: 24px; */
    color: #4891DC;
    /* width: 150px; */
    padding: 12px 64px;
    border: 1px solid #4891DC;
    border-radius: 5px;
}

a.payasguest-btn-inside {
    padding: 12px 28px !important;
}

a.popup-addcart-btn {
    background: #4891DC;
	    margin-left: 4px;
}

a.popup-addcart-btn i {
    color: #fff;
}

.sweet-login.gnrl-popup {
    margin-bottom: -4px;
}

.clone left{
		
}

.latestnews-title{
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.50);
    padding-top: 10px;
    border-radius: 16px;
    padding: 12px;
    font-size: 30px;
    color: #4891DC;
}


.newslist-text{
	height: 55px; overflow: hidden; direction: ltr;
}
.news-btn{
	background: #4891DC !important;
}

.news-details-tit{
	color: #4891DC !important;
}

.news-details-p{
	color: #4891DC !important;
	margin-left: 35%;
}

.news-details-title{
	direction:ltr;
	margin-right: 215px !important;
}

.new-dir{
	float:left !important; 
	direction:ltr;
	font-size:20px;
}
.event-container{
	margin:3%;
}


/* cart css */


.itemRow {
    display: flex;
}

.itemRow div {
    padding: 12px;
    display: flex;
}

.headerRow {
    /* padding: 12px 32px; */
    display: flex;
    flex-wrap: wrap;
}

.headerRow div {
    padding: 14px;
    /* border: 1px solid beige; */
}

.item-name {
    width: 80px;
    height: auto;
    overflow-x: hidden;
    /* overflow-y: auto; */
    word-wrap: break-word;
}

.my-cart-message {
    height: 50px;
    background-color: #4891DC;
    width: 260px;
    z-index: 999999;
    position: fixed;
    margin: 0 auto;
    left: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    right: 0;
    display: none;
}

.my-cart-message p {
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 18px;
}

.my-cart-container {
    text-align: center;
    justify-content: center;
}

.my-cart-container span {
    padding: 22px;
}

.my-cart-container input {
    width: 60px !important;
    margin: 8px !important;
}

.my-cart-container a {
       padding: 16px;
    /* margin: 8px; */
    color: #ffffff;
    width: 204px;
    /* height: 50px; */
    /* border: 2px solid #4891DC; */
    /* border-radius: 15px; */
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #4891DC;
}

.my-cart-container .icon-shopping-cart {
    font-size: 32px;
    color: #4891DC;
    padding: 8px;
}

.my-cart-btn {
    border: 2px solid #dcdcdc;
    border-radius: 8px;
    /* width: 247px; */
}

.gallery-header{
	font-size:50px;
	color: #4891DC;
	/* margin-top: -50px; */
	margin: 64px;
}
.gallery-b{
	    box-shadow: 0 0 3px 2px #c1c1c1;
}
.img-info-event{
	height:260px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

.border-bottom-black{
	margin-top:25px;
}
.f-mb{
	float:left; 
	margin-right:3%; 
}

.news-inputxt{
	background: #FFF !important;
    border: none !important;
    border-radius: 5px !important;
    padding-left: 10px !important;
    margin-left: 0px !important;
	height:3em !important;  
	width:50%; 
}


section > .container, section > .container-fluid{
	/* margin-top:-30px !important;  */
}

.tab-nav-news{
	width:97%;
	margin-right:15px;
}

.news-inputbtn{
	margin-left: 19%;
    width: 50%;
    height: 35px;
    margin-top: -10px;
    background: #fff;
    border: none;
    border-radius: 6px;
}

 .f-title{ font-weight:bold;font-size:18px;color:#fff}
 .ul-f-brder li {
	    border-bottom: 2px dotted #404040 !important;
		width: 95%;
 }
 /* .instgram-box{ */
	 /* margin-top:50px; */
 /* } */
 
 
 .copyRight ul{
	color: #fff;
    width: 100%;
    position: relative;
    margin: 0;
    /* top: 27px; */
    /* float: left; */
    justify-content: center;
    text-align: center;
    background-color: #041602;
    /* padding: 16px 0; */
 }
 
  .copyRight ul li{
	    color: #fff;
    float: left;
    padding: 10px;
    display: block;
    border-radius: 5px;
    margin: 8px;
    width: auto;
    text-align: center;
 }
 
 
  .cart-item-close-btn {
    color: red;
    padding: 12px;
}

.my-cart-item img {
    width: 50px;
    height: 50px;
}

.my-cart-item p {
    padding: 12px;
}
 
 
 .my-cart-item {
    text-align: center;
    justify-content: center;
	    margin: 8px;
}

.my-cart-item-name {
    width: 110px;
}
 
.my-cart-item a {
    /* padding: 0 !important; */
    margin-top: 10px;
} 

.slider-sm-img {
	width: 190px !important;
	height: 190px !important;
}

.figures-on-slide {
	justify-content: center;
	text-align: center;
}

.figures-on-slide span {
	font-size: 14px !important;
}


.money-text-container h2 {
    /* font-weight: bolder; */
    font-weight: 800;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    color: #113063;
}
.money-text-container {
    padding-top: 30px;
} 

.money-options {
    padding-bottom: 32px;
    font-size: 18px;
    color: #757575;
    font-weight: 800;
}

.payment-method-css {
    position: absolute;
    left: 50%;
    right: 50%;
    width: 150px;
    bottom: 24px;
}

.payment-method-div {
    padding: 40px;
    background: #fff;
    width: 300px;
    text-align: center;
      box-shadow: 0 4px 7px 0 rgb(15 13 81 / 7%);
}

.payment-method-p {
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    margin-bottom: 0px;
	        height: 110px;
}

.payment-method-div img {
    width: 60px;
    height: 60px;
    margin-top: 37px;
    /* background-color: #f7f7f7; */
}


.payment-method-desc {
    font-weight: 800;
    color: #9c9a9a;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 20px !important;
    margin-top: 5px;
	height: 140px;
}

.payment-method-btn {
       background-image: linear-gradient(266deg,#3570e6,#164adb);
    color: #fff;
    padding: 8px;
    border-radius: 8px;
    /* margin: 8px !important; */
	    display: block;
    width: 140px;
    margin: 0 auto;
	text-align: center;
	
}


.payment-img-container {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    background-color: #fff;
    padding: 6px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #4891DC;
}

.payment-img-bg {
    background-color: #f9f9f9;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 1px solid #4891DC;
}


.daralber-partners {
	    margin-top: 50px;
    padding: 12px 0;
    background-color: #F7F8FA;
    /* margin: 0; */
	    overflow: hidden;
}

.daralber-partner-container {
    text-align: center;
}

.daralber-partner-container h3 {
    text-align: center !important;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

.daralber-partners img {
    max-height: 80px;
    /* height: 100%; */
	 max-width: 180px;
}

.daralber-partners .owl-carousel {
    padding: 16px 0;
}


.daralber-loading {
    background-color: white;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999;
    text-align: center;
    
}

.daralber-loading p {
    width: 200px;
    margin: 0 auto;
    font-weight: 800;
    font-size: 20px;
    /* text-transform: uppercase; */
}

.daralber-loading img {
    width: 230px;
    margin: 0 auto !important;
    /* top: 25%; */
    margin-top: 15% !important;
}


.more-account-container {
    margin: 112px;
    text-align: right;
}

.btn-more-daralber-accounts {
    border: 1px solid #4891DC;
    padding: 16px;
    /* margin: 44px; */
    color: #4891DC;
    border-radius: 5px;
}


.urgent-projects-heading h2 {
   /* font-weight: bolder; */
    font-weight: 800;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    color: #424141;
    text-transform: uppercase;
}

.urgent-projects-heading {
    padding: 24px;
    margin: 0 auto;
    width: 100%;
    background-color: #f7f7f7;
}

.urgent-projects-heading h3 {
   /* padding-bottom: 32px; */
    font-size: 24px;
    color: #757575;
    font-weight: 800;
    text-align: center !important;
    /* text-transform: uppercase; */
    /* line-height: 49px; */
}

.urgent-projects-container {
    background-color: #f7f7f7;
    padding: 90px 90px;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
}

.home-project-container p {
    line-height: 1.7;
    color: #777777;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    margin: 0 12px;
    text-align: center;
	height: 140px;
}

.home-project-donors-con {
    /* width: 144px; */
    /* height: 144px; */
    border-radius: 50%;
    background-color: #fff;
    padding: 2px;
    /* margin-top: -50px; */
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #4891DC;
}

.home-project-donors {
    /* width: 144px; */
    /* height: 144px; */
    border-radius: 50%;
    background-color: #fff;
    padding: 8px;
    /* margin-bottom: 24px; */
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #4891DC;
}

.home-project-icons-con img {
    width: 40px;
    height: 40px;
    padding: 4px;
}

.home-project-donors-data {
    margin-top: -32px;
    margin-right: 8px;
    margin-left: 12px;
}

.home-project-icons-con {
    justify-content: center;
    padding-bottom: 24px;
}

.home-project-inside {
    width: 100%;
	justify-content: center;
    padding: 7px;
    font-weight: 600;
    color: #4891DC;
    /* color: #7d7d7d; */
    /* text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.49); */
    /* text-shadow: 0 0 black; */
    /* text-shadow: 0 -1px 0 #888; */
    /* text-shadow: -12px 14px black; */
	background-color: #4891DC;
    box-shadow: inset 0 0 20px 4px rgba(0, 0, 0, 0.26);
	border-radius: 4px;
}

.home-project-donate-btns {
    background-color: #f9f9f9;
    /* box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.1); */
	    padding-top: 6px;
}

.home-project-title p {
    text-align: center;
    padding: 8px;
    /* border-bottom: 2px solid #ddd; */
    /* border-bottom-width: thick; */
    /* border-bottom-style: dotted; */
}

.home-project-icons-con::after {
    /* content: ''; */
    /* width: 171px; */
    /* border-bottom: 2px solid #ddd; */
    /* margin: 15px; */
}

/*
.home-project-title p::after {
    content: '';
    width: 226px;
    display: block;
    border-bottom: 2px dotted #ddd;
    margin: 9px auto;
    text-align: center;
}
*/

.justify-flex {
	justify-content: center;
}

.home-project-inside a {
    color: #fff !important;
    cursor: pointer;
	
}


.home-project-donors-data p {
    /* height: 90px; */
    padding-top: 8px;
}


.home-news-marquee-slider {
    background-color: #8cc2f866;
    padding: 16px;
	overflow: hidden;
	    border-bottom: 1px solid #4891DC;
    /* border-bottom-style: outset; */
    border-bottom-color: #4891DC;
}

.home-news-marquee-slider ul li a {
    font-size: 17px;
    color: #4891DC;
}

.home-news-marquee-parent {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #4891DC;
    padding-bottom: 6px;
}


.news-home-heading {
    padding: 24px;
    margin: 0 auto;
    width: 100%;
	text-align: center;
    /* background-color: #f7f7f7; */
}

.news-home-heading h2 {
    /* font-weight: bolder; */
    font-weight: 800;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    color: #424141;
    text-transform: uppercase;
}


.chart-links {
    width: 78%;
    /* text-align: center; */
    /* justify-content: center; */
    margin: 0 auto;
}


.new-btns {
    width: 50%;
    /* position: absolute; */
    /* bottom: 0; */
    color: #fff;
    padding: 15px;
    /* overflow: hidden; */
    background: url(/css/internet/donate-button-bg.png);
    background-size: cover;
}

a.new-cart-btn {
    background: url(/css/internet/new-cart-bg.png);
    color: #4891DC;
    border: 1px solid #e0e0e0;
    padding: 12px;
    /* overflow: hidden; */
}

.new-btns-container {
    height: 50px;
}

a.new-cart-btn : hover {
	color : #4891DC !important;
}

.padding-bottom-48 {
    padding-bottom: 48px;
}



.event-col-50 {
    width: 50%;
}

.event-col-30 {
    width: 30%;
    /* background: #748a23; */
    /* background: linear-gradient(to bottom, rgba(161,179,45,1) 0%, rgba(84,97,0,1) 49%, rgba(111,128,41,1) 100%); */
    /* margin-top: 24px; */
    /* border-radius: 6px; */
}

.event-col-70 {
    width: 70%;
	padding-top: 12px;
}

.event-col-30 h2 {
    text-align: center;
}

.event-col-30 h3 {
    text-align: center;
}

p.new-event-date {
    font-size: 28px;
    font-weight: 800;
    text-align: center;
    margin: 0;
    color: #fff;
}

p.new-event-month {
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    padding-bottom: 4px;
}

.event_info {box-shadow: 0px 5px 10px 0px rgba(82, 81, 81, 0.31);border-radius: 6px;/* padding: 12px; */border: 1px solid rgba(0, 0, 0, 0.27);}

#event_title {
    /* padding: 12px; */
}

a.new-event-title {
    color: #464141;
    font-weight: bold;
    padding: 12px;
    /* margin: 12px; */
    /* text-align: center; */
	
}

.event-col-70 h3 {
    margin: 0;
}

h3.new-event-title {
    font-weight: bold;
    padding: 4px 12px;
    font-size: 18px;
	height: 24px;
    overflow: hidden;
}

.paper {
    background-color: #84a71f;
    background-image: -webkit-linear-gradient(hsla(0, 0%, 0%, 0.08), hsla(0,0%,0%,.05) 33%, hsla(0,0%,100%,.05) 50%, hsla(0,0%,0%,.05) 50%, hsla(0, 0%, 100%, 0.09));
    /* box-shadow: inset 0 0 0 .1em hsla(0,0%,0%,.1),
                inset 0 0 1em hsla(0,0%,0%,.05),
                0 .1em .25em hsla(0,0%,0%,.5); */
    position: relative;
}
.paper:after,
.paper:before {
    bottom: .1em;
    /* box-shadow: 0 0 .5em .5em hsla(0,0%,0%,.25); */
    content: '';
    height: 3em;
    position: absolute;
    width: 80%;
    z-index: -1;
}
.paper:after {
    right: 1em;
    -webkit-transform: rotate(3deg);
    -webkit-transform-origin: 100% 100%;
}
.paper:before {
    left: 1em;
}

p.new-event-where {
    font-weight: 600;
    padding-left: 14px;
    /* text-align: right; */
}

.new-event-location-cont {
    text-align: left;
    justify-content: flex-end;
}

p.new-event-read-more {
    width: 50%;
    text-align: right;
}

.new-news-loading {
    height: 200px;
    text-align: center;
}

.new-news-loading img {
    height: 100px;
    width: 150px;
}

.new-news-loading p {
    text-align: center;
}

.new-news-loading p {
    text-align: center !important;
    padding: 12px;
}


.new-side-sticky-container {display:none;background-color: #4891DC;padding: 0px;margin: 0px;position: fixed;left: -157px;top: 35%;width: 200px;z-index: 99999999;border-radius: 14px;}
.new-side-sticky li {
list-style-type: none;
background-color: #61790c;
color: #efefef;
height: 43px;
padding: 0px;
margin: 0px 0px 1px 0px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
cursor: pointer;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: #4CAF50;
-webkit-filter: grayscale(0%);
}
 
.new-side-sticky li img {float: right;margin: 8px 8px;height: 28px;width: 28px;}
.new-side-sticky li p {padding: 0px;margin: 0px;text-transform: uppercase;line-height: 43px;color: #3c3939;}

img.smile-icon-home {
    background: #4891DC;
    padding: 4px;
    border-radius: 25%;
}

.orphan-hide-renew {
    display: none;
}

.cd-tabs-content li p {
  /* font-size: 14px; */
font-size: 14px;
  line-height: 1.6;
  color: #767676;
  margin-bottom: 3em;
  margin-top: -8px;
   overflow:hidden; 
       height: 80px; 
	  clear:both;
	 /* width: 22%; */
	 
	 margin-right:4px;
    direction: ltr;
    text-align: justify;
	padding-left: 10px;
}


.student-signup-container {
    width: 80%;
    margin: 64px auto;
    padding: 32px;
    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.28), 0 5px 2px rgba(0, 0, 0, 0.2);
}

.student-signup-container input[type=text] {
    padding-left: 12px;
    height: 40px;
    border-radius: 4px;
    margin: 0 4px;
    width: 60%;
}

.student-signup-input-container {
    text-align: center;
    padding: 14px;
	justify-content: center;
}

.student-signup-50 {
    width: 45%;
    margin: 4px;
}

.student-signup-btns-container {
    width: 60%;
    justify-content: center;
}

input.form-control.margin-auto {}

.student-signup-50 input[type=button] {
    background: #4891DC;
    color: #fff;
}

.student-signup-50 input {
    height: 46px;
}

.student-signup-textarea {
    padding-left: 12px;
	    padding-top: 12px;
     height: 80px; 
    border-radius: 4px;
    margin: 0 auto;
    width: 61%;
}

.student-signup-container img {
    height: auto;
    width: 240px;
}

.inner_lyr a {
    text-decoration: none;
    color: #000;
}

.student-signup-textarea-comment {
    margin-left: 6px;
}

.student-signup-input-container span {
    color: red;
     
}

.student-signup-comments-cont {
    margin-left: 13px;
}


img.projects-home-section-img {
    height: 100%;
    max-height: 350px;
}

.project-home-section-buttons {
    width: 80%;
}

.align-center-parent {
    text-align: center;
}

.projects-home-section-container .cd-nav-item-container-inner {
    text-align: center;
    padding-top: 19%;
}



.projects-home-section-container .dash-cats li {
    width: 280px;
    height: 260px;
    margin: 24px 42px;
	 box-shadow: 1px 12px 19px 5px rgba(119, 119, 119, 0.09);
	     transition: all 0.7s ease !important;
}

.projects-home-section-container ul li:hover {
 
    box-shadow: 0px 4px 3px 2px rgba(119, 119, 119, 0.09);
}

.projects-home-section-container .cd-nav-item-container {
    height: 100%;
}

.projects-home-section-container .cd-nav-item-container-inner {
    height: 100%;
}

.projects-home-section-container .cd-nav-item-container-inner p {
    font-size: 24px;
}

.projects-home-section-container .cd-nav-item-container-inner img {
    /* height: 98px !important; */
    /* width: 98px !important; */
}

.projects-home-section-container dash-cats {}

.projects-home-section-container dash-cats {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.projects-home-section-container ul {
    /* column-count: 3 !important; */
    /* background-color: #5a4141; */
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    /* column-count: 3; */
    
}

.projects-home-section-detail-txt {
    /* border-bottom: 2px solid #ddd; */
    padding: 14px;
    line-height: 2em;
    /* font-size: 20px; */
	color: #fff;
	    font-size: 22px;
}

.projects-home-section-detail-txt-down {
    /* border-bottom: 2px solid #ddd; */
    padding: 8px;
    line-height: 2em;
    /* font-size: 20px; */

}

.projects-home-section-detail-cont {
    border-bottom: 2px solid #ddd;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15);
	    padding: 18px;
}
 
 
 .project-home-sel-cont {
    /* background-color: #f9f9f9; */
    /* margin-top: 12px; */
}

.cd-nav-item-container-inner-projects-home-section {
    
    text-align: center;
    
    height: 100%;
    background: #fff;
	border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    
}


.cd-nav-item-container-inner-projects-home-section img {
    margin: 0 auto!important;
    width: 64px !important;
    height: 64px !important;
    /* padding: 6px; */
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.27);
}

.cd-nav-item-container-inner-projects-home-section h4 {
    /* background-color: white; */
    color: #2e3d49;
    padding: 24px 32px;
	 
    /* word-break: break-all; */
    /* width: 100%; */
    /* overflow-wrap: break-word; */
    /* display: flex; */
    text-transform: capitalize;
    font-size: 22px;
    /* flex-wrap: wrap; */
    font-family: 'lato',sans-serif;
    /* font-size: 14px; */
	margin: 0;
}

.cd-nav-item-container-projects-home-section { background-color: #fff ;height: 100%;/* border-radius: 28%; */    border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem;}

.projects-home-section-header {
    background: url(/css/internet/project-home-bg2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
h2.proj-heading.aos-init.aos-animate {
    text-align: center;
}

h2.aos-init.project-type.aos-animate {
    text-align: center;
}

h2.aos-init.map.aos-animate {
    text-align: center;
}

.projects-home-section-header h2 {
    color: #fff;
}


.projects-home-section-project-home-down {
    background-color: #fff;
	 
}

.project-home-section-type-desc {
    padding: 8px;
    /* font-size: 15px; */
}

.project-section-recent-donations {
    /* box-shadow: 0px 6px 1px #aba6a6; */
    /* padding: 12px; */
    box-shadow: 0 1px 3px rgba(0,0,0,.24);
    border-radius: 2px;
	    overflow: hidden;
    position: relative;
}

.project-section-recent-donations {}

.project-section-recent-donations .recent-title {
    /* box-shadow: 0px 2px 0px #e2e2e2; */
    padding: 10px;
    font-weight: bolder;
    border-bottom: 1px solid #eee;
	text-align: center;
}

p.recent-amount {}

.project-section-recent-donations .recent-amount {
    font-weight: bold;
    padding: 8px;
    padding-left: 32px;
	width: 150px;
}

.project-section-recent-donations .recent-qty {
    /* border: 1px solid #dedbdb; */
	text-align: center;
}

.recent-date img {
    
       width: 16px !important;
     
    margin: 2px 4px 8px 8px;
}

.recent-time img {
       width: 16px !important;
    
    
    margin: 7px 4px 8px 8px;
}

.recent-time p {
    padding: 5px;
}

p {}

.recent-date p {
    /* padding: 4px; */
	
}

.recent-date {
    padding-left: 32px;
    padding-top: 3px;
}

p.recent-qty {}

p.recent-qty {
    color: #fff;
    background-color: #4891DC;
    padding: 8px;
    border-radius: 2px;
}

.project-home-recent-dnt-btn {
   width: 90px;
padding-right: 12px;
}

.project-home-recent-down {
   /* padding-top: 14px; */
}


.project-home-recent-section li {
	margin-top: 8px !important;
	width: 240px !important;
}

.projects-home-section-project-home-down a:hover {
    text-decoration: none !important;
     
}

img.animated.bounce.infinite {
    animation-duration: 4s;
}
 
 
 .projects-home-section-header .proj-heading {
    margin: 0;
}


.project-recent-badge p {
    color: #fff;
    bottom: 37px;
    right: 12px;
    position: absolute;
}

.project-recent-badge {
    background: #4891DC;
    height: 140px;
    width: 140px;
    position: absolute;
    top: -70px;
    left: -70px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 50%;
}

.project-recent-dt-cont {
    padding-top: 16px;
}


.proj-home-img-cont-overlay {
   /* background-color: rgba(147, 175, 44, 0.7); */
    /* z-index: 99; */
    z-index: 4000;
    height: 100%;
    width: 100%;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.proj-home-img-container {
    margin: 0 auto!important;
    width: 100% !important;
    display: flex;
    height: 130px !important;
    background-size: cover;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.prjimg001 {
	 background: url('/css/internet/project-home/mosque.jpg');
}


.prjimg002 {
	 background: url('/css/internet/project-home/well.jpg');
}

.prjimg003 {
	 background: url('/css/internet/project-home/waqf.jpg');
}

.prjimg004 {
	 background: url('/css/internet/project-home/family.jpg');
}


.prjimg005{
	 background: url('/css/internet/project-home/medical.jpg');
}


.prjimg006{
	 background: url('/css/internet/project-home/kafarat.jpg');
}

.prjimg007{
	 background: url('/css/internet/project-home/more.jpg');
}

.prjimg008{
	 background: url('/css/internet/p/25.jpg');
}

.project-home-recent-section li {
    height: auto !important;
}

.project-recent-section-owl-cont {
    width: 80%;
    margin: 0 auto;
}

.project-home-recent-section li {
    margin-top: 32px !important;
}

.home-project-title h1 {
    text-align: center;
    padding: 8px;
    font-size: 18px;
    /* border-bottom: 2px solid #ddd; */
    /* border-bottom-width: thick; */
    /* border-bottom-style: dotted; */
    margin: 0;
}

.top-donate-btn img {
    width: 32px;
    height: 28px;
}

#txtsearch {
	display: none;
}

#CustomValidator4 {
	display: none;
}

.socialCircle-container {
	display: none;
}

#footer {
	background: url(/css/internet/new-footer-bg.svg);
    background-color: #032808;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%;
}

#lightwidget_78408b2f5b {
	width:290px; height: 372px; border: 0; overflow: hidden;
}

#footer a {
    color: #d1d1d1;
}

#footer p {
    color: #fff;
}

.card-project-main-img  {
	width: 100%;
	height: 210px;     
	border-top-right-radius: 8px;  
	border-top-left-radius: 8px;
}

.news-home-heading-container {
    padding-top: 40px;
}

.new-footer-container {
   width: 1290px;
	margin: 0 auto;
    height: auto;
    padding: 25px 70px;
    /* background: url('https://image.ibb.co/c8CqAv/2821.png'); */
    /* background-repeat: no-repeat; */
    /* background-position-x: 0; */
    /* background-position-y: 100%; */
    /* background-size: 100%; */
    /* background-blend-mode: color-burn; */
}

.new-footer-left {
    width: 33%;
}

.new-footer-center {
    width: 33%;
}

.new-footer-right {
    width: 33%;
}

p.new-footer-address {
    font-style: italic;
    /* font-weight: bold; */
}

.new-footer-center1 {
    width: 33%;
}

.new-footer-center2 {
    width: 25%;
}

.new-footer-heading {
   
    width: 150px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
    line-height: 1.42857143;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}


p.footer-tag {
    /* border: 1px solid; */
    width: auto;
    padding: 4px;
}

.footer-tag-container {
    width: 80%;
}

img.android-img-footer {
    width: 70%;
    margin: 0;
    padding: 0;
    margin-left: -20px;
}

.apple-img-footer {
    padding: 12px !important;
    margin-top: -22px !important;
}

 

/* .new-footer-center1 p.bottom-dotted {
    border-bottom: 1px dotted #fff;
    padding-bottom: 8px;
    width: 150px;
} */

.new-footer-social a img {
    width: 36px;
    
}

img.new-footer-whatsapp-img {
    width: 20px;
    padding: 2px;
}

img.new-footer-store-img {
    width: 32px;
    margin: 0 8px;
}

img.new-footer-apple {
    margin-top: -2px;
}

.insta-widget-container iframe {
    width: 75% !important;
	height: auto !important;
}

.home-sms-amount {
    font-weight: 800;
     font-size: 18px; 
    /* border: 1px solid #ddd; */
    
    /* box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2); */
}

b {}

.payment-method-desc b {
    color: #000;
    padding: 0 4px;
}

.payment-method-div:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.home-sms-div {
     width: 200px;
    height: 252px;    
    text-align: center;  
    padding: 4px;
       box-shadow: 0 7px 14px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 10%);
	    margin: 0 auto;
		background: #fff;
}

.home-sms-img-container {
    width: 144px;
    /* height: 144px; */
    /* border-radius: 50%; */
    /* background-color: #fff; */
    padding: 6px;
    /* margin-bottom: 24px; */
    margin-left: auto;
    margin-right: auto;
    /* border: 1px solid #4891DC; */
}

.home-img-bg {
    /* background-color: #f9f9f9; */ */
    /* height: 100%; */
    width: 100%;
    /* padding: 4px; */
    /* border-radius: 50%; */
    margin: 12px 4px;
    /* border: 1px solid #4891DC; */
}

p.home-sms-desc.flex-box {}

p.home-sms-desc {
    font-weight: 800;
    color: #9c9a9a;
    font-size: 14px;
    line-height: 27px;
    /* margin-bottom: 20px !important; */
    /* margin-top: 5px; */
    /* height: 140px; */
    border-top: 2px dotted #ddd;
    padding-top: 6px;
    text-transform: capitalize;
    justify-content: center;
    /* word-wrap: break-word; */
	padding: 6px 0;
}

p.home-sms-desc b {
    color: #000;
}

a.home-sms-anchor {
    color: #000;
}

a.home-sms-anchor:hover {
    text-decoration: none;
    /* transform: scale(1.1); */
}

.home-sms-div {
    transform: scale(1.0);
    transition: 0.5s all;
}

a.home-sms-anchor:hover .home-sms-div {
    transform: scale(1.1);
    transition: 0.3s all;
}

p.home-project-amount {
    font-weight: bold;
    font-size: 18px;
    margin: 0;
}

.home-project-amount-dnt {
    padding: 12px;
    width: 50%;
}

.home-project-amnt-dnt-cont.flex-box {
    background-color: #f9f9f9;
}

 div#google_translate_element {
    display: none;
}

.new-contact-us-cont {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 9999;
}

.new-contact-us-inner {
    /* background-color: #4891DC; */
    background-color: #f9f9f9;
    width: 100%;
    height: 80%;
    margin-top: 5%;
	    border: 2px solid #eee;
}

img.new-contact-us-close {
    width: 32px;
    position: absolute;
    right: 24px;
    top: 20px;
}

.new-contact-us-loc-inner {
    box-shadow: 0 1px 3px rgba(0,0,0,.24);
    background-color: white;
    padding: 24px;
    border-radius: 2px;
    position: relative;
}

.new-contact-us-locs-cont {
    width: 40%;
    padding: 24px;
}

.new-contact-us-locs-cont ul {
    margin: 0;
	height: 100%;
    overflow-y: auto;
    padding-right: 12px;
}

p.contact-us-branch-name {
    margin: 0;
    font-weight: 800;
    /* font-size: 16px; */
}

p.contact-us-branch-loc {
    margin: 0;
    padding-left: 6px;
}

p.contact-us-phone {
    margin: 0;
    position: absolute;
    top: 16px;
    right: 10px;
    border: 1px solid #eee;
    padding: 8px;
    border-radius: 2px;
	    box-shadow: 0 1px 3px rgba(0,0,0,.24);
}

p.contact-us-phone i {
    padding-right: 8px;
    /* background-color: white; */
    color: #4891DC;
    /* padding-top: 2px; */
}

.new-contact-us-locs-cont ul li {
    margin-top: 10px;
}

.contact-us-map-cont {
    width: 60%;
    /* background-color: #ccbcbc; */
    height: 100%;
}

.contact-us-map-cont img {
    height: 100%;
    width: 100%;
}

p.contact-us-now {
    margin: 0;
    position: absolute;
    top: 16px;
    left: 32px;
    border: 1px solid #eee;
    padding: 12px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.24);
}

p.contact-us-now i {
    padding-right: 8px;
    color: #93948e;
}

.hide-show-contact-us {
	display: none;
}

.zakat-home-section-header {
    background: url(/css/internet/new-slider/zakatfitr.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	position: relative;
}

p.zakat-home-section-detail-txt-down {
    direction: ltr;
    text-align: left;
}

.zakat-home-border {
    border-top: 2px solid #eee;
    padding-top: 24px;
	text-align: center;
}

.projects-home-section-detail-txt-down b {
    color: #352d2d;
}

h2.zakat-heading {
    color: #fff;
	width: 87%;
    margin: 0 auto;
    line-height: 55px;
}

.zakat-home-section-detail-cont p {
    color: #fff;
}

.zakat-home-layer {
    background-color: rgba(92, 99, 70, 0.61);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.student-signup-select-cont select {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
}

 

.student-signup-transport-con {
text-align: center;
    /* padding: 14px; */
    justify-content: flex-start;
    margin: 0 4px;
}

.student-signup-select-cont {
    justify-content: flex-start;
    padding-left: 21%;
}

span.hide-mandatory {
    visibility: hidden;
}

p.student-signup-imp-message {
    width: 59%;
    margin: 0 auto;
}

p.student-signup-imp-message span {
    color: red;
}

.student-signup-container h2 {
    direction: ltr;
	font-size: 21px;
}

 select.contact-us-options {
    width: 88%;
    height: 40px;
    border-radius: 12px;
}

textarea.contact-us-textarea {
    width: 88%;
    border-radius: 12px;
    height: 150px;
	padding: 12px;
}

.contact-loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #4891DC;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-top:22%;
  margin-left:45%
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

p.contact-accept-donation {
    position: absolute;
    bottom: 18px;
    left: 32px;
    font-weight: 800;
    text-transform: capitalize;
}

li.zayed-slider-bg {
    background: url(/css/internet/ar/zayedkhairbg.jpg) !important;
    background-size: cover;
}


.zayed-khair-progress-cont {
    width: 100%;
    /* height: 180px; */
    /* box-shadow: 0 4px 4px black; */
    /* position: absolute; */
    /* top: 59%; */
    /* left: 40px; */
    /* background-color: white; */
}

.zayed-khair-progress-cont-inner {
       background-color: white;
    /* margin: 24px 0; */
    /* background-color: white; */
    /* box-shadow: 1px 1px 4px 0px black; */
    justify-content: center;
    padding: 24px 0;
    width: 80%;
    
    margin: 12px auto;
    border: 2px solid #eee;
    /* margin: 4px; */
	    border-radius: 6px;
}

.progressbar {
    height: 40px;
    width: 24%;
    /* background-color: #657723; */
    background: linear-gradient(to bottom, rgba(120,143,27,1) 0%, rgba(84,98,32,1) 48%, rgba(84,98,32,1) 51%, rgba(120,143,27,1) 100%);
    position: relative;
    border-radius: 2px;
}

.progress-bar-container {
    width: 100%;
    background-color: white; 
    box-shadow: 1px 1px 4px rgba(160, 159, 159, 0.5);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-radius: 2px;
}

.progress-cont {
    width: 40%;   
	margin: 5px;
	  
}

p.progress-bar-percent-total {
    font-weight: bold;
    right: 8px;
    position: absolute;
    top: 10px;
    /* color: #9e9494; */
}

p.progress-bar-percent-pending {
    color: #fff;
    top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.progress-donors {
    padding: 10px;
    box-shadow: 1px 1px 4px rgba(160, 159, 159, 0.5);
    margin: 5px;
	    background: #fff;
}

.progress-donors i {
    color: #4891DC;
    padding: 12px;
    /* box-shadow: 0 0 black; */
	
}

.progress-gif {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: url('/css/internet/candyload.gif') repeat-x;
    background-size: cover;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
}

.progress-donors.progress-user {
    margin-left: 12px;
}

.hide-progress-bar {
	display: none;
}


.project-filter-cont {
    width: 15%;
    margin: 8px;
}

.project-filter-cont-search input {
    margin: 0 !important;
    width: 100%;
    border-radius: 8px !important;
    padding: 8px !important;
    border: 1px solid #c3bfbf;
}

.project-filter-cont-search {
    width: 50%;
    margin: 24px 40px 24px 24px;
}

.p-search-container h2 {
    width: 100%;
    text-align: left;
    margin: 4px 26px;
}

.p-search-container {
     display: none; 
}

.home-campaign-div {
    width: 280px;
    height: 372px;
    border: 2px solid #eee;
    position: relative;
    /* direction: rtl; */
    box-shadow: 0 2px 2px #eee;
}

.home-campaign-img-container {
    width: 100%;
    height: 180px;
	    overflow: hidden;
		border-radius: 7px;
}

.home-cases-bank img {
    width: 40px;
    height: 40px;
    padding: 10px;
	overflow: hidden;
}

.home-cases-bank p {
    padding: 9px;
}

a.home-cases-dnt-btn {
    right: 0;
    width: 90px;
    position: absolute;
    display: block;
    /* top: 130px; */
    bottom: 0;
    border-top: 2px solid #eee;
    padding: 12px;
    /* border-top-style: dotted; */
    border-left: 2px solid #eee;
    /* border-left-style: dotted; */
    border-top-left-radius: 16px;
    /* box-shadow: inset 1px 1px 2px 0px #ddd; */
    color: #4891DC;
    /* background: #4891DC; */
	    font-weight: bold;
}

.home-campaign-img-bg img {
}

.home-cases-bank.flex-box {}

p.home-cases-bank-accounts {
    margin: 0;
    padding: 10px 0 0 8px;
    /* border-bottom: 2px solid #eee; */
    /* margin-top: 32px; */
    text-align: left;
}

p.bank-name {
    text-align: left;
    padding: 12px 0 0 8px;
    margin: 0;
    font-weight: bold;
}

p.home-cases-bank-title {
    margin: 0;
    padding: 8px 0 8px 8px;
    border-bottom: 2px solid #eee;
    text-align: left;
    font-weight: bold;
    /* direction: rtl; */
}

p.bank-name-adib {
    text-align: left;
    padding: 4px 0 0 8px;
    margin: 0;
    font-weight: bold;
}

p.home-cases-price {
    position: absolute;
    top: 160px;
    right: 11px;
    background: #4891DC;
    font-weight: bold;
    padding: 8px 20px;
    color: #fff;
    border-radius: 12px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.quick-donation-home li {
	width: 280px !important;
}

.home-campaign-div-p {
    width: auto !important;
	margin: 0 10px !important;
	height:390px;
    /* height: 290px; */
    border: 2px solid #eee;
    position: relative;
    /* direction: rtl; */
	    background: #ffff;
    box-shadow: 0 2px 2px #eee;
}

a.home-cases-dnt-btn-1 {
    right: 10px;
    width: 90px;
    position: absolute;
    display: block;
    /* top: 0px; */
    bottom: 10px;
    /* border-top: 2px solid #eee; */
    padding: 6px 12px;
    /* border-top-style: dotted; */
    /* border-left: 2px solid #eee; */
    /* border-left-style: dotted; */
    /* border-top-left-radius: 16px; */
    /* border-bottom-left-radius: 16px; */
    border-radius: 16px;
    box-shadow: inset 0px -6px 0px 0px rgba(0, 0, 0, 0.21);
    color: #fff;
    background: #4891DC;
    font-weight: bold;
}

a.home-cases-dnt-btn-1:hover {
    color: #fff;
}

p.home-cases-p-title {
     padding: 8px 0 8px 8px;
    border-bottom: 2px dotted #eee;
    text-align: left;
    font-weight: bold;
	overflow-y: auto;
	height: 53px;
}

p.home-cases-price-p {
    position: absolute;
    /* top: 160px; */
    bottom: 19px;
    left: 13px;
    /* background: #4891DC; */
    font-weight: bold;
    padding: 4px 0px;
    border-radius: 12px;
    /* border-left: 1px solid #eee; */
    /* border-bottom: 1px solid #eee; */
    margin: 0;
}

.sweet-alert h2 {
    margin: 0 !important;
        background: rgb(25 68 18);
    color: rgb(255 255 255);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 18px;
}

.sweet-login {
    margin: 110px 0 0 0;
}

.sweet-alert {
    border-radius: 0;
}

.sweet-overlay {
	background-color: rgba(0, 0, 0, 0.7) !important;
}

.zakatfitrcard {
    width: 80%;
    height: 370px;
    border: 2px solid #eee;
    background: url('/css/internet/zakatalfiter1.jpg');
    background-size: cover;
    /* border-radius: 14px; */
}

.zakatfitrsms {
    margin: 12px auto;
}

.zakatfitrnumcont {
    /* height: 30%; */
    width: 35%;
    margin: 20px 120px;
}


.eid-card {
    width: 700px;
    height: 300px;
    position: absolute;
    top: 10%;
    /* background: #fff; */
    border: 2px solid #eee;
    z-index: 999;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: -1px -1px 70px silver;
    background: url('/css/internet/eidposter.jpg');
}

.eid-card-cont {
    /* background: rgb(84, 98, 32); */
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    z-index: 999999999;
    right: 0;
}

.eid-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.98);
    /* z-index: -1; */
}


a.eid-btn {
    border: 2px solid #4891DC;
    padding: 12px;
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 250px;
    color: #4891DC;
}

.hide-eid-card {
     display: none; 
}

.eid-card-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.sweet-alert .sa-icon {
    margin: 110px auto 30px auto;
}

.inform-description span {
    color: red;
}




.orphan-campaign-box {
    border: 2px solid #ddd;
	box-shadow: 0 7px 23px #ddd;
}

.home-sms-div-new {
    width: 200px;
    height: 252px;
    /* box-shadow: 3px 5px 4px 2px rgba(0, 0, 0, 0.31); */
    /* padding-bottom: 12px; */
    /* border-radius: 50%; */
    border: 1px solid #e8e8e8;
    text-align: center;
    /* border-radius: 2px; */
    padding: 4px;
    /* box-shadow: inset -1px 11px 20px 0px rgba(77, 166, 199, 0.09); */
    margin: 0 auto;
    background-color: white;
}

.home-sms-div-new:after,.home-sms-div-new:before {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto;  
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    /* transform: rotate(8deg); */
    /* right: 10px; */
    /* left: auto; */
    /* position:  absolute; */
    /* content: " "; */
    position: absolute;
    content:"";
    box-shadow: 0 10px 20px 20px #cecaca52;
    top:40px;
    left:10px;
    bottom:50px;
    width:15%;
    z-index:-1;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

.home-sms-div-new:after {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto;
}

.seventh-home .dash-cats li {
	    margin: 10px 30px;
}

.countdownn  li{
	
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

.countdownn li span {
  display: block;
  font-size: 4.5rem;
}

.campaign-title {
    font-weight:  bold;
    font-size: 18px;
}

.campaign-title:lang(ar) {
    text-align: right;
    direction: rtl;
}


.campaign-detail {
    font-size: 18px;
    color:gray;
}

.campaign-detail:lang(ar) {
    text-align: right;
    direction: rtl;
}

.quiz-section {
    position: fixed;
    bottom: 24px;
    /* background-color: #a51e1e; */
    z-index: 999999;
    left: 24px;
	    width: 105px;
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 24px;
}

.quiz-section p {
    font-weight: bold;
}

@media (max-width:500px){
	.home-sms-div-new:before {
    
    left:67px;
  
}

.home-sms-div-new:after {
   
    right: 65px;

}
	
}