/*
 @Author: ThemoGraphics
 @URL: http://themographics.com
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.

 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/preloader.css');    /* Preloader */
@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: 'Open Sans', sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #363636;}


p a:hover{ text-decoration:underline;}
p{ letter-spacing: normal; margin-bottom: 20px;}

a{ }
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;}
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;}
input[placeholder], [placeholder], *[placeholder] {color: #999;}
.form-control:focus{ box-shadow: none!important;}
.form-control:focus::-moz-placeholder{ color: #363636;}

/****** Global Elements ******/
h2{ font-weight: bold; font-size: 30px;  position: relative; padding: 0 0 20px; margin: 0 0 30px; display: inline-block;}
h2 span{ color: #363636; font-weight: normal;}
h2::before{ position: absolute; content: ""; height: 2px; bottom: 0; width: 71px; left: 50%; margin: 0 0 0 -43px;}
@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; display: inline-block;}
h3::before{ position: absolute; content: ""; height: 2px; bottom: 0; background: #363636; width: 40px; left: 50%; margin: 0 0 0 -20px;}

.tg-padding-widget{ padding: 60px 0 0 0; position: relative;  background-image: url(../images/donate-way-bg.jpg);}
.bcg-pattern { background-image: url(../images/donate-way-bg.jpg); }
.tg-bottom-margin{ margin: 0 0 30px;}
.padding-widget-bottom{ padding-bottom: 60px;}
.padding-bottom-100 { padding-bottom: 100px;}
.padding-top-100 { padding-top: 100px;}
.inner-main-content{ padding: 100px 0; overflow: hidden;}
.padding-widget-top{ padding: 80px;}

.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;  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;}
.nav-holder{ padding: 30px 0 0; position: absolute; top: 0; width: 100%; z-index: 100;}
.logo{ margin: 0; float: left;}
.logo a{ display: block;}

/* Navigation */
.tg-nav{ float: right; position: relative;}
.tg-nav::before{ content: ""; position: absolute; bottom: -3px; left: 0; height: 1px; width: 999%; background: #fff;}
.home .tg-nav::before{ background: #363636;}
.tg-nav ul{ margin: 0; padding: 0; list-style: none; position: relative;}
.tg-nav ul::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.tg-nav ul li{ float: left; list-style:none;}
.tg-nav ul li a{ color: #fff; position: relative; font-size: 15px; display: block;
float: left; padding: 22px 13px; text-decoration: none; text-transform: uppercase;}
.tg-nav ul li a i{ font-size: 19px;}
.tg-nav ul li a::before{ content: ""; bottom: 0; left: 0; border-bottom: 1px solid; position: absolute; width: 0;}
.tg-nav ul li a:hover::before{ width: 100%;}
.tg-nav > ul > li.active > a:before{  content: ""; bottom: 0; left: 0; position: absolute; width: 100%;}
.home .tg-nav ul li a{ color: #363636;}
.home .tg-nav ul li a::before{ border-color: #363636;}

.tg-nav li ul{ list-style: none; margin: 0; padding: 0; top: 130%; border-radius: 0; border: 1px solid #dfdcdc; position: absolute; width: 280px;
visibility: hidden; opacity: 0; background: #fff;}
.tg-nav li ul li{ float: none; border-top: 1px solid #dfdcdc; overflow: hidden;}
.tg-nav li ul li:first-child{ border-top: 0;}
.tg-nav li ul li a{ width: 100%; padding: 10px; border-bottom: 0; color: #363636; font-size: 13px;}
.tg-nav li ul li a:hover{ padding-left: 20px;}
.tg-nav li ul li a:hover::before{ width: 0;}
.tg-nav li:hover ul{ visibility: visible; opacity: 1; top: 100%;}
.tg-nav li:hover ul li{ margin: 0;}
.tg-nav li > ul > li.active > a{ padding-left: 20px;}

.cart-icon{ position: relative;}
.cart-num{ background: #f14c38; position: absolute; top: 17px; right: 5px; height: 16px; width: 16px;
text-align: center; line-height: 16px; display: inline-block; border-radius: 50%; color: #fff; font-size: 10px;}

/* Cart Dropdown */
.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: none; overflow: hidden; margin: 0 0 20px; padding: 0 0 20px 70px; border-bottom: 1px solid #999;}
.cart-list:last-child{ border: 0; margin: 0;}
.cart-list .product-img{ position: absolute; left: 0; border: 1px solid #999;}
.cart-list .btn-delete-item{ position: absolute; top: 0; right: 10px;}
.cart-list .detail span{ display: block; margin: 0 0 5px;}
.in-stock{ padding: 4px 10px; background: #363636; float: left; color: #fff;}

.total-payment{ 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;}

/* Menu Dropdown */
.dropdown-menu{ top: 61px; padding: 0; border-top: 7px solid transparent; border-radius: 0;}
.dropdown-menu li{ width: 100%;}
.dropdown-menu li a{ padding: 10px; color: #363636; border: 0; display: block; width: 100%;}
.dropdown-menu li a:hover{ background: none; border: 0!important; background: #363636; color: #fff!important;}

/* Responsive Botton */
#open-button{ display: none;}
#home .responsive-btn{ border-color: #363636; color: #363636;}
.responsive-btn{ padding: 6px 10px; margin: 10px 0 0; border-radius: 3px;
                 color: #363636; position: relative; cursor: pointer; border: 1px solid #fff; color: #fff;}
.responsive-btn:focus{ outline: none; text-decoration: none;}
.responsive-btn:hover{ text-decoration: none;}
.responsive-btn::before{ content: "\f0c9"; font-family: fontawesome; font-size: 20px;}

/* Bnner */
.banner-slider.parallax-window.autoheight{ min-height: 1000px;}
.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: 75%; position:absolute;}
.charity-banner .banner-girl img{ float: right; max-width: 100%; display: block;}
.charity-banner .owl-stage-outer{ overflow: visible;}
.banner-girl{ float: left;}
.slider-caption .caption{ float:right; width:40%; margin:12% 0 0; position:relative;}
.caption h1{ font-size: 150px; text-align: left; letter-spacing: -10px; margin: 0 0 30px; text-transform: uppercase; font-weight: bold; line-height: 110px;}
.caption h1 strong{ font-size: 125px; font-weight: 100; letter-spacing: normal; color: #363636; display: block; font-family: 'Lato', sans-serif;}
.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;}

/************ Main Content Css ************/

/* Main Content */
.main-haeding{ margin: 0 0 30px; text-align: center; padding: 0 190px;}
.main-haeding p{ margin: 0;}

/* About Us */
.about-figure{ text-align: center; padding: 30px 20px 0 20px; border: 1px solid transparent; color: #363636; display: block;}
.about-figure:hover{ text-decoration: none;}
.about-figure .glyph-icon{ line-height: 40px; margin: 0 0 20px; display: block; color: #363636; font-size: 50px;}
.about-figure h3{ margin: 0 0 20px;}
.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; z-index: 100; top: 0;}
.img-figure .caption{ position: absolute; right: 20px; top: 0; 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: 0 auto;
 max-width: 600px;
}

/* 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 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; padding: 80px 0; 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;}
.tg-counter h2::before{ left: 50%; width: 70px; margin: 0 0 0 -30px;}
.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;}
.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; display: inline-block;}
.icon-list li{ margin: 0 0 0 10px; float: left;}
.icon-list li:first-child{ margin: 0;}
.icon-list li a{ height: 42px; width: 42px; border-radius: 100%; line-height: 42px; color: #363636; text-align: center; background: #fff;}
.icon-list li a:hover{ text-decoration: none; color: #fff;}
.volunteer-figure:hover .client-name{ background: rgba(1,110,178,0.3); height: 100%;}

.view-all-volunteer{ border: 1px solid #999; overflow: hidden; position: relative;}
.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: 100px 0 50px 0;
 background-image: url(../images/donate-way-bg.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.donate-way img {
 /*margin-top: -60px;*/
}
.mobile-way-img{ text-align: center; z-index: 2;  position: relative;}
.mobile-way-img img{ max-width: 100%; }
.way-caption{font-size: 100px; letter-spacing: -10px; margin-bottom: 40px; margin-top: 30px;
 text-transform: uppercase; font-weight: bold; line-height: 75px;}
.way-caption span{ font-size: 80px; font-weight: 400; letter-spacing: normal; color: #363636; 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;}
.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;  overflow: hidden;
 border: 1px solid lightgrey;
 padding-top: 15px;
 padding-bottom: 15px;
 margin-right: 10px;
 margin-left: 10px;
}
.blogs   {
 /*background-color: white;*/
 border: 1px solid lightgrey;
 padding-top: 15px;
 padding-bottom: 15px;
 margin-bottom: 20px;
}
.recent-blog-p  {
 margin-top: 15px;
}
.blog-img{ max-width: 260px; }
.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;}

.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: 32%;}
.product-figure:hover .product-overlay{ background: rgba(83,83,83,0.5);}
.product-figure:hover .icon-list{ top: 40%;}

/* Donate Now */
.donate-now{ background: #363636; padding: 70px 0;}
.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; color: white;
 opacity: 1;}


/************ Footer ************/
.footer.view-all-causes{ border-top: 5px solid; overflow: hidden;}

.footer-figures{ color: #f7f7f7; padding: 60px 0; background: #363636; position: relative; border-top: 5px solid;}
.footer-figures h3{ color: #f7f7f7; font-size: 20px;}
.footer-figures h3::before{ background: #f7f7f7; left: 0; margin: 0;}

.footer-logo{ display: inline-block; margin: 0 0 25px; padding: 10px;}
.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;}
.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 0; margin: 0 0 10px; }
.contact-list .desc { font-style: italic; color: #d9d9d9; font-size: 12px;
}
.desc { font-style: italic; color: #d9d9d9; font-size: 12px;
}
.contact-list li span{ background: #f7f7f7;  margin-right: 10px; 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:41%; font-size: 30px; top: -100%;}
.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; 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: #016eb2;
 opacity: 0.2; 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;}
.inner-heading h2::before{ left: 0; width: 50px; margin: 0;}

.bredcrum{ margin: 0; padding: 17px 0 0; list-style: none; overflow: hidden;
text-transform: capitalize}
.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{ }
.event-date{ text-align: center; margin-left: 10px; margin-right: 15px; top: 0; padding: 10px; z-index: 9;}
.event-date .date{ display: block; color: white; 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 .date{ color: white !important;}

.event-holder .icon-list{ position: absolute; left: 43%; top: 46%;}

.event-desc  {overflow: hidden; margin-top: 15px;}

.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%; z-index: 999; }
.see-map.active,
.see-map.active::before{ color: #363636;}

.post-content{ padding: 19px 30px;}
.post-content h3{ margin: 0 0 10px; padding: 0 0 10px;}
.post-content h3::before{ left: 0; margin: 0;}
.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 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; padding: 20px;}
.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;}
.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; 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::before{ left: 0; margin: 0;}
.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: 40%; left: 25%;}
.tg-portfolio-hover a{ width: 42px; line-height: 42px; height: 42px; color: #fff; background: #272727; display: inline-block; vertical-align: middle;
text-align: center; margin: 0 5px;}
.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 #363636;}

.blog-user-detail{ position: relative; overflow: hidden; padding: 30px 0 0;}
.blog-user-detail img{ margin: 0 15px 0 0; border: 1px solid #363636; float: left;}

.blog-title{ overflow: hidden; }
.blog-title h2{ margin: 0; padding: 0 0 10px;}
.blog-title h2::before{ display: none;}
.detail-list-holder{ 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::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;  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 #363636; color: #363636;}
.tags-social .social-icons{ display: table-cell; vertical-align: middle;}

.about-arthur-holder{ padding: 30px 0; border-bottom: 1px solid #999;}
.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;}
.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;}
.more-blog-list h3::before{ margin: 0;}

.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{ padding: 30px 0; border-bottom: 1px solid #999;}
.comment-list-holder h2::before{ margin: 0;}
.comment-list{ margin: 0; padding: 0; list-style: none;}
.comment-list li{  padding: 30px; border: 1px solid #363636; margin-bottom: 30px;}

.comment-list li:last-child{ margin-bottom: 0;}
.comment-list li p{ margin: 0;}

.comment{ position: relative; padding: 0 0 0 100px;}
.comment h3{ margin: 0 0 10px; padding: 0 0 10px;}
.comment h3::before{ margin: 0;}
.comment img{ position: absolute; left: 0; top: 0; border: 1px solid #363636;}
.post-date{ display: block; margin: 0 0 10px; font-weight: normal;}
.comment-list .xs-btn{ position: absolute; right: 0; top: 0;}

.sub-comment{ margin: 0 0 0 100px;}

.post-commnet{ padding: 30px 0 0; overflow: hidden;}
.post-commnet textarea{ border-radius: 0; border: 1px solid #999; resize: none;}
.post-commnet .sm-btn, .contact-form .sm-btn{ margin: 30px 0 0;}
/* End Blog Detail *******************************************************************************
******************************************************************************* End Blog Detail */

/* Start Causes Detail *******************************************************************************
******************************************************************************* Start Causes Detail */
.causes-deail-img{ overflow: hidden; position: relative; margin: 0 0 30px;}
.causes-deail-img img{ width: 100%;}
.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{ border: 5px solid;}
.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::before{ left: 0; margin: 0;}
.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;}
.detail-article img, .detail-article iframe {
  max-width: 100% !important;
}
.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{ width: 100%;  border: 1px solid #999;}
.single-product-holder img{ width: 100%; border: 1px solid #999;}
.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;}
.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;background-color: transparent; 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 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 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{background: url(../images/comming-soon-bg.jpg) no-repeat center center; 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 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 -20px; 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%;}

.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;}
.church-event .coming-event h2::before
.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;}

/* 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{ position: absolute; top: -100%; left: 37%;}
.fastival-gallery .causes-figure:hover .product-overlay{ background: rgba(83,83,83,0.5);}
.fastival-gallery .causes-figure:hover .icon-list{ top: 45%;}

/* Latest Sermons */
.latest-sermons-list{ margin: 0; padding: 0; list-style: none;}
.latest-sermons-list li{ padding: 30px 0; border-bottom: 1px solid #d6d6d6; position: relative; overflow: hidden;}
.latest-sermons-list li:first-child{ padding-top: 0;}
.latest-sermons-list li:last-child{ padding-bottom: 0; border-bottom: 0;}

.latest-sermons-list-2 li{ padding-left: 30px; border-left: 1px solid #d6d6d6;}

.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;}
.sermon-detail h3::before{ left: 0; margin: 0;}
.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;}
.church .footer-figures{ background: #f4f4f4; color: #363636!important; border-color: #363636;}
.church .footer-figures h3{ color: #363636;}
.church .footer-figures h3::before{ background: #363636;}
.no-before::before { background: none !important;}
.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 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;}
.muslim-footer .footer-figures h3::before{ background: #363663;}
.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 */


.container-404          {
    margin-top: 200px;
    height: 300px;
    text-align: center;
}
.language   {
 margin-top: 4px;
 background-position: center;
 background-repeat: no-repeat;
 background-image: url('../images/jezik.png');
 color: white !important;
 font-size: 11px !important;
}
.index-banner  {
 position: relative;
 min-height: 200px;
 background-color: #f7f7f7;
 border: 1px solid transparent;
}
.top_50 {
 margin-top: 50px;
}
.bottom_30      { margin-bottom:  30px }
.index-absolute  {
 margin-left: auto;
 margin-right: auto;
 left: 0;
 right: 0;
 position: absolute;
 top: 30%;
}

.index-arrow  {
 width: 100%;
 position: fixed;
 bottom: 30px;
 text-align: center;
 color: #016eb2;
 font-size: 50px;
 margin-top: -50px;
}


.superweb  {
 color: orange !important;
}
.index_title {
 font-weight: bold;
 font-size: 24px;
 margin-bottom: 40px;
}
@media (max-width: 1000px)  {
.index_title  {
 margin-top: 40px;
 font-size: 14px;
 margin-bottom: 15px;
}
 .index-img  {
  margin: 30px 10px 0 10px;
 }
}
.color_white  {
 color: white !important;
}

.owl-prev, .owl-next {
 background: #016eb2;
 color: white;
}
.owl-prev:hover, .owl-next:hover {
 background: #363636 !important;
 color: white;
}
.main-content  {
 min-height: 400px;
 /*background-image: url(/images/scribble_light.png);*/
 background-image: url(../images/donate-way-bg.jpg);
 padding: 50px 0;
 position: relative;
}
.index-main  {
 padding: 0;
}
.background-simbol  {
 position: fixed;
 right: 50px;
 bottom: 60px;
}
.background-simbol img  {
 width: 600px;
 height: 600px;
 opacity: 0.2;
}
.italic  {
 font-style: italic;}
.bold   {
 font-weight: bold;
}
.list li {
  padding: 4px;
}
.bottom-20  { margin-bottom: 20px;}
.bottom-30  { margin-bottom: 30px;}
.bottom-50  { margin-bottom: 50px;}
.bottom-100  { margin-bottom: 100px;}
.bottom-150  { margin-bottom: 150px;}
.top-100  { margin-top: 100px;}
.top-50  { margin-top: 50px;}
.top-30  { margin-top: 30px;}
.top-20  { margin-top: 20px;}

.title2  {
 font-weight: bold;
 font-size: 16px;
}
.line-separator  {
 margin-top: 60px;
 margin-bottom: 30px;
 height: 2px;
 background-color: #016eb2;
}
.contact-form input, .aside-search input  {

}
.icon  {
 width:120px;
 height: 120px;
 margin: 0 auto 20px auto;
 background-repeat: no-repeat;
}
.icon1  { background-image: url('/images/icon1.png');}
.icon2  { background-image: url('/images/icon2.png');}
.icon3  { background-image: url('/images/icon3.png');}
.icon4  { background-image: url('/images/icon4.png');}
.icon5  { background-image: url('/images/icon5.png');}
.icon-blue {  background-position-y: -120px; }
.about-figure:hover .icon  {
 background-position-y: -120px;
}

.blog-desc  {
 line-break: auto;
 white-space: pre-wrap;
 max-height: 160px;
 overflow: hidden;
}
.blog-img{ max-width: 260px; }
.img-scaler     {
 width: 100%;
 padding-bottom: 100%; /* 1:1 */
 position: relative;
 overflow: hidden;
}
.img-scaler img     {
 position:absolute;
}
.img-scaler > div.img-background {
 position: absolute;
 top: 0; bottom: 0; left: 0; right: 0;
 color: white;
 font-size: 24px;
 text-align: center;
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 /*box-shadow: inset 0 0 10px rgba(48, 48, 48, 0.2);*/
 border: 1px solid lightgrey;
}
@media (max-width:767px) {
 .footer-space .no-before  {
  display: none
 }
 .recent-panal  {

 }

 .tg-padding-widget {
  padding: 30px 0 0 0 !important;
 }
 .padding-widget-top{
  padding: 40px !important;
 }
 .padding-bottom-100 { padding-bottom: 40px;}
 .recent-blog-slider, .product-slider  {
  margin:0;
 }
 #scroll-down, #scroll-down h2  {
  margin: 0;
 }
 .nav-holder  {
  padding-top: 10px;
 }
 .contact-list {
  margin-bottom: 10px !important;
 }

}
.responsive-btn-white {
 color: white !important;
 border-color: white !important;
}
.bottom_15      { margin-bottom:  15px }
.blue-a  {
 color: #016eb2;
 border: 1px solid #016eb2;
 padding: 3px 4px;
 font-size: 12px;
}
.detail-article p {
  margin: 8px;
}
.detail-article h2{ font-weight: bold; font-size:20px; color: inherit; position: static; padding: 0; margin: 0; display: inherit;}
h2 span{ color: #363636; font-weight: normal;}
.detail-article h2::before{,
 content: none;}
@media (min-width: 640px) and (max-width: 767px) {.detail-article h2{ font-size: inherit;}}

.detail-article h3{ font-weight: inherit; font-size: inherit; position: static; color: black; padding: 0; margin: 0; display: inherit;}
.detail-article h3::before{  content: none; }