/*
Theme Name: RISE
Author: wow_themes
Version: 1.0.0
Author URI: http://thmeforest.net/user/wow_themes
Theme URI: http://thmeforest.net/user/wow_themes
Description: A sleek and clean NGO, Church Template by - <a href="http://wow-themes.com/">Wow Themes</a>


*/
/*	################################################################
	File Name: style.css
	Template Name: wow_themes
	Created By: Kashif
	http://thmeforest.net/user/wow_themes
	
	01. TP-BAR
	02. LOGO-BAR
	03. TP-BAR AND FEW GENERAL STYLES
	04. NAVIGATION IN TABLES
	05. ICONS
	06. CUSTOM GRIDS
	07. SEARCH
	08. HEADER STYLE 2
	09. CAROUSEL CONTROLS
	10. PROGRESS STATS AND PROGRESS BAR
	11. WIDGETS
	12. COUNTDOWN TIMER
	13. PORTFOLIO
	14. CAUSES
	15. GALLERY
	16. TEAM
	17. DONOR
	18. NEWSLETTER SECTION
	19. FOOTER AND SITE BOTTOM
	20. TESTTIMONIALS
	21. EVENTS
	21. PROJECTS, SOCIAL LINKS, MAPBOX, ABOUT
	22. SHARE BAR
	23. USER COMMENTS
	24. SKILLS AND INFO
	25. SHORTCODES
	26. REVOLUTION SLIDER CUSTOM STYLING
/*
################################################################# */ 


body.boxed {
	background-color:#e9e9e9;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	TP-BAR
------------------------------------------------------- */
.tp-bar {
	padding:7px 0px;	
	background-color:#ffffff;
	position:relative;
	z-index:200;

	box-shadow:0 0px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 0px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 0px 3px rgba(0, 0, 0, 0.25);
}
.tp-bar .list-inline {
	margin-bottom:0px;	
}
.tp-bar li {
	line-height:20px;	
}
.tp-bar .list-inline > li {
	padding-right:10px;
}
.tp-bar .icon-phone:before {
	position:relative;
	top:2px;
}
.tp-bar .social-links {
	float:right;
}
.tp-bar a {
	color:inherit;	
}
.tp-bar .social-links li a {
	width:20px;
	height:20px;
	line-height:20px;
	font-size:16px;
	border:0px;
	color:#999999;
}
.tp-bar .social-links li a:hover {
	color:#666666;	
}

.fullwidthbanner {visibility: hidden}


/*
################################################################# */ 
/* ----------------------------------------------------
	LOGO-BAR
------------------------------------------------------- */
.logo-bar {
	padding:15px 0px 0px 0px;	
	border-bottom:1px solid #f8f8f8;
	background-color:#ffffff;
	position:relative;
	z-index:199;
}
.logo-bar .logo {
	vertical-align:middle;	
}
.logo {
	float:left;	
	margin-bottom: 10px;
}
.logo a {
	display:block;	
}
.logo img {
	float:left;
}
.logo a span {
	font-size:46px;
	line-height:1.2em;
	vertical-align:top;
}
.logo a svg path#svg_4,
.logo a svg path#svg_7,
.logo a svg path#svg_12,
.logo a svg path#svg_6 {
	fill:#ffffff;	
}
.sticky-bar {
	width:100%;
	padding:10px 0px 0px 0px;	
	position:fixed;
	top:0px;
	left:0px;
}
.logo-bar,
.logo-bar .logo,
.navbar-nav > li > a {
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	TP-BAR AND FEW GENERAL STYLES
------------------------------------------------------- */
.navbar-nav > li > a {
         font-weight: 400;
}
.sticky-bar .logo {
	transform:scale(0.8, 0.8);
	-moz-transform:scale(0.8, 0.8);
	-webkit-transform:scale(0.8, 0.8);
}
.sticky-bar .navbar-nav > li > a {
	padding-bottom:26px;
	padding-top:12px;
}
.image {
	position:relative;	
}
.image > img {
	width:100%;
	display:block;
}
iframe {
	width:100%;
	display:block;
	border:0px;	
}
.margn-btm-80 {
	margin-bottom:80px;
}
.out {
	opacity:0;
}
.in {
	opacity:1;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	NAVIGATION IN TABLES
------------------------------------------------------- */
.nav-tablet {
	width:100%;
	padding:45px 20px 0px 20px;
	background-color:#ffffff;
	z-index:200;
	
	box-shadow:0px 0px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4);
	
	position:absolute;	
	top:0;
	left:-100%;
	
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.nav-tablet.open {
	left:0;
}
.tablet-main-nav,
.tablet-main-nav ul {
	margin:0px;
	padding:0px;
	list-style:none;	
}
.tablet-main-nav li {
	display:block;
	line-height:40px;

	box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
}
.tablet-main-nav li a {
	display:block;
	padding:0px;
	color:inherit;
}

.tablet-main-nav li ul {
	width:auto;
	min-width:none;
	opacity:1;
	display:none;
	background:none;
	visibility:visible;
	opacity:1;
	filter:alpha(opacity=100);
	border-top-style:none;
	border-top-width:0px;
	position:static;
	left:0px;
	top:0px;
	transform:translate(0px, 0px);
	-moz-transform:translate(0px, 0px);
	-webkit-transform:translate(0px, 0px);
	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);
}
.tablet-main-nav li.has-ul > a {
	position:relative;
}
.tablet-main-nav li.has-ul > a:after {
	width:0px;
	height:0px;
	margin-top:-2.5px;

	content:'';
	display:inline-block;
	border-top:5px solid #3e3e3e;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	background-color:transparent;

	position:absolute;
	top:50%;
	right:15px;
}
.tablet-main-nav li.has-ul > a.open:after {
	width:10px;
	height:3px;
	margin-top:-1.5px;
	background-color:#3e3e3e;
	border:0px;	
}
.nav-button,
.nav-button-desk {
	width:35px;
	height:35px;
	display:none;
	background-color:rgba(0,0,0,0.4);
	cursor:pointer;

	position:relative;
}
.nav-button:before, .nav-button:after,
.nav-button-desk:before, .nav-button-desk:after {
	width:20px;
	height:1px;
	display:block;
	content:'';
	background-color:#f1f1f1;
	position:absolute;
	top:12px;
	left:7px;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
}
.nav-button:after,
.nav-button-desk:after {
	top:18px;
	box-shadow:0px 5px 0px #f1f1f1;
	-mozbox-shadow:0px 5px 0px #f1f1f1;
	-webkit-box-shadow:0px 5px 0px #f1f1f1;
}
.nav-tablet .nav-button {
	background-color:rgba(0, 0, 0, 0.7);
	position:absolute;
	right:20px;
	top:10px;
}
.navbar .nav-button {
	margin-top:5px;
	float:right;
}

.nav-button-desk {
	margin-top:14px;
	margin-left:5px;
	display:block;
	float:right;	
}

/*
################################################################# */ 
/* ----------------------------------------------------
	ICONS
------------------------------------------------------- */
[class^="icon-"], [class*=" icon-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	line-height: normal;
	vertical-align: baseline;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	text-decoration: inherit;
	display: inline-block;
	speak: none;
	margin-right:10px;
}
.icon-photoshop:before,
.icon-dreamweaver:before,
.icon-fireworks:before,
.icon-illustrator:before {
	display:none;
}
.icon-photoshop,
.icon-dreamweaver,
.icon-fireworks,
.icon-illustrator {
	width:52px;
	height:51px;
	display:inline-block;
	background-image:url(../images/sprites.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.icon-dreamweaver {
	background-position:0 -52px;
}
.icon-fireworks {
	background-position:0 -104px;
}
.icon-illustrator {
	background-position:0 -156px;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	CUSTOM GRIDS
------------------------------------------------------- */
.grid-1 > ul,
.grid-2 > ul,
.grid-3 > ul,
.grid-4 > ul,
.grid-5 > ul,
.grid-6 > ul {
	padding:0px;
	margin-left:-20px;
	list-style:none;	
}
.grid-1 > ul > li,
.grid-2 > ul > li,
.grid-3 > ul > li,
.grid-4 > ul > li,
.grid-5 > ul > li,
.grid-6 > ul > li {
	padding-left:20px;
}

.header-abs,
.header-home {
	width:100%;
	z-index:200;
	
	position:absolute;
	top:0px;
	left:0px;
}
.header-home {
	background-color:rgba(0,0,0,0.8);
}
.site-header .navbar-collapse {
	float:left;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	SEARCH
------------------------------------------------------- */
.site-search {
	width:30px;
	height:30px;
	margin-top:2px;
	margin-right:10px;
	float:right;
	position:relative;
}
.search-btn {
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
}
.search-btn:before {
	margin-right:0px;
	font-family: 'FontAwesome';
	content: "\f002";
}
.search-btn.open:before {
  content: "\f00d";
}
.search-contain {
	width:350px;
	height:40px;
	background-color:#ffffff;
	border:1px solid #ddd;
	margin-top:10px;
	z-index:200;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility:hidden;
	
	position:absolute;
	top:55px;
	right:0px;	

	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.search-contain:before {
	width: 0;
	height: 0;
	content:'';
	border-bottom: 8px solid #ddd;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	position:absolute;
	top:-8px;
	right:5px;
}
.search-contain.open {
	margin-top:0px;
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
}
.search-contain input[type="text"] {
	width:100%;
	height:40px;
	line-height:20px;
	padding:10px 25px 10px 10px;
	border:0px;
	background-color:transparent;
}
.search-contain input[type="submit"] {
	width:20px;
	height:100%;
	border:0px;
	opacity:0px;
	visibility:hidden;	
	
	position:absolute;
	right:0px;
	top:0px;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	HEADER STYLE 2
------------------------------------------------------- */
.site-header-2 {
	background-color:rgba(0,0,0,0.3);	
}
.site-header-2 .logo-bar {
	border-bottom:2px solid #ffffff;
}
.site-header-2 .navbar-default {
	background-color:transparent;
	border-bottom:0px;
	display:none;
}
.site-header-2 .navbar-default.open {
	display:block;
}
.logo-bar .social-links {
	padding-top:14px;
}
.logo-bar .nav-button {
	float:right;
}


/*
################################################################# */ 
/* ----------------------------------------------------
	CAROUSEL CONTROLS
------------------------------------------------------- */
.caro-fade ul,
.caro-slider ul,
.causes > ul,
.mapbox .widget_contact ul,
ul.options,
.social-links,
.contact-form ul,
.skills ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
.caro-fade ul li,
.caro-slider ul li {
	float:left;
}
.caro-slider ul li > img {
	width:100%;	
}
.caro-next, .caro-prev {
	width:30px;
	height:33px;
	padding:16px 14px 8px 14px;
	background-color:transparent;
	display:inline;
	color:#565656;
	vertical-align:bottom;
	border:1px solid #565656;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	transition:background-color 0.5s ease;
	-moz-transition:background-color 0.5s ease;
	-webkit-transition:background-color 0.5s ease;
}
.caro-next:hover, .caro-prev:hover {
	color:#ffffff;
}
.caro-next:before, .caro-prev:before {
	text-align:center;
	font-size:26px;
	display:inline-block;
	font-family: 'FontAwesome';
}
.caro-next:before {
  content: "\f105";
}
.caro-prev:before {
  content: "\f104";
}

.caro-slider {
	position:relative;	
}
.caro-slider .caro-controls {
	width:100%;
	height:48px;
	margin-top:-24px;
	text-align:center;
	position:absolute;
	top:50%;
	left:0px;	
}
.caro-controls .caro-next, .caro-controls .caro-prev {
	width:40px;
	height:48px;
	line-height:14px;
	color:#ffffff;
	background-color:rgba(0, 0, 0, 0.5);
	border-color:rgba(255,255,255,0.5);
	position:absolute;
	top:0px;
}
.caro-controls .caro-prev {
	left:0px;
	border-left:0px;
}
.caro-controls .caro-next {
	right:0px;
	border-right:0px;
}

.caro-pagination {
	text-align:center;	
}
.caro-pagination a,
.caro-pagination a span {
	width:10px;
	height:10px;
	line-height:1;
	margin:0 5px;
	display:inline-block;
	color:#000000;
	font-size:1px;
	border:2px solid transparent;
	overflow:hidden;
	border-radius:50%;
	
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
.caro-pagination a span {
	margin:0;
	border:0px;
}
.caro-pagination a.selected {
	border-color:rgba(0,0,0,0.5);
}
.bg-theme .caro-pagination a span {
	color:#ffffff;
	background-color:#ffffff;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	PROGRESS STATS AND PROGRESS BAR
------------------------------------------------------- */
.progress-stats {
	width:115px;
	height:280px;
	padding-right:15px;
	text-align:right;
	font-size:14px;
	float:left;
}
.progress-stats span {
	display:block;
}
.progress-stats span + span {
	margin-top:100px;
}

.progress-fill-area {
	width:250px;
	height:280px;
	margin-left:115px;
	overflow:hidden;
	position:relative;
}
.progress-fill-area .sketch-fill,
.progress-fill-area .progress-fill {
	width:100%;

	position:absolute;
	left:0px;
	bottom:0px;
}
.progress-fill-area .sketch-fill {
	height:100%;
	z-index:10;
	background-image:url(../images/progress-pick.png);
	background-position:0 0;
	background-repeat:no-repeat;	
}
.progress-fill-area .pre-fill {
	width:50px;
	height:100%;
	background-color:#444444;
	z-index:6;
	
	position:absolute;
	left:0px;
	bottom:0px;
}
.progress-fill-area .progress-fill {
	height:0%;
	z-index:7;
	
	position:absolute;
	left:0px;
	bottom:0px;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	WIDGETS
------------------------------------------------------- */
.widget {
	margin-bottom:30px;	
}
.footer .widget {
	margin-bottom:0px;	
}
.widget ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
.widget a {
	color:inherit;	
}
.widget .btn-primary a,
.widget a.btn-primary 
{
	color: #FFF;
}

.widget_normal a > img:first-child {
	margin-top:-5px;
	margin-bottom:20px;
}

/*** widget_twitter ***/
.widget_twitter ul > li {
	padding-left:24px;
	position:relative;
}
.widget_twitter ul > li + li {
	margin-top:10px;
}
.widget_twitter ul > li:before,
.widget_contact ul > li:before {
	font-family: 'FontAwesome';
	content:'\f099';
	position:absolute;
	top:2px;
	left:0px;
}
.tweet-name {
	font-family: 'Raleway', sans-serif;
	font-size:.9em;
}

/*** widget_flickr ***/
.widget_flickr ul,
.widget_gallery ul {
	margin-left:-10px;
}
.widget_flickr ul > li,
.widget_gallery ul > li {
	width:25%;
	padding-left:3px;
	margin-bottom:3px;
	float:left;
}
.widget_flickr ul > li a,
.widget_gallery ul > li a {
	display:block;	
}
.widget_flickr ul > li img,
.widget_gallery ul > li img {
	width:100%;
	border-radius:3px;
}

/*** widget_contact ***/
.widget_contact ul > li {
	padding-left:20px;
	margin-bottom:5px;
	position:relative;
}
.widget_contact ul > li:before {
	content:'';
}
.widget_contact ul > li.address:before {
	content:'\f041';
}
.widget_contact ul > li.phone:before {
	content:'\f095';
}
.widget_contact ul > li.fax:before {
	content:'\f1ac';
}
.widget_contact ul > li.email:before {
	content:'\f003';
}
.widget_contact ul > li.web:before {
	content:'\f0ac';
}
.widget_contact ul > li.skype:before {
	content:'\f17e';
}

.widget_contact_form .form-control {
	margin-bottom:15px;	
}
.widget_contact_form textarea.form-control {
	min-height:107px;
}

/*** widget_categories ***/
.widget_categories li,
.widget_archive li {
	padding-bottom:5px;
	padding-left:15px;
	margin-bottom:5px;
	text-align:right;
	font-size:0.9em;
	border-bottom:1px solid #e3e3e3;
	position:relative;
}

.widget_archive li li,
.widget_archive li li li
{
	border-bottom: none;
	margin-bottom: 3px;
	line-height: 1.3em;
}
.widget_archive li ul{
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 5px;
}
.widget_categories li:before,
.widget_archive li:before {
	content:'■';
	position:absolute;
	top:-2px;
	left:0px;
	
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.widget_categories li a {
	float:left;
	display:inline-block;	
	font-size:1.1em;
}

.widget_archive li {
	text-align:left;
}

.widget_archive{
	margin-bottom: 80px;
}

/*** widget featured posts ***/
.widget_featured_posts li {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e3e3e3;
}
.widget_featured_posts li:last-child {
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0px;
}


.featured-box h6,
.featured-box p {
	margin-bottom:10px;	
}


/*** Sections styling ***/
.section {
	padding:70px 0px;	
}
.map-section #location-map {
	width:100%;
	height:285px;
	display:block;
}
/*** parallex image ***/
.parallex-section,
.banner {
	padding:70px 0;
	color:#ffffff;
	background-position:center center;
	background-attachment:fixed;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.parallex-section *,
.parallex-section .heading *,
.bg-theme {
	color:#ffffff;
}
.parallex-section .heading h2:before, .parallex-section .heading h4:before,
.parallex-section .heading h2:after, .parallex-section .heading h4:after {
	background-color:#ffffff;
}
.parallex-section .event-box .text p,
.parallex-section .portfolio-box .portfolio-detail p {
	color:#666666;
}
.parallex-section .event-box .text h5,
.parallex-section .event-box .options *,
.parallex-section .portfolio-box .portfolio-detail h4 {
	color:#444444;
}
.heading h2,
.heading h4 {
	padding-bottom:25px;
	margin-bottom:40px;
	display:inline-block;
	position:relative;
	border-bottom:1px solid #999898;	
}
.widget .heading h2,
.widget .heading h4 {
	padding-bottom:18px;
	margin-bottom:30px;
	display:block;
}
.heading h2:before,
.heading h2:after,
.heading h4:before,
.heading h4:after {
	width:72px;
	height:2px;
	content:'';
	
	position:absolute;
	left:0px;
	bottom:-1px;
}
.heading h2:before,
.heading h4:before {
	width:9px;
	height:9px;
	bottom:-4px;
	
	border-radius:50%;		
}
.post-meta {
	margin-bottom:5px;
	font-size:16px;
	color:#999999;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	COUNTDOWN TIMER
------------------------------------------------------- */
.logo-bar .counter {
	padding:20px;
	margin:-20px;
	float:right;
}
.counter {
	color:#fff;
	position:relative;
}
.social-links + .counter {
	margin-right:20px;
}
.count-down {
	width:auto;
	height:63px;
	margin:auto;
	overflow:hidden;
}
.counter .count-down {
	z-index:10;
	position:relative;
}
.dsCountDown {
	text-align:center;
	color:#ffffff;
	font-weight:normal;
	font-size:24px;
}
.ds-element {
	color:#444444;
	display:inline-block;
	position:relative;
}
.ds-element + .ds-element {
	padding-left:16px;
}
.ds-element-title{
	font-size:14px;
	font-weight:300;
	line-height:14px;
	color:#ffffff;
	text-transform:capitalize;
	position:relative;
	top:48px;
}
.ds-element-value {
	padding:6px 7px;
	font-size:30px;
	position:relative;
	top:-9px;

	background-color:#ffffff;
	border:1px solid rgba(68,68,68,0.4);
}
.ds-element-value:before {
	width:100%;
	height:1px;
	content:'';
	background-color:#000000;
	
	position:absolute;
	top:50%;
	left:0px;	
}

/*** EVENT-BX ON COUNTDOWN TIMER ***/
.event-bx {
	width:100%;
	min-height:100%;
	padding:80px 20px 15px 20px;
	color:#666666;
	background-color:#ffffff;
	box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	
	opacity:0;
	visibility:hidden;
	
	transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	-webkit-transform:translateY(-20px);
	
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	
	
	z-index:5;
	position:absolute;
	top:0px;
	left:0px;
}
.counter:hover .event-bx {
	opacity:1;
	visibility:visible;
	
	transform:translateY(0px);
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
}
.event-bx h4,
.event-bx > p:last-child {
	margin-bottom:10px;	
}
.event-bx .event-bx-btm {
	border-top:1px solid #e3e3e3;
	padding-top:15px;
	text-align:center;	
}



/*
################################################################# */ 
/* ----------------------------------------------------
	PORTFOLIO
------------------------------------------------------- */
.portfolio-left {
	padding-top:100px;
	font-size:16px;
}
.portfolio-box {
	padding:20px;
	color:#666666;
	background-color:#ffffff;
	position:relative;
	overflow:hidden;

	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);

	transition:transform 0.3s ease;
	-moz-transition:transform 0.3s ease;
	-webkit-transition:transform 0.3s ease;
}
.portfolio-box:hover {
	transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
}

.portfolio-box figure {
	width:172px;
	height:172px;
	padding:10px;
	margin:auto auto 20px auto;
	border:1px solid #e3e3e3;
	background-color:#ffffff;
	overflow:hidden;
	position:relative;
	
	border-radius:50%;	
	
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
.portfolio-box figure img {
	width:100%;
	display:block;
	border-radius:50%;	
}
.portfolio-box figure figcaption {
	width:100%;
	height:100%;
	border:10px solid #ffffff;
	background-color:rgba(0,0,0,0.5);
	opacity: 0;
	filter: alpha(opacity=0);

	border-radius:50%;	

	position:absolute;
	left:0px;
	top:0px;

	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.portfolio-box:hover figure figcaption {
	opacity: 1;
	filter: alpha(opacity=100);
}
.portfolio-box figure figcaption a.zoom {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px;
	color:#ffffff;
	font-size:95px;
	font-weight:200;
	opacity: 0;
	filter: alpha(opacity=0);
	
	position:absolute;
	top:0%;
	left:50%;
	
	transition:all 0.3s ease 0.3s;
	-moz-transition:all 0.3s ease 0.3s;
	-webkit-transition:all 0.3s ease 0.3s;
}
.portfolio-box:hover figure figcaption a.zoom {
	opacity: 1;
	filter: alpha(opacity=100);
	top:50%;
}
.portfolio-box .portfolio-detail {
	text-align:center;
}
.portfolio-box .more-link {
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:34px;
	line-height:1.05;
	text-indent:-12px;
	background-color:#565656;	
	
	position:absolute;
	right:-20px;
	bottom:-20px;
	
	border-radius:50% 0 0 50%;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	CAUSES
------------------------------------------------------- */
.causes-box > figure {
	width:170px;
	float:left;
	position:relative;
}
.causes-box > figure img {
	width:100%;
}
.causes-box > figure figcaption,
.image-box > figure figcaption,
.donor-box > figure figcaption,
.image-appear figcaption,
.about-box .about-snap figcaption,
.event-box figcaption {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	opacity:0;
	filter:alpha(opacity=0);

	position:absolute;
	top:0px;
	left:0px;
	
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.causes-box:hover > figure figcaption,
.image-box:hover > figure figcaption,
.donor-box:hover > figure figcaption,
.image-appear:hover figcaption,
.about-box .about-snap:hover figcaption,
.event-box:hover figcaption {
	opacity: 1;
	filter: alpha(opacity=100);
}
.causes-box > figure figcaption,
.image-box > figure figcaption,
.donor-box > figure figcaption,
.image-appear figcaption,
.about-box .about-snap figcaption,
.event-box figcaption {
	color:#ffffff;
}
.causes-box > figure figcaption .btn-default {
	background-color:rgba(255,255,255,0.8);
	border-color:transparent;
	
	margin-left:-65px;
	margin-top:-16px;

	position:absolute;
	top:0%;
	left:50%;
}
.causes-box:hover > figure figcaption .btn-default {
	top:50%;
}
.causes-box > figure figcaption .btn-default:hover {
	color:#ffffff;	
}
.causes-box > .causes-detail {
	padding-left:20px;
	margin-left:170px;
}
.help-text {
	font-size:20px;
	margin-bottom:0px;
	margin-top:30px;	
}
.causes-box .effect {
	position:relative;
}
.causes-box .effect > p,
.causes-box .effect .causes-hover {
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.causes-box .effect > p {
	opacity: 1;
	filter: alpha(opacity=100);
	
	transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
}
.causes-box:hover .effect > p {
	opacity: 0;
	filter: alpha(opacity=0);
	transform:translateY(30px);
}
.causes-box .effect .causes-hover {
	width:100%;
	opacity: 0;
	filter: alpha(opacity=0);
	
	position:absolute;
	top:10px;
	left:0px;

	transform:translateY(30px);
	-moz-transform:translateY(30px);
	-webkit-transform:translateY(30px);
}
.causes-box:hover .effect .causes-hover {
	opacity: 1;
	filter: alpha(opacity=100);
	transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
}
.causes-detail > p:last-child,
.causes-list .causes-box .causes-detail .text p:last-child,
.media-body p:last-child {
	margin-bottom:0px;	
}
.media-body p:last-of-type {
	margin-bottom:10px;
}

/*** Causes List ***/
.causes-list .causes-box {
	padding:20px;
	margin-bottom:30px;
	border:1px solid #eeeeee;	
	
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;

	box-shadow:0 0 0px 0px rgba(0, 0, 0, 0.0);
	-moz-box-shadow:0 0 0px 0px rgba(0, 0, 0, 0.0);
	-webkit-box-shadow:0 0 0px 0px rgba(0, 0, 0, 0.0);
}
.causes-list .causes-box:hover {
	box-shadow:0 0 8px 3px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0 0 8px 3px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:0 0 8px 3px rgba(0, 0, 0, 0.05);
}
.causes-list .causes-box > figure {
	width:160px;
}
.causes-list .causes-box .causes-detail {
	margin-left:160px;
}
.causes-list .causes-box .causes-detail .progress {
	margin-bottom:30px;
}
.causes-list .causes-box .causes-detail .text {
	width:280px;
	float:left;
}
.causes-list .causes-box .causes-detail .causes-msg {
	margin-left:280px;
	padding:20px 0px 20px 20px;
	text-align:center;
	font-size:1.2em;
	position:relative;
}
.causes-list .causes-box .causes-detail .causes-msg:before {
	width:15px;
	height:100%;
	content:'';
	background-color:#ffffff;
	
	box-shadow:-4px 0 6px -5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:-4px 0 6px -5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:-4px 0 6px -5px rgba(0, 0, 0, 0.3);
	
	position:absolute;
	left:15px;
	top:0px;
	
}
.causes-list .causes-box .causes-detail .causes-msg p {
	margin-bottom:0px;
}
.target-amount {
	font-size:26px;	
}
.causes-list .causes-box .causes-detail .causes-msg .btn {
	margin:10px 0px;	
}



/*
################################################################# */ 
/* ----------------------------------------------------
	GALLERY
------------------------------------------------------- */
.image-box {
	padding:8px;
	margin-bottom:20px;
	border:1px solid #e6e6e6;	
}
.image-box > figure {
	position:relative;	
}
.image-zoom,
.image-anchor {
	width:46px;
	height:53px;
	line-height:53px;
	text-align:center;
	margin-top:-26.5px;
	color:inherit;
	display:inline-block;
	background-image:url(../images/hexagon-svg.svg);
	background-repeat:no-repeat;

	background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;

	position:absolute;
	top:50%;
	left:50%;

	transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
}
.image-zoom {
	margin-left:-51px;
	transform:translateX(-10px);
}
.image-anchor {
	margin-right:-51px;
	transform:translateX(10px);
}
.image-box:hover .image-zoom,
.image-box:hover .image-anchor,
.image-appear:hover .image-zoom,
.image-appear:hover .image-anchor {
	transform:translateX(0px);
}
.hover-single-icon .image-anchor,
.hover-single-icon .image-zoom {
	margin-left:-23px;
	margin-right:0px;
	transform:translate(0px, -10px);
}
.image-box:hover .hover-single-icon .image-anchor,
.image-box:hover .hover-single-icon .image-zoom {
	transform:translate(0px, 0px);
}

.image-zoom .glyphicon,
.image-anchor .glyphicon {
	font-size:14px;
	color:inherit;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	TEAM
------------------------------------------------------- */
.team-box {
	text-align:center;	
}
.teams .team-box {
	margin-bottom:40px;
}
.team-box p {
	margin-bottom:10px;
}
.team-box .image-box {
	margin-bottom:10px;	
}
.team-box .image-box figure .btm {
	width:100%;
	height:70px;
	font-size:16px;
	position:absolute;
	left:0px;
	bottom:0px;	
}
.image-email {
	width:100%;
	margin-top:-50px;

	position:absolute;
	top:50%;
	left:0px;
	
	transform:scale(.5,.5);
	-moz-transform:scale(.5,.5);
	-webkit-transform:scale(.5,.5);
	
	transition:all 0.2s ease 0.1s;
	-moz-transition:all 0.2s ease 0.1s;
	-webkit-transition:all 0.2s ease 0.1s;
}
.image-box:hover .image-email,
.about-box .about-snap:hover .image-email {
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
}
.image-email [class^="icon-"] {
	padding-left:8px;
	font-size:60px;
}
.image-email .icon-envelope-o:after {
	margin:0px;
}
.image-email p {
	margin-bottom:0px;	
	font-size:20px;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	DONOR
------------------------------------------------------- */
.donor-box {
	margin-bottom:20px;
	text-align:center;	
}
.parallex-section .donor-box {
	color:#ffffff;	
}
.donor-box .image {
	width:230px;
	height:230px;
	line-height:230px;
	margin-bottom:15px;
	border:10px solid #ffffff;
	overflow:hidden;
	border-radius:50%;
	display:inline-block;

	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
.donor-box .image figcaption {
	border-radius:50%;
}
.donor-box .image figcaption a,
.team-box .image figcaption .btm a {
	color:#ffffff;
	font-size:20px;
	top:-10px;
	position:relative;
	
	transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
}
.team-box .image figcaption a {
	color:#ffffff;
}
.donor-box .image figcaption a:nth-child(even),
.team-box .image figcaption .btm a:nth-child(even) {
	top:10px;
}
.donor-box:hover .image figcaption a,
.donor-box:hover .image figcaption a:nth-child(even),
.team-box:hover .image figcaption .btm a,
.team-box:hover .image figcaption .btm a:nth-child(even) {
	top:0px;
}


.team-box h4,
.donor-box h4,
.team-box p:last-child,
.donor-box p {
	margin-bottom:0px;	
}
.team-box p,
.donor-box p {
	font-size:16px;
}


/*
################################################################# */ 
/* ----------------------------------------------------
	NEWSLETTER SECTION
------------------------------------------------------- */
.newsletter-section {
	padding:36px 0px;
	background-color:#000000;
	border-width:3px 0px;
	border-style:solid;
}
.newsletter-section h4 {
	margin-bottom:0px;
	line-height:42px;
}
.newsletter-section input[type="submit"].btn {
	height:46px;
	padding: 10px 30px;
}
.newsletter-section .form-control {
	margin-bottom:0px;
	background-color:#444444;
	border-color:#6d6d6d;
	color:#ffffff;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	FOOTER AND SITE BOTTOM
------------------------------------------------------- */
.footer {
	padding:40px 0px;
	border-width:3px 0px 0px 0px;
	margin-top: 80px;
}
.newsletter-section + .footer {
	margin-top:-3px;	
}
.site-bottom {
	padding:10px 0px;
	color:#ffffff;
	background-color:#252525;
}
.site-bottom p {
	text-align:center;
	margin-bottom:10px;
}
.site-bottom .social-links {
	padding-top:2px;
}
.site-bottom .social-links li {
	margin:0 2px;	
}
.site-bottom .social-links li a {
	width:20px;
	height:20px;
	line-height:20px;
	border-color:transparent;
}

.scroll-up {
	width:60px;
	height:60px;
	line-height:60px;
	font-size:30px;
	text-align:center;
	font-family: 'FontAwesome';
	content: "\f106";
	color:#ffffff;
	display:none;
	float:right;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:3px;
	
	position:fixed;
	right:10px;
	bottom:10px;
}
.scroll-up:hover {
	color:#ffffff;	
}
.scroll-up:after {
	font-family: 'FontAwesome';
	content: "\f106";
	position:relative;
	top:-2px;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	TESTTIMONIALS
------------------------------------------------------- */
.testimonials-section .caroufredsel_wrapper {
	margin-bottom:30px;
}
.testimonials-section .caro-pagination {
	margin-top:30px;
	margin-left:160px;
}

.testimonials {
	padding:30px 35px 30px 100px;
	margin-left:60px;
	text-align:center;
	color:#666666;
	background-color:#eeeeee;
	position:relative;
}
.bg-theme .testimonials {
	background-color:#ffffff;
}
.testimonials figure {
	width:115px;
	height:135px;
	padding:3px;
	background-color:#eeeeee;
	
	position:absolute;
	top:40px;
	left:-60px;
	
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
.bg-theme .testimonials figure {
	background-color:#ffffff;
}
.testimonials h4,
.testimonials .designation {
	margin-bottom:10px;
	font-style:normal;
}
.testimonials .designation {
	font-style:italic;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	EVENTS
------------------------------------------------------- */
.event-box {
	margin-bottom:30px;
	color:#666666;
	background-color:#ffffff;	
}
.event-box header span.calendar {
	width:50px;
	text-align:center;
	background-color:#000000;	
}
.event-box header span [class^="icon-"]:before {
	margin:0px;	
}
.event-box .text {
	padding:10px 15px;
	position:relative;
}
.event-box ul.options {
	margin-bottom:0;
}
.event-box .text h5,
.event-box-featured .text .options {
	margin-bottom:10px;	
}
.event-box .text a {
	color:inherit;	
}
.event-box p:last-child {
	margin-bottom:0px;
}
.event-box .text h5,
.event-box .text .event-time,
.event-box .text p,
.event-box-featured .text .event-date [class^="icon-"] {
	display:none;
}

.event-box figcaption {
	padding:20px;
	color:#ffffff;
	overflow:hidden;
}
.event-box figcaption * {
	transition:all 0.4s ease 0.3s;	
	-moz-transition:all 0.4s ease 0.3s;	
	-webkit-transition:all 0.4s ease 0.3s;	
}
.event-box figcaption h6 {
	font-size:16px;
	color:inherit;
	opacity:0;
	filter:alpha(opacity=0);
	
	transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	-webkit-transform:translateY(-20px);
}
.event-box figcaption span {
	opacity:0;
	filter:alpha(opacity=0);

	position:absolute;
	left:20px;
	bottom:20px;	

	transform:translateY(20px);
	-moz-transform:translateY(20px);
	-webkit-transform:translateY(20px);
}
.event-box:hover figcaption h6,
.event-box:hover figcaption span {
	opacity:1;
	filter:alpha(opacity=100);

	transform:translateY(0px);
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
}

.event-box-featured .text {
	padding:16px 15px;
}
.event-box-featured .text h5,
.event-box-featured .text p {
	display:block;
}
.event-box-featured .text .event-time {
	display:inline-block;
}
.date-tag,
.event-box-featured .text .event-date {
	padding:8px 15px;
	font-size:20px;
	text-align:center;

	background-color:#ffffff;
	position:absolute;
	top:-68px;
	right:10px;
}
.date-tag span,
.event-box-featured .text .event-date span {
	display:block;
	font-size:30px;
	font-weight:bold;	
}

/*** Events Listing Page ***/
.post-heading {
	margin-bottom:15px;
}
.post-heading ul.options {
	margin-bottom:0px;	
}
.post-heading .date-tag {
	margin-right:15px;
	color:#ffffff;
	background-color:#444444;
	position:static;
	float:left;
}
.media .media-object {
	width:100%;	
}
.events-list .media > .pull-left {
	width:300px;
}

.hover-strip .date-tag {
	width:64px;
	color:#ccc;
	background-color:rgba(0,0,0,0.8);
	top:0px;
	right:0px;
}
.image-appear {
	position:relative;	
}

.banner {
	padding: 0;
	background-attachment:inherit;
/*	background-position:0 0;*/
}

.banner-wrapper{
	padding:40px 0px;	
}


.banner h1,
.banner h2 {
	color:#ffffff;	
}

.dark-cover-2, .dark-cover-4, .dark-cover-5, .dark-cover-6, .dark-cover-7, .dark-cover-8 {
    position: relative;
    z-index: 1;
}


.dark-cover-2,
.dark-cover-4,
.dark-cover-5,
.dark-cover-6,
.dark-cover-7,
.dark-cover-8 {
  position: relative;
  z-index: 1;
}
.dark-cover-2:after,
.dark-cover-4:after,
.dark-cover-5:after,
.dark-cover-6:after,
.dark-cover-7:after,
.dark-cover-8:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  z-index: -1;
}
.dark-cover-2:after {
  background-color: rgba(0, 0, 0, 0.25);
}
.dark-cover-4:after {
  background-color: rgba(0, 0, 0, 0.4);
}
.dark-cover-5:after {
  background-color: rgba(0, 0, 0, 0.5);
}
.dark-cover-6:after {
  background-color: rgba(0, 0, 0, 0.65);
}
.dark-cover-7:after {
  background-color: rgba(0, 0, 0, 0.7);
}
.dark-cover-8:after {
  background-color: rgba(0, 0, 0, 0.8);
}

.hover-strip {
	overflow:hidden;
	position:relative;	
}
.hover-strip figcaption {
	width:100%;
	padding:10px;
	color:#ffffff;
	background-color:rgba(0,0,0,0.8);

	position:absolute;
	left:0px;
	bottom:-46px;
	
	transition:bottom 0.3s ease;
	-moz-transition:bottom 0.3s ease;
	-webkit-transition:bottom 0.3s ease;
}
.hover-strip:hover figcaption,
.hovered-strip figcaption {
	bottom:0;	
}
.hovered-strip figcaption .date-tag {
	margin:-10px 0px -10px -10px;
	position:static;
	float:left;
	color:#ffffff;
	background-color:#444444;
}
.hovered-strip figcaption .counter {
	margin:-8px 0px;
	float:right;	
}
.hovered-strip figcaption .counter .dsCountDown {
	float:right;	
}
.hovered-strip figcaption .counter h6 {
	margin-bottom:0px;
	margin-right:15px;
	line-height:55px;
	color:#ffffff;
	text-transform:uppercase;
	display:inline-block;
	float:left;
}
.hovered-strip figcaption .btm-wrap span {
	margin-right:10px;
	white-space:nowrap;	
}
.hovered-strip figcaption .btm-wrap span:last-child {
	margin-right:0px;
	float:right;
}


/*
################################################################# */ 
/* ----------------------------------------------------
	PROJECTS, SOCIAL LINKS, MAPBOX, ABOUT
------------------------------------------------------- */
.projects-list > ul > li + li,
.events-list > ul > li + li {
	padding-top:30px;
	border-top:1px solid #e3e3e3;
}

/**** Post Details Styling ***/
.details {
	margin-bottom:30px;	
}
ul.options {
	margin-bottom:10px;	
}
.options li {
	margin-right:15px;
	display:inline-block;
	white-space:nowrap;
	font-weight: 600;
}
.options li.sp {
	padding-right:5px;
	border-right:1px solid #d1d1d1;	
}
.options-vertical li {
	display:block;
	margin-right:0px;	
}
.options a {
	color:inherit;
}
.details .hover-strip,
.details .image,
.featured-box .image {
	margin-bottom:20px;
}
.details h4 {
	margin-bottom:10px;	
}
.details .post-meta,
.details .options {
	margin-bottom:20px;	
}
.causes-pik {
	width:235px;
	padding:10px;
	text-align:center;
	background-color:#ffffff;

	box-shadow:-2px -2px 2px 0px rgba(0,0,0,0.3), 2px -2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:-2px -2px 2px 0px rgba(0,0,0,0.3), 2px -2px 2px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:-2px -2px 2px 0px rgba(0,0,0,0.3), 2px -2px 2px 0px rgba(0,0,0,0.3);
}
.causes-pik h5,
.causes-pik p,
.causes-pik .btn {
	margin-bottom:10px;	
}
.caption,
.post-heading {
	position:relative;
}
.caption .causes-pik {
	position:absolute;
	top:-140px;
	right:20px;
}
.caption h4 {
	padding-right:265px;	
}
.related-posts > ul > li {
	margin-top:0px;
}

.related-events .event-box .text {
	padding:10px 0px 0px 0px;
}
.related-events .event-box .text h5 {
	display:block;
	font-size:16px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;	
}

.social-links {
	color:inherit;
	text-align:center;
}
.social-links li {
	margin:0 5px;
	display:inline-block;	
}
.social-links li a {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:18px;
	text-align:center;
	color:inherit;
	display:inline-block;
	border:1px solid #666666;
	
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.social-links li a:before {
	margin-right:0px;
	vertical-align:top;
}
.social-links li a.icon-dribbble:before,
.social-links li a.icon-skype:before {
	position:relative;
	top:-1px;
}

.mapbox {
	position:relative;	
}
.mapbox iframe {
	height:418px;
}
.mapbox .widget_contact {
	width:260px;
	padding:15px 20px;
	color:#ffffff;
	background-color:rgba(0,0,0,0.8);	

	position:absolute;
	left:20px;
	bottom:20px;
}
.mapbox .widget_contact a {
	color:inherit;	
}

.contact-form li + li {
	margin-top:20px;
}
.contact-form textarea {
	min-height:110px;	
}
.block,
.about-box {
	margin-bottom:50px;
}
.section .block:last-child {
	margin-bottom:0px;	
}

.about-box .about-snap {
	width:300px;
	margin-right:30px;
	margin-bottom:30px;
	text-align:center;
	float:left;
}
.about-box .about-snap .image {
	margin-bottom:15px;
}
.about-box .about-detail {
	margin-left:300px;	
}
.about-box .about-detail .options-vertical {
	font-size:16px;
	line-height:1.8;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	SHARE BAR
------------------------------------------------------- */
.share-bar {
	padding:10px 15px;
	border:1px solid #e3e3e3;
}
.share-bar * {
	line-height:20px;
	vertical-align:text-top;
}
.share-bar > p, .share-bar .addthis_toolbox > p {
	margin-bottom:0px;
	margin-right:18px;
	display:inline-block;
}
.share-bar ul {
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline-block;
}
.share-bar ul li {
	display:inline-block;
	margin:0 8px;
}
.share-bar ul li img {
	vertical-align:bottom;
}

/*
################################################################# */ 
/* ----------------------------------------------------
	USER COMMENTS
------------------------------------------------------- */
.comment-area {
	margin-bottom:30px;	
}
.user-comments {
	padding:0px;
	margin:0px;
	list-style:none;
}
.user-comments li {
	position:relative;
}
.user-comments li ul,
.user-comments li + li {
	margin-top:30px;
	padding:0px;
}
.user-comments li li {
	margin-left:40px;
	list-style:none;
}

.comment-box {
	border:1px solid #efefef;	
	position:relative;
}
.is-child > .comment-box:before,
.is-child > .comment-box:after {
	content:'';
	background-color:#efefef;	
	position:absolute;
	left:-20px;
}
.is-child > .comment-box:before {
	width:1px;
	height:60px;
	top:-30px;
}
.is-child > .comment-box:after {
	width:20px;	
	height:1px;
	top:30px;
}


.comment-box > figure {
	width:63px;
	height:63px;
	overflow:hidden;
		
	border-radius:50%;	
	
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	
	position:absolute;
	right:15px;
	top:15px;
}
.comment-box .comment-tp,
.comment-box .comment-bt {
	padding:10px 20px;	
}
.comment-box .comment-tp {
	line-height:1.5;
	background-color:#efefef;
}
.comment-box .comment-bt {
	padding-right:80px;	
}
.comment-box .comment-tp p {
	margin-bottom:0px;
}
.comment-box .comment-tp strong {
	color:#444444;	
}
.comment-box .comment-bt p:last-of-type {
	margin-bottom:0px;
}
.comment-box .comment-reply-link {
	padding:1px 16px;
	color:#ffffff;
	font-size:12px;
	background-color:#444444;
	position:absolute;
	right:16px;
	bottom:15px;	
}
.reply-form textarea.form-control {
	height:150px;	
}


/*
################################################################# */ 
/* ----------------------------------------------------
	SKILLS AND INFO
------------------------------------------------------- */
.skills li {
	margin-top:60px;
}
.skills li + li {
	margin-top:80px;
}
.skills li [class^="icon-"] {
	float:left;
	position:relative;
	top:5px;
}
.skills li .skill-desc {
	margin-left:90px;	
}
.skills li .skill-desc h5 {
	margin-bottom:10px;	
}
.skills li .progress {
	margin-bottom:0px;
}

.info-block {
	padding:25px 30px;
	border:1px solid #dedede;
}

.info-block p,
.info-block h4 {
	margin-bottom:10px;
}
.info-block p:last-child,
.info-block h4:last-child {
	margin-bottom:0px;	
}
.info-block .btn.pull-right {
	margin-top:10px;
}

.blog-box {
	margin-bottom:50px;	
}
.blog-box .options {
	padding:10px 20px;
	margin-bottom:20px;
	background-color:#f2f2f2;	
}

/*
################################################################# */ 
/* ----------------------------------------------------
	SHORTCODES
------------------------------------------------------- */
.shortcodes {
	margin-bottom:40px;	
}
.shortcode-headings h1,
.shortcode-headings h2,
.shortcode-headings h3,
.shortcode-headings h4,
.shortcode-headings h5,
.shortcode-headings h6 {
	line-height:1em;
	margin-bottom:20px;
}
.contextual-colors p {
	margin-bottom:10px;
}
.contextual-backgrounds p {
	padding:10px 15px;
	margin-bottom:10px;
}

.shortcodes .progress {
	margin-bottom:40px;	
}


/*
################################################################# */ 
/* ----------------------------------------------------
	REVOLUTION SLIDER CUSTOM STYLING
------------------------------------------------------- */
.main-slider {
	position:relative;
	margin-bottom: 80px;
}
.fullwidthbanner {
/*	min-height:400px;
	max-height:600px;*/
}
.tp-caption a {
	color:#3E3E3E;
}
.tp-caption a:hover {
	color:#ffffff;
}
.tp-bullets {
/*	bottom:50px !important;*/
}
.tp-bullets .bullet {
	width:65px !important;
	height:4px;
	background-color:rgba(255, 255, 255, 0.5);
}
.tp-bullets .bullet {
	width:65px !important;
	height:4px !important;
	margin-left:10px !important;
	background:#ffffff !important;
	opacity:.6;
	filter:alpha(opacity=60);
}
.main-slider .tp-rightarrow, .main-slider .tp-leftarrow {
	width:50px;
	height:50px;
	margin-top:-20px !important;
	text-align:center;
	background:#eeeeee;
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.main-slider .tp-leftarrow {
	left:0px !important;
	border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
}
.main-slider .tp-rightarrow {
	right:0px !important;
	border-radius:3px 0px 0px 3px;
	-moz-border-radius:3px 0px 0px 3px;
	-webkit-border-radius:3px 0px 0px 3px;
}
.main-slider .tp-rightarrow:before, .main-slider .tp-leftarrow:before {
	line-height:54px;
	text-align:center;
	color:#565656;
	display:inline-block;
	text-indent:0px;
	font-family: "FontAwesome";
	font-size:24px;
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.main-slider .tp-rightarrow:hover, .main-slider .tp-leftarrow:hover {
	background-color:rgba(255,255,255,1);
}
.main-slider .tp-leftarrow:before {
  content: "\f104";
}
.main-slider .tp-rightarrow:before {
  content: "\f105";
}


.text-big {
	font-size: 23px;
}

.text-bigger {
	font-size: 18px;
}

.text-black {
	color: #000;
}

.text-font-alt {
	font-family: 'Raleway', sans-serif;
}

.text-huge {
	font-size: 40px;
}

.text-silver {
	color: #969595
}

.text-promote {
	font-family: 'Raleway', sans-serif;
	font-size: 23px;
	letter-spacing: 0.7px;
}

.text-smaller {
	font-size: 13px;
}

.text-white {
	color: #FFF;
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #FFF;
	}
}

.oeffnungszeiten td{
	padding:5px 20px 5px 0;
}

.ccm-page h3{
	font-size: 30px;
	margin-bottom: 10px;
}

.no-padding{
	padding-left: 0;
	padding-right: 0;
}


/* Navigation wird sonst eingeblendet wegen Bootstrap css */
#my-menu:not(.mm-menu) {
   display: none;
}