/*
Theme Name: Child Guardian
Theme URI: http://charity.themographics.com/
Author: Themographic
Author URI: http://themeforest.net/user/themographics/
Description: The Child Guardian is a modern, unique and clean design for charities and not for profit organisations. This design is built to attract the visitors by clearly expressing the objectives and goals that would help mobilise people. It is a contemporary design and has all the elements that any charity would like in their website including the events
Version: 1.4
Tags: one-column, two-columns, right-sidebar,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets
Text Domain: child-guardian
Domain Path: /languages
License:
License URI:
*/
/**
This files contents are outlined below.
01. Google Font
02. Import Other Css
03. Theme Reset Style
04. Global Elements
05. Menu
06. Banner Slider
07. Main Content
08. Footer
09. About Us
10. Event List
10. Event Detail
10. Gallery
10. Blog Grid
10. Blog Grid 1
10. Blog Detail
10. Causes Detail
10. Store Grid
10. Store Detail
10. Contact US
10. 404
10. Comming Soon
10. Church Home Page
10. Muslim Home Page
*/
/**** Import Google Font ****/
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,700italic,300italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
/**** Import Google Font ****/
/**** Import Other Css ****/
@import url('css/animate.css'); /* Animate Css */
@import url('css/owl-carousel.css'); /* Owl Carousel */
@import url('css/flaticon.css'); /* Flaticon */
@import url('css/prettyPhoto.css'); /* Pretty Photo */
@import url('css/pricing-slider.css'); /* Pricing Slider */
@import url('css/transition.css'); /* Transition */
@import url('css/bootstrap-touchspin.css');/* Bootstrap Touchspin */
@import url('css/progressbar.min.css'); /* Circul Prgress */
/**** Import Other Css ****/
/****** Theme Reset Style ******/
html{ height: 100%;}
body{ height: 100%; background: #fff; color: #363636; font-family: 'Open Sans', sans-serif; font-size: 14px; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: 'Lato', sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #363636;}
p a{ color:#f7f7f7;}
p a:hover{ text-decoration:underline;}
p{ letter-spacing: normal; margin-bottom: 30px;}
a{ color: #f7f7f7; text-decoration: none;}
a:hover, a:focus, a:active { outline: none; text-decoration: none;}
.row.no-gutters{ margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{ padding-right: 0; padding-left: 0;}
.m-0{ margin: 0!important;}
.p-0{ padding: 0!important;}
.border-0{ border: 0;}
section{position:relative; }
label { color: #272727; display: block; font-weight: 400; margin: 0;}
textarea{height:130px;}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input{ border: 1px solid #999; height: 50px; background: none; line-height: 50px; padding: 0 18px; border-radius: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
table {
background-color: transparent;
max-width: 100%;
}
th { text-align: left; }
table {
margin-bottom: 15px;
width: 100%;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
border-top: 1px solid #d2d2d2;
border: 1px solid #d2d2d2;
line-height: 2.5;
padding-left: 3px;
text-align: center;
vertical-align: top;
}
table thead tr th {
border-top: 1px solid #d2d2d2;
text-align: center;
text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 1px solid #d2d2d2; }
table > thead > tr > th {
border-bottom: 2px solid #d2d2d2;
vertical-align: bottom;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td { border-bottom: 0; }
table > tbody + tbody { border-top: 2px solid #d2d2d2; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 6px 10px; }
p ins { color: #999; }
dl dd { margin-left: 20px; }
input[placeholder], [placeholder], *[placeholder] {color: #999;}
.form-control:focus{ box-shadow: none!important;}
.form-control:focus::-moz-placeholder{ color: #363636;}
/****** Global Elements ******/
h2{
font-size: 30px;
font-weight: bold;
position: relative;
padding: 0 0 20px;
margin: 0 0 30px;
}
h2 span{
color: #363636;
font-weight: normal;
}
/*h2:before{
position: absolute;
content: "";
height: 2px;
bottom: 0;
width: 70px;
left: 0;
}*/
@media (min-width: 640px) and (max-width: 767px) {h2{ font-size: 23px!important;}}
h3{
font-weight: bold;
font-size: 16px;
position:relative;
color: #363636;
position: relative;
padding: 0 0 20px;
margin: 0 0 30px;
}
/*h3::before{
content: "";
height: 2px;
width: 40px;
bottom: 0;
left: 0;
position: absolute;
background: #363636;
}*/
.tg-padding-widget{ padding: 80px 0; position: relative;}
.tg-bottom-margin{ margin: 0 0 30px;}
.inner-main-content{ padding: 50px 0 0px; overflow: hidden;}
/*.padding-widget-top{ padding: 80px 0 0;}*/
.padding-widget-bottom{ padding: 80px 0 0;}
.bg-white{ background: #fff;}
.tg-haslayout{ width:100%; float:left;}
.tg-display-table{ width: 100%; height: 100%; display: table;}
.tg-display-table-cell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.sm-btn, .xs-btn, .full-width-btn{ width: 160px; height: 50px; line-height: 50px; font-size: 16px; background: #363636; color: #fff;
text-transform: uppercase; display: block; text-align: center; outline: none; text-decoration: none; font-weight: bold; font-family: 'Lato', sans-serif;}
.full-width-btn{ width: 100%;}
.xs-btn{ width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
.sm-btn:hover{ color: #363636;}
/* Home Page *******************************************************************************
******************************************************************************* Home Page */
.content-wrap{ overflow: hidden;}
/************ Main Header ************/
#header{ position: relative;}
.home .tg-nav:before{ background: #363636;}
.home .tg-nav ul li a{ color: #363636;}
.home .tg-nav ul li a:before{ border-color: #363636;}
body.home .header-right li a{color: #363636;}
.nav-holder{
padding: 30px 0 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
text-align: right;
}
.logo{ margin: 0;}
.logo a{ display: block;}
.header-right,
.tg-nav{
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
}
.tg-nav:before{
content: "";
position: absolute;
bottom: -3px;
left: 0;
height: 1px;
width: 999%;
background: #fff;
}
.navbar-header .navbar-toggle{margin: 0;}
.navbar-header .navbar-toggle span{background: #363636;}
.tg-nav ul{
margin: 0;
padding: 0;
list-style: none;
}
.header-right li,
.tg-nav ul li{
float: left;
list-style:none;
position: relative;
}
.header-right li a,
.tg-nav ul > li > a{
color: #fff;
position: relative;
font-size: 15px;
display: block;
padding: 22px 13px;
text-decoration: none;
text-transform: uppercase;
}
.header-right li a i,
.tg-nav ul > li > a i{font-size: 19px;}
.tg-nav ul > li > a:before{
content: "";
bottom: 0;
left: 0;
width: 0;
position: absolute;
border-bottom: 1px solid;
}
.tg-nav ul > li.current-menu-parent > a:before,
.tg-nav ul > li.current_page_item > a:before,
.tg-nav ul > li > a:hover:before{ width: 100%;}
.tg-nav ul li ul{
top: 130%;
margin: 0;
padding: 0;
opacity: 0;
width: 230px;
list-style: none;
background: #fff;
position: absolute;
visibility: hidden;
border: 1px solid #dfdcdc;
border-top: 0;
}
.tg-nav ul li ul li{
width: 100%;
border-top: 1px solid #dfdcdc;
}
.tg-nav ul li ul li a{
padding: 10px;
display: block;
color: #363636;
}
.tg-nav ul li ul li a{
padding: 10px;
color: #363636;
border: 0;
display: block;
width: 100%;
background: none;
}
.tg-nav ul li ul li a:before{display: none;}
.tg-nav ul li.current-menu-parent ul li.current-menu-item a,
.tg-nav ul li ul li a:hover{padding-left: 20px;}
.tg-nav ul li ul li ul{
left: 100%;
top: 50%;
}
.tg-nav ul > li:hover > ul{
visibility: visible;
opacity: 1;
top: 100%;
}
.tg-nav ul > li > ul > li:hover > ul{
visibility: visible;
opacity: 1;
top: 0;
}
.header-right{
margin: 0;
padding: 0;
list-style: none;
}
.header-right li a{
color: #fff;
position: relative;
}
.cart-icon{ position: relative;}
.cart-num{
background: #f14c38;
position: absolute;
top: 14px;
right: 0;
height: 16px;
width: 16px;
text-align: center;
line-height: 16px;
display: inline-block;
border-radius: 50%;
color: #fff;
font-size: 10px;
}
.cart-dropdown{
width: 350px;
background: #fff;
position: absolute;
top: 70px;
right: 0;
padding: 20px;
display: none;
}
.cart-dropdown .title{
display: block;
margin: 0 0 20px;
text-transform: capitalize;
}
.cart-dropdown a{ padding: 0!important;}
.cart-list-list{
margin: 0;
padding: 0;
list-style: none;
visibility: visible;
opacity: 1;
}
.cart-list{
position: relative;
float: left;
width: 100%;
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #999;
}
.cart-list:last-child{ border: 0; margin: 0;}
.cart-list .product-img{
left: 0;
float: left;
border: 1px solid #999;
}
.cart-list .detail{
overflow: hidden;
padding: 0 0 0 20px;
}
.cart-list .detail > span{display: block;}
.cart-list .btn-delete-item{ position: absolute; top: 0; right: 10px;}
.in-stock{ padding: 4px 10px; background: #363636; float: left; color: #fff;}
.total-payment{
width: 100%;
float: left;
overflow: hidden;
margin: 0 0 20px;
}
.total-payment .btn-delete-item{ margin: 0 10px 0 0;}
.cart-dropdown .btn-list{ display: inherit;}
.cart-dropdown .btn-list .sm-btn{ width: 120px;}
.cart-dropdown .btn-list .sm-btn{ color: #fff!important;}
/* Bnner */
.banner-slider.parallax-window.autoheight{ min-height: 600px;}
.banner-slider{ overflow: hidden;}
.slider-caption{ position: relative; z-index: 1; padding:10% 0 0;}
.charity-banner .main-slider{ height: 100%; overflow: hidden; width: 100%;}
.charity-banner .banner-girl{ float: left; width: 60%;}
.muslim-banner .charity-banner .banner-girl{ width: auto; }
.charity-banner .banner-girl img{ max-width: 100%; display: block;}
.charity-banner .owl-stage-outer{ overflow: visible;}
.banner-girl{ float: left;}
.slider-caption .caption{ float:left; width:100%; margin:12% 0 0; position:relative;}
.church-slider .slider-caption .caption{width:50%;}
.caption h1{ font-size: 100px; text-align: left; letter-spacing: 0px; margin: 0 0 30px; text-transform: uppercase; font-weight: bold; line-height: 140px;}
.caption h1 strong{ font-size: 100px; font-weight: 400; letter-spacing: normal; color: #363636; display: block; font-family: 'Lato', sans-serif;}
.church .caption h1{text-transform:capitalize; letter-spacing:1px; line-height:1.1;}
.muslim .image-frame-figure{position:relative;}
.muslim .way-caption{float:left;}
.muslim .caption h1 {
font-size: 60px;
line-height: 56px;
padding: 140px 100px 0 0;
font-weight: normal;
letter-spacing: normal;
text-align: left;
text-transform: uppercase;
position:absolute;
}
.muslim .caption h1 strong{
font-size: 60px;
text-transform: uppercase;
}
.muslim-banner .caption h1 strong{
font-size: 70px;
font-weight: normal;
}
.muslim-event .enevt-countdown li span {color: #363636;}
.caption .sm-btn{ color: #363636; display: block;}
.caption .sm-btn:hover{ text-decoration: none; background: #363636; color: #fff;}
.banner-layer{ position: absolute; width: 61%!important;}
.banner-slider .owl-prev, .banner-slider .owl-next{ top: 50%; margin: 80px 0 0; position: absolute; background: none; font-size: 60px; color: #363636;}
.banner-slider .owl-prev:hover, .banner-slider .owl-next:hover{ background: none;}
.banner-slider .owl-prev{ left: 20px;}
.banner-slider .owl-next{ right: 20px;}
.banner-slider .owl-controls{ opacity: 0;}
.banner-slider:hover .owl-controls{opacity: 1;}
.audio iframe {
border:0;
width: 100%;
}
/************ Main Content Css ************/
/* Main Content */
.main-haeding{ margin: 0 0 30px; text-align: center; padding: 0 190px;}
.main-haeding h2::before{
left: 50%;
margin: 0 0 0 -35px;
}
.main-haeding p{ margin: 0;}
/* About Us */
.about-figure{ text-align: center; padding: 30px; border: 1px solid #ff9933; color: #363636; display: block;}
.about-figure:hover{ text-decoration: none;}
.about-figure .glyph-icon,
.about-figure .fa{ line-height: 40px; margin: 0 0 20px; display: block; color: #363636; font-size: 50px;}
.about-figure h3{ margin: 0 0 20px;}
.about-figure h3::before{
left: 50%;
margin: 0 0 0 -20px;
position: absolute;
content: "";
height: 2px;
bottom: 0;
width: 70px;
}
.about-figure p{ margin: 0; color: #363636}
/* Search For Causes */
.search-causes{ padding: 80px 0; height: 600px;}
.img-figure{ position: relative;}
.img-figure img{ position: absolute; right: 42%; z-index: 100; top: -120px;}
.img-figure .caption{ position: absolute; right: 20px; top: 80px; z-index: 2;}
.img-figure .caption h1{ font-size: 100px; text-align: left; margin: 0;}
.img-figure .caption h1 strong{ font-size: 80px; line-height: 100px; line-height: 70px; font-weight: 100;}
.search-form-holder{ text-align: center; z-index: 2; position: relative; margin-top: 50px}
.search-form-holder h2::before{
left: 50%;
margin: 0 0 0 -35px;
}
/* Recent Causes */
.causes-figure{ border: 1px solid #999; text-align: center; position: relative; overflow: hidden;}
.bolt-batch{ padding: 9px 0px 0px 31px; content: "\e004"; font-family: "Flaticon"; color: #fff; line-height: 40px; text-align: center;
height: 60px; width: 50px; z-index: 1; position: absolute; top: -32px; left: -25px;
-ms-transform: rotate(51deg); font-family: 'Open Sans', sans-serif;
transform: rotate(51deg);}
.bolt-batch i{
font-size: 17px;
left: 35px;
position: absolute;
top: 23px;
-ms-transform: rotate(-198deg); /* IE 9 */
-webkit-transform: rotate(-198deg); /* Chrome, Safari, Opera */
transform: rotate(-198deg);}
.causes-img{ border-bottom: 1px solid #999;}
.causes-figure img{ width: 100%;}
.causes-content{ padding: 20px 10px;}
.causes-content h4{ text-align: center; padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #999; text-transform: capitalize;}
.causes-collected{ margin: 0; padding: 0; list-style: none; display: inline-block;}
.causes-collected li{ float: left; font-size: 24px; font-family: 'Lato', sans-serif;}
.causes-collected li span{ display: block; font-size: 14px; color: #363636; text-align: center;}
.causes-collected li::before{ content: "/"; margin: 0 20px;}
.causes-collected li:first-child::before{ content: ""; margin: 0;}
.causes-collected li:first-child span{ text-align: left;}
.causes-collected li:last-child span{ text-align: right;}
.causes-content .c100{ display: inline-block; float: none; margin: -45px 0 10px;}
.causes-content .c100.small{ font-size: 60px;}
.causes-content .c100 span{color: #363636; line-height: 65px;}
.view-all-causes{ text-align: center; padding: 92px 20px; border: 1px solid #999999;}
.view-all-causes h3:before{
left: 50%;
margin: 0 0 0 -20px;
}
.view-all-causes p{ margin: 0 0 30px;}
.view-all-causes .sm-btn{ display: inline-block;}
.causes-slider .owl-item{ padding: 0 1px 0 0;}
.causes-slider .owl-controls{ text-align: center; padding: 10px 0;}
.causes-slider .owl-dots{ display: inline-block;}
.causes-slider .owl-dots .owl-dot{ margin: 0 0 0 4px; height: 8px; width: 8px; border: 1px solid #999; float: left;}
.causes-slider .owl-dots .owl-dot:first-child{ margin: 0;}
.causes-slider .owl-nav{ display: none;}
/* Counter Style */
.tg-counters{ text-align: center;overflow: hidden; z-index: 2; position: relative;}
.tg-counters .tg-counter{ border-left: 1px solid;}
.tg-counters .tg-counter:first-child{ border: 0;}
.tg-counter{ width: 25%; float: left; color: #fff; padding: 15px 0;}
.tg-counter h2{ font-size: 48px; padding: 0 0 10px; margin: 0 0 10px; position:relative}
.tg-counter h2:after{ left: 50%; width: 70px; height:2px; bottom:0; margin: 0 0 0 -30px; position:absolute; content:'';}
.tg-counter .tg-border-topcenter:after { background: #fff;}
.tg-counter h4{ margin: 0; width: 100%; float: left; color: #fff; font-size: 18px; line-height: 18px; font-weight: normal;}
.tg-counter .tg-timer{ display: block; color: #fff;}
/* Our Volunteers */
.volunteer-figure{ border: 1px solid #999999; position: relative; overflow: hidden;}
.volunteer-figure img{ width: 100%;}
.client-name{ text-align: center; overflow: hidden; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px;}
.client-name-inner{ display: inline-block;}
.client-name-inner h3:before{
left: 50%;
margin: 0 0 0 -20px;
}
.volunteer-figure::before{ content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%);}
.client-name h3{ display: block; color: #fff; padding: 0 0 10px;}
.client-name h3::before{ background: #fff;}
.icon-list{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
text-align: center;
}
.icon-list li:first-child{margin: 0;}
.icon-list li{
display: inline-block;
vertical-align: middle;
margin: 0 0 0 7px;
}
.icon-list li a{
height: 42px;
width: 42px;
border-radius: 100%;
line-height: 42px;
color: #363636;
text-align: center;
background: #fff;
display:block;
}
.icon-list li a:hover{ text-decoration: none; color: #fff;}
.volunteer-figure:hover .client-name{ background: rgba( 54,54,54,.7); height: 100%;}
.view-all-volunteer{ border: 1px solid #999; overflow: hidden; position: relative;}
.view-all-volunteer h3:before{
left:50%;
margin:0 0 0 -20px;
}
.view-all-volunteer img{ float: right; max-width: 36%;}
.view-all-volunteer .view-all{ position: absolute; right: 0; top: 0; height: 100%; width: 100%; text-align: center; padding: 45px; background: rgba(255,255,255,0.7);}
.view-all-volunteer .sm-btn{ display: inline-block;}
/* Donate Way */
.donate-way{ padding: 50px 0;}
.mobile-way-img{ text-align: center; z-index: 2; position: relative;}
.mobile-way-img img{ max-width: 100%;}
.way-caption{font-size: 100px; text-align: left; letter-spacing: -10px; float: right; text-transform: uppercase; font-weight: bold; line-height: 75px;}
.way-caption > span{
font-size: 80px;
font-weight: 400;
letter-spacing: normal;
color: #363636;
display: block;
font-family: 'Lato', sans-serif;
}
.donate-way-inner{ padding: 70px 0 0; z-index: 2; position: relative;}
.donate-way-inner h2{ text-transform: uppercase; font-size: 40px; position:relative;}
.donate-way-inner h2:after{position:absolute; content:''; bottom:0; left:0; width:70px; height:2px;}
.donate-way-inner h2 span{ display: block; font-size: 24px;}
.donate-way-inner h2::before{ left: 0; margin: 0;}
.donate-way-inner p{ margin: 0 0 30px;}
.donate-way-inner .btn-list{ margin: 0;padding: 0; list-style: none;}
.donate-way-inner .btn-list li{ margin: 0 0 0 30px; float: left;}
.donate-way-inner .btn-list li:first-child{ margin: 0;}
/* Recent Blog And Products */
.blog-inner-slider .item h3{text-transform: capitalize;}
.recent-panal h2::before,
.recent-blog h3::before{ left: 0; margin: 0;}
.recent-blog{ position: relative; border: 1px solid #999; overflow: hidden;}
.blog-img{ width: 100%;}
.blog-inner-slider{ float: left; padding: 25px;}
.blog-inner-slider p{ padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid;}
.recent-blog-slider .owl-nav, .product-slider .owl-nav{ position: absolute; top: -76px; right: 0;}
.blog-inner-slider .owl-stage-outer{ margin: 0;}
.blog-inner-slider .about-arthur{ padding: 0 0 0 73px;}
.recent-blog-slider p span{ display: block;}
.blog-inner-slider .owl-controls{ position: absolute; top: 20px; right: 20px;}
.blog-inner-slider .owl-dots{ display: inline-block;}
.blog-inner-slider .owl-dots .owl-dot{ margin: 0 0 0 4px; border-radius: 50%; background: #aeaeae; height: 9px; width: 9px; float: left;}
.blog-inner-slider .owl-dots .owl-dot:first-child{ margin: 0;}
.blog-detail-list{ margin: 0; padding: 0; list-style: none;}
.blog-detail-list li{ float: left;}
.blog-detail-list li::before{ content: "|"; margin: 0 5px;}
.blog-detail-list li:first-child::before{ content: ""; margin: 0;}
.blog-detail-list li a{color: #363636;}
.product-figure{ border: 1px solid #999;}
.product-figure img{ max-width: 100%;}
.product-figure .btm{ text-align: center; padding: 20px;}
.product-figure .btm h5{ margin: 0 0 10px; font-size: 16px; font-weight: bold; text-transform: capitalize;}
.product-figure .price{ font-weight: bold; display: block;}
.product-figure .old-price{ font-weight: normal;}
.poduct-header{ position: relative; text-align: center; overflow: hidden;}
.product-overlay{ position: absolute; height: 100%; top: 0; width: 100%; left: 0;}
.product-overlay .icon-list{ position: absolute; top: -100%; left: 0;}
.product-figure:hover .product-overlay{ background: rgba(83,83,83,0.5);}
.product-figure:hover .icon-list{ top: 40%;}
/* Donate Now */
.donate-now{}
.donate-now p{ margin: 0; padding: 15px 0 0; font-weight: bold; color: #fff; font-size: 17px;}
.donate-now .sm-btn{ border: 1px solid #999;}
/* Brand icon */
.brands-icons-slider .owl-prev{ position: absolute; left: -23px; top: 45%; width: 21px;}
.brands-icons-slider .owl-next{ position: absolute; right: -23px; top: 45%;}
.brand-icon{ text-align: center; display: block; border: 1px solid transparent; padding: 10px 40px; background: #fff; opacity: 0.5;}
.brand-icon:hover{ opacity: 1;}
/************ Footer ************/
.footer.view-all-causes{ border-top: 5px solid; overflow: hidden;}
.footer-figures{ color: #f7f7f7; padding: 20px 0; background: #363636; position: relative; border-top: 5px solid;}
.footer-figures h3{ color: #f7f7f7; font-size: 20px; position:relative;}
.footer-figures h3:after{ position:absolute; left:0; bottom:0; content:''; width:40px; height:2px; background:#f7f7f7;}
.footer-logo{ display: block; margin: 0 0 25px;}
.logo-figure p{ margin: 0 0 20px;}
.signup-newletter{ position: relative;}
.signup-newletter input{ width: 100%; height: 40px; line-height: 40px;}
.signup-newletter i{ color: #999; position: absolute; right: 10px; top: 12px;}
/* Social icon Style */
.social-icons{ margin: 0 0 20px; padding: 0; list-style: none; overflow: hidden;}
.social-icons li{ float: left; margin: 0 0 0 5px;}
.social-icons li:first-child{ margin: 0;}
.social-icons li a{ color: #363636; height: 25px; width: 25px; text-align: center; line-height: 25px; background: #f7f7f7; font-size: 12px; display:block;}
.social-icons li a:hover{ text-decoration: none;}
/* Social icon Style */
.twit-list{ margin: 0; padding: 0; list-style: none;}
.twit-name{ display: block; position: relative; padding: 0 0 0 20px;}
.twit-name::before{ content: "\f099"; font-family: fontawesome; position: absolute; left: 0;}
.twit-list li{ padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #999;}
.twit-list li:last-child{ margin: 0; border: 0; padding-bottom: 0;}
.contact-list{ margin: 0; padding: 0; list-style: none;}
.contact-list li{ position: relative; padding: 0 0 0 58px; min-height: 44px; margin: 0 0 30px;}
.contact-list li span{ background: #f7f7f7; position: absolute; left: 0; height: 44px; width: 44px; text-align: center; line-height: 44px; font-size: 20px; color: #363636;}
.contact-list li:last-child{ margin: 0;}
.img-list{ margin: 0 0 0 -10px; padding: 0; list-style: none; overflow: hidden;}
.img-list li{ width: 29.6%; margin: 0 0 10px 10px; float: left;}
.img-list li img{ width: 100%;}
.img-list li a{ position: relative; display: block;}
.gallery-overlay{ display: none; height: 100%; width: 100%; top: 0; left: 0;
text-align: center; position: absolute; line-height: 90px; overflow: hidden; font-size: 20px; font-weight: 100; display: block;}
.gallery-overlay::before{ content:"+"; position: absolute; left:50%; font-size: 30px; top: -100%; line-height:57px; margin:0 0 0 -10px ;}
.img-list li a:hover .gallery-overlay::before{ top: 0;}
.img-list li a:hover .gallery-overlay{ background: rgba(53,53,53,0.6);}
/* scrollup */
.scrollup{ position: absolute; top: 0; right: 61px; line-height: 40px !important; border: 1px solid transparent; height: 40px; width: 40px; text-align: center; color: #fff;}
.scrollup:hover{ background: none; border:1px solid;}
/* scrollup */
/* Main Footer */
.main-footer{ background: #232323; padding: 15px 0;}
.main-footer .footer-nav{ margin: 0; padding: 0; list-style: none;}
.main-footer .footer-nav li{ float: left;}
.main-footer .footer-nav li::before{ content: "-"; margin: 5px; font-size: 20px; color: #fff;}
.main-footer .footer-nav li:first-child::before{content: ""; margin: 0;}
.main-footer .footer-nav li a{ color: #f7f7f7;}
.main-footer .footer-nav li a:hover{ text-decoration: none;}
.copy-rights{ text-align: right;}
.copy-rights p{ margin: 0; color: #f7f7f7; padding: 9px 0 0;}
.donate-form .modal-header h4{ font-size: 16px; font-weight: bold; text-transform: capitalize; color: #363636;}
.donate-form .modal-body{ padding: 30px; border-radius: 0!important;}
.donate-form .checkbox input{ height: auto; margin: 0; position: absolute; left: 0; top: 4px;}
.donate-form .checkbox{ margin: 0;}
.donate-ammount-option h3{ padding: 0 0 10px; margin: 0 0 20px; display: block;}
.donate-ammount-option h3:before{ left: 0; margin: 0;}
.small-cause-img{ margin: 0 15px 0 0; float: left;}
.donate-ammount-option .skills-progressbar{ width: 100%; float: left; padding: 10px 0;}
.donate-ammount-option .Cause-title{ border-bottom: 1px solid #d6d6d6; overflow: hidden; margin: 0 0 20px;}
.donate-ammount-option .cuase-detail{ overflow: hidden;}
.donate-ammount-option .skill .skill-name{ overflow: hidden;}
.donate-ammount-option .skill .skill-name strong span{ display: block;}
.donate-ammount-option .skill .skill-name strong:last-child{ text-align: right;}
.ammount-option ul{ margin: 0 0 0 -20px; padding: 0; list-style: none;}
.ammount-option ul li{ width: 45%; float: left; margin: 0 0 20px 20px;}
.ammount-option ul li:last-child .form-group{ padding: 20px 0px; margin: 0;}
.ammount-option ul li a{ padding: 50px 0; text-align: center; display: block; border: 1px solid #d6d6d6;}
.ammount-option ul li a:hover{ color: #363636;}
.ammount-option ul li .form-group input{ height: 48px; line-height: 48px; border: 1px solid #d6d6d6;}
.ammount-option ul li .form-group label{ margin: 0 0 10px; font-weight: bold;}
/* End Home Page *******************************************************************************
******************************************************************************* End Home Page */
/* Start About Us *******************************************************************************
******************************************************************************* Start About Us */
/* Inner Page Header */
.inner-benner{ position: relative; height: 276px;}
.overlay{ width: 100%; height: 100%; background: rgba(54,54,54,0.8); position: absolute; left: 0; top: 0;}
.inner-page-nav .navigation li a{ color: #f7f7f7;}
.inner-page-nav::before{ background: #f7f7f7;}
.inner-heading{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 0;}
.inner-heading h2{
text-transform: uppercase;
color: #fff;
margin: 0;
float: left;
position:relative;
}
.inner-heading h2:after{
position:absolute;
content:'';
left:0;
bottom:0;
width:50px;
height:2px;
}
.bredcrum{ margin: 0; padding: 17px 0 0; list-style: none; overflow: hidden;}
.bredcrum li{ float: left; padding: 0 0 0 15px; position: relative; margin: 0 0 0 12px; color: #fff;}
.bredcrum li::before{ content: "\f111"; font-family: fontawesome; color: #fff; font-size: 5px; position: absolute; left: 0; top: 7px;}
.bredcrum li:first-child::before{ content: ""; margin: 0;}
/* Why Choes us & Volunteers Skills */
.skill-section h2:before{ left: 0; margin: 0;}
.reasons-list{ margin: 0; padding: 0 0 0 30px; list-style: none;}
.reasons-list li{ padding: 0 0 0 30px; position: relative;}
.reasons-list li::before{ content: "\f00c"; font-family: fontawesome; position: absolute; left: 0;}
.skill-group{ float:left; width:100%;}
.skill{ margin:0 0 20px; float:left; width:100%;}
.skill-name{ display:block; font-size:14px; font-weight:600; line-height:17px; padding:0 0 10px;}
.skill-holder{ float:left; background: #f7f7f7; width:100%; padding:3px; position:relative;}
.per{ border-right: 2px solid; color: #363636; font-size: 14px; height: 33px; line-height: 13px; padding: 0 3px 0 0; position: absolute; right: 0; top: -27px;}
.skill-bar{ height:6px; float:left; position:relative; transition:none; background: #363636;}
/* End About Us *******************************************************************************
******************************************************************************* End About Us */
/* Event List *******************************************************************************
******************************************************************************* Event List */
/* Event List Content */
.event-holder{border: 1px solid #999;}
.event{ position: relative; overflow: hidden; margin: 0;}
.event-holder .event img{ width: 100%;}
.event-date{ width: 50px; position: absolute; text-align: center; left: 10px; top: 0; padding: 10px; z-index: 9;}
.event-date .date{ display: block; color: #363636; padding: 0 0 5px; font-size: 24px; border-bottom: 2px solid #363636; margin: 0 0 10px;}
.event-date .month{ display: block; font-size: 13px; color: #fff;}
.event-overlay{ position: absolute; right: -100%; top: 0; text-align: center; width: 100%; height: 100%; padding: 100px 0 0 ;}
.event-holder:hover .event-overlay{ background: rgba(83,83,83,0.7); right: 0;}
.event-holder:hover .event-date{ background: #363636;}
.event-holder .icon-list{ position: absolute; top: 46%;}
.see-map{ position: absolute; cursor: pointer; left: 17px; bottom: 10px; display: block; color: #fff; height: 35px; z-index: 1000;}
.see-map::before{ content: "\f106"; font-family: fontawesome; position: absolute; top: -12px; left: 35%;}
.overlay-map{ height: 100%; width: 100%; position: absolute; bottom: 0; z-index: 999; display: none;}
.see-map.active,
.see-map.active::before{ color: #363636;}
.post-content{padding: 18px;}
.post-content h3{ margin: 0 0 10px; padding: 0 0 10px; position:relative;}
.post-content h3:after{position:absolute; content:''; left:0; bottom:0; width:40px; height:2px; background:#363636;}
.post-content p{ margin: 0 0 10px;}
.post-content .detail-list{ margin: 0; padding: 0; list-style: none;}
.post-content .detail-list li{ padding: 0 0 0 20px; margin: 0 0 10px; position: relative;}
.post-content .detail-list li a{
color: #363636;
display: inline-block;
}
.post-content .detail-list li i{ position: absolute; left: 0;}
/* Aside */
.aside-widget{ margin: 0 0 30px;}
.aside .aside-widget:last-child{ margin: 0;}
.aside-widget-inbner{ background: #f7f7f7; overflow: hidden;}
.aside-search input{ width: 100%; position: relative;}
.aside-search a{ position: absolute; top: 20px; color: #999; right: 30px;}
.aside-widget h5{ font-size: 16px; margin: 0; color: #fff; height: 40px; line-height: 40px; padding: 0 18px; font-weight: bold; background: #363636;}
.categories-list{ margin: 0; padding: 0; list-style: none;}
.categories-list li{ border-bottom: 1px solid #999;}
.categories-list li:last-child{ border: 0;}
.categories-list li a{ color: #363636; padding: 10px 0; display: block;}
.categories-list li a .badge{ border-radius: 0; background: #d3d3d3; color: #363636; margin: 3px 0 0; font-weight: normal;}
.tags-list{ margin: 0 0 0 -10px; padding: 0; list-style: none; overflow: hidden;}
.tags-list li{ float: left; margin: 0 0 10px 10px;}
.tags-list li a{ padding: 10px; color: #363636; border: 1px solid #999; display: block;}
.archives-list{ margin: 0; padding: 0; list-style: none;}
.archives-list li{ border-bottom: 1px solid #999; position: relative;}
.archives-list li:last-child{ border: 0;}
.archives-list li::before{ content: "\f0da"; font-family: fontawesome; position: absolute; left: 0; top: 30%; color: #363636;}
.archives-list li a{ padding: 10px 20px; color: #363636; display: block;}
.archives-list li a::before:hover{ color: #fff;}
.read-more{ color: #363636;}
.read-more i{ margin: 0 0 0 10px;}
/* End Event List *******************************************************************************
******************************************************************************* End Event List */
/* Start Event Detail *************************************************************************
************************************************************************* Start Event Detail */
.event-detail-img{ position: relative; min-height:315px; background-color:rgb(232, 232, 232);}
.event-detail-img img{ width: 100%;}
.enevt-countdown-holder{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba( 53,53,53,.8); text-align: center;}
.enevt-countdown h3{ margin: 0; color: #fff;}
.enevt-countdown h3:before{ background: #fff;}
.enevt-countdown{ margin: 0 0 30px; padding: 0; list-style: none; display: inline-block;}
.enevt-countdown li{ float: left; margin: 0 0 0 30px;}
.enevt-countdown li:first-child{ margin: 0;}
.enevt-countdown li span{ font-size: 36px; color: #fff;}
.enevt-countdown li p{ margin: 0; font-size: 16px; color: #fff;}
.event-schedule-figure{ padding: 30px 0; margin: 0 0 30px; border-top: 1px solid #999; border-bottom: 1px solid #999;}
.event-detail-header{ padding: 30px 0 0}
.event-detail-header h2{position:relativer}
.event-detail-header h2:after{position:absolute; content:''; left: 0; bottom:0; width:70px; height:2px;}
.event-schedule-figure .about-figure{ padding: 30px 20px;}
.register-figure{ padding: 37px 20px!important;}
.register-figure p{ margin: 0 0 21px;}
.event-schedule-figure .about-figure p span{ display: block;}
.event-schedule-figure .about-figure .glyph-icon{ line-height: 64px;}
.event-schedule-figure .about-figure .sm-btn{ display: inline-block;}
#event-map{ height: 378px;}
/* End Event Detail *************************************************************************
************************************************************************* End Event Detail */
/* Start gallery *******************************************************************************
******************************************************************************* Start gallery */
.filter-tags-holder{ padding: 0 0 30px; text-align: center;}
#tg-filterbale-nav{ margin: 0; padding: 0; list-style: none; display: inline-block;}
#tg-filterbale-nav li{ float: left; margin: 0 0 0 10px;}
#tg-filterbale-nav li:first-child{ margin: 0;}
#tg-filterbale-nav li a{ color: #363636; position: relative; overflow: hidden; border: 1px solid #363636; line-height: 40px; display: block; padding: 0 30px;}
#tg-filterbale-nav li a:hover{ color: #fff;}
#tg-filterbale-nav li .selected{ color: #fff;}
.masonry-grid { float: left; padding:15px;}
.tg-project{ overflow: hidden; float: left; width: 100%; position: relative;}
.tg-project figure{ overflow: hidden; margin: 0; position: relative; z-index: 1;}
.tg-project figure img{ width: 100%; height: auto; display: block;}
.tg-portfolio-hover{ position: absolute; width: 100%; border: 10px solid rgba(255,255,255,0.5); height: 100%; z-index: 2; background: rgba(53, 53, 53, 0.70);}
.tg-portfolio-hover .icon-list{
position: absolute;
top: 50%;
left: 50%;
width: 42px;
height: 42px;
margin: -21px 0 0 -21px;
}
.tg-portfolio-hover a{
width: 42px;
line-height: 42px;
height: 42px;
color: #fff;
background: #272727;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.tg-portfolio-hover a:hover{ color: #fff;}
/* End Start gallery *******************************************************************************
******************************************************************************* End Start gallery */
/* Start Blog Grid *******************************************************************************
******************************************************************************* Start Blog Grid */
.blog-list .owl-nav{ display: none;}
/* End Blog Grid *******************************************************************************
******************************************************************************* End Blog Grid */
/* Start Stroe Grid 1 *******************************************************************************
********************************************************************************* Start Stroe Grid */
.product-list-1 .product-figure{ border: 0;}
.product-list-1 .poduct-header{ border: 1px solid #999;}
/* End Stroe Grid 1 *******************************************************************************
********************************************************************************* End Stroe Grid */
/* Start Blog Detail *******************************************************************************
******************************************************************************* Start Blog Detail */
.Causes-detail-holder h2:before, .Causes-detail-holder h3:before{ left: 0;}
.blog-padding-wigdet{ padding: 30px}
.blog-detail-img img{ width: 100%;}
.blog-detail-btm{ width: 100%; border: 1px solid #999;}
.blog-user-detail{ position: relative; overflow: hidden; padding: 30px 0 0;}
.blog-user-detail img{ margin: 0 15px 0 0; border: 1px solid #999; float: left;}
.blog-title{
overflow: hidden;
padding: 0 0 30px;
}
.blog-title h2{ margin: 0; padding: 0 0 10px;}
.blog-title h2::before{ display: none;}
.detail-list-holder{ height: 92px; padding: 0 0 0 100px; position: absolute; width: 100%;}
.blog-title .detail-list{ margin: 0; padding: 0 0 10px; list-style: none; position: relative; overflow: hidden;}
.blog-title .detail-list::before{ content: ""; position: absolute; border-bottom: 2px solid;
bottom: 0; width: 70px; left: 0;}
.blog-title .detail-list li{ float: left; color: #363636; font-size: 14px;}
.blog-title .detail-list li a{ color: #363636;}
.blog-title .detail-list li::after{ content: "/"; margin: 0 10px;}
.blog-title .detail-list li:last-child::after{ content: ""; margin: 0;}
.tags-social{ padding: 30px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; overflow: hidden;}
.tags-social strong{ vertical-align: middle; text-transform: uppercase; padding: 0 20px 0 0; display: table-cell;}
.social-tags{ padding: 7px 0 0;}
.tags-list-social{ margin: 0; padding: 0; list-style: none; display: table-cell; vertical-align: middle;}
.tags-list-social li{ float: left; margin: 0 0 0 10px;}
.tags-list-social li:first-child{ margin: 0;}
.tags-list-social li a{ display: block; padding: 10px; border: 1px solid #999; color: #363636;}
.tags-social .social-icons{ display: table-cell; vertical-align: middle;}
.about-arthur-holder{ padding: 30px 0; border-bottom: 1px solid #999; float:left; width:100%;}
.about-arthur{ position: relative; padding: 0 0 0 100px}
.about-arthur-holder h2{ max-width: 0 0 20px;}
.about-arthur img{position: absolute; left: 0; border: 1px solid #363636;/* width: 60px;*/}
.arthur-detail h2::before,
.more-blog-form h2::before{ margin: 0;}
.more-blog-list{ margin: 0; padding: 0; list-style: none;}
.more-blog-list li{ position: relative; padding: 0 0 0 70px; overflow: hidden; margin: 0 0 20px;}
.more-blog-list li:last-child{ margin: 0;}
.more-blog-list li img{ position: absolute; left: 0; border: 1px solid #999;}
.more-blog-list h3{ padding: 0 0 10px; margin: 0 0 10px; position:relative;}
.more-blog-list h3:after{position:absolute; content:''; left:0; bottom:0; width:40px; height:2px; background:#363636;}
.blog-statust{ margin: 0; padding: 0; list-style: none; overflow: hidden;}
.blog-statust li{ float: left; padding: 0; margin: 0;}
.blog-statust li::before{ font-size: 10px; content: "|"; margin: 0 5px;}
.blog-statust li:first-child::before{ content: ""; margin: 0;}
.comment-list-holder{
width: 100%;
float: left;
padding: 30px 0;
border-bottom: 1px solid #999;
}
.comment-list-holder h2::before{ margin: 0;}
.comment-list{
width: 100%;
float: left;
margin: 0;
padding: 0;
list-style: none;
}
.comment-list li{
width: 100%;
float: left;
list-style-type: none;
}
.comment-list li + li{margin: 30px 0 0;}
.comment-list li:last-child{ margin-bottom: 0;}
.comment-list li p{ margin: 0;}
.comment{
overflow: hidden;
position: relative;
padding: 30px 30px 30px 130px;
border: 1px solid #999;
}
.comment h3{ margin: 0 0 10px; padding: 0 0 10px; position:relative;}
.comment h3:after{position:absolute; content:''; left:0; bottom:0; width:40px; height:2px; background:#363636;}
.comment img{ position: absolute; left: 25px; top: 30px; border: 1px solid #999;}
.post-date{ display: block; margin: 0 0 10px; font-weight: normal;}
.comment-list .xs-btn{
position: absolute;
right: 30px;
top: 30px;
}
.sub-comment{ margin: 0 0 0 100px;}
.post-commnet{
width: 100%;
float: left;
}
.post-commnet a{color: #363636;}
.post-commnet textarea{ border-radius: 0; border: 1px solid #999; resize: none;}
.post-commnet .sm-btn, .contact-form .sm-btn{ margin: 30px 0 0;}
.children li .comment{margin: 30px 0 0;}
/* End Blog Detail *******************************************************************************
******************************************************************************* End Blog Detail */
/* Start Causes Detail *******************************************************************************
******************************************************************************* Start Causes Detail */
.causes-deail-img{ overflow: hidden; position: relative;}
.causes-deail-img iframe{width: 100%;}
.causes-deail-img .video{
width: 100%;
float: left;
}
.causes-deail-img .video iframe{
width: 100% !important;
height: 470px !important;
float: left;
}
.single-causes-detail{ position: relative; background: #f7f7f7; margin: 0 0 30px; overflow: hidden;}
.causes-goal li{ font-size: 22px;}
.causes-goal li::before{ margin: 0 10px;}
.causes-progress{ border-radius: 0 100% 100% 0; background: #fff; width: 19%; float: left;}
.causes-progress .c100{ color: #363636; font-size: 150px; height: 137px; margin: 10px; width: 135px;}
.causes-progress .c100 .fill{}
.causes-progress .c100 .slice{ height: 137px; width: 137px;}
.c100 > span{ line-height: 137px; color: #363636;}
.cause-title{ width: 52%; float: left; padding: 15px 30px 0;}
.cause-title h2:after{position:absolute; content:''; left:0; bottom:0; width:70px; height:2px;}
.cause-title p{ margin: 0;}
.causes-goal{ text-align: center; width: 29%; float: left; padding: 15px 30px 0;}
.causes-goal .causes-collected{ margin: 0 0 10px;}
.causes-goal .sm-btn{ display: inline-block;}
.detail-article{ padding: 30px 0;}
.detail-article p:last-child{ margin: 0;}
.cause-blockquote{ padding: 50px 30px 30px; margin: 0 0 30px; font-size: 16px; background: #f7f7f7; border: 0; text-align:
center; color: #363636; font-style: italic; font-weight: 600; position: relative;}
.cause-blockquote::before{ content: "\f10d"; font-size: 30px; font-style: normal; font-family: fontawesome;
position: absolute; left: 46%; top: 10px;}
.wey-cause-choes img{ width: 100%;}
/* End Causes Detail *******************************************************************************
******************************************************************************* End Causes Detail */
/* Start Stroe Grid *******************************************************************************
******************************************************************************* Start Blog Grid */
.sale-batch{ color: #fff; height: 75px; left: -22px;top: -34px; ;width: 50px; transform: rotate(51deg); text-transform: uppercase;}
.sale-batch i{ font-size: 12px; font-weight: bold; left: 27px; position: absolute; top: 15px; transform: rotate(-92deg); color: #363636;}
/* Aside */
.acoordian-list .panel{ background: none; border-radius: 0; padding: 0; margin: 0; box-shadow: none; border-bottom: 1px solid #999;}
.acoordian-list .panel:last-child{ border: 0;}
.acoordian-list .panel-heading{ padding: 0;}
.acoordian-list .panel-heading a{ color: #363636; padding: 10px 0; display: block;}
.acoordian-list .panel-heading a::after{ content: "\f107"; margin: 3px 0 0; float: right; font-family: fontawesome;}
.acoordian-list .panel-body{ border-top: 1px solid #999;}
.sub-categorries{ margin: 0; padding: 0 0 0 20px;}
.pricing-slider{ padding: 20px 0 0; text-align: center;}
.slider-horizontal{ margin: 0 0 20px;}
.slider-track{ background: #ebebeb; width: 100%; box-shadow: none; border-radius: 0;}
.slider-handle.round{ border-radius: 0; background: #434343; opacity: 1; width: 6px;}
.slider.slider-horizontal .slider-handle{ margin: -5px 0 0px -4px;}
.slider-selection{ border-radius: 0; box-shadow: none;}
.slider-price{ font-size: 13px; font-weight: 600; margin: 6px 10px 0 0;}
.most-popular-product{ margin: 0; padding: 0; list-style: none;}
.most-popular-product li{ margin: 0 0 20px; border-bottom: 1px solid #999;}
.most-popular-product li:last-child{ border: 0; margin: 0;}
.popular-product{ padding: 0 0 0 74px; overflow: hidden; position: relative;}
.most-popular-product li img{ position: absolute; left: 0; top: 0;}
.m-popular-detail h6{ margin: 0; font-weight: bold;}
.m-popular-detail h6 a{ color: #363636;}
.ranking-star{ margin: 0; padding: 0; list-style: none; display: block;}
.ranking-star li{ float: left; padding: 0; border: 0;}
/* Aside */
/* End Blog Grid *******************************************************************************
**************************************************************************** Start Stroe Grid */
/* Start Stroe Detail *******************************************************************************
******************************************************************************* Start Stroe Detail */
.product-Detail h2::before{ left: 0; margin: 0;}
.single-product-holder{ padding: 0 0 30px;}
.product-thunails-slider{ margin: 0; padding: 0 30px; list-style: none;}
.single-product-holder .carousel-inner{ margin: 0 0 30px;}
.single-product-holder .carousel-inner img{ border: 1px solid #999;}
.single-product-holder img{ width: 100%;}
.product-thunails-slider .owl-prev,
.product-thunails-slider .owl-next{ position: absolute; margin: -10px 0 0;}
.product-thunails-slider .owl-prev{ top: 50%; right: auto; left: 0;}
.product-thunails-slider .owl-next{ top: 50%; left: auto; right: 0;}
.quick-view{ position: absolute; bottom: 20px; right: 20px; font-size: 20px; color: #373737; border: 1px solid #999; padding: 5px;}
.single-product-detail .detail-header{ position: relative; margin: 0 0 20px;}
.single-product-detail .detail-header h2{ padding: 0 0 40px;}
.single-product-detail .ranking-star{ display: block; position: absolute; top: 30px;}
.single-product-detail .price{ display: block; font-weight: bold; font-size: 18px;}
.single-product-detail .price del{ margin: 0 0 0 10px; font-size: 14px;}
.single-product-detail .ranking-star li:first-child{ font-weight: bold; margin: 0 10px 0 0; color: #363636; font-size: 14px;}
.single-product-detail .ranking-star li a{ font-size: 14px;}
.product-article{ padding: 30px 0; border-bottom: 1px solid #999; border-top: 1px solid #999;}
.product-article p{ margin: 0 0 30px;}
.product-article ul{ margin: 0; padding: 0; list-style: none;}
.product-article ul li{ font-weight: bold; margin: 0 0 5px;}
.product-article ul li:last-child{ font-weight: normal; margin: 0;}
.availability{ margin: 0 0 30px; display: block; line-height: 30px;}
.quantity-box .input-group-btn .btn{ height: 50px; width: 50px; box-shadow: none; border: 0; border-radius: 0;
padding: 0; background: #363636; color: #fff; font-size: 25px;}
.quantity-box input{ text-align: center; color: #363636; font-weight: bold;}
.color-choser-holder{ padding: 30px 0 0;}
.color-choser{ margin: 0; padding: 0 0 31px; display: block; overflow: hidden; list-style: none;}
.color-choser li{ float: left; margin: 0 0 0 7px;}
.color-choser li:first-child{ margin: 0; padding: 3px 0 0;}
.color-choser li a{ width: 28px; height: 28px; display: block; border: 1px solid #999;}
.black{ background: #000;}
.green{ background: #31ed1e;}
.orange{ background: #edcd1e;}
.yellow{ background: #ebe950;}
.red{ background: #ff0000;}
.white{ background: #fff;}
/* info Tabs */
.info-tabs-holder{ padding: 30px 0 0;}
.info-tabs-holder .nav{ border-bottom: 1px solid #363636;}
.info-tabs-holder .nav > li{ border-right: 1px solid;}
.info-tabs-holder .nav > li:last-child{ border: 0;}
.info-tabs-holder .nav > li > a{ color: #363636; font-size: 18px; padding: 10px 30px; border-radius: 0; border: 0;}
.info-tabs-holder .nav > li:last-child > a{ border-right: 0;}
.info-tabs-holder .nav > li > a:hover{ border: 0; background: none;}
.nav-tabs > li.active > a{ border-bottom: 1px solid;}
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{ border: 0; border-bottom: 1px solid;}
.info-tabs-panal{ padding: 30px 0 0;}
.wc-tab .info-tabs-panal{ padding: 0;}
.info-list{ margin: 0; padding: 0 0 30px; list-style: none; overflow: hidden;}
.info-list li{ float: left; width: 25%; margin: 0 0 10px;}
.info-list li::before{ content: "\f111"; font-size: 5px; margin: 0 10px 0 0; vertical-align: middle; font-family: fontawesome;}
.related-products-slider .owl-nav{ position: absolute; top: -50px; right: 0;}
/* Start Contact *******************************************************************************
******************************************************************************* Start Contact */
.contact-form textarea{ border-radius: 0; border: 1px solid #999; resize: none; height: 245px;}
.map-holder{ position: relative; overflow: hidden;}
#contact-map{ height: 450px;}
.map-overlay{ background: rgba(53,53,53,0.9); position: absolute; top: 0; left: 0; width: 100%; z-index: 1000;}
.map-overlay-inner{ padding: 60px 0;}
.contact-figure{ text-align: center; padding: 0 30px; border-left: 1px solid;}
.contact-figure h3{ display: block;}
.contact-figure h3:before{
left: 50%;
margin: 0 0 0 -20px;
}
.contact-figure p{ color: #fff;}
.contact-figure span{ display: block;}
.contact-figures .contact-figure:last-child{ border: 0;}
.map-overlay .full-width-btn{ cursor: pointer;}
.map-overlay .full-width-btn i{ margin: 0 0 0 10px;}
/* End Contact *******************************************************************************
******************************************************************************* End Contact */
/* Start 404 *******************************************************************************
******************************************************************************* Start 404 */
.error-content-holder{ text-align: center;}
.error-name{ display: inline-block; font-size: 300px; font-weight: bold; margin: 0 0 30px;}
.middle-erreo-content{ display: block; overflow: hidden;}
.middle-erreo-content h2{ color: #363636;}
.middle-erreo-content h2:before{
left: 50%;
margin: 0 0 0 -35px;
}
.middle-erreo-content p strong{ display: block;}
.help-search-bar .help-search-holder{ width: 730px;}
.error-content-btm{ padding: 30px 0 0;}
.error-content-btm .sm-btn{ width: 200px; display: inline-block;}
.error-content-btm .sm-btn i{ margin: 0 10px 0 0;}
/* End 404 *******************************************************************************
******************************************************************************* End 404 */
/* Start Comming Soon *******************************************************************************
******************************************************************************* Start Comming Soon */
.comming-soon-bg{height: 100%; padding: 134px 0; overflow-y: scroll;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.comming-soon-bg .nav-holder{display: none;}
.comming-soon-header{ text-align: center; margin: 0 0 30px;}
.comming-soon-header a{ display: block; margin: 0 0 100px;}
.comming-soon-header h2{ text-transform: uppercase; font-size: 50px;}
.comming-soon-header h2:before{
left: 50%;
margin: 0 0 0 -35px;
}
.comming-soon-header strong{ color: #363636; display: block; font-size: 30px;}
.comming-soon-holder{ overflow: hidden;}
.time-accounter{ background: #363636; text-align: center; padding: 30px 0;}
.comming-countdown{ margin: 0; padding: 0; list-style: none; display: inline-block;}
.comming-countdown li{ float: left; margin: 0 0 0 100px;}
.comming-countdown li:first-child{ margin: 0;}
.comming-countdown li span{ margin: 0 0 20px; display: block; font-size: 60px; font-weight: bold; position: relative;}
.comming-countdown li span::before{ content: ""; position: absolute; border-bottom: 2px solid; bottom: 0; left: 50%; margin: 0 0 0 -15px; width: 30px;}
.comming-countdown li p{ font-size: 24px; color: #fff;}
.comming-soon-btm{ padding: 30px 0; text-align: center;}
.help-search-holder{ width: 770px; overflow: hidden; display: inline-block;}
.help-search{ width: 80%; float: left;}
.help-search input{ background: #fff;}
.help-search-btn{ width: 20%; float: left;}
/* End Comming Soon *******************************************************************************
******************************************************************************* End Comming Soon */
/* CHurch Home Page Css *******************************************************************************
******************************************************************************* CHurch Home Page Css */
.church .tg-nav ul li a{ color: #363636;}
.church .tg-nav::before{ background: #363636;}
.church-slider .banner-girl{ width: 62%; position:absolute;}
.church .sm-btn:hover{ color: #fff;}
.church .owl-prev:hover, .church .owl-next:hover{ color: #fff;}
.church .caption .sm-btn{ background: none; border: 1px solid #363636; margin: 0 0 0 13px;}
/* About us */
.church .about-figure{ background: #f7f7f7; min-height: 200px; padding: 40px 30px}
.church .about-figure h3{ margin: 0;}
/*.church .about-figure span{ margin: 0 0 10px;}*/
.church .about-figure:hover{ background: #363636;}
.church .about-figure:hover span,
.church .about-figure:hover h3{ color: #fff;}
/* Up Comming Enevts */
.church-event h1{ font-size: 80px; font-weight: normal; position: absolute; right: 6%; top: 28%;}
.church-event h1 strong{ display: block; font-weight: normal; color: #fff;}
.church-event .coming-event{ text-align: center;}
.church-event .coming-event h2 span{ color: #fff!important;}
.up-comming-enevts .coming-event h2{position:relative;}
.up-comming-enevts .coming-event h2:after{
position:absolute;
content:'';
left:50%;
bottom:0;
width:50px;
height:2px;
background:#fff;
margin:0 0 0 -20px;
}
/*.coming-event h2::before{
left:50%;
margin:0 0 0 -35px;
}*/
.church-event .coming-event p{ color: #fff;}
.church-event .coming-event{ color: #fff;}
.church-event .enevt-countdown li span{ color: #fff; position: relative; padding: 0 0 10px; margin: 0 0 10px; display: block; overflow: hidden;}
.church-event .enevt-countdown li span::before{ content: ""; position: absolute; bottom: 0; width: 30px; left: 50%; margin: 0 0 0 -15px; border: 1px solid #fff;}
.church-event .coming-event #clockdiv{ display: inline-block; margin: 0 0 30px;}
#clockdiv div > span::before{ left: 36%;}
.up-comming-enevts .coming-event #clockdiv div > span{ font-weight: 600; font-size: 40px; padding: 10px 20px;}
.btn-list{ margin: 0; padding: 0; list-style: none; display: inline-block;}
.btn-list li{ float: left; margin: 0 0 0 30px;}
.btn-list li:first-child{ margin: 0;}
/*.event-img-sec .caption .way-caption strong{ color: #fff;}*/
.event-img-sec img{ position: absolute; z-index: 100; top: -103px;}
.church .caption .way-caption strong{ font-size: 65px;}
.church.muslim .caption .way-caption strong{font-size: 50px;}
/* Recent Events */
.recent-events .event:hover .event-overlay{ right: 0; background: rgba(53,53,53,0.5);}
.recent-events img{ width: 100%;}
.recent-events .event .event-overlay .icon-list{ position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -42px;}
.view-btn-holder{ padding: 30px 0 0; text-align: center;}
.view-btn-holder .sm-btn{ display: inline-block;}
/* Fastival Gallery */
.fastival-gallery-holder{ background: #f7f7f7;}
.fastival-gallery .masonry-grid{ padding: 0;}
.fastival-gallery .causes-figure{ border: 0;}
.fastival-gallery .causes-figure .overlay{ display: none;}
.fastival-gallery .causes-figure:hover .overlay{ display: block;}
.fastival-gallery .causes-figure .icon-list{
top: -100%;
left: 50%;
width: 88px;
text-align: center;
position: absolute;
}
.fastival-gallery .causes-figure .icon-list li{
display: inline-block;
vertical-align: middle;
float: none;
}
.fastival-gallery .causes-figure:hover .product-overlay{ background: rgba(83,83,83,0.5);}
.fastival-gallery .causes-figure:hover .icon-list{
top: 50%;
margin: -21px 0 0 -42px;
}
/* Latest Sermons */
.latest-sermons-list{
width: 100%;
float: left;
margin: 0;
padding: 0;
list-style: none;
}
.latest-sermons-list > li{
position: relative;
overflow: hidden;
width: 50%;
float: left;
padding: 30px;
border-top: 1px solid #d6d6d6;
}
.latest-sermons-list > li:nth-child(odd){
border-right: 1px solid #d6d6d6;
padding-left: 0;
}
.latest-sermons-list > li:nth-child(even){
padding-right: 0;
}
.latest-sermons-list > li:nth-child(1),
.latest-sermons-list > li:nth-child(2){padding-top: 0; border-top: 0;}
.latest-sermons-list > li:nth-child(5),
.latest-sermons-list > li:nth-child(6){padding-bottom: 0;}
.sermon-recording{ float: left; width: 160px; height: 120px; overflow: hidden; display: table-cell; margin: 0 30px 0 0;}
.sermon-recording iframe{ border: 0; width: 100%; height: 100%;}
.sermon-detail{ display: table-cell; vertical-align: middle;}
.sermon-detail h3{ font-size: 16px; font-weight: bold; position:relative;}
.sermon-detail h3::before{ left: 0; margin: 0;}
.sermon-detail h3:after{position:absolute; content:''; left:0; bottom:0; width:40px; height:2px; background:#373737;}
.sermon-detail h3 span{ display: block; font-size: 14px; font-weight: normal;}
.download-option{ margin: 0; padding: 0; list-style: none;}
.download-option li{ padding: 0; float: left; border: 0;}
.download-option li::before{ content: ""; border-left: 1px solid #363636; margin: 0 15px;}
.download-option li:first-child::before{ border: 0; margin: 0;}
.download-option li:last-child{ border: 0!important; padding: 0!important;}
.download-option li a{ font-size: 20px; color: #363636;}
/* Church Donate Way */
.church-donate-way .mobile-way-img img{ float: right; margin: -40px 0 0;}
.church-donate-way .donate-way-inner{ padding: 100px 0 0;}
.church .donate-form .modal-header h4{ color: #fff;}
.modal-content{ border-radius: 0;}
.signup-modalbox .modal-small,
.login-modalbox .modal-small{width:370px;}
.signup-modalbox .modal-small p,
.login-modalbox .modal-body p{margin:0;}
.signup-modalbox .modal-small p a,
.login-modalbox .modal-body p a{color:#363636;}
.signup-modalbox .modal-small p ahover,
.login-modalbox .modal-body p a:hover{text-decoration:none;}
.tg-login-modalbox .forgetpassword em,
.tg-login-modalbox .forgetpassword i{color:#363636;}
.tg-login-modalbox .checkbox{float:left;}
.tg-login-modalbox .forgetpassword{float:right;}
.do-registration-form .form-group,
.do-login-form .form-group{float:left; width:100%;}
.church .footer-figures{ background: #f4f4f4; color: #363636!important; border-color: #363636;}
/*.muslim .footer-figures{ background: #fff; color: #363636!important; border-color: #363636;}*/
.church .footer-figures h3{ color: #363636;}
.church .footer-figures h3::before{ background: #363636;}
.church .scrollup{ background: #363636;}
.church .scrollup:hover{ border-color: #363636; background: none; color: #363636;}
.church .contact-list li span{ background: #363636; color: #fff;}
.church .social-icons li a{ background: #363636; color: #fff;}
.church .signup-newletter input{ color: #363636!important;}
.church .volunteer-figure h3{ color: #fff;}
.church .volunteer-figure h3::before{ background: #fff;}
.church-slider .slider-caption{float:left; width:100%;}
/* CHurch Home Page Css *******************************************************************************
******************************************************************************* CHurch Home Page Css */
/* Muslim Home Page Css *******************************************************************************
******************************************************************************* Muslim Home Page Css */
.muslim .tg-nav ul li a{ color: #363636;}
.muslim .tg-nav::before{ background: #363636;}
.muslim .caption h1 strong{ font-size: 70px; font-weight: normal;}
.muslim-banner .banner-girl img{ max-width: 100%!important;}
.muslim-banner .caption{ width: 50%;}
.muslim .about-figure:hover span{ color: #fff;}
.muslim .about-figure:hover h3{ color: #fff;}
.muslim .about-figure:hover h3::before{ background: #fff;}
/*.enevt-countdown{ margin: 0 0 30px;}*/
.event-img-sec img{ float: left; position: static;}
.muslim .event-img-sec h1{ font-size: 60px; text-transform: uppercase; padding: 140px 0 0;}
.muslim .event-img-sec h1 strong{ display: block; font-weight: normal; text-transform: uppercase; font-size: 50px;}
.coming-event{ text-align: center;}
.coming-event h2::before{ background: #363636;}
.coming-event h2 span{ color: #363636!important;}
.muslim-event .coming-event p{ color: #363636;}
.muslim-event .enevt-countdown li span{ color: #363636;}
.muslim-donate-way .donate-way-inner h2,
.muslim-donate-way .donate-way-inner h2 span{ color: #fff;}
.muslim-donate-way .donate-way-inner h2::before{ background: #363636;}
.muslim-donate-way .mobile-way-img{ float: right; margin: -30px 0 0;}
.muslim-footer .footer-figures{ color: #363636; background: #fff;}
.muslim-footer .footer-figures h3{ color: #363636; position:relative;}
.muslim-footer .footer-figures h3:after{background:#363636;}
.muslim-footer .social-icons li a{ background: #363636; color: #fff;}
.muslim .event-detail-holder h3{ color: #fff;}
.muslim .event-detail-holder h3::before{ background: #fff;}
.muslim #clockdiv div > span::before{ background: #fff;}
.muslim .about-figure h3{ color: #363636; margin: 0 0 20px;}
.muslim .about-figure h3::before{ background: #363636;}
/* Muslim Home Page Css *******************************************************************************
******************************************************************************* Muslim Home Page Css */
/********* Bottons *********/
.woocommerce .widget_price_filter .price_slider_amount .button,
.sm-btn, .xs-btn, .full-width-btn{ width: 160px; height: 50px; line-height: 50px; font-size: 16px; background: #363636; color: #fff; border: 0;
text-transform: uppercase; display: block; text-align: center; outline: none; text-decoration: none; font-weight: bold; font-family: 'Lato', sans-serif;}
.full-width-btn{ width: 100%;}
.woocommerce .widget_price_filter .price_slider_amount .button,
.xs-btn{ width: 100px; height: 30px; line-height: 30px; font-size: 14px; border: 0; border-radius: 0; padding: 0;}
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.sm-btn:hover{ color: #363636;}
#wpadminbar{z-index: 150 !important;}
.page-id-404 .ft_charity_logo,
.page-id-404 .ft_church_logo{ display:none;}
.page-id-401 .ft_charity_logo,
.page-id-401 .ft_muslim_logo{ display:none;}
.page-id-2 .ft_church_logo,
.page-id-2 .ft_muslim_logo{ display:none;}
.footer-logo.ft_muslim_logo,
.footer-logo.ft_church_logo{display: none;}
body.page-id-401 .footer-logo.ft_church_logo,
body.page-id-404 .footer-logo.ft_muslim_logo{display: block;}
.product-quantity.product-quantity-add{
width: 50%;
float: left;
}
.quantity-box .cart button.sm-btn.full-width-btn{
width: 50%;
float: right;
border: 0;
}
.woocommerce div.product form.cart div.quantity,
.quantity-box .cart .input-group-btn,
.quantity-box .cart .quantity{
float: left;
width: auto;
margin: 0;
}
.download-option li a span{
display: none;
}
.comment-respond{
float: left;
width: 100%;
}
.modal.fade .modal-dialog{
/*width: 420px;
position: absolute;
top: 10%;
left: 50%;
margin: 0 0 0 -210px;*/
}
.signup-newletter .mailchimp-message i{
left: 50%;
color: #fff;
text-align: center;
margin: 0 0 0 -20px;
}
.church a{color: #363636;}
.church .signup-newletter .mailchimp-message i{color: #999;}
.alert-danger{border-radius: 0; padding: 10px 8px}
.logged-in-text{background-color:#FFF; padding-left:0px;}
.elm-display-none{ display:none;}
.underconstruction-demo{ background-size:cover; height:100%; }
.charity-contact{ position:relative; float:left; width:100%;}
.charity-contact .fa-refresh{float: right;top: 92%;position: absolute;right: 15%;}
.btn-delete-item a{ color:#363636 !important;}
.recent-blog-slider .about-arthur img{ width:60px; height:60px;}
.recent-blog-slider .blog-detail-list a{ color:#363636}
/*WOO*/
a.add_to_cart_button .fa-spin,
a.add_to_cart_button.loading i.fa-shopping-cart{display: none; line-height: 42px;}
a.add_to_cart_button i.fa-shopping-cart,
a.add_to_cart_button.loading .fa-spin{display: block; line-height: 42px;}
.footer-figures-none{
color: #f7f7f7;
padding: 0px 0;
background: #363636;
position: relative;
border-top: 5px solid;
border-color:#e8c022;
}
.causes-search-form{border: 1px solid #dfdfdf;padding: 20px 20px 5px 20px;margin-bottom: 25px;}
.search-form-cause div:first-child{ padding-left:0px;}
.more-blog-list li a img{ width:59px;}
.woocommerce h3::before, .woocommerce h3::before { left: 2%; }
.ammount-option ul li a:hover {
color: #363636;
background: #E8C022;
border-color: #E8C022;
}
.ammount-option ul li a.active {
color: #363636;
background: #E8C022;
border-color: #E8C022;
}
.mini_cart_item .product-img a img{ width:50px; height:50px;}
.woo-cart-button{ position:relative;}
.woo-cart-button .added_to_cart{
position: absolute;
width: 120px;
margin: 0 auto;
left: -26%;
border-radius: 0px;
top: 100%;
margin-top: 10px;
}
.page-id-404 .ft_charity_logo,
.page-id-404 .ft_church_logo{ display:none;}
.page-id-401 .ft_charity_logo,
.page-id-401 .ft_muslim_logo{ display:none;}
.page-id-2 .ft_church_logo,
.page-id-2 .ft_muslim_logo{ display:none;}
.footer-logo.ft_muslim_logo,
.footer-logo.ft_church_logo{display: none;}
body.page-id-401 .footer-logo.ft_church_logo,
body.page-id-404 .footer-logo.ft_muslim_logo{display: block;}
.product-quantity.product-quantity-add{
width: 50%;
float: left;
}
.quantity-box .cart button.sm-btn.full-width-btn{
width: 50%;
float: right;
border: 0;
}
.woocommerce div.product form.cart div.quantity,
.quantity-box .cart .input-group-btn,
.quantity-box .cart .quantity{
float: left;
width: auto;
margin: 0;
}
.woocommerce-message a{ color:#363636;}
.woocommerce-checkout-review-order{float:left; width:100%;}
/* Start Stroe Grid *******************************************************************************
******************************************************************************* Start Blog Grid */
.sale-batch{ color: #fff; height: 75px; left: -22px;top: -34px; ;width: 50px; transform: rotate(51deg);}
.sale-batch i{ font-size: 12px; left: 25px; position: absolute; top: 18px; transform: rotate(-92deg); color: #363636;}
/* Aside */
.acoordian-list .panel{ background: none; border-radius: 0; padding: 0; margin: 0; box-shadow: none; border-bottom: 1px solid #999;}
.acoordian-list .panel:last-child{ border: 0;}
.acoordian-list .panel-heading{ padding: 0;}
.acoordian-list .panel-heading a{ color: #363636; padding: 10px 0; display: block;}
.acoordian-list .panel-heading a::after{ content: "\f107"; margin: 3px 0 0; float: right; font-family: fontawesome;}
.acoordian-list .panel-body{ border-top: 1px solid #999;}
.sub-categorries{ margin: 0; padding: 0 0 0 20px;}
.pricing-slider{ padding: 20px 0 0; text-align: center;}
.slider-horizontal{ margin: 0 0 20px;}
.slider-track{ background: #ebebeb; width: 100%; box-shadow: none; border-radius: 0;}
.slider-handle.round{ border-radius: 0; background: #434343; opacity: 1; width: 6px;}
.slider.slider-horizontal .slider-handle{ margin: -5px 0 0px -4px;}
.slider-selection{ border-radius: 0; box-shadow: none;}
.slider-price{ font-size: 13px; font-weight: 600; margin: 6px 10px 0 0;}
.most-popular-product{ margin: 0; padding: 0; list-style: none;}
.most-popular-product li{ margin: 0 0 20px; border-bottom: 1px solid #999;}
.most-popular-product li:last-child{ border: 0; margin: 0;}
.popular-product{ padding: 0 0 0 74px; overflow: hidden; position: relative;}
.most-popular-product li img{ position: absolute; left: 0; top: 0;}
.m-popular-detail h6{ margin: 0; font-weight: bold;}
.m-popular-detail h6 a{ color: #363636;}
.ranking-star{ margin: 0; padding: 0; list-style: none; display: inline-block;}
.ranking-star li{ float: left; padding: 0; border: 0;}
.ranking-star li a{ color: #f4d400;}
/* Aside */
/* End Blog Grid *******************************************************************************
**************************************************************************** Start Stroe Grid */
/* Start Stroe Detail *******************************************************************************
******************************************************************************* Start Stroe Detail */
.product-Detail h2::before{ left: 0;}
.single-product-holder{ padding: 0 0 30px;}
.product-detail-img{ margin: 0 0 10px; border: 1px solid #999; overflow: hidden;}
.product-detail-img img{ width: 100%;}
.product-thumnail{ padding: 0 30px;}
.thumnail-nav-list{ margin: 0; padding: 0; list-style: none; display: inline-block;}
.thumnail-nav-list li{
border: 1px solid #999;
width: 100%;
float: left;
}
.thumnail-nav-list .owl-item{ overflow: hidden;}
.thumnail-nav-list li a{display: block;}
.product-thumnail .thumnail-nav-list li a img{
width: 100%;
height: auto;
display: block;
}
.review{
color: #363636;
margin: 0 10px 0 0;
}
.review:hover{text-decoration: none;}
.thumnail-nav-list li a:hover .overlay{ left: 0;}
.thumnail-nav-list li a .overlay{ left: -100%;}
.product-thumnail .owl-prev, .owl-next{ position: absolute; top: 40%;}
.product-thumnail .owl-prev{ left: -30px; width: 20px;}
.product-thumnail .owl-next{ right: -30px;}
.single-product-detail .detail-header{ position: relative; margin: 0 0 20px;}
.single-product-detail .detail-header h2{ padding: 0 0 40px;}
.single-product-detail .ranking-star{ display: block; position: absolute; top: 30px;}
.single-product-detail .price{ display: block; font-weight: bold; font-size: 18px; padding: 0 0 30px;}
.single-product-detail .price del{ margin: 0 0 0 10px; font-size: 14px;}
.single-product-detail .ranking-star li:first-child{ font-weight: bold; margin: 0 10px 0 0; color: #363636; font-size: 14px;}
.single-product-detail .ranking-star li a{ font-size: 14px;}
.product-article{ padding: 30px 0; border-bottom: 1px solid #999; border-top: 1px solid #999;}
.product-article p{ margin: 0 0 30px;}
.product-article ul{ margin: 0; padding: 0; list-style: none;}
.product-article ul li{ font-weight: bold; margin: 0 0 5px;}
.product-article ul li:last-child{ font-weight: normal; margin: 0;}
.availability{ margin: 0 0 30px; display: block; line-height: 30px;}
.quantity-box .input-group-btn .btn{ height: 50px; width: 50px; box-shadow: none; border: 0; border-radius: 0;
padding: 0; background: #363636; color: #fff; font-size: 25px;}
.quantity-box input{ text-align: center; color: #363636; font-weight: bold;}
.color-choser-holder{ padding: 30px 0 0;}
.color-choser{ margin: 0; padding: 0 0 31px; display: block; overflow: hidden; list-style: none;}
.color-choser li{ float: left; margin: 0 0 0 7px;}
.color-choser li:first-child{ margin: 0; padding: 3px 0 0;}
.color-choser li a{ width: 28px; height: 28px; display: block; border: 1px solid #999;}
.black{ background: #000;}
.green{ background: #31ed1e;}
.orange{ background: #edcd1e;}
.yellow{ background: #ebe950;}
.red{ background: #ff0000;}
.white{ background: #fff;}
/* Aside */
.aside {
float: left;
width: 100%;
}
.aside-widget{
width: 100%;
float: left;
margin: 0 0 30px;
}
.aside .aside-widget:last-child{ margin: 0;}
.aside-widget-inbner{ background: #f7f7f7; overflow: hidden; /*padding: 20px;*/}
.widget_search .aside-widget-inbner{float: left; width: 100%; background: transparent;}
.tg-search{position: relative;}
.widget_search input{ width: 100%; position: relative; padding-right: 60px;}
.widget_search button {color: #999; position: absolute; right: 0; top: 0; width: 50px; height: 50px; border: 0; background: transparent;}
.aside-widget h5{ font-size: 16px; margin: 0; color: #fff; height: 40px; line-height: 40px; padding: 0 18px; font-weight: bold; background: #363636;}
.aside-widget ul{ margin: 0; padding: 15px; list-style: none;}
.aside-widget ul li{ border-bottom: 1px solid #999; position: relative;}
.aside-widget ul li:last-child{ border: 0;}
.aside-widget ul li a{ color: #363636; padding: 10px 0; display: inline-block; vertical-align: middle;}
.widget_categories ul li a .badge{ border-radius: 0; background: #d3d3d3; color: #363636; margin: 3px 0 0; font-weight: normal;}
.tagcloud{ padding: 15px; list-style: none; overflow: hidden;}
.tagcloud a{float: left; margin: 5px; padding: 10px; color: #363636; border: 1px solid #999; display: block; font-size: 14px !important;}
.widget_archive ul li{padding-left: 20px;}
.widget_archive ul li:before{ content: "\f0da"; font-family: fontawesome; position: absolute; left: 0; top: 11px; color: #363636;}
.download-option li a span{
display: none;
}
.comment-respond{
float: left;
width: 100%;
padding: 30px 0 0;
}
.modal.fade .modal-dialog{
/*width: 420px;
position: absolute;
top: 10%;
left: 50%;
margin: 0 0 0 -210px;*/
}
.signup-newletter .mailchimp-message i{
left: 50%;
color: #fff;
text-align: center;
margin: 0 0 0 -20px;
}
.church a{color: #FFF;}
.church .signup-newletter .mailchimp-message i{color: #999;}
.alert-danger{border-radius: 0; padding: 5px 8px}
.logged-in-text{background-color:#FFF; padding-left:0px;}
.elm-display-none{ display:none;}
.underconstruction-demo{ background-size:cover; height:100%; }
#comments ol{
list-style: none;
margin: 0;
padding: 0;
}
#comments ol li{list-style-type: none;}
#comments ol li .star-rating{
width: 100%;
float: left;
text-align: left;
}
.sermon-media-wrap{
position: absolute;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
text-align: right;
padding: 30px;
color: #fff;
}
.sermon-media-wrap li{
padding: 0 10px;
line-height: inherit;
list-style-type: none;
display: inline-block;
vertical-align: middle;
}
.sermon-media-wrap li + li{border-left: 1px solid #fff;}
.sermon-media-wrap li a{
color: #fff;
display: block;
line-height: inherit;
display: inline-block;
vertical-align: middle;
}
.sermon-media-wrap li i{
font-size: 20px;
line-height: 20px;
display: inline-block;
vertical-align: middle;
}
.tg-post-image{
width: 100%;
float: left;
}
.tg-post-image img{
width: 100%;
height: auto;
display: block;
}
.donation_form{
width: 100%;
float: left;
}
#respond h2:before{
margin: 0;
left: 0;
}
.shop-list-thumb{ position:relative; overflow:hidden;}
.tg-blog-description {
width: 100%;
float: left;
}
.tg-blog-description h3::before{margin: 0;}
#search-2 .aside-widget-inbner{padding: 0;}
.tg-checkout .border-left{
float: left;
width: 100%;
}
.fields-area h3:before{
left: 0;
margin: 0;
}
.search-none{}
.search-none .form-search{ padding-top:30px;}
.search-none ul{ position:relative;}
.tg-suggestions{}
.search-none ul{ padding-left:10px;}
.search-none ul, .search-none ul li{ display:block;}
.search-none ul li:before {
content: '\f105';
font-family: 'FontAwesome';
left: 0;
top: 2px;
color: #999;
}
.search-form-holder .form-group {
width: 100%;
float: left;
}
.tg-select {
width: 100%;
float: left;
display: block;
position: relative;
}
.tg-select select {
width: 100%;
z-index: 1;
line-height: 26px;
padding: 12px 20px;
position: relative;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.tg-select:after {
content: '\f107';
top: 50%;
right: 15px;
z-index: 2;
width: 13px;
color: #999;
display: block;
position: absolute;
text-align: center;
font-size: 22px;
margin-top: -5px;
line-height: 10px;
font-family: 'FontAwesome';
}
.tg-latest-blog ul {
float: left;
width: 100%;
padding: 0;
margin:-20px 0;
}
.tg-latest-blog ul li {
list-style-type: none;
padding: 15px 0;
float: left;
width: 100%;
}
.tg-latest-blog ul li + li{border-top:1px solid #fff;}
.tg-latest-blog .tg-date {
background: #f7f7f7 none repeat scroll 0 0;
color: #363636;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 21px;
text-align: center;
width: 44px;
height:44px;
padding: 4px 0;
float: left;
margin: 0 20px 0 0;
}
.tg-latest-blog .tg-date i {
font-style: normal;
display: block;
line-height: 13px;
font-size: 12px;
}
.tg-latest-blog .tg-post-contentbox {
overflow: hidden;
}
.tg-latest-blog .tg-post-contentbox p {
margin: 0;
line-height: 20px;
}
.footer-figures .widget-flickr .img-list li{width:21%;}
.tg-latest-blog ul li a:hover { text-decoration:none}
.system-gateway h2{
font-size: 18px;
line-height: 21px;
padding: 0 0 10px;
margin: 0 0 10px;
}
.system-gateway ul{
width:100%;
float:left;
list-style:none;
}
.system-gateway ul li{
width:100%;
float:left;
list-style-type:none;
padding:15px 0;
}
.system-gateway ul li label{
font-weight:bold;
}
.system-gateway ul li ul li{padding:10px 0;}
.system-gateway ul li ul li:last-child{padding-bottom:0;}
.system-gateway ul li ul li + li{ border-top:1px solid #dfdfdf;}
.charity-gateways{
width:100%;
float:left;
border:1px solid #dfdfdf;
}
.charity-gateways .tg-radiobox{
width:100%;
float:left;
}
.charity-gateways .tg-radiobox input{display:none;}
.charity-gateways .tg-radiobox label{
width:100%;
float:left;
height:50px;
line-height:50px;
padding:0 15px;
cursor:pointer;
position:relative;
}
.charity-gateways .tg-radiobox label:after{
position:absolute;
content:'\f058';
right:20px;
top:18px;
font-size:15px;
line-height:15px;
font-family:'FontAwesome';
display:none;
}
.charity-gateways .tg-radiobox input[type="radio"]:checked + label:after{display:block;}
.tg-radiobox label i{margin:0 10px 0 0;}
.tg-radiobox + .tg-radiobox{border-top:1px solid #dfdfdf;}
.donate-form .donation_now{
float:left;
margin:15px 0 0 0;
}
.alert-danger,
.alert-info,
.alert-success{
padding:10px 5px;
border-radius:0px;
background:none;
border:2px solid;
}
.donation_now{ position:relative;}
.donation_now i{
position: absolute;
top: 17px;
right: 20px;
}
.finising-stripe{
position:fixed;
overflow:hidden;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.75);
z-index:9999;
}
.finising-stripe i{
position:absolute;
z-index:99999;
color:#fff;
font-size:30px;
line-height:30px;
left:50%;
top:50%;
}
h2.heading-style:before{
left: 50%;
margin: 0 0 0 -35px;
position: absolute;
content: "";
height: 2px;
bottom: 0;
width: 70px;
}
.about-figure h3:before{display:none;}
.about-figure h3,
.view-all-causes h3,
.client-name-inner h3{position:relative;}
.about-figure h3:after,
.view-all-causes h3:after,
.client-name-inner h3:after{
position:absolute;
content:'';
width:40px;
height:2px;
background:#363636;
bottom:0;
left:50%;
margin:0 0 0 -20px;
}
.client-name-inner h3:after{background:#fff;}
.recent-panal h2,
.sc-featured-product h2,
.single-product-detail h2,
.product-detail-data h2,
.shop-detail-page h2,
.comment-list-holder h2,
.comment-respond h2,
.Causes-detail-holder .more-blog-form h2,
.Causes-detail-holder .arthur-detail h2{position:relative;}
.recent-panal h2:after,
.sc-featured-product h2:after,
.single-product-detail h2:after,
.product-detail-data h2:after,
.shop-detail-page h2:after,
.comment-list-holder h2:after,
.comment-respond h2:after,
.Causes-detail-holder .more-blog-form h2:after,
.Causes-detail-holder .arthur-detail h2:after{
position:absolute;
content:'';
left:0;
bottom:0;
width:70px;
height:2px;
}
.tg-choose .heading-style::before,
.tg-progressbar .heading-style::before{
left:0;
margin:0;
}
.blog-inner-slider .about-arthur img{width:60px !important; height:60px !important;}
.contact-figure h3,
.blog-inner-slider .about-arthur h3{position:relative;}
.contact-figure h3:after,
.blog-inner-slider .about-arthur h3:after{
position:absolute;
content:'';
left:0;
bottom:0;
width:40px;
height:2px;
background:#363636;
}
.contact-figure h3:after{
left:50%; margin: 0 0 0 -20px;
}
.muslim-footer .tg-post-contentbox a{color:#363636;}
/*--Middel--- h2*/
.woocommerce-MyAccount-content h3,
.comming-soon-header h2,
.tg-checkout .border-left h2,
.middle-erreo-content h2,
.woocommerce-shipping-fields h3,
.woocommerce-billing-fields h3{
position:relative;
}
.woocommerce-MyAccount-content h3:after,
.comming-soon-header h2:after,
.tg-checkout .border-left h2:after,
.woocommerce-shipping-fields h3:after,
.woocommerce-billing-fields h3:after,
.middle-erreo-content h2:after{
position:absolute;
content:'';
left:0;
bottom:0;
width:40px;
height:2px;
background:#363636;
}
.comming-soon-header h2:after,
.middle-erreo-content h2:after{
left:50%;
margin:0 0 0 -35px;
}
.donations-wrap{
width:100%;
float:left;
padding-top:30px;
}
.donor-list{
width:100%;
float:left;
border-bottom:1px dotted #ddd;
}
.donar-name{
width:40%;
float:left;
}
.donation-amount{
width:30%;
float:left;
}
.donation-date{
width:30%;
float:left;
}
.donation-date span,
.donation-amount span,
.donar-name span{
padding:15px;
float:left;
}
.donations-wrap h3{
margin: 0;
background: #e8c022;
color: #FFF;
padding: 15px;
}
.shop-gallery-thumb .thumbnails a{
border: 1px solid #999;
width: 87px;
height: 87px;
float: left;
margin: 0 5px 5px 0;
padding: 5px;
}
.shop-gallery-thumb .thumbnails a img{
float:left;
width:80px;
height:80px;
}
.shop-gallery-thumb .banner-image a img{
width: 100%;
border: 1px solid #999;
}