body {
	margin: 0;
	padding: 0
}

#wrapper {
	width: 100%
}

#header {
	float: left;
	width: 100%;
	background: url(../images/header-bg.jpg) no-repeat center center/cover;
	height: 266px;
	position: relative
}

.left_logo_block {
	width: 100%;
	float: left;
}

.right_logo_block {
	width: 50%;
	float: left;
	text-align: right;
}

.painting-sale-btn {
	border: 0;
	color: #fff;
	font: 700 16px roboto slab, serif;
	margin: 0;
	padding: 5px 30px;
	text-transform: uppercase;
	background-color: #800000;
}

.footer_link {
	padding-bottom: 8px !important;
}

.footer_link a {
	color: white;
}

.footer_link a:hover {
	color: white;
	text-decoration: none;
}

.head-topbar {
	float: left;
	width: 100%;
	padding: 10px 0
}

.head-topbar .left {
	float: left;
	padding: 3px 0 0
}

.head-topbar .left ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.head-topbar .left ul li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #fff;
	line-height: 12px
}

.head-topbar .left ul li:first-child {
	border: 0;
	padding: 0 10px 0 0
}

.head-topbar .left ul li strong.number {
	font: 400 15px/12px 'Roboto Slab', serif;
	color: #fff
}

.head-topbar .left ul li a {
	font: 400 15px/12px 'Roboto Slab', serif;
	color: #fff;
	text-decoration: none
}

.head-topbar .left ul li a:hover {
	color: #333
}

.header-social {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
    font-size: 20px;
}

.header-social li {
	float: left;
	padding: 0 0 0 12px
}

.header-social li:first-child {
	padding: 0
}

.header-social li a {
	text-decoration: none;
	color: #fff
}

.header-social li a.fa {
	color: #fff;
	font-size: 16px
}

.header-social li a:hover {
	color: #333
}

.header-2 {
	margin: 0 0 16px!important
}

.navigation-area a.btn-donate-2 {
	background-color: #333;
	float: right;
	padding: 13px 20px 14px;
	font: 400 16px roboto slab, serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	margin: -43px 0 2px
}

.navigation-area a.btn-donate-2 .fa-money {
	font-size: 36px;
	color: #fff;
	display: block;
	text-align: center;
	padding: 0
}

.map-footer {
	float: left;
	width: 100%
}

.map_canvas-01 {
	height: 250px;
	width: 100%
}

strong.logo-3 {
	margin: 5px 0 0;
	display: block;
	position: relative
}

strong.logo-3 a {
	display: block;
	height: 100%
}

.height {
	height: 270px!important
}

.nav-margin {
	margin-top: -22px
}

.footer-menu {
	position: absolute;
	padding: 0;
	margin: 20px 0 0;
	list-style: none;
	left: 416px
}

.footer-menu li {
	float: left;
	padding: 0 18px;
	line-height: 14px;
	border-left: 1px solid #999
}

.footer-menu li:first-child {
	border: 0
}

.footer-menu li a {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #999;
	text-decoration: none
}

.footer-menu2 {
	float: right;
	padding: 0;
	margin: 20px 0 0;
	list-style: none
}

.footer-menu2 li {
	float: left;
	padding: 0 18px;
	line-height: 14px;
	border-left: 1px solid #999
}

.footer-menu2 li:first-child {
	border: 0
}

.footer-menu2 li a {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #999;
	text-decoration: none
}

strong.logo-4 {
	margin: 30px 48px 0 30px;
	float: left;
	position: relative
}

strong.logo-4 a {
	display: block;
	height: 100%;
	text-decoration: none
}

#nav-outer {
	margin: 0;
	width: 100%;
	float: left;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, .3)
}

.nav-holder {
	float: left;
	padding: 0
}

#nav-2 {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

#nav-2 li {
	display: inline-block;
	position: relative;
	background: url(../images/splitter.gif) no-repeat left 21px;
	padding: 0 0 6px
}

#nav-2 li:first-child {
	background: 0 0
}

#nav-2 li a {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #333;
	text-decoration: none;
	padding: 20px 17px;
	display: block;
	position: relative;
	z-index: 20
}

#nav-2 li.active>a {
	font-weight: 700;
	position: relative
}

#nav-2 li:hover>a {
	font-weight: 700
}

#nav-2 li ul li a:hover,
#nav li ul li:hover>a {
	text-decoration: none;
	border: 0;
	color: #333;
	font-weight: 400
}

#nav-2 li ul {
	position: absolute;
	left: 0;
	top: 60px;
	border-radius: 5px;
	width: 220px;
	background: #fff;
	padding: 0;
	display: none;
	list-style: none;
	z-index: 10;
	margin: 0;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

#nav-2 li:hover>ul {
	display: block
}

#nav-2 li ul li>ul {
	position: absolute;
	left: 100%;
	top: 0;
	width: 134px;
	padding: 0
}

#nav-2 li ul li {
	float: none;
	display: block;
	width: auto;
	background: 0 0;
	padding: 0;
	border-top: 1px solid #ccc
}

#nav-2 li ul:before {
	content: '';
	position: absolute;
	left: 27px;
	top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5.5px 6px;
	border-color: transparent transparent #fff transparent
}

#nav-2 li ul li:first-child {
	border: 0
}

#nav-2 li ul li a {
	background: 0 0;
	font: 400 14px roboto slab, serif;
	color: #000000;
	text-align: left;
	padding: 20px 0 17px 20px;
	display: block
}

.navigation-area a.btn-donate3 {
	float: right;
	padding: 27px 12px 28px;
	font: 400 16px roboto slab, serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	margin: -44px 0 0;
	border-radius: 0 5px 0 0
}

.navigation-area a.btn-donate3 .fa-money {
	font-size: 24px;
	color: #fff;
	display: block;
	text-align: center;
	padding: 0 0 5px
}

.height-2 {
	height: 183px!important
}

.head-topbar a.search {
	width: 30px;
	height: 30px;
	float: right;
	text-decoration: none;
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	outline: none;
	margin: 0 0 0 10px;
	position: relative
}

.head-topbar a.search .fa {
	position: relative
}

.head-topbar a.search:before {
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: .3;
	position: absolute;
	width: 100%
}

.search-box {
	width: 265px;
	height: 50px;
	background-color: #e1e1e1;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	position: absolute;
	right: 17px;
	top: -300px;
	z-index: 99;
	padding: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.top-search-input {
	float: left;
	width: 100%;
	height: 34px!important;
	border: 1px solid #f8f8f8!important;
	background-color: #fff!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 9px!important;
	margin: 0!important;
	border-radius: 0!important;
	font: 300 12px roboto slab, serif!important;
	color: #999!important
}

.top-search-btn {
	position: absolute;
	right: 19px;
	top: 19px;
	background: 0 0;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 12px;
	color: #999
}

.left-top-padding {
	padding: 6px 0 0!important
}

.head-4-search {
	position: relative
}

.header-4-address {
	float: left;
	margin: 34px 0 0;
	width: 100%
}

.header-4-address strong.info {
	font: 400 14px/14px 'Open Sans', sans-serif;
	display: block;
	color: #fff;
	padding: 0 0 8px
}

.header-4-address strong.info .fa {
	font-size: 14px;
	color: #fff;
	padding: 0 22px 0 0
}

.header-4-address a.email {
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 8px
}

.header-4-address a.email .fa {
	font-size: 14px;
	color: #fff;
	padding: 0 22px 0 0
}

.header-4-address a.email:hover {
	color: #999
}

strong.copy {
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #999;
	padding: 22px 0 0;
	float: left
}

strong.copy a.web {
	color: #999;
	text-decoration: none
}

strong.copy a.web:hover {
	text-decoration: underline
}

.head-4-space {}

strong.logo-5 {
	margin: 70px 0 0;
	float: left;
	position: relative
}

strong.logo-5 a {
	display: block;
	height: 100%;
	text-decoration: none
}

.head-5-social {
	float: left;
	padding: 0;
	margin: 68px 0 0;
	list-style: none;
	float: right;
	width: 125px
}

.head-5-social li {
	float: left;
	padding: 0 13px 10px 0
}

.head-5-social li a {
	font-size: 20px;
	color: #999;
	text-decoration: none
}

.head-5-social li a:hover {
	color: #000
}

a.btn-donate5 {
	float: right;
	padding: 22px 18px;
	font: 400 16px roboto slab, serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	margin: 60px 0 17px;
	text-decoration: none
}

a.btn-donate5:hover {
	color: #fff;
	text-decoration: none
}

.header-5-height {
	height: 204px!important
}

.menu-row {
	float: left;
	width: 100%
}

strong.logo {
	max-width: 330px;
	height: 105px;
	margin: 0 auto 14px;
	display: block;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .3);
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .3);
	position: relative
}

strong.logo a {
	display: block;
	height: 100%;
	text-decoration: none
}

strong.logo:before {
	position: absolute;
	left: 0;
	bottom: -20px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 165px 0;
	border-color: transparent transparent transparent;
	z-index: 9
}

strong.logo:after {
	background: none repeat scroll 0 0 transparent;
	border-radius: 100%;
	bottom: -9px;
	box-shadow: 0 16px 5px rgba(0, 0, 0, .3);
	content: "";
	height: 9px;
	left: 0;
	position: absolute;
	width: 330px
}

.navigation-area {
	float: left;
	width: 100%
}

.navigation-area a.btn-donate {
	background-color: #333;
	float: right;
	padding: 11px 18px 9px 20px;
	font: 400 16px roboto slab, serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 2px
}

.navigation-area a.btn-donate .fa-money {
	font-size: 19px;
	color: #fff;
	float: left;
	padding: 0 10px 0 0
}

.navigation-area a.search {
	width: 30px;
	height: 30px;
	background-color: #ccc;
	position: absolute;
	top: 17px;
	right: 17px;
	text-decoration: none;
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	outline: none
}

.search-box {
	width: 265px;
	height: 50px;
	background-color: #e1e1e1;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	position: absolute;
	right: 17px;
	top: -500px;
	z-index: 99;
	padding: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.top-search-input {
	float: left;
	width: 100%;
	height: 34px!important;
	border: 1px solid #f8f8f8!important;
	background-color: #fff!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 9px!important;
	margin: 0!important;
	border-radius: 0!important;
	font: 300 12px roboto slab, serif!important;
	color: #999!important
}

.top-search-btn {
	position: absolute;
	right: 19px;
	top: 19px;
	background: 0 0;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 12px;
	color: #999
}

#navbar {
	margin: 0 auto;
	clear: both;
	width: 85%;
	display: block;
	background-color: #fff;
	height: 55px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	position: relative
}

.new-pages {
	background-color: #fdb913;
	color: #000;
	float: left;
	font: 400 16px roboto slab, serif;
	margin: 0 0 2px;
	padding: 11px 18px 9px 20px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	cursor: pointer
}

.new-pages ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 0;
	top: 42px;
	width: 200px;
	z-index: 99;
	background: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	border-radius: 0 0 5px 5px;
	display: none
}

.new-pages:hover ul {
	display: block
}

.new-pages ul li {
	padding: 5px 0;
	overflow: hidden
}

.new-pages ul li a {
	font: 400 14px/14px "Roboto Slab", serif;
	color: #000000;
	display: block;
	padding: 5px 10px
}

.new-pages ul li a:hover {
	text-decoration: none;
	color: #333
}

#nav {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	text-align: center
}

#nav li {
	display: inline-block;
	position: relative;
	background: url(../images/splitter.gif) no-repeat 0 25px;
	padding: 0 0 6px
}

#nav li:first-child {
	background: 0 0
}

#nav li a {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #000000;
	text-decoration: none;
	padding: 20px 17px;
	display: block;
	position: relative;
	z-index: 20;
	border-top: 3px solid transparent
}

#nav li.active>a {
	border-top: 3px solid;
	font-weight: 400;
	position: relative;
	color: #000000;
}

#nav li.active>a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4.5px 0;
	border-color: transparent transparent transparent
}

#nav li:hover>a {
	border-top: 3px solid;
	font-weight: 400;
	color: #000000;
}

#nav li:hover>a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4.5px 0;
	border-color: transparent transparent transparent
}

#nav li ul li:hover>a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	border: 0
}

#nav li ul li a:hover,
#nav li ul li:hover>a {
	text-decoration: none;
	border-top: 3px solid transparent;
	color: #333;
	font-weight: 400
}

#nav li ul {
	position: absolute;
	left: 0;
	top: 60px;
	border-radius: 5px;
	width: 220px;
	background: #fff;
	padding: 0;
	display: none;
	list-style: none;
	z-index: 999;
	margin: -8px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

#nav li ul:before {
	content: '';
	position: absolute;
	left: 27px;
	top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5.5px 6px;
	border-color: transparent transparent #fff transparent
}

#nav li:hover>ul {
	display: block
}

#nav li ul li>ul {
	position: absolute;
	left: 100%;
	top: 0;
	width: 134px;
	padding: 0
}

#nav li ul li {
	float: none;
	display: block;
	width: auto;
	background: 0 0;
	padding: 0;
	border-top: 1px solid #ccc
}

#nav li ul li:first-child {
	border: 0
}

#nav li ul li a {
	background: 0 0;
	font: 400 14px roboto slab, serif;
	color: #000000;
	text-align: left;
	padding: 10px 0 13px 20px;
	display: block
}

#main {
	float: left;
	width: 100%
}

#banner {
	float: left;
	width: 100%;
	margin: 0;
	position: relative
}

#banner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 7px 7px 0 rgba(0, 0, 0, .2) inset;
	width: 100%;
	height: 17px;
	z-index: 9
}

#banner img {
	display: block;
	width: 100%
}

#banner .holder {
	position: relative;
	width: 1170px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 148px
}

#banner .caption {
	float: left;
	width: 100%
}

#banner .caption h1 {
	margin: 0;
	display: table;
	font: 400 26px/48px 'Roboto Slab', serif;
	background-color: #fff;
	padding: 3px 11px 0 20px;
	box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2)
}

#banner .caption h2 {
	margin: 0 0 10px;
	display: table;
	font: 400 26px/48px 'Roboto Slab', serif;
	background-color: #fff;
	padding: 0 18px;
	box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2)
}

#banner .caption strong.title {
	font: 400 16px/16px 'Roboto Slab', serif;
	color: #333;
	padding: 19px 20px;
	background-color: #fff;
	display: table;
	margin: 0 0 9px;
	box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2)
}

#banner .caption a.view {
	font: 700 16px/16px 'Roboto Slab', serif;
	color: #fff;
	text-transform: uppercase;
	float: left;
	padding: 18px 22px;
	box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .2);
	text-decoration: none
}

#banner .caption a.view:hover {
	box-shadow: 0 0 7px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5)
}

#banner .bx-wrapper {
	margin: 0;
	float: left;
	width: 100%
}

#banner .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0
}

#banner .bx-wrapper .bx-pager {
	padding: 0
}

#banner .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 10px
}

#banner .bx-wrapper .bx-pager.bx-default-pager a {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: 2px solid #fff;
	background-color: #999;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

#banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {}

#banner .bx-wrapper .bx-controls-direction a {
	text-decoration: none;
	margin: 0;
	font-size: 0;
	text-indent: inherit
}

#banner .bx-wrapper .bx-next {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin: 0;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

#banner .bx-wrapper .bx-prev {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin: 0;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

#banner .bx-wrapper .bx-next:before {
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, .6)
}

#banner .bx-wrapper .bx-next:hover {
	background: rgba(255, 255, 255, .5)
}

#banner .bx-wrapper .bx-next:hover:before {
	color: rgba(0, 0, 0, .3)
}

#banner .bx-wrapper .bx-prev:before {
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, .6)
}

#banner .bx-wrapper .bx-prev:hover {
	background: rgba(255, 255, 255, .5)
}

#banner .bx-wrapper .bx-prev:hover:before {
	color: rgba(0, 0, 0, .3)
}

.widget-box {
	float: left;
	width: 100%;
	margin: 60px 0 52px
}

.widget-box-inner {
	float: left;
	width: 100%;
	padding: 0 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.round {
	width: 148px;
	height: 148px;
	margin: 0 auto 27px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 148px;
	position: relative
}

.round:before {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -8px;
	content: '';
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	height: 15px;
	width: 15px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.round a.inner {
	width: 136px;
	height: 136px;
	margin: 6px auto 0;
	display: block;
	background-color: #f0f0f0;
	border-radius: 136px;
	position: relative;
	text-decoration: none;
	float: none;
	color: #000000
}

.round a.inner:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -11px;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12.5px 0;
	border-color: #f0f0f0 transparent transparent transparent
}

.round a.inner .fa {
	font-size: 50px;
	display: block;
	line-height: 136px;
	text-align: center
}

.widget-box-inner h2 {
	font: 300 24px/24px 'Roboto Slab', serif;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 14px;
	color: #000000;
}

.widget-box-inner p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	//text-align: center;
    text-align: justify;
	margin: 0
}

.widget-box-inner:hover .round a.inner {
	color: #fff
}

.widget-box-inner:hover .round a.inner:before {}

.latest-news-box {
	float: left;
	width: 100%;
	margin: 0 0 35px
}

.latest-news-box h3 {
	border-bottom: 3px solid;
	color: #333;
	display: inline-block;
	font: 400 22px/22px 'Roboto Slab', serif;
	margin: 0 0 15px;
	padding: 0 20px 9px 0;
	position: relative;
	text-transform: uppercase;
	overflow: hidden
}

.latest_posts.acc-style {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 0 0 10px
}

.css3accordion {
	width: 100%;
	float: left;
	position: relative
}

.css3accordion>ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 2222em
}

.css3accordion>ul>li {
	width: 272px;
	position: relative;
	float: left;
	margin-right: 21px;
	transition: width .3s ease .2s;
	-moz-transition: width .3s ease .2s;
	-webkit-transition: width .3s ease .2s;
	-o-transition: width .3s ease .2s
}

.css3accordion>ul>li>.inner-acc {
	width: 585px;
	background: #fff
}

.css3accordion>ul>li .thumb {
	background-color: #333;
	border: 4px solid #fff;
	max-width: 273px;
	display: inline-block;
	float: left;
	margin-right: 27px;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3)
}

.css3accordion>ul>li.last,
.css3accordion>ul>li:hover {
	width: 585px
}

.css3accordion>ul>li.last {
	margin-right: 0
}

.css3accordion>ul>li:hover .thumb {}

.css3accordion .content {}

.css3accordion .content .top {
	border-bottom: 1px solid #ccc;
	float: left;
	padding: 0 0 9px;
	margin: 0 0 15px
}

.css3accordion .content .top strong.mnt {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 20px 0 0
}

.css3accordion .content .top strong.mnt .fa-calendar {
	font-size: 12px;
	color: #999;
	padding: 0 10px 0 0
}

.css3accordion .content .top a.comment {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	float: left;
	padding: 0 0 0 20px;
	text-decoration: none
}

.css3accordion .content .top a.comment .fa-comments-o {
	font-size: 12px;
	color: #999;
	padding: 0 10px 0 0
}

.css3accordion .content .top a.comment:hover {
	color: #333
}

.css3accordion .content strong.title {
	font: 400 16px roboto slab, serif;
	color: #000000;
	display: block;
	padding: 0 0 10px
}

.css3accordion .content p {
	font: 400 14px open sans, sans-serif;
	color: #000000;
	line-height: 22px;
	margin: 0 0 8px
}

.css3accordion .content a.readmore {
	font: 700 12px roboto slab, serif;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase
}

.css3accordion .content a.readmore:hover {
	color: #800000
}

.upcoming-events-box {
	float: left;
	width: 100%;
	background-image: url(../images/upcoming-bg-2.png);
	background-position: center top;
	background-size: cover;
	padding: 36px 0 40px
}

.upcoming-heading {
	max-width: 1170px;
	margin: 0 auto
}

.upcoming-events-box h3 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 20px;
	position: relative;
	border-bottom: 3px solid #fff;
	display: inline-block;
	padding: 0 8px 8px 0
}

.upcoming-box {
	float: left;
	width: 100%;
	border: 4px solid #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin: 0 0 40px;
	overflow: hidden
}

.upcoming-box .frame {
	float: left;
	width: 100%
}

.upcoming-box .frame img {
	display: block;
	width: 100%;
    height: 230px;
}

.upcoming-box .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.upcoming-box .caption strong.title {
	background-color: rgba(255, 255, 255, .75);
	padding: 0 36px;
	height: 36px;
	display: block;
	margin: 0 auto;
	font: 400 18px/36px 'Roboto Slab', serif;
	text-align: center;
	color: #333;
	text-transform: uppercase;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3)
}

.upcoming-box .caption strong.mnt {
	display: block;
	width: 262px;
	height: 36px;
	margin: 0 auto;
	font: 400 18px/36px 'Roboto Slab', serif;
	text-align: center;
	color: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	position: relative
}

.upcoming-box .caption strong.mnt span {
	position: relative
}

.upcoming-box .caption strong.mnt:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .75
}

.upcoming-events-box a.btn-view {
	width: 177px;
	height: 52px;
	text-align: center;
	margin: 0 auto;
	display: block;
	background-color: #fff;
	font: 700 16px/52px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	clear: both
}

.upcoming-events-box a.btn-view:hover {
	box-shadow: 0 0 7px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5)
}

.upcoming-box:hover .timer-box {
	bottom: 0
}

.timer-box {
	width: 100%;
	display: block;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .75);
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	margin: 0 0 27px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	bottom: -300px
}

.is-countdown {}

.countdown-rtl {
	direction: rtl
}

.countdown-holding span {
	color: #333;
	font: 400 36px roboto slab, serif
}

.countdown-row {
	clear: both;
	width: 100%;
	padding: 0 0;
	text-align: center
}

.countdown-show1 .countdown-section {
	width: 98%
}

.countdown-show2 .countdown-section {
	width: 48%
}

.countdown-show3 .countdown-section {
	width: 32.5%
}

.countdown-show4 .countdown-section {
	width: 24.5%
}

.countdown-show5 .countdown-section {
	width: 19.5%
}

.countdown-show6 .countdown-section {
	width: 16.25%
}

.countdown-show7 .countdown-section {
	width: 14%
}

.countdown-section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center
}

.countdown-amount {
	font-size: 200%;
	color: #333;
	font: 400 36px roboto slab, serif
}

.countdown-period {
	display: block;
	font: 400 12px roboto slab, serif;
	text-align: center;
	text-transform: uppercase
}

.countdown-descr {
	display: block;
	width: 100%
}

#upcoming-news-slider {}

.upcoming-events-box .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	left: 0;
	box-shadow: none
}

.bx-viewport>ul {
	margin: 0
}

.upcoming-events-box .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	display: none
}

.upcoming-events-box .bx-wrapper {
	margin: 0;
	float: left
}

.upcoming-events-box .bx-wrapper .bx-next {
	width: 30px;
	height: 50px;
	margin: 0;
	right: -58px;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.upcoming-events-box .bx-wrapper .bx-next:before {
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-decoration: none
}

.upcoming-events-box .bx-wrapper .bx-prev {
	width: 30px;
	height: 50px;
	margin: 0;
	left: -58px;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.upcoming-events-box .bx-wrapper .bx-prev:hover {
	background: rgba(255, 255, 255, .5)
}

.upcoming-events-box .bx-wrapper .bx-next:hover {
	background: rgba(255, 255, 255, .5)
}

.upcoming-events-box .bx-wrapper .bx-prev:before {
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-decoration: none
}

.upcoming-events-box .bx-wrapper .bx-controls-direction a {
	margin: 0;
	top: 25%;
	text-indent: inherit;
	font-size: 0;
	text-decoration: none
}

.our-project {
	float: left;
	width: 100%;
	margin: 36px 0
}
.our-project a.btn-view {
	width: 157px;
	height: 52px;
	margin: 0 auto;
	display: block;
	font: 700 16px/52px 'Roboto Slab', serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	text-decoration: none
}
.blog-post a.btn-view {
	width: 157px;
	height: 52px;
	margin: 0 auto;
	display: block;
	font: 700 16px/52px 'Roboto Slab', serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	text-decoration: none;
    background-color: #800000;
    margin-top: 20px;
    margin-bottom: 10px;
}

.our-project a.btn-view:hover {
	box-shadow: 0 0 7px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5)
}

.our-project h3 {
	border-bottom: 3px solid;
	color: #333;
	display: inline-block;
	font: 400 22px/22px 'Roboto Slab', serif;
	margin: 0 0 15px;
	padding: 0 20px 8px 0;
	position: relative;
	text-transform: uppercase;
	overflow: hidden
}

.product-gallery {
	float: left;
	width: 100%;
	margin: 0 0 20px
}

.gallery-grid {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 30px;
	list-style: none;
	border-bottom: 1px solid #ccc
}

.filter {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%
}

.filter li {
	float: left;
	padding: 0;
	margin: 0 20px 0 0
}

.filter li a {
	font: 400 14px roboto slab, serif;
	color: #000000;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 7px 18px;
	text-decoration: none;
	display: block
}

.filter li a:hover {
	background-color: #e1e1e1
}

.product-gallery .gallery li {
	margin: 0;
	overflow: hidden
}

.product_info {
	width: 390px
}

.gallery-box {
	float: left;
	width: 390px;
	position: relative
}

.gallery-box:before {
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .75
}

ul#portfolio-list li:hover .gallery-box:before {
	height: 100%
}

.gallery-box .frame {
	float: left;
	width: 100%
}

.boundingBox {
	margin: 0 auto;
	width: 100%
}

ul#portfolio-filter {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left
}

ul#portfolio-filter li {
	float: left;
	padding: 0
}

ul#portfolio-filter a {
	float: left;
	outline: none;
	text-decoration: none
}

ul#portfolio-filter a:hover,
ul#portfolio-filter a.current {}

ul#portfolio-filter a.current {
	background-color: #e1e1e1
}

ul#portfolio-list {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none
}

ul#portfolio-list li {
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0
}

ul#portfolio-list li a {}

ul#portfolio-list li:hover .gallery-box .caption {
	top: 0
}

.gallery-box .caption {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%
}

.link-box {
	width: 114px;
	margin: 122px auto 74px;
	display: block;
	overflow: hidden
}

.link-box a.link {
	text-decoration: none;
	float: left;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 50px;
	margin: 0 4px 0 0
}

.link-box a.link .fa {
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	display: block
}

.link-box a.plus {
	text-decoration: none;
	float: left;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 50px
}

.link-box a.plus .fa {
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	display: block
}

.gallery-box .caption strong.title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: rgba(0, 0, 0, .5);
	font: 400 18px/50px 'Roboto Slab', serif;
	color: #fff;
	text-align: center
}

.project-timeline {
	float: left;
	width: 100%
}

.timeline-box {
	float: left;
	width: 100%;
	margin: 0 0 23px
}

.timeline-box h3 {
	border-bottom: 3px solid;
	color: #333;
	display: inline-block;
	font: 400 22px/22px 'Roboto Slab', serif;
	margin: 0 0 15px;
	padding: 0 18px 8px 0;
	position: relative;
	text-transform: uppercase;
	overflow: hidden
}

.tim-line-container {
	float: left;
	width: 100%;
	width: 234px
}

.timeline-head {
	float: left;
	width: 100%;
	height: 52px;
	position: relative;
	margin: 0 0 14px
}

.color-1 {
	position: relative
}

.color-2 {
	position: relative
}

.color-2:after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .8
}

.color-3:after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .6
}

.color-4:after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .5
}

.color-5:after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .4
}

.color-3 {
	position: relative
}

.color-4 {
	position: relative
}

.color-5 {
	position: relative
}

.timeline-head strong.mnt {
	font: 400 22px/52px 'Roboto Slab', serif;
	color: #fff;
	text-align: center;
	margin: 0;
	position: relative;
	z-index: 9
}

.color-1:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0;
	border-color: transparent transparent
}

.color-2:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0;
	border-color: transparent transparent;
	opacity: .8
}

.color-3:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0;
	border-color: transparent transparent;
	opacity: .6
}

.color-4:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0;
	border-color: transparent transparent;
	opacity: .5
}

.color-5:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0;
	border-color: transparent transparent;
	opacity: .4
}

.timeline-frame-outer {
	float: left;
	width: 92%;
	border-radius: 5px 5px 10px 10px;
	overflow: hidden;
	position: relative;
	border: 4px solid transparent;
	margin: 0 0 0 6px
}

.timeline-frame {
	float: left;
	width: 100%;
	overflow: hidden;
	height: 228px;
	border-radius: 5px 5px 0 0
}

.nbs-flexisel-item:hover .timeline-frame-outer .caption {
	bottom: 0
}

.nbs-flexisel-item:hover .timeline-frame-outer {
	border: 4px solid #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3)
}

.timeline-frame-outer .caption {
	position: absolute;
	left: 0;
	bottom: -85px;
	padding: 17px 23px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.timeline-frame-outer .caption h4 {
	font: 400 18px/16px 'Roboto Slab', serif;
	color: #fff;
	text-align: center;
	margin: 0 0 12px
}

.timeline-frame-outer .caption p {
	font: 400 12px/18px 'Open Sans', sans-serif;
	color: #fff;
	margin: 0
}

#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
	display: none
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%
}

.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center
}

.nbs-flexisel-inner {
	overflow: hidden;
	float: left;
	width: 100%
}

.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0 0 10px;
	cursor: pointer;
	position: relative;
	line-height: 0
}

.nbs-flexisel-item img {
	width: 100%;
	cursor: pointer;
	position: relative
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	width: 28px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	opacity: .5
}

.nbs-flexisel-nav-left {
	left: -58px;
	top: 0!important;
	background-color: #ccc;
	border: 1px solid #ccc
}

.nbs-flexisel-nav-left:before {
	color: #fff;
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 32px;
	line-height: 50px;
	text-align: center;
	text-decoration: none
}

.nbs-flexisel-nav-right:before {
	color: #fff;
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 32px;
	line-height: 50px;
	text-align: center;
	text-decoration: none
}

.nbs-flexisel-nav-right {
	right: -58px;
	top: 0!important;
	background-color: #ccc;
	border: 1px solid #ccc
}

.nbs-flexisel-nav-right:hover {
	background-color: #fff;
	border: 1px solid #ccc
}

.nbs-flexisel-nav-left:hover {
	background-color: #fff;
	border: 1px solid #ccc
}

.nbs-flexisel-nav-left:hover:before {
	color: #ccc;
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 32px;
	line-height: 50px;
	text-align: center;
	text-decoration: none
}

.nbs-flexisel-nav-right:hover:before {
	color: #ccc;
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 32px;
	line-height: 50px;
	text-align: center;
	text-decoration: none
}

.blog-post {
	margin: 0 auto 40px;
	clear: both;
	max-width: 1170px
}

.blog-post h3 {
	border-bottom: 3px solid;
	color: #333;
	display: inline-block;
	font: 400 22px/22px 'Roboto Slab', serif;
	margin: 0 0 14px;
	padding: 0 16px 8px 0;
	position: relative;
	text-transform: uppercase;
	overflow: hidden
}

.blog-post-box {
	float: left;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	padding: 5px 28px 5px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
       // height: 400px;
    margin-bottom: 15px;
}

.blog-post-box:hover {
	box-shadow: 0 0 22px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 22px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 22px rgba(0, 0, 0, .2)
}

.frame-area {
	position: relative;
	float: left;
	margin: 0 28px 0 0
}

.blog-post-box .frame {
	float: left
}

.blog-post-box .caption {
	position: absolute;
	left: 4px;
	bottom: 5px
}

.blog-post-box .caption strong.type {
	display: block;
	width: 63px;
	height: 63px;
	border: 1px solid #fff;
	margin: 0 0 5px
}

.blog-post-box .caption strong.type .fa {
	color: #fff;
	font-size: 30px;
	line-height: 63px;
	text-align: center;
	display: block
}

.blog-post-box .caption strong.date {
	background-color: #333;
	float: left;
	width: 63px;
	height: 53px;
	border: 1px solid #fff;
	font: 400 18px roboto slab, serif;
	color: #fff;
	text-align: center;
	padding: 10px 0 0;
	margin: 0 5px 0 0
}

.blog-post-box .caption strong.date span.mnt {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	padding: 3px 0 0
}

.blog-post-box .caption strong.comment {
	background-color: #999;
	float: left;
	width: 63px;
	height: 53px;
	border: 1px solid #fff;
	font: 400 14px roboto slab, serif;
	color: #fff;
	text-align: center;
	padding: 10px 0 0
}

.blog-post-box .caption strong.comment .fa-comments-o {
	font-size: 20px;
	color: #fff;
	display: block;
	padding: 0 0 6px
}

.blog-post-box .frame img {
	width: 100%;
	display: block
}

.blog-post-box .text {
	float: left;
	//max-width: 242px;
	padding: 19px 0 0
}

.blog-post-box .text strong.title {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	border-bottom: 1px solid #ccc;
	padding: 0 0 12px;
	position: relative;
	margin: 0 0 13px;
	float: left
}

.blog-post-box .text strong.title:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	border-bottom: 1px solid #999;
	width: 70px
}

.blog-post-box .text strong.title .fa-tags {
	font-size: 12px;
	color: #999;
	padding: 0 5px 0 0
}

.blog-post-box .text h4 {
	font: 400 18px/28px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 7px
}

.blog-post-box .text p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 13px;
        text-align: justify;
}

.blog-post-box .text a.readmore {
	font: 700 12px roboto slab, serif;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 0 19px;
	display: block
}

.blog-post-share {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	position: relative;
	padding: 6px 0 0
}

.blog-post-share:before {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	border-bottom: 1px solid #999;
	width: 70px
}

.blog-post-share strong.title1 {
	font: 700 12px roboto slab, serif;
	color: #000000;
	text-transform: uppercase;
	float: left;
	padding: 0 6px 0 0
}

.blog-post-share ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.blog-post-share ul li {
	float: left;
	padding: 0 6px 0 0;
	line-height: 15px
}

.blog-post-share ul li a {
	text-decoration: none;
	font-size: 12px;
	color: #999
}

.blog-post-share ul li a:hover {
	color: #800000
}

.twitter-area {
	float: left;
	width: 100%;
	background-image: url(../images/twitter-area-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	height: 300px;
	position: relative;
	background-color: #00abf0
}

.twitter-area-head {
	height: 100px;
	background-color: #00b5fa;
	float: left;
	width: 100%;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
}

.twitter-box {
	margin: 0 auto;
	max-width: 910px
}

.top-row {
	display: block;
	max-width: 470px;
	margin: 0 auto;
	position: relative;
	top: -59px
}

.twit-round-outer {
	float: left;
	width: 120px;
	height: 120px;
	border-radius: 120px;
	position: relative;
	margin: 0;
	background: url(../images/round.jpg) no-repeat left top
}

.top-row .twit-round {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	background-color: #fff;
	border-radius: 100px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.top-row .twit-round .fa-twitter {
	font-size: 50px;
	color: #00b5fa;
	display: block;
	text-align: center;
	line-height: 100px
}

.name-box {
	width: 170px;
	float: left;
	position: relative;
	margin: 2px 30px 0
}

.name-box strong.name {
	font: 400 16px roboto slab, serif;
	color: #fffefe;
	display: block;
	text-align: center;
	padding: 0 0 13px
}

.name-box-inner {
	background: url(../images/name-box-bg.jpg) no-repeat left top;
	width: 160px;
	height: 37px;
	display: block;
	margin: auto;
	border-radius: 5px;
	padding: 5px
}

.name-box-inner strong {
	background-color: #00b5fa;
	font: italic 300 12px/37px 'Roboto Slab', serif;
	color: #fff;
	text-align: center;
	display: block;
	border-radius: 5px;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3)
}

.top-row .img-round {
	display: block;
	margin: 0 auto;
	width: 92px;
	height: 92px;
	background-color: #fff;
	border-radius: 92px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	border: 4px solid #fff
}

.top-row .img-round img {
	display: block;
	width: 100%
}

.text-row {
	float: left;
	width: 100%;
	margin: -42px 0 0
}

.text-row strong.title {
	font: italic 400 22px/34px 'Roboto Slab', serif;
	color: #fff;
	display: block;
	text-align: center;
	padding: 0 0 32px
}

.text-row strong.time {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #fff;
	display: block;
	text-align: center;
	position: relative;
	margin: 0 0 30px
}

.text-row strong.time:before {
	content: '';
	border-top: 1px solid #dedcdc;
	width: 50px;
	height: 1px;
	position: absolute;
	left: 38%;
	top: 5px
}

.text-row strong.time:after {
	content: '';
	border-top: 1px solid #dedcdc;
	width: 50px;
	height: 1px;
	position: absolute;
	right: 38%;
	top: 5px
}

.twitter-info-box {
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden
}

.twitter-info-box ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	text-align: center
}

.twitter-info-box ul li {
	display: inline-block;
	padding: 0 0 0 30px
}

.twitter-info-box ul li:first-child {
	padding: 0
}

.twitter-info-box ul li strong.number {
	font: 400 22px roboto slab, serif;
	color: #fff;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 4px
}

.twitter-info-box ul li a.tweet {
	text-decoration: none;
	font: 400 16px/40px 'Roboto Slab', serif;
	color: #000000;
	float: left;
	width: 130px;
	height: 40px;
	text-align: center;
	background-color: #fff
}

#twitter-fade {
	float: left;
	width: 100%
}

.twitter-area .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0;
	overflow: inherit!important
}

.twitter-area .bx-wrapper {
	margin: 0;
	float: left;
	width: 100%
}

.twitter-area .bx-wrapper .bx-controls-direction a {
	display: none
}

.twitter-area .bx-wrapper .bx-pager {
	display: none
}

#footer {
	float: left;
	width: 100%
}

.footer-top {
	float: left;
	width: 100%;
	background-image: url(../images/footer-map.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #222;
	height: 362px;
	padding: 31px 0 8px
}

.box-1 {
	float: left;
	width: 100%
}

.box-1 h4 {
	font: 400 22px roboto slab, serif;
	color: #fff;
	margin: 0 0 20px;
	text-transform: uppercase;
	border-bottom: 3px solid #fff;
	display: inline-block;
	padding: 0 20px 4px 0
}

.box-1 p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #fff;
	margin: 0 0 17px
}

.box-1 a.btn-readmore {
	float: left;
	padding: 12px 20px;
	font: 700 14px roboto slab, serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none
}

.box-1 a.btn-readmore:hover {
	box-shadow: 0 0 7px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5)
}

.box-1 ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.box-1 ul li {
	padding: 0 0 27px;
	overflow: hidden
}

.post-area {
	float: left;
	width: 100%
}

.box-1 .frame {
	float: left;
	margin: 0 19px 0 0
}

.box-1 .frame:hover {
	opacity: .7
}

.box-1 .text {
	overflow: hidden
}

.box-1 .text strong.title {
	font: 400 15px/24px 'Roboto Slab', serif;
	color: #fffefe;
	display: block;
	padding: 0 0 6px
}

.box-1 .text strong.mnt {
	font: 400 12px roboto slab, serif;
	color: #999;
	display: block
}

.box-1 .text strong.mnt .fa-clock-o {
	color: #999;
	font-size: 12px;
	padding: 0 5px 0 0
}

.flicker {
	float: left;
	width: 100%
}

.flicker ul {
	padding: 0;
	margin: 0 0 0 -14px;
	list-style: none;
	overflow: hidden
}

.flicker ul li {
	float: left;
	margin: 0 0 14px 14px;
	padding: 0
}

.flicker ul li a:hover {
	opacity: .7
}

.get-touch-form {
	margin: 0;
	float: left;
	width: 100%;
	position: relative
}

.get-touch-form input {
	float: left;
	width: 100%;
	height: 50px!important;
	padding: 0 20px!important;
	margin: 0 0 20px!important;
	border: 0!important;
	border-radius: 0!important;
	//background-color: #333!important;
	font: 400 14px open sans, sans-serif;
	color: #999!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none!important
}

.get-touch-form .btn-search {
	width: 40px;
	height: 50px;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0
}

.get-touch-form strong.title {
	font: 400 12px/12px 'Open Sans', sans-serif;
	color: #000000;
	display: block
}

.footer-social {
	float: left;
	width: 100%;
	background-color: #333;
	padding: 21px 0 20px
}

strong.footer-logo {
	width: 172px;
	height: 37px;
	float: left;
	margin: 12px 229px 0 0;
	text-indent: -9000px;
	overflow: hidden
}

strong.footer-logo a {
	display: block;
	height: 100%
}

.footer-social-box {
	float: left;
	padding: 17px 0 0
}

.footer-social-box ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.footer-social-box ul li {
	float: left;
	padding: 0 0 0 33px
}

.footer-social-box ul li:first-child {
	padding: 0
}

.footer-social-box ul li a {
	display: block;
	text-decoration: none
}

.footer-social-box ul li a .fa {
	font-size: 28px;
	//color: #666;
    color:#FFFFFF;
}

.footer-social-box ul li a:hover .fa {
	color: #ccc
}

.footer-social .menu {
	float: right;
	position: relative;
	width: 310px;
	overflow: hidden
}

.header-nav .fa-bars {
	color: #fff;
	font-size: 30px;
	line-height: 59px;
	text-align: center
}

pre {
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

#page nav {
	display: none
}

.header-nav {
	background: #444;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 59px;
	width: 70px;
	padding: 0;
	float: right;
	position: relative
}

.header-nav a,
.header a {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
	text-decoration: none
}

#header-nav a.friends,
.header a.friends {}

#header-nav a.right,
.header a.right {
	left: auto;
	right: 10px
}

.footer-copyright {
	float: left;
	width: 100%;
	padding: 26px 0 38px;
	background-color: #222
}

.footer-copyright strong.copy {
	font: 400 14px open sans, sans-serif;
	text-align: center;
	color: #666;
	display: block;
	float: none;
	padding: 9px 0 0
}

.footer-copyright strong.copy a.web {
	text-decoration: none;
	color: #666
}

.footer-copyright strong.copy a.web:hover {
	text-decoration: underline
}

#inner-banner {
	float: left;
	width: 100%;
	background: url(../images/inner-banner.png) no-repeat left top/cover;
	height: 76px;
	padding: 24px 0 0;
	margin: 0 0 40px
}

#inner-banner h1 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 11px
}

#inner-banner p {
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	margin: 0
}

.welcome-text-box {
	float: left;
	width: 100%;
	margin: 0 0 40px
}

.welcome-text-box h2 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	margin: 0 0 20px;
	position: relative;
	border-bottom: 3px solid #fff;
	display: inline-block;
	padding: 0 20px 10px 0
}

.welcome-text-box p {
	color: #000000;
	font: 400 14px/22px 'Open Sans', sans-serif;
	margin: 0
}

.about-section {
	float: left;
	width: 100%
}

.about-me-left {
	float: left;
	width: 100%
}

.about-me-left .frame {
	float: left;
	width: 100%;
	border: 4px solid #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0
}

.about-me-left .frame img {
	display: block;
	width: 100%
}

.about-me-left .text {
	float: left;
	width: 100%;
	margin: 0 0 20px
}

.about-me-left .text ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.about-me-left .text ul li {
	padding: 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc
}

.about-me-left .text ul li h3 {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	margin: 0
}

.about-me-left .text ul li strong.title {
	font: 400 12px roboto slab, serif;
	color: #999;
	display: block
}

.about-me-socila {
	float: left;
	width: 100%
}

.about-me-socila strong.title {
	font: 700 12px/30px 'Roboto Slab', serif;
	color: #000000;
	float: left;
	padding: 0 10px 0 0
}

.about-me-socila ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.about-me-socila ul li {
	float: left;
	padding: 0 5px 0 0!important;
	border: 0!important
}

.about-me-socila ul li a {
	width: 30px;
	height: 30px;
	float: left;
	text-decoration: none;
	background-color: #ccc
}

.about-me-socila ul li a .fa {
	color: #fff;
	font-size: 14px;
	display: block;
	line-height: 30px;
	text-align: center
}

.about-me-socila ul li a:hover {
	background-color: #5ea9dd
}

.about-me-text {
	float: left;
	width: 100%
}

.about-me-text h3 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	margin: 0 0 18px;
	position: relative;
	border-bottom: 3px solid #fff;
	display: inline-block;
	padding: 0 20px 10px 0
}

.about-me-text p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 30px
}

.about-me-text blockquote {
	border-left: 4px solid;
	margin: 0 0 29px;
	padding: 0 0 0 22px;
	position: relative
}

.about-me-text blockquote:before {
	content: '';
	border-left: 2px solid;
	position: absolute;
	left: 2px;
	top: 0;
	height: 100%
}

.about-me-text blockquote q {
	font: italic 400 18px/26px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0
}

.team-member-box {
	margin: 0 auto;
	max-width: 1170px;
	overflow: hidden;
	clear: both
}

.team-member-box h3 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	margin: 0 0 18px;
	position: relative;
	border-bottom: 3px solid #fff;
	display: inline-block;
	padding: 0 20px 10px 0
}

.team-box {
	float: left;
	width: 100%
}

.team-box:hover .frame {
	border: 10px solid #e1e1e1
}

.team-box .frame {
	display: block;
	margin: 0 auto;
	width: 280px;
	height: 280px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	border: 10px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	margin: 0 0 10px
}

.gallery li:hover .caption {
	top: 0
}

.team-box .frame .caption {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%
}

.team-box .frame .caption:before {
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .75
}

.team-box .frame .caption a.zoom {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	width: 52px;
	height: 52px;
	border: 2px solid #fff;
	border-radius: 52px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.team-box .frame .caption a.zoom .fa {
	display: block;
	text-align: center;
	line-height: 52px
}

.team-box .frame img {
	display: block;
	width: 100%
}

.team-box .text {
	float: left;
	width: 100%;
	text-align: center
}

.team-box .text h4 {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 8px
}

.team-box .text strong.title {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	display: block;
	padding: 0 0 17px
}

.team-box .text p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 15px
}

.team-box-social {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 10px 0 0
}

.team-box-social ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.team-box-social ul li {
	display: inline-block;
	padding: 0 5px 0 0;
	float: none;
	margin: 0 0 5px
}

.team-box-social ul li a {
	width: 30px;
	height: 30px;
	float: left;
	text-decoration: none;
	background-color: #ccc
}

.team-box-social ul li a .fa {
	color: #fff;
	font-size: 14px;
	display: block;
	line-height: 30px;
	text-align: center
}

.team-box-social ul li a:hover {
	background-color: #5ea9dd
}

.our-facts {
	float: left;
	width: 100%;
	background: url(../images/out-facts-bg.png) no-repeat left top/cover;
	height: 348px;
	padding: 35px 0 0;
	margin: 0 0 40px
}

.heading {
	max-width: 1170px;
	margin: 0 auto;
	overflow: hidden
}

.heading h3 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 38px;
	position: relative;
	border-bottom: 3px solid #fff;
	display: inline-block;
	padding: 0 20px 10px 0
}

.our-facts-box {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.our-facts-box .fa {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 46px;
	padding: 0 0 26px
}

.our-facts-box strong.number {
	font: 300 60px/60px 'Roboto Slab', serif;
	color: #fff;
	display: block;
	text-align: center;
	padding: 0 0 34px
}

.our-facts-box a.detail {
	border-top: 1px solid #fff;
	padding: 13px 0;
	font: 400 18px roboto slab, serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: block;
	text-decoration: none
}

.our-detail {
	float: left;
	width: 100%;
	margin: 0 0 30px
}

.our-detail-box {
	float: left;
	width: 100%
}

.our-detail-box h4 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	margin: 0 0 18px;
	position: relative;
	border-bottom: 3px solid;
	display: inline-block;
	padding: 0 20px 10px 0
}

.accordition-box {
	float: left;
	width: 100%
}

.accordition-box .accordion {
	margin: 0
}

.accordition-box .accordion-group {
	border: 0;
	border-radius: 0;
	margin-bottom: 10px
}

.accordion-heading.active .accordion-toggle {
	border-left: 5px solid rgba(0, 0, 0, .2)!important
}

.accordion-heading.active strong {
	color: #fff
}

.accordion-heading.active .accordion-toggle span {}

.accordion-heading.active .accordion-toggle span .fa {
	color: #fff
}

.accordition-box .accordion-heading .accordion-toggle {
	display: block;
	padding: 0 0 0 18px;
	height: 44px;
	overflow: hidden;
	border-left: 5px solid #ccc;
	background-color: #e1e1e1;
	text-decoration: none;
	outline: none;
	color: #333
}

.accordition-box .accordion-heading .accordion-toggle:hover {
	border-left: 5px solid rgba(0, 0, 0, .2);
	color: #fff
}

.accordition-box .accordion-heading .accordion-toggle:hover span {
	color: #fff;
	opacity: .75
}

.accordition-box .accordion-heading .accordion-toggle strong {
	font: 400 18px/44px 'Roboto Slab', serif;
	float: left
}

.accordition-box .accordion-heading .accordion-toggle span {
	float: right;
	width: 40px;
	height: 44px;
	background-color: #ccc;
	border-left: 2px solid #fff;
	color: #333
}

.accordition-box .accordion-heading .accordion-toggle span .fa {
	font-size: 18px;
	text-align: center;
	line-height: 44px;
	display: block;
	position: relative;
	z-index: 999
}

.accordition-box .accordion-inner {
	border-top: 0;
	padding: 18px 25px 7px 20px
}

.accordition-box .accordion-inner p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0
}

.facts-tab-box {
	float: left;
	width: 100%
}

.facts-tab-box .nav {
	margin: 0
}

.facts-tab-box .nav-tabs {
	border: 0
}

.facts-tab-box .nav-tabs>li {
	margin: 0 0 0 2px
}

.facts-tab-box .nav-tabs>li:first-child {
	margin: 0
}

.facts-tab-box .nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
	border-top: 5px solid rgba(0, 0, 0, .2)!important;
	border-bottom: 0!important;
	border-left: 0!important;
	border-right: 0!important;
	color: #fff!important;
	outline: none
}

.facts-tab-box .nav>li>a:hover,
.nav>li>a:focus {
	color: #fff
}

.facts-tab-box .nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
	border-color: rgba(0, 0, 0, .2)
}

.facts-tab-box .nav-tabs>li>a {
	border-top: 5px solid #ccc;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	line-height: normal;
	padding-bottom: 8px;
	padding-top: 8px
}

.facts-tab-box .nav-tabs>li>a,
.nav-pills>li>a {
	margin-right: 0;
	width: 121px;
	padding-left: 0;
	padding-right: 0;
	font: 400 18px/18px 'Roboto Slab', serif;
	text-align: center;
	color: #333;
	background-color: #e1e1e1
}

.facts-content-box {
	float: left;
	width: 100%;
	padding: 20px 36px 19px 20px;
	border: 1px solid #e1e1e1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.facts-content-box p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0!important
}

.our-detail-box p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 27px
}

.our-detail-box ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.our-detail-box ul li {
	overflow: hidden;
	padding: 0;
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000
}

.our-detail-box ul li .fa-check {
	font-size: 12px;
	color: #000000;
	padding: 6px 17px 5px 0;
	float: left
}

.blog-page {
	float: left;
	width: 100%
}

.blog-content {
	float: left;
	width: 100%
}

.blog-box-1 {
	float: left;
	width: 100%;
	margin: 0 0 40px
}

.blog-box-1 strong.title {
	font: 400 16px/16px 'Roboto Slab', serif;
	color: #333;
	display: block;
	padding: 0 0 17px
}

.blog-content .frame {
	float: left;
	width: 100%;
	border: 4px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 6px rgba(0, 0, 0, .3);
	margin: 0 0 19px
}

.blog-content .frame img {
	display: block;
	width: 100%
}

.bottom-row {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px;
	position: relative
}

.bottom-row:before {
	content: '';
	border-bottom: 1px solid #999;
	left: 0;
	position: absolute;
	bottom: -1px;
	width: 70px
}

.bottom-row .left {
	float: left
}

.bottom-row .left a.title {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	float: left;
	margin: 0 20px 12px 0;
	text-decoration: none
}

.bottom-row .left a.like {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	float: right;
	margin: 0 20px 12px 0;
	text-decoration: none
}

.bottom-row .left a.like .fa {
	padding: 0 5px 0 0
}

.bottom-row .left a.title .fa {
	float: left;
	padding: 0 5px 0 0
}

.bottom-row .left a.title:hover {
	color: #000
}

.bottom-row .left ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left
}

.bottom-row .left ul li {
	float: left;
	padding: 0 2px 0 0;
	line-height: 12px
}

.bottom-row .left ul li a {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	text-decoration: none
}

.bottom-row .left ul li a:hover {
	color: #000
}

.bottom-row .left ul li a .fa {
	float: left;
	padding: 0 5px 0 0
}

.bottom-row .right {
	float: right
}

.bottom-row .right strong.title {
	font: 700 12px/12px 'Roboto Slab', serif;
	color: #000000;
	text-decoration: none;
	float: left;
	padding: 0 5px 0 0
}

.bottom-row .right ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left
}

.bottom-row .right ul li {
	float: left;
	padding: 0 0 0 6px;
	line-height: 12px
}

.bottom-row .right ul li:first-child {
	padding: 0
}

.bottom-row .right ul li a {
	font-size: 12px;
	line-height: 12px;
	color: #999;
	text-decoration: none
}

.bottom-row .right ul li a:hover {
	color: #000
}

.blog-box-1 .text {
	float: left;
	width: 100%
}

.blog-box-1 .text h2 {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 14px
}

.blog-box-1 .text p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 15px
}

.blog-box-1 .text a.readmore {
	font: 700 12px/12px 'Roboto Slab', serif;
	color: #000000;
	text-transform: uppercase;
	float: left
}

.blog-box-1 .text a.readmore:hover {
	color: #000
}

.blog-box-1 .bx-wrapper {
	margin: 0;
	float: left
}

.blog-box-1 .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0
}

.blog-box-1 .bx-wrapper .bx-pager {
	padding: 0;
	display: none
}

.blog-box-1 .bx-wrapper .bx-next {
	background-image: none;
	margin: 0;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.blog-box-1 .bx-wrapper .bx-next:hover {
	background-color: rgba(255, 255, 255, .5)
}

.blog-box-1 .bx-wrapper .bx-controls-direction a {
	font-size: 0;
	text-indent: inherit;
	text-decoration: none
}

.blog-box-1 .bx-wrapper .bx-next:before {
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, .6)
}

.blog-box-1 .bx-wrapper .bx-prev {
	background-image: none;
	margin: 0;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.blog-box-1 .bx-wrapper .bx-prev:hover {
	background-color: rgba(255, 255, 255, .5)
}

.blog-box-1 .bx-wrapper .bx-prev:before {
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, .6)
}

.pagination-all.pagination {
	margin: 0 0 36px;
	float: left;
	width: 100%;
	position: relative
}

.pagination-all.pagination ul>li:first-child:before {
	content: '';
	width: 7px;
	height: 7px;
	background-color: #ccc;
	border-radius: 7px;
	position: absolute;
	left: -16px;
	top: 41%;
	margin: auto
}

.pagination-all.pagination ul>li:last-child:after {
	content: '';
	width: 7px;
	height: 7px;
	background-color: #ccc;
	border-radius: 7px;
	position: absolute;
	right: -16px;
	top: 41%;
	margin: auto
}

.pagination-all.pagination ul {
	border-radius: 0;
	box-shadow: none;
	display: block;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center;
	position: relative
}

.pagination-all.pagination ul:before {
	content: '';
	border-top: 1px solid #ccc;
	width: 360px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 42%
}

.pagination-all.pagination ul>li {
	display: inline-block;
	padding: 0 0 0 6px;
	position: relative;
	float: none
}

.pagination-all.pagination ul>li:first-child {
	padding: 0;
	position: relative
}

.pagination-all.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
	border-radius: 38px
}

.pagination-all.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
	border-radius: 38px
}

.pagination-all.pagination ul>li>a,
.pagination ul>li>span {
	border: 1px solid #ccc;
	background-color: #fff;
	float: left;
	line-height: normal;
	width: 38px;
	height: 40px;
	border-radius: 100%;
	padding: 0;
	text-decoration: none;
	box-shadow: 0 -3px 0 0 #ccc inset;
	-moz-box-shadow: 0 -3px 0 0 #ccc inset;
	-moz-box-shadow: 0 -3px 0 0 #ccc inset;
	font: 400 16px/38px 'Roboto Slab', serif;
	color: #999
}

.pagination-all.pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>.active>a,
.pagination ul>.active>span {
	color: #fff;
	border: 1px solid;
	box-shadow: 0 -3px 0 0 rgba(0, 0, 0, .2) inset;
	-moz-box-shadow: 0 -3px 0 0 rgba(0, 0, 0, .2) inset;
	-moz-box-shadow: 0 -3px 0 0 rgba(0, 0, 0, .2) inset
}

.pagination-all.pagination ul>.active>a,
.pagination ul>.active>span {
	color: #fff;
	border: 1px solid;
	box-shadow: 0 -3px 0 0 rgba(0, 0, 0, .2) inset;
	-moz-box-shadow: 0 -3px 0 0 rgba(0, 0, 0, .2) inset;
	-moz-box-shadow: 0 -3px 0 0 rgba(0, 0, 0, .2) inset
}

#sidebar {
	float: left;
	width: 100%
}

.sidebar-form {
	margin: 0 0 27px;
	float: left;
	width: 100%;
	position: relative
}

.sidebar-input {
	float: left;
	width: 100%;
	height: 48px!important;
	background-color: #fff;
	border-radius: 0!important;
	border: 5px solid #e1e1e1!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px!important;
	margin: 0 0 12px!important;
	font: 300 12px roboto slab, serif!important;
	color: #999!important
}

.sidebar-search-btn {
	position: absolute;
	right: 20px;
	top: 12px;
	border: 0;
	padding: 0;
	margin: 0;
	color: #ccc;
	font-size: 18px;
	background: 0 0
}

.sidebar-member {
	float: left;
	width: 100%
}

.sidebar-member a.member-icon {
	float: left;
	width: 45px;
	height: 47px;
	border-bottom: 3px solid #670202;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	margin: 0 1px 0 0;
	background: #000
}

.sidebar-member a.member-icon .fa {
	position: relative;
	z-index: 9
}

.sidebar-member a.member-icon:before {
	content: "";
	height: 50px;
	width: 45px;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .7
}

.sidebar-member a.member-text {
	float: left;
	width: 223px;
	height: 47px;
	text-decoration: none;
	text-align: center;
	font: 400 18px/46px 'Roboto Slab', serif;
	color: #fff;
	position: relative
}

.sidebar-member a.member-text:before {
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -3px;
	top: inherit;
	box-shadow: none;
	border-bottom: 3px solid;
	opacity: .75
}

.sidebar-recent-post {
	float: left;
	width: 100%;
	margin: 0 0 27px
}

.sidebar-recent-post h3 {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	margin: 0;
	padding: 0 20px 8px 0;
	display: inline-block;
	border-bottom: 3px solid
}

.sidebar-recent-post ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.sidebar-recent-post ul li {
	padding: 11px 0 14px;
	float: left;
	border-bottom: 1px solid #ccc
}

.sidebar-recent-post ul li .frame {
	float: left;
	margin: 0 19px 0 0
}

.sidebar-recent-post ul li .frame:hover {
	opacity: .6
}

.sidebar-recent-post ul li .frame img {
	display: block;
	width: 100%
}

.sidebar-recent-post ul li .text {
	overflow: hidden
}

.sidebar-recent-post ul li .text strong.title {
	font: 400 16px/22px 'Roboto Slab', serif;
	color: #333;
	display: block;
	padding: 0 0 5px
}

.sidebar-recent-post ul li a.mnt {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	display: block;
	text-decoration: none
}

.sidebar-recent-post ul li a.mnt .fa {
	padding: 0 5px 0 0;
	float: left
}

.sidebar-recent-post ul li a.mnt:hover {
	color: #000
}

.sidebar-recent-post ul li p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 7px
}

.sidebar-recent-post ul li a.readmore {
	font: 700 12px/12px 'Roboto Slab', serif;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	float: left
}

.sidebar-recent-post ul li a.readmore:hover {
	color: #000
}

.upcomint-frame {
	float: left;
	width: 100%;
	border: 4px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	margin: 0 0 15px
}

.upcomint-frame:hover {
	opacity: .7;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.list-area {
	float: left;
	width: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	margin: 15px 0 0
}

.list-area ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.list-area ul li {
	padding: 14px 0 13px 21px;
	overflow: hidden;
	float: none;
	line-height: 14px
}

.list-area ul li a {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #000000;
	text-decoration: none
}

.list-area ul li a span {
	float: left;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	border: 1px solid #000000;
	margin: 3px 11px 0 0
}

.list-area ul li a:hover {
	color: #333
}

.list-area ul li a:hover span {
	border: 1px solid transparent;
	background: #000000
}

.archive-box {
	float: left;
	width: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	margin: 15px 0 0
}

.archive-box ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.archive-box ul li {
	padding: 14px 0 13px 21px;
	overflow: hidden;
	float: none;
	line-height: 14px
}

.archive-box ul li a {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #000000;
	text-decoration: none
}

.archive-box ul li a .fa {
	font-size: 14px;
	color: #000000;
	padding: 0 10px 0 0
}

.archive-box ul li a span.number {
	float: right;
	margin: 0 25px 0 0
}

.archive-box ul li:hover a {
	color: #333
}

.archive-box ul li:hover a .fa {
	color: #333
}

.tag-box {
	float: left;
	width: 100%;
	margin: 15px 0 0
}

.tag-box ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.tag-box ul li {
	float: left;
	padding: 0 10px 10px 0;
	line-height: 14px;
	border: none!important
}

.tag-box ul li a {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #000000;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 13px 19px;
	display: block
}

.facebook-widget-box {
	float: left;
	width: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	margin: 15px 0 0
}

.blog-box-1 .text blockquote {
	padding: 0 0 0 22px;
	margin: 35px 0 16px;
	border-left: 4px solid;
	position: relative
}

.blog-box-1 .text blockquote:before {
	content: '';
	border-left: 2px solid;
	position: absolute;
	left: 2px;
	top: 0;
	height: 100%
}

.blog-box-1 .text blockquote q {
	font: italic 400 18px/26px 'Open Sans', sans-serif;
	color: #000000
}

.blog-detail-bottom-row {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 10px 0 0
}

.share-section {
	float: left;
	width: 100%
}

.share-socila {
	float: left;
	width: 100%;
	margin: 0 0 40px
}

.share-socila strong.title {
	font: 400 16px/30px 'Roboto Slab', serif;
	color: #333;
	padding: 0 10px 0 0;
	float: left
}

.share-socila ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.share-socila ul li {
	float: left;
	padding: 0 5px 0 0
}

.share-socila ul li a {
	display: block;
	text-decoration: none;
	width: 30px;
	height: 30px;
	background-color: #ccc;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 30px
}

.share-socila ul li a:hover {
	background-color: #5ea9dd
}

.author-box {
	float: left;
	width: 100%;
	margin: 0 0 20px
}

.author-box .frame {
	float: left;
	margin: 0 20px 0 0;
	width: auto;
	box-shadow: none
}

.author-box .frame img {
	width: 100%;
	display: block
}

.author-box .text {
	float: none;
	overflow: hidden;
	width: auto
}

.author-box .text strong.title {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	display: block;
	padding: 0 0 16px
}

.author-box .text p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0
}

.contact-me-row {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 19px 0;
	margin: 0 0 40px
}

.contact-me-row strong.title {
	font: 700 12px/12px 'Roboto Slab', serif;
	text-transform: uppercase;
	float: left;
	padding: 0 11px 0 0
}

.contact-me-row ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.contact-me-row ul li {
	float: left;
	line-height: 12px;
	padding: 0 6px 0 0
}

.contact-me-row ul li a {
	font-size: 12px;
	line-height: 12px;
	color: #999;
	text-decoration: none
}

.contact-me-row ul li a:hover {
	color: #000
}

.blog-detail-form {
	float: left;
	width: 100%;
	margin: 0
}

.blog-detail-form h3 {
	margin: 0 0 20px;
	display: inline-block;
	border-bottom: 3px solid;
	padding: 0 20px 10px 0;
	font: 400 22px/22px 'Roboto Slab', serif;
	text-transform: uppercase;
	color: #333
}

.form-area {
	float: left;
	width: 100%
}

.form-left {
	float: left;
	max-width: 420px
}

.form-left ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.form-left ul li {
	padding: 0 0 20px;
	float: left;
	width: 100%
}

.form-area label {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #000000;
	display: block;
	margin: 0 0 10px
}

.detail-input {
	float: left;
	width: 100%;
	height: 43px!important;
	border: 1px solid #ccc!important;
	border-radius: 0!important;
	padding: 0 20px!important;
	margin: 0!important;
	font: 400 12px roboto slab, serif;
	color: #999!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.form-right {
	float: right;
	min-width: 420px
}

.detail-textarea {
	float: left;
	width: 100%;
	height: 302px!important;
	border: 1px solid #ccc!important;
	border-radius: 0!important;
	padding: 0 20px!important;
	margin: 0 0 30px!important;
	font: 400 12px roboto slab, serif;
	color: #999!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.detail-btn-sumbit {
	float: right;
	padding: 15px 46px;
	font: 700 16px roboto slab, serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	border: 0
}

.detail-btn-sumbit:hover {
	background-color: #000
}

.contact-page {
	float: left;
	width: 100%
}

.contact-form {
	float: left;
	width: 100%;
	margin: 0
}

.contact-form .left {
	float: left;
	max-width: 420px
}

.contact-page address {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%
}

.contact-page address ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.contact-page address ul li {
	padding: 0 0 5px;
	float: left;
	line-height: normal;
    
}
.address_block li {
    width: 100% !important;
}

.contact-page address ul li strong.title {
	font: 400 14px open sans, sans-serif;
	color: #000000
}

.contact-page address ul li strong.title .fa-home {
	float: left;
	width: 31px;
	height: 40px
}

.contact-page address ul li strong.ph {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000
}

.contact-page address ul li strong.ph .fa-phone {
	float: left;
	width: 31px;
	height: 30px;
	line-height: 24px
}

.contact-page address ul li strong.mob {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000
}

.contact-page address ul li strong.mob .fa-mobile-phone {
	float: left;
	width: 31px;
	height: 30px;
	line-height: 24px
}

.contact-page address ul li a.email {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	text-decoration: none
}

.contact-page address ul li a.email .fa-envelope {
	float: left;
	width: 31px;
	height: 30px;
	line-height: 24px
}

.contact-social {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 20px 0 0
}

.contact-social ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.contact-social ul li {
	float: left;
	padding: 0 11px 0 0!important
}

.contact-social ul li a {
	font-size: 18px;
	color: #999;
	text-decoration: none
}

.contact-social ul li a:hover {
	color: #000
}

.detail-btn-sumbit2 {
	border: 0;
	color: #fff;
	float: right;
	font: 700 16px roboto slab, serif;
	margin: 0;
	padding: 13px 40px;
	text-transform: uppercase
}

.detail-btn-sumbit2:hover {
	background-color: #000
}

.contact-map {
	float: left;
	width: 100%;
	margin: 40px 0 0
}

.map_canvas {
	height: 350px;
	width: 100%
}

.donate-page {
	float: left;
	width: 100%;
	margin: 0 0 40px
}

.donate-page h2 {
	display: inline-block;
	margin: 0 0 20px;
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	border-bottom: 3px solid;
	padding: 0 20px 10px 0
}

.donate-form {
	float: left;
	width: 100%;
	margin: 0
}

.donate-form ul {
	padding: 0;
	margin: 0 0 40px;
	list-style: none;
	float: left
}

.donate-form ul li {
	float: left;
	padding: 0;
	margin: 0 30px 0 0;
	position: relative
}

.donate-form ul li a {
	text-decoration: none;
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #000000;
	width: 68px;
	height: 58px;
	border: 1px solid #999;
	border-radius: 5px;
	display: block;
	text-align: center;
	line-height: 58px;
	position: relative;
	clear: both;
	margin-top: 30px
}

.donate-form ul li a:before {
	background-color: #fff;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	top: -5px;
	content: "";
	height: 7px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	width: 7px
}

.donate-form ul li span.circle {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 14px;
	height: 14px;
	border: 1px solid #999;
	border-radius: 14px
}

.donate-form ul li span.circle span.inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	border-radius: 8px
}

.donate-form ul li a:hover {
	color: #fff;
	border: 1px solid transparent
}

.donate-form ul li:hover a:before {
	border: 1px solid transparent
}

.donate-form ul li:hover .inner {}

.donate-form-area {
	float: left;
	width: 100%;
	margin: 0
}

.donate-form-area ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.donate-form-area ul li {
	float: left;
	padding: 0 0 0 30px;
	line-height: 18px;
	margin: 0
}

.donate-form-area ul li label {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	display: block;
	margin: 0 0 20px
}

.donate-form-area ul li:first-child {
	padding: 0
}

.donate-input {
	width: 268px;
	height: 43px!important;
	border: 1px solid #ccc!important;
	border-radius: 0!important;
	background-color: #fff;
	font: 400 12px/12px 'Roboto Slab', serif!important;
	color: #999!important;
	padding: 0 19px!important;
	margin: 0 0 20px!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.donate-btn-submit {
	float: right;
	padding: 12px 24px;
	font: 700 14px roboto slab, serif;
	color: #fff;
	text-transform: uppercase;
	border: 0;
	margin: 0
}

.donate-btn-submit:hover {
	background-color: #000
}

.gallery-two-column {
	float: left;
	width: 100%
}

.gallery-frame {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden
}

.gallery-frame img {
	display: block;
	width: 100%
}

.gallery {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	overflow: hidden;
	width: 100%
}

.gallery li {
	float: left;
	margin-bottom: 30px;
	padding: 0
}

.gallery li:hover .caption {
	left: 0
}

.gallery-frame .caption {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%
}

.gallery-frame .caption:before {
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .75
}

.gallery li:hover .caption:before {
	height: 100%
}

.gallery-frame .caption a.zoom {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	width: 52px;
	height: 52px;
	border: 2px solid #fff;
	border-radius: 52px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.gallery-frame .caption a.zoom .fa {
	display: block;
	text-align: center;
	line-height: 52px
}

#container {
	position: relative;
	width: 100%;
	float: left
}

.grid {
	width: 188px;
	margin: 0;
	float: left;
	position: relative;
	overflow: hidden
}

.grid .imgholder img {
	max-width: 100%;
	display: block
}

.grid .caption {
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	width: 100%
}

.grid .caption:before {
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: .75;
	position: absolute;
	width: 100%
}

.grid:hover .caption {
	left: 0
}

.grid .caption a.zoom {
	border: 2px solid #fff;
	border-radius: 52px;
	bottom: 0;
	color: #fff;
	font-size: 18px;
	height: 52px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 52px
}

.grid .caption a.zoom .fa {
	display: block;
	line-height: 52px;
	text-align: center
}

.timline-project {
	float: left;
	width: 100%
}

.timeline-project-box {
	float: left;
	width: 100%;
	margin: 0 0 8px;
	position: relative
}

.timeline-project-box a.next {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 50px;
	line-height: 50px
}

.timeline-project-box a.prev {
	position: absolute;
	top: 0;
	right: 37px;
	color: #ccc;
	line-height: 50px;
	font-size: 50px
}

.timeline-project-box .holder {
	float: left;
	width: 100%
}

.timeline-project-box .holder .heading-area {
	float: left;
	width: 234px;
	height: 52px;
	font: 400 22px/52px 'Roboto Slab', serif;
	color: #fff;
	text-align: center;
	position: relative;
	margin: 0 0 27px
}

.timeline-project-box .holder .heading-area:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0;
	border-color: transparent transparent transparent
}

.timline-frame {
	float: left;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 0 18px
}

.timline-frame img {
	width: 100%;
	display: block
}

.timeline-project-box .text {
	float: left;
	width: 100%
}

.timeline-project-box .text h2 {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 13px
}

.timeline-project-box .text p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 22px
}

.timline-project .bx-wrapper {
	margin: 0;
	float: left;
	width: 100%
}

.timline-project .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0
}

.timline-project .bx-wrapper .bx-pager {
	padding: 0
}

.timline-project .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 30px
}

.timline-project .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {}

.timline-project .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	border-radius: 8px;
	display: block;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	text-indent: -9999px;
	width: 8px;
	border: 2px solid #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.timline-project .bx-wrapper .bx-controls-direction a {
	display: none
}

.comments {
	float: left;
	width: 100%
}

.comments .text-outer {
	float: left;
	width: 100%;
	padding: 0
}

.comments .text {
	float: left;
	width: 100%;
	padding: 0 0 38px
}

.comment-box h3 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 20px;
	padding: 0 20px 10px 0;
	border-bottom: 3px solid;
	text-transform: uppercase;
	display: inline-block
}

.comments ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none
}

.comments ul li {
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0
}

.comments ul ul {
	padding: 0 0 0 42px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0
}

.comment-frame {
	float: left;
	margin: 0 20px 0 0
}

.comment-frame:hover {
	opacity: .7
}

.text-outer-1 {
	overflow: hidden
}

.comments .text strong.title {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	padding: 0 0 13px;
	display: block
}

.comments .text p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 15px
}

.comments .text a.date {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 21px 0 0
}

.comments .text a.date:hover {
	color: #000
}

.comments .text a.date .fa {
	float: left;
	padding: 0 10px 0 0
}

.comments .text a.reply {
	font: 400 12px roboto slab, serif;
	color: #999;
	float: left;
	padding: 0 0 0 20px
}

.comments .text a.reply:hover {
	color: #000
}

.comments .text a.reply .fa {
	float: left;
	padding: 0 10px 0 0
}

.inner {
	float: right;
	width: 100%
}

.inner-map {
	float: left;
	min-width: 595px;
	border-top: 4px solid #fff
}

#map_contact_2 {
	width: 100%;
	height: 220px
}

.timer-area {
	float: right
}

.timer-area ul {
	padding: 0;
	margin: 21px 0 0 17px;
	list-style: none
}

.timer-area ul li {
	padding: 0 0 18px;
	line-height: 12px
}

.timer-area ul li a {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	text-decoration: none
}

.timer-area ul li a:hover {
	color: #000
}

.timer-area ul li a .fa {
	float: left;
	padding: 0 5px 0 0
}

.event-detail-timer {
	float: left;
	padding: 8px 9px;
	width: 245px;
	background-color: #e1e1e1
}

.event-detail-timer .countdown-amount {
	color: #000000;
	font: 300 36px roboto slab, serif
}

.countdown-period {
	display: block;
	font: 300 12px roboto slab, serif;
	text-align: center;
	color: #000000;
	text-transform: uppercase
}

.contact-me-row2 {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	float: left;
	margin: 0 0 10px;
	padding: 19px 0;
	width: 100%
}

.contact-me-row2 strong.title {
	color: #333;
	float: left;
	font: 400 16px/15px 'Roboto Slab', serif;
	padding: 0 10px 0 0
}

.contact-me-row2 ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.contact-me-row2 ul li {
	float: left;
	line-height: 14px;
	padding: 0 2px 0 0
}

.contact-me-row2 ul li a {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #000000;
	text-decoration: none
}

.related-event-box {
	float: left;
	width: 100%;
	margin: 0 0 10px
}

.related-event-box h3 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	display: inline-block;
	border-bottom: 3px solid;
	padding: 0 20px 10px 0;
	margin: 0 0 15px
}

.related-event-box ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.related-event-box ul li {
	float: left;
	padding: 0 0 0 10px
}

.related-event-box ul li:first-child {
	padding: 0
}

.related-box {
	float: left;
	max-width: 100%;
}
.related-event-box li
{
    width: 32.333%;
}

.related-box .frame {
	float: left;
	width: 100%;
	border: 4px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 19px;
	position: relative;
	overflow: hidden
}

.related-event-box ul li:hover {
	top: 0
}

.related-box .frame .caption {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%
}

.related-box .frame .caption:before {
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .75
}

.related-box .frame .caption a.zoom {
	border: 2px solid #fff;
	border-radius: 52px;
	bottom: 0;
	color: #fff;
	font-size: 18px;
	height: 52px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 52px
}

.related-box .frame .caption a.zoom .fa {
	display: block;
	line-height: 52px;
	text-align: center
}

.related-box .frame img {
	display: block;
	width: 100%
}

.related-box .text {
	float: left;
	width: 100%
}

.related-box .text strong.title {
	font: 400 30px/18px 'Roboto Slab', serif;
	color: #333;
	display: block;
	padding: 0 0 10px;
    text-align: center;    
}

.related-box .text a.date {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	display: block;
	text-decoration: none
}

.related-box .text a.date .fa {
	float: left;
	padding: 0 5px 0 0
}

.membership-form {
	float: left;
	width: 100%;
	margin: 0 0 40px
}

.member-form {
	float: left;
	max-width: 800px;
	margin: 0
}

.member-form ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.member-form ul li {
	float: left;
	padding: 0 30px 20px 0
}

.member-input {
	min-width: 370px;
	height: 43px!important;
	float: left;
	padding: 0 19px!important;
	margin: 0!important;
	border: 1px solid #ccc!important;
	font: 400 12px roboto slab, serif!important;
	border-radius: 0!important;
	color: #999!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.member-input-2 {
	max-width: 170px!important;
	height: 43px!important;
	float: left;
	padding: 0 19px!important;
	margin: 0!important;
	border: 1px solid #ccc!important;
	font: 400 12px roboto slab, serif;
	border-radius: 0!important;
	color: #999!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.member-input-3 {
	width: 54px!important;
	height: 43px!important;
	float: left;
	padding: 0!important;
	margin: 0 2px 0 0!important;
	border: 1px solid #ccc!important;
	font: 400 12px roboto slab, serif;
	text-transform: uppercase;
	border-radius: 0!important;
	color: #999!important;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.member-form label {
	font: 400 18px/14px 'Roboto Slab', serif;
	color: #000000;
	display: block;
	margin: 0 0 10px
}

.check-box {
	width: 100%;
	float: left
}
.check_box_details {
	width: 100%;
	float: left
}
.form_full_width
{
    width: 800px !important;
}

.checkbox-1 {
	float: left;
	width: 15%;
	margin: 0 0 10px
}

.checkbox-2 {
	float: left;
	width: 50%;
	margin: 0 0 10px
}

.check-box strong.title {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #000000;
	float: left;
	padding: 0 10px 0 0
}

.member-btn-submit {
	display: block;
	clear: both;
	padding: 12px 20px;
	font: 400 16px roboto slab, serif;
	color: #fff;
	border: 0;
	margin: 0
}

.member-btn-submit:hover {
	background-color: #000
}

.event-outer {
	float: left;
	width: 100%
}

.event-row {
	float: left;
	width: 100%;
	margin: 0 0 10px
}

.event-row ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 100%
}

.event-row ul li {
	float: left;
	padding: 0 0 30px;
	margin: 0;
    width:100%;
        
}

.event-heading {
	float: left;
	padding: 11px 29px 16px 19px;
	position: relative;
	margin: 0 0 37px
}

.event-heading:before {
	content: '';
	position: absolute;
	left: 21px;
	bottom: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0;
	border-color: transparent transparent transparent
}

.event-heading a {
	font: 300 24px/24px 'Roboto Slab', serif;
	color: #fff;
	display: block;
	text-decoration: none;
	text-transform: uppercase
}

.event-heading a:hover {
	text-decoration: none;
	color: #000
}

.event-row .frame {
	float: left;
	width: 270px;
	border: 4px solid #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 30px 0 0;
	position: relative
}

.event-row .text {
	padding: 27px 4px 4px;
	background-color: #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	overflow: hidden
}

.event-row-inner {
	padding: 0 22px 0 27px;
	overflow: hidden
}

.event-row .text h2 {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 12px
}

.event-row .text p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 12px
}

.detail-row {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 20px!important;
	list-style: none
}

.detail-row li {
	float: left;
	padding: 0 19px 0 0!important;
	line-height: 12px
}

.detail-row li a {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #000000;
	text-decoration: none
}

.detail-row li a .fa {
	float: left;
	padding: 0 5px 0 0
}

.map-row {
	float: left;
	width: 100%
}

.map-row a.location {
	float: left;
	padding: 16px 8px 17px;
	background-color: #e1e1e1;
	border-bottom: 3px solid #cecece;
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #000000;
	text-align: center;
	text-decoration: none;
	margin: 0 4px 0 0
}

.map-row a.location .fa {
	display: block;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	color: #000000;
	margin: 0 0 4px
}

#map_contact_3,
#map_contact_4,
#map_contact_5,
#map_contact_6,
#map_contact_7,
#map_contact_8,
#map_contact_9 {
	float: left;
	height: 71px;
	width: 491px
}

.event-row .frame .caption {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%
}

.event-row .frame .caption:before {
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .75
}

.event-row .frame .caption a.zoom {
	border: 2px solid #fff;
	border-radius: 52px;
	bottom: 0;
	color: #fff;
	font-size: 18px;
	height: 52px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 52px
}

.event-row .frame .caption .fa {
	display: block;
	line-height: 52px;
	text-align: center
}

.event-row ul li:hover h2 {
	left: 0
}

.event-row ul li:hover a.location {
	color: #fff;
	border-bottom: 3px solid
}

.event-row ul li:hover a.location .fa {
	color: #fff
}

.project-detail {
	float: left;
	width: 100%
}

.project-detail h2 {
	font: 400 18px/18px 'Roboto Slab', serif;
	margin: 0 0 11px
}

.project-detail p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	margin: 0 0 22px
}

.project-detail-list {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #ccc
}

.project-detail-list li {
	padding: 17px 0;
	border-top: 1px solid #ccc;
	float: left;
	width: 100%;
	line-height: 14px
}

.project-detail-list li .even {
	font: 700 14px roboto slab, serif;
	color: #000000;
	text-transform: uppercase;
	float: left;
	width: 122px
}

.project-detail-list li .odd {
	font: 400 14px roboto slab, serif;
	color: #999;
	float: left
}

.project-detail .frame {
	float: left;
	width: 100%;
	border: 4px solid #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.project-detail .frame img {
	width: 100%;
	display: block
}

.project-detail .bx-wrapper {
	margin: 0;
	float: left;
	width: 100%
}

.project-detail .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0
}

.project-detail .bx-wrapper .bx-pager {
	padding: 0;
	display: none
}

.project-detail .bx-wrapper .bx-controls-direction a {
	font-size: 0;
	text-indent: inherit;
	margin: 0;
	text-decoration: none;
	top: 45%
}

.project-detail .bx-wrapper .bx-next {
	width: 50px;
	height: 50px;
	background: #fff;
	margin: 0;
	border-radius: 50px
}

.project-detail .bx-wrapper .bx-next:before {
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, .5)
}

.project-detail .bx-wrapper .bx-prev {
	width: 50px;
	height: 50px;
	background: #fff;
	margin: 0;
	border-radius: 50px
}

.project-detail .bx-wrapper .bx-prev:before {
	content: "";
	display: block;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, .5)
}

.project-detail .bx-wrapper .bx-next:hover {
	background: rgba(255, 255, 255, .5)
}

.project-detail .bx-wrapper .bx-prev:hover {
	background: rgba(255, 255, 255, .5)
}

.other-project {
	margin: 40px auto 0;
	max-width: 1170px;
	overflow: hidden
}

.other-project h3 {
	display: inline-block;
	margin: 0 0 20px;
	padding: 0 20px 10px 0;
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	border-bottom: 3px solid
}

.other-project ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.other-project ul li {
	float: left;
	padding: 0;
	margin: 0 0 40px
}

.other-project .frame {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	box-shadow: none;
	background: 0 0;
	border: 0
}

.other-project .frame img {
	display: block;
	width: 100%
}

.other-project .caption {
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	width: 100%
}

.other-project .caption:before {
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .75
}

.other-project ul li:hover .caption:before {
	height: 100%
}

.other-project .caption a.zoom {
	border: 2px solid #fff;
	border-radius: 52px;
	bottom: 0;
	color: #fff;
	font-size: 18px;
	height: 52px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 52px
}

.other-project .caption a.zoom .fa {
	display: block;
	line-height: 52px;
	text-align: center
}

.other-project ul li:hover .caption {
	left: 0
}

.news-page {
	float: left;
	width: 100%
}

.news-page ul {
	padding: 0;
	margin: 0 0 10px;
	list-style: none
}

.news-page ul li {
	float: left;
	padding: 0 0 29px;
	margin: 0;
	line-height: normal
}

.news-box {
	float: left;
	width: 100%
}

.news-box .frame {
	float: left;
	border: 4px solid #fff;
	position: relative;
	overflow: hidden;
	margin: 0 30px 0 0;
	box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3)
}

.news-box .frame img {
	display: block;
	width: 100%
}

.news-box .frame .caption {
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	width: 100%
}

.news-box .frame .caption:before {
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .75
}

.news-box .frame .caption a.zoom {
	border: 2px solid #fff;
	border-radius: 52px;
	bottom: 0;
	color: #fff;
	font-size: 18px;
	height: 52px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 52px
}

.news-box .frame .caption a.zoom .fa {
	display: block;
	line-height: 52px;
	text-align: center
}

.news-box .text {
	float: left;
	max-width: 469px
}

.news-box .text-top-row {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 0 0 9px;
	margin: 0 0 18px
}

.news-box .text-top-row a.mnt {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	float: left;
	text-decoration: none;
	border-right: 1px solid #ccc;
	padding: 0 20px 0 0
}

.news-box .text-top-row a.mnt .fa {
	float: left;
	padding: 0 10px 0 0
}

.news-box .text-top-row a.comment {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	float: left;
	text-decoration: none;
	padding: 0 0 0 20px
}

.news-box .text-top-row a.comment .fa {
	float: left;
	padding: 0 10px 0 0
}

.news-box .text h2 {
	font: 400 16px/16px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 14px;
	letter-spacing: -.4px
}

.news-box .text p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 15px
}

.news-box .text a.readmore {
	font: 700 12px/12px 'Roboto Slab', serif;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	float: left
}

.event-width {
	width: 370px!important
}

.event-width img {
	display: block;
	width: 100%
}

.footer-copyright strong.copy a.web,
.footer-social-box ul li a .fa,
.header-social li a,
.round a.inner,
.round a.inner:before,
.head-topbar .left ul li a,
.timer-box,
.upcoming-events-box .bx-wrapper .bx-prev,
.upcoming-events-box .bx-wrapper .bx-next,
#portfolio-filter li a,
.gallery-box .caption,
.css3accordion .content .top a.comment,
.css3accordion .content a.readmore,
.blog-post-share ul li a,
.nbs-flexisel-nav-right,
.nbs-flexisel-nav-left,
.timeline-frame-outer .caption,
.blog-post-box,
.about-me-socila ul li a,
.team-box-social ul li a,
.team-box .frame,
.accordition-box .accordion-heading .accordion-toggle,
.accordition-box .accordion-heading .accordion-toggle span,
.facts-tab-box .nav-tabs>li>a,
.nav-pills>li>a,
.bottom-row .left a.title,
.bottom-row .right ul li a,
.blog-box-1 .text a.readmore,
.bottom-row .left ul li a,
.blog-box-1 .bx-wrapper .bx-next,
.blog-box-1 .bx-wrapper .bx-prev,
.blog-content .pagination ul>li>a,
.pagination ul>li>span,
.sidebar-recent-post ul li a.mnt,
.sidebar-recent-post ul li a.readmore,
.list-area ul li a,
.list-area ul li a span,
.archive-box ul li a,
.share-socila ul li a,
.contact-me-row ul li a,
.detail-btn-sumbit,
.donate-form ul li a,
.donate-form ul li a:before,
.donate-form ul li span.circle span.inner,
.optionsDivVisible a,
.donate-btn-submit,
.contact-social ul li a,
.detail-btn-sumbit2,
.gallery-frame .caption,
.gallery li:hover .caption,
.timline-project .bx-wrapper .bx-pager.bx-default-pager a,
.comments .text a.date,
.comments .text a.reply,
.timer-area ul li a,
.member-btn-submit,
.event-heading a,
.event-row .frame .caption,
.map-row a.location,
.map-row a.location .fa,
.event-row .text h2,
.project-detail .bx-wrapper .bx-prev,
.project-detail .bx-wrapper .bx-next,
#nav-2 li a,
#nav-2 li ul li a,
.header-4-address a.email,
.head-5-social li a,
.gallery-box:before,
#banner .bx-wrapper .bx-pager.bx-default-pager a,
.pagination-all.pagination ul>li>a,
.pagination ul>li>span,
#banner .bx-wrapper .bx-next,
#banner .bx-wrapper .bx-prev,
.grid .caption,
.upcoming-events-box a.btn-view,
#banner .caption a.view,
.our-project a.btn-view,
.box-1 a.btn-readmore,
.box-1 .frame,
.flicker ul li a,
.comment-frame,
.sidebar-recent-post ul li .frame,
.upcomint-frame {
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s
}

.FONTS {
	font-family: roboto slab, serif;
	font-weight: 300;
	font-weight: 400;
	font-weight: 700;
	font-family: open sans, sans-serif;
	font-weight: 400
}

.bg-none {
	background: 0 0!important
}

.margin-none {
	margin: 0!important;
	clear: both;
	position: relative
}

.box-resizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.slide-out-div {
	background: none repeat scroll 0 0 #fff;
	padding: 0;
	width: 220px;
	z-index: 9999
}

.slide-out-div h3 {
	font: 400 20px/40px 'Roboto Slab', serif;
	background: none repeat scroll 0 0 #333;
	color: #fff;
	padding-left: 20px;
	margin: 0
}

.colors-sw {
	padding: 20px
}

.colors-sw>ul {
	margin: 0;
	padding: 0
}

.colors-sw li {
	border: 1px solid #dfdfdf;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 5px;
	text-align: center
}

.handle {
	background-color: #333!important
}

.error-page {
	margin: 20px 0
}

.error-page h2 {
	font: 400 30px/30px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 20px
}

.error-page p {
	font: 400 16px/16px 'Open Sans', sans-serif;
	color: #999;
	margin: 0
}

.accordion-heading.active .fa-plus:before {
	content: "\f068"!important
}

.cp_causes {
	float: left;
	width: 100%
}

#cp_causes-banner {
	float: left;
	width: 100%;
	position: relative
}

#cp_causes-banner .caption {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	margin: auto;
	max-width: 1170px
}

#cp_causes-banner .caption .holder {
	max-width: 100%;
	margin: 0 0 0 30px;
	float: left
}

#cp_causes-banner .caption .holder h1 {
	font: 700 48px/60px 'Roboto Slab', serif;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 47px;
	position: relative
}

#cp_causes-banner .caption .holder h1:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 170px;
	border-bottom: 2px solid #fff
}

#cp_causes-banner .caption .holder p {
	font: 400 30px/38px 'Roboto Slab', serif;
	color: #fff;
	margin: 0 0 30px
}

#cp_causes-banner .caption .holder a.btn-donate {
	font: 700 16px/16px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	padding: 18px 25px;
	text-decoration: none;
	float: left
}

#cp_causes-banner .caption .holder a.btn-donate:hover {
	background-color: #fff
}

#cp_causes-banner .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0
}

#cp_causes-banner .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0
}

#cp_causes-banner .bx-wrapper img {
	width: 100%
}

#cp_causes-banner .bx-wrapper .bx-pager,
#cp_causes-banner .bx-wrapper .bx-controls-auto {
	padding: 0;
	bottom: 12px
}

#cp_causes-banner .bx-wrapper .bx-pager.bx-default-pager a {
	background: #999;
	border-radius: 100%;
	height: 10px;
	margin: 0 5px;
	width: 10px;
	border: 2px solid #fff
}

#cp_causes-banner .bx-wrapper .bx-controls-direction a {
	height: 50px;
	margin-top: -25px;
	text-indent: inherit;
	font-size: 0;
	text-decoration: none;
	top: 88%;
	width: 50px;
	border-radius: 100%;
	background-color: #fff
}

#cp_causes-banner .bx-wrapper .bx-prev {
	background: 0 0;
	left: 50px
}

#cp_causes-banner .bx-wrapper .bx-prev:before {
	content: "\f104";
	font-size: 30px;
	font-family: FontAwesome;
	color: #070604;
	display: block;
	text-align: center;
	line-height: 50px;
	text-indent: -2px
}

#cp_causes-banner .bx-wrapper .bx-next {
	background: 0 0;
	right: 50px
}

#cp_causes-banner .bx-wrapper .bx-next:before {
	content: "\f105";
	font-size: 30px;
	font-family: FontAwesome;
	color: #070604;
	display: block;
	text-align: center;
	line-height: 50px;
	text-indent: 3px
}

#cp_causes-banner .bx-wrapper .bx-controls-direction a:hover {
	opacity: .5
}

#cp-causes-header {
	float: left;
	width: 100%;
	background-color: #33334c;
	padding: 25px 0
}

strong.causes-logo {
	float: left;
	margin: 0 66px 0 0
}

strong.causes-logo a {
	text-decoration: none
}

.cp_causes-navigation {
	float: left;
	margin: 0 2px 0 0
}

.cp_causes-navigation .navbar {
	margin-bottom: 0
}

.cp_causes-navigation .navbar-inverse .navbar-inner {
	background-color: transparent;
	background-image: none;
	border: 0;
	border-color: transparent
}

.cp_causes-navigation .navbar-inner {
	background-color: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	min-height: inherit;
	padding: 0
}

.cp_causes-navigation .navbar .nav {
	margin: 14px 0 0
}

.cp_causes-navigation .navbar .nav>li {
	border-left: 2px solid rgba(255, 255, 255, .6);
	padding: 0 18px
}

.cp_causes-navigation .navbar .nav>li:first-child {
	padding: 0 18px 0 0;
	border: 0
}

.cp_causes-navigation .navbar-inverse .brand,
.cp_causes-navigation .navbar-inverse .nav>li>a {
	color: #fff;
	text-shadow: none
}

.cp_causes-navigation .navbar .nav>li>a {
	font: 400 14px/14px 'Roboto Slab', serif;
	color: #fff;
	float: none;
	padding: 0;
	text-decoration: none;
	text-shadow: none
}

.cp_causes-navigation .navbar-inverse .nav .active>a,
.cp_causes-navigation .navbar-inverse .nav .active>a:hover,
.cp_causes-navigation .navbar-inverse .nav .active>a:focus {
	background: 0 0;
	box-shadow: none
}

.head-right-box {
	float: left;
	margin: 5px 0 0
}

.head-right-box .btn-donate {
	font: 700 16px/16px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 10px;
	float: left;
	margin: 0 10px 0 0
}

.head-right-box .btn-donate:hover {
	background-color: #fff
}

.cp_head-search {
	float: left
}

.cp_head-search .btn-group {
	float: left
}

.cp_head-search .btn-group>.btn:first-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.cp_head-search .btn-group>.btn:last-child,
.cp_head-search .btn-group>.dropdown-toggle {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.cp_head-search .btn-group>.btn:first-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.cp_head-search .btn-group>.btn,
.cp_head-search .btn-group>.dropdown-menu,
.cp_head-search .btn-group>.popover {
	font-size: 16px
}

.cp_head-search .btn {
	background-image: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #333;
	cursor: pointer;
	display: block;
	font-size: 16px;
	line-height: 33px;
	text-align: center;
	margin-bottom: 0;
	padding: 0;
	width: 33px;
	height: 33px;
	text-shadow: none
}

.cp_head-search form {
	position: relative;
	float: left;
	width: 265px
}

.cp_head-search .search {
	background-color: #e1e1e1;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	padding: 7px;
	float: left;
	width: 100%
}

.cp_head-search .dropdown-menu {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: none;
	margin: 0;
	min-width: 100%;
	padding: 0;
	left: inherit;
	right: 0
}

.cp_head-search input[type=text] {
	background-color: #fff;
	border: 1px solid #f8f8f8;
	color: #999;
	float: left;
	font: 300 12px roboto slab, serif;
	height: 34px;
	margin: 0;
	padding: 0 9px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cp_donation-slider {
	float: left;
	width: 100%;
	position: relative;
	margin: 100px 0
}

.cp_donation-slider li {
	position: relative
}

.cp_donation-slider .caption {
	position: absolute;
	right: 100px;
	top: -40px
}

.cp_donation-box {
	float: right;
	padding: 30px;
	max-width: 390px;
	background-color: #33334c;
	border: 10px solid rgba(255, 255, 255, .3);
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.cp_donation-box h2 {
	font: 700 30px/30px "Roboto Slab", serif;
	margin: 0 0 10px;
	color: #fff
}

.cp_donation-box strong.title {
	font: 400 18px/18px "Roboto Slab", serif;
	color: #fff;
	display: block;
	letter-spacing: -.4px;
	padding: 0 0 10px
}

.cp_donation-box ul {
	padding: 0;
	margin: 0 0 20px;
	list-style: none;
	float: left;
	width: 100%
}

.cp_donation-box ul li {
	padding: 0;
	overflow: hidden
}

.cp_donation-box ul li a {
	font: 400 12px/12px "Roboto Slab", serif;
	color: #fff;
	text-decoration: none
}

.cp_donation-box ul li a .fa {
	padding: 0 10px 0 0
}

.cp_donation-box p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #fff;
	margin: 0 0 25px
}

.cp_progress-box {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 55px
}

.cp_progress-box:before {
	content: '';
	position: absolute;
	left: 2px;
	bottom: -35px;
	background: url(../images/causes/progree-strip.png) no-repeat left bottom/100%;
	width: 100%;
	height: 32px
}

.cp_progress-box .progress {
	background-image: none;
	border-radius: 8px;
	box-shadow: none;
	height: 8px;
	margin-bottom: 0;
	overflow: inherit;
	padding: 4px
}

.cp_progress-box .progress-info .bar,
.cp_progress-box .progress .bar-info {
	background-color: #33334c;
	background-image: none;
	border-radius: 4px;
	position: relative
}

.cp_progress-box .bar:before {
	content: '$';
	font: 700 16px/24px "Roboto Slab", serif;
	color: #fff;
	text-align: center;
	position: absolute;
	richness: 0;
	top: -12px;
	right: 0;
	width: 24px;
	height: 24px;
	background-color: #33334c;
	border-radius: 100%;
	border: 3px solid #fff
}

.cp_donation-details {
	float: left;
	width: 100%;
	margin: 0 0 30px;
	border: 1px solid rgba(255, 255, 255, .5);
	padding: 10px 0 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cp_donation-details ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.cp_donation-details ul li {
	float: left;
	padding: 0;
	padding: 0 17px;
	font: 400 24px/24px "Roboto Slab", serif;
	color: #fff;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, .5)
}

.cp_donation-details ul li:first-child {
	border: 0
}

.cp_donation-details ul li span {
	font: 400 12px/12px "Roboto Slab", serif;
	display: block;
	padding: 8px 0 0
}

.cp_donation-box .btn-donate {
	font: 700 16px/16px "Roboto Slab", serif;
	color: #333;
	float: left;
	text-transform: uppercase;
	padding: 18px 25px;
	text-decoration: none
}

.cp_donation-box .btn-donate:hover {
	background-color: #fff
}

.cp_donation-slider .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0;
	position: relative
}

.cp_donation-slider .bx-wrapper:before {
	content: '';
	position: absolute;
	right: 100px;
	top: -40px;
	width: 450px;
	border: 10px solid rgba(255, 255, 255, .3);
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	background-color: #33334c;
	height: 40px
}

.cp_donation-slider .bx-wrapper:after {
	content: '';
	position: absolute;
	right: 100px;
	bottom: -50px;
	width: 450px;
	border: 10px solid rgba(255, 255, 255, .3);
	border-top: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	background-color: #33334c;
	height: 40px
}

.cp_donation-slider .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0
}

.cp_donation-slider .bx-wrapper .bx-pager,
.cp_donation-slider .bx-wrapper .bx-controls-auto {
	display: none
}

.cp_donation-slider .bx-wrapper .bx-controls-direction a {
	height: 50px;
	margin-top: 0;
	text-indent: inherit;
	font-size: 0;
	text-decoration: none;
	top: inherit;
	bottom: 0;
	width: 40px;
	background-color: rgba(255, 255, 255, .2)
}

.cp_donation-slider .bx-wrapper .bx-next {
	background: 0 0;
	right: 140px
}

.cp_donation-slider .bx-wrapper .bx-next:before {
	content: "\f105";
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	display: block;
	color: #fff;
	font-family: FontAwesome;
	text-indent: 2px
}

.cp_donation-slider .bx-wrapper .bx-prev {
	background: 0 0;
	right: 190px;
	left: inherit
}

.cp_donation-slider .bx-wrapper .bx-prev:before {
	content: "\f104";
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	display: block;
	color: #fff;
	font-family: FontAwesome;
	text-indent: 2px
}

.cp_contribute-section {
	float: left;
	width: 100%;
	margin-bottom: 25px
}

.heading-style-1 {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 40px
}

.heading-style-1:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -12px;
	border-bottom: 3px solid;
	width: 170px
}

.heading-style-1 a.btn-more {
	font: 400 12px/12px "Roboto Slab", serif;
	color: #333;
	text-decoration: none;
	float: right;
	padding: 5px 10px 6px;
	margin: 4px 0 0
}

.heading-style-1 a.btn-more:hover {
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.heading-style-1 a.btn-more .fa {
	padding: 0 0 0 5px;
	font-size: 10px
}

.heading-style-1 h2 {
	font: 700 30px/30px "Roboto Slab", serif;
	color: #333;
	margin: 0;
	float: left
}

.cp_contribute-section .shap-box {
	float: left;
	width: 85px;
	height: 85px;
	background-color: #f0f0f0;
	border-radius: 100%;
	border: 5px solid #fff;
	box-shadow: 0 0 1px 1px #ccc;
	margin: 0 30px 40px 0
}

.cp_contribute-section .shap-box span {
	font-size: 32px;
	width: 100%;
	text-align: center;
	margin: 22px 0 0
}

.cp_contribute-section .shap-box:hover {
	background-color: #33334c
}

.cp_contribute-section .shap-box:hover span {
	color: #fff
}

.cp_contribute-section .text-box {
	overflow: hidden
}

.cp_contribute-section .text-box h3 {
	font: 400 24px/24px "Roboto Slab", serif;
	color: #333;
	margin: 0 0 15px
}

.cp_contribute-section .text-box h3 a {
	color: #333;
	text-decoration: none
}

.cp_contribute-section .text-box p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0
}

.causes-challenges {
	float: left;
	width: 100%;
	margin-bottom: 40px
}

.causes-challenges .thumb {
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 0 0 30px
}

.causes-challenges .thumb img {
	display: block;
	width: 100%
}

.causes-challenges .thumb:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.causes-challenges .text-box {
	float: left;
	width: 100%
}

.causes-challenges .text-box h3 {
	font: 400 18px/18px "Roboto Slab", serif;
	color: #333;
	word-spacing: -2px;
	margin: 0 0 17px
}

.causes-challenges .text-box h3 a {
	text-decoration: none;
	color: #333
}

.causes-challenges .text-box a.name {
	font: 400 12px/12px "Roboto Slab", serif;
	color: #999;
	display: block;
	padding: 0 0 20px
}

.causes-challenges .text-box a.name .fa {
	padding: 0 10px 0 0
}

.causes-challenges .text-box a.name:hover {
	text-decoration: none
}

.causes-challenges .text-box p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 20px
}

.cp_donation-details-2 {
	float: left;
	width: 470px;
	position: relative;
	z-index: 9;
	background-color: #33334c;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	border: 10px solid rgba(255, 255, 255, .3);
	padding: 30px 30px 0;
	margin: 0 0 23px -179px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cp_donation-details-2 .cp_donation-details {
	margin: -100% 0 30px
}

.causes-challenges .text-box:hover .cp_donation-details {
	margin: 0 0 30px
}

.causes-challenges .text-box:hover a.btn-project {
	opacity: 0
}

.cp_progress-box-2 {
	float: left;
	width: 100%;
	margin: 10px 0 0;
	position: relative
}

.cp_progress-box-2 .progress {
	background-color: #fff;
	background-image: none;
	border-radius: 0;
	box-shadow: none;
	height: 10px;
	margin-bottom: 25px;
	overflow: inherit;
	position: relative
}

.cp_progress-box-2 .progress-info .bar,
.cp_progress-box-2 .progress .bar-info {
	background-image: none;
	position: relative
}

.cp_progress-box-2 .progress:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px;
	background: url(../images/causes/progree-strip-2.png) no-repeat left bottom/100%;
	width: 100%;
	height: 10px
}

.cp_progress-box-2 .progress .bar:after {
	content: "";
	height: 10px;
	position: absolute;
	right: -7px;
	top: 0;
	transform: skewX(46deg);
	-moz-transform: skewX(46deg);
	-webkit-transform: skewX(46deg);
	width: 13px
}

.cp_progress-box-2 .progress .bar:before {
	border-color: transparent transparent;
	border-style: solid;
	border-width: 0 7px 9px;
	content: "";
	height: 0;
	position: absolute;
	right: -2px;
	top: -9px;
	width: 0
}

.cp_progress-box-2 .progress .bar {
	box-shadow: none;
	font: 400 16px/16px "Roboto Slab", serif;
	color: #fff;
	height: 100%;
	text-align: right;
	text-shadow: none
}

.cp_progress-box-2 .progress .bar span {
	position: relative;
	top: -22px;
	right: 12px
}

.cp_progress-box-2 span {
	font: 400 12px/12px "Roboto Slab", serif;
	color: #fff;
	padding: 0 0 20px
}

.causes-challenges .text-box a.btn-project {
	font: 700 16px/16px "Roboto Slab", serif;
	color: #333;
	text-transform: uppercase;
	padding: 18px 25px;
	text-decoration: none;
	float: left
}

.causes-challenges .text-box a.btn-project:hover {
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.challenges-box {
	float: left;
	width: 100%;
	padding: 20px 10px;
	margin: 0 0 20px;
	background-color: #fff;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.challenges-box .frame {
	float: left;
	width: 100%;
	margin: -100% 0 20px;
	background-color: #000;
	overflow: hidden;
	position: relative;
	top: -100%
}

.challenges-box:hover .frame {
	margin: -10px 0 20px
}

.challenges-box .frame img {
	display: block;
	width: 100%
}

.challenges-box .frame:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: .7
}

.challenges-box h4 {
	font: 400 18px/18px "Roboto Slab", serif;
	color: #333;
	margin: 0 0 10px 10px
}

.challenges-box h4 a {
	text-decoration: none;
	color: #333
}

.challenges-box span {
	font: 400 12px/12px "Roboto Slab", serif;
	color: #999;
	display: block;
	padding: 0 0 0 10px
}

.challenges-box a.btn-more {
	width: 39px;
	height: 43px;
	float: right;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 43px;
	text-decoration: none
}

.challenges-box a.btn-more:hover {
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.cp_facts-section {
	float: left;
	width: 100%;
	background-image: url(../images/causes/pattren-img.png);
	background-repeat: repeat;
	background-position: left top;
	padding: 60px 0;
	margin-bottom: 60px
}

.cp_facts-section .icon-box {
	float: left;
	width: 75px;
	height: 75px;
	border-radius: 100%;
	border: 5px solid #fff;
	background-color: rgba(255, 255, 255, .2);
	font-size: 40px;
	line-height: 75px;
	text-align: center;
	color: #fff;
	margin: 0 15px 0 0
}

.cp_facts-section .holder {
	overflow: hidden
}

.cp_facts-section strong.number {
	font: 700 40px/40px "Roboto Slab", serif;
	color: #fff;
	display: block;
	position: relative;
	padding: 0 0 28px
}

.cp_facts-section strong.number:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 10px;
	border-bottom: 3px solid #fff;
	width: 120px
}

.cp_facts-section span {
	font: 400 18px/25px "Roboto Slab", serif;
	color: #fff;
	display: block;
	position: relative;
	padding: 0
}

.cp_blog-section {
	float: left;
	width: 100%;
	margin-bottom: 60px
}

.cp_blog-section .holder {
	max-width: 970px;
	margin: 0 auto
}

.cp_blog-section .box {
	float: left;
	width: 470px;
	padding: 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cp_blog-section .box .thumb {
	float: left;
	width: 100%;
	margin: 0 0 20px
}

.cp_blog-section .box .text-box {
	float: left;
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cp_blog-section .box .text-box h4 {
	font: 400 18px/18px "Roboto Slab", serif;
	color: #333;
	margin: 0 0 15px
}

.cp_blog-section .box .text-box h4 a {
	text-decoration: none;
	color: #333
}

.cp_blog-section .box .text-box ul {
	padding: 0;
	margin: 0 0 18px;
	list-style: none;
	float: left;
	width: 100%
}

.cp_blog-section .box .text-box ul li {
	float: left;
	padding: 0;
	font: 400 12px/12px "Roboto Slab", serif;
	color: #999
}

.cp_blog-section .box .text-box ul li a span {
	padding: 0 14px
}

.cp_blog-section .box .text-box ul li a {
	font: 400 12px/12px "Roboto Slab", serif;
	color: #999;
	text-decoration: none
}

.cp_blog-section .box .text-box p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0 0 15px
}

.cp_blog-section .box .text-box a.read-more {
	font: 700 14px/14px "Roboto Slab", serif;
	color: #333;
	text-transform: uppercase;
	padding: 0 0 10px;
	text-decoration: none;
	float: right
}

.cp_blog-section .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0
}

.cp_blog-section .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0;
	padding: 5px
}

.cp_blog-section .bx-wrapper .bx-pager,
.cp_blog-section .bx-wrapper .bx-controls-auto {
	display: none
}

.cp_blog-section .bx-wrapper .bx-controls-direction a {
	height: 43px;
	margin-top: -21px;
	text-indent: inherit;
	text-decoration: none;
	font-size: 0;
	top: 50%;
	width: 39px
}

.cp_blog-section .bx-wrapper .bx-prev {
	background: 0 0;
	left: 0
}

.cp_blog-section .bx-wrapper .bx-prev:before {
	content: "\f053";
	font-size: 14px;
	line-height: 46px;
	color: #333;
	text-align: center;
	display: block;
	font-family: FontAwesome
}

.cp_blog-section .bx-wrapper .bx-next {
	background: 0 0;
	right: 0
}

.cp_blog-section .bx-wrapper .bx-next:before {
	content: "\f054";
	font-size: 14px;
	line-height: 46px;
	color: #333;
	text-align: center;
	display: block;
	font-family: FontAwesome
}

.cp_blog-section .bx-wrapper .bx-controls-direction a:hover {
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.donation-bar-section {
	float: left;
	width: 100%;
	background-color: #33334c;
	background-image: url(../images/causes/parallax-img.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 80px 0;
	margin: 0 0 60px;
	position: relative
}

.donation-bar-section:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/causes/pattren-img.png)
}

.donation-bar-section strong.title {
	display: block;
	text-align: center;
	font: 700 48px/48px "Roboto Slab", serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 25px;
	position: relative
}

.donation-bar-section span {
	font: 400 30px/30px "Roboto Slab", serif;
	color: #fff;
	text-align: center;
	display: block;
	padding: 0 0 28px;
	position: relative
}

.parallax-progress {
	margin: 0 auto 50px;
	max-width: 770px
}

.parallax-progress .progress {
	background-image: none;
	border-radius: 15px;
	box-shadow: none;
	height: 18px;
	margin-bottom: 0;
	padding: 9px 10px;
	position: relative;
	overflow: inherit
}

.parallax-progress .progress:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -20px;
	background: url(../images/causes/progree-strip-3.png) no-repeat left bottom/100%;
	height: 10px;
	width: 100%
}

.parallax-progress .progress-info .bar,
.parallax-progress .progress .bar-info {
	background-color: #33334c;
	background-image: none;
	border-radius: 9px
}

.donation-bar-section a.btn-donate {
	font: 700 16px/16px "Roboto Slab", serif;
	text-transform: uppercase;
	color: #333;
	display: table;
	margin: 0 auto;
	padding: 18px 25px;
	text-decoration: none;
	position: relative
}

.donation-bar-section a.btn-donate:hover {
	background-color: #fff
}

.partners-section {
	float: left;
	width: 100%;
	margin-bottom: 60px
}

.partners-section ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.partners-section ul li {
	float: left;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0
}

.partners-section .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0
}

.partners-section .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0
}

.partners-section .bx-wrapper .bx-pager.bx-default-pager a {
	display: none
}

.partners-section .bx-wrapper .bx-controls-direction a {
	display: none
}

.causes-footer {
	background-image: url(../images/causes/causes-footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #33334c;
	background-size: 100%;
	float: left;
	width: 100%;
	padding: 60px 0 30px;
	position: relative
}

.causes-footer:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/causes/pattren-img.png)
}

.causes-footer-box {
	float: left;
	width: 100%;
	position: relative
}

strong.causes-footer-logo {
	float: left;
	margin: 0 0 20px
}

strong.causes-footer-logo a {
	display: block;
	height: 100%
}

.causes-footer-box address {
	float: left;
	width: 230px;
	margin: 0;
	position: relative
}

.causes-footer-box address p {
	font: 400 14px/26px 'Open Sans', sans-serif;
	color: #fff;
	margin: 0 0 30px;
	padding: 0 0 0 25px
}

.causes-footer-box address p .fa {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 26px
}

.causes-footer-box address ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.causes-footer-box address ul li {
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	padding: 15px 0 0;
	overflow: hidden
}

.causes-footer-box address ul li:first-child {
	padding: 0
}

.causes-footer-box address ul li .fa {
	padding: 0 13px 0 0
}

.causes-footer-box address ul li a {
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	text-decoration: none
}

.causes-footer-box h3 {
	font: 700 30px/30px 'Roboto Slab', serif;
	color: #fff;
	margin: -5px 0 0
}

.causes-footer-box .heading-style-1 {
	margin: 0 0 30px
}

.recent-post {
	float: left;
	width: 100%
}

.recent-post ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.recent-post ul li {
	padding: 20px 0 0;
	overflow: hidden
}

.recent-post ul li:first-child {
	padding: 0
}

.recent-post .thumb {
	float: left;
	background-color: #000;
	overflow: hidden;
	margin: 0 20px 0 0
}

.recent-post .thumb:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: .6
}

.recent-post .text-box {
	overflow: hidden
}

.recent-post .text-box p {
	font: 400 16px/24px 'Roboto Slab', serif;
	color: #fff;
	letter-spacing: -1px;
	margin: 0 0 10px
}

.recent-post .text-box p a {
	color: #fff;
	text-decoration: none
}

.recent-post .text-box span {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #fff;
	display: block;
	position: relative
}

.recent-post .text-box span:before {
	content: '';
	position: absolute;
	left: 0;
	top: -6px;
	width: 80px;
	height: 100%;
	border-top: 1px solid rgba(255, 255, 255, .5)
}

.instagram {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none
}

.instagram li {
	float: left;
	padding: 0;
	margin: 0 7px 10px 0;
	overflow: hidden;
	background-color: #000
}

.instagram li:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: .6
}

.categories {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%
}

.categories li {
	padding: 13px 9px;
	overflow: hidden;
	border-top: 1px solid rgba(255, 255, 255, .5)
}

.categories li:first-child {
	border: 0
}

.categories li a {
	font: 400 16px/16px 'Roboto Slab', serif;
	color: #fff;
	text-decoration: none;
	display: block
}

.categories li a .fa {
	font-size: 8px;
	padding: 0 9px 0 0;
	float: left;
	line-height: 16px
}

.categories li a span {
	float: right
}

.cp_newsletter-row {
	float: left;
	width: 100%;
	background-color: #33334c;
	padding: 30px 0;
	margin: 50px 0 30px;
	position: relative
}

.cp_newsletter-row form {
	float: left;
	width: 100%;
	margin: 0;
	position: relative
}

.cp_newsletter-row form input[type=text] {
	float: left;
	height: 50px;
	width: 100%;
	border: 0;
	background-color: #fff;
	padding: 0 120px 0 20px;
	font: 14px/14px 'Open Sans', sans-serif;
	color: #000000;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cp_newsletter-row form input[type=submit] {
	border: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 50px;
	text-align: center;
	font: 700 16px/16px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase
}

.cp_newsletter-row form input[type=submit]:hover {
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.causes-social {
	float: left;
	width: 100%
}

.causes-social ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right
}

.causes-social ul li {
	float: left;
	padding: 0 0 0 33px
}

.causes-social ul li:first-child {
	padding: 0
}

.causes-social ul li a {
	background-image: url(../images/causes/causes-social.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	text-decoration: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px
}

.causes-social ul li.social-1 a {
	background-position: 0 0
}

.causes-social ul li.social-2 a {
	background-position: -74px 0
}

.causes-social ul li.social-3 a {
	background-position: -147px 0
}

.causes-social ul li.social-4 a {
	background-position: -221px 0
}

.causes-social ul li.social-5 a {
	background-position: -296px 0
}

.causes-social ul li.social-6 a {
	background-position: -368px 0
}

.causes-social ul li.social-7 a {
	background-position: -442px 0
}

.causes-social ul li a:hover {
	box-shadow: 0 0 4px rgba(255, 255, 255, .7);
	-moz-box-shadow: 0 0 4px rgba(255, 255, 255, .7);
	-webkit-box-shadow: 0 0 4px rgba(255, 255, 255, .7)
}

.cp_copyrights {
	float: left;
	width: 100%;
	position: relative
}

.cp_copyrights strong {
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	display: block;
	text-align: center
}

.cp_copyrights strong a {
	text-decoration: none;
	color: #fff;
	font-weight: 600
}

#causes-inner-banner {
	float: left;
	width: 100%;
	background-image: url(../images/causes/casus-inner-banner.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000;
	background-size: 100%;
	padding: 28px 0;
	margin: 0 0 60px
}

#causes-inner-banner h1 {
	font: 400 22px/22px 'Roboto Slab', serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 10px
}

#causes-inner-banner p {
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	margin: 0
}

.causes-listing .cp_donation-details-2 {
	margin-left: 0;
	width: 100%
}

.causes-listing ul {
	margin: 0;
	list-style: none
}

.causes-listing .pagination-all.pagination {
	margin: 0
}

.causes-col .cp_donation-details-2 {
	width: 100%
}

.causes-col .thumb {
	margin: 0 0 20px
}

.causes-col .cp_donation-details ul li {
	font-size: 16px;
	line-height: 16px;
	padding: 0 10px
}

.causes-col .cp_donation-details {
	padding: 10px 0
}

.causes-col .cp_donation-details ul li span {
	font-size: 11px
}

.causes-col .text-box a.btn-project {
	display: table;
	margin: 0 auto 30px;
	float: none
}

.causes-detail .thumb {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #33334c
}

.causes-detail .thumb img {
	display: block;
	width: 100%
}

.causes-detail .thumb:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: .5
}

.causes-detail .cp_donation-details-2 {
	width: 650px;
	margin: -52px 0 0
}

.causes-detail .cp_donation-details {
	margin: 0 0 30px
}

.causes-detail .cp_donation-details ul li {
	padding: 8px 40px
}

.causes-detail a.btn-back {
	float: right;
	padding: 17px 40px;
	font: 700 16px/22px 'Roboto Slab', serif;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	margin: 25px 0 0;
	text-decoration: none;
	position: relative;
	z-index: 999
}

.causes-detail a.btn-back:hover {
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.causes-detail-map {
	float: left;
	width: 100%;
	margin: -40px 0 30px
}

.causes-detail-map .map_canvas {
	height: 300px;
	width: 100%
}

.causes-detail-row {
	float: left;
	width: 100%
}

.causes-detail-row .left {
	width: 100%
}

.causes-detail-row.bottom-row {
	border: 0
}

.causes-detail-row.bottom-row:before {
	content: '';
	border: 0
}

.government-widgets {
	float: left;
	width: 100%;
	background: url(../images/government/government-pattren.gif) repeat;
	padding: 60px 0;
	margin: 0 0 60px
}

.government-widgets-box {
	float: left;
	width: 100%;
	box-shadow: 5px 5px 0 1px rgba(0, 0, 0, .15);
	-moz-box-shadow: 5px 5px 0 1px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 5px 5px 0 1px rgba(0, 0, 0, .15);
	padding: 46px 0 55px;
	position: relative;
	overflow: hidden
}

.government-widgets-box::before {
	background-color: rgba(255, 255, 255, .15);
	content: "";
	height: 456px;
	left: -74px;
	position: absolute;
	top: -142px;
	transform: rotate(45deg);
	width: 79%
}

.cp_shap-box {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0 0 40px;
	color: #fff;
	font-size: 65px;
	text-indent: -13px
}

.government-widgets-box strong {
	font: 700 30px/38px 'Roboto Slab', serif;
	color: #fff;
	display: block;
	text-align: center
}

.government-color-1 {
	background-color: #6c8cc7
}

.government-color-2 {
	background-color: #ef4123
}

.government-color-3 {
	background-color: #58c5c7
}

.government-color-4 {
	background-color: #f15b67
}

.target-project-section {
	float: left;
	width: 100%;
	margin-bottom: 130px
}

.target-project-box {
	float: left;
	width: 370px;
	padding: 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.target-project-box .thumb {
	float: left;
	width: 100%;
	margin: 0 0 20px;
	background-color: #000;
	overflow: hidden
}

.target-project-box .thumb img {
	display: block;
	width: 100%
}

.target-project-box .thumb:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: .7
}

.target-project-box .text-box {
	float: left;
	width: 100%;
	position: relative
}

.target-project-box .text-box h3 {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 10px;
	text-align: center
}

.target-project-box .text-box h3 a {
	text-decoration: none;
	color: #333
}

.target-project-box .text-box span {
	display: block;
	text-align: center;
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	padding: 0 0 30px
}

.target-project-box .text-box a.btn-detail {
	display: table;
	margin: 0 auto;
	text-align: center;
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #333;
	text-transform: uppercase;
	padding: 14px 20px;
	text-decoration: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -28px;
	background-color: #fff
}

.target-project-section .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0
}

.target-project-section .bx-wrapper:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -50px;
	width: 770px;
	border-bottom: 1px solid #ccc
}

.target-project-section .bx-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -52px;
	width: 770px;
	border-bottom: 1px solid #ccc
}

.target-project-section .bx-wrapper .bx-viewport {
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: 0;
	padding: 20px 5px;
	margin: -20px 0 0
}

.target-project-section .bx-wrapper .bx-pager.bx-default-pager a {
	display: none
}

.target-project-section .bx-wrapper .bx-controls-direction a {
	height: 43px;
	margin-top: 0;
	position: absolute;
	text-indent: inherit;
	font-size: 0;
	text-decoration: none;
	top: inherit;
	bottom: -72px;
	width: 39px
}

.target-project-section .bx-wrapper .bx-next {
	background: 0 0;
	right: -89px;
	left: 0;
	margin: auto
}

.target-project-section .bx-wrapper .bx-next:before {
	content: "\f054";
	font-size: 14px;
	line-height: 43px;
	text-align: center;
	color: #333;
	display: block;
	font-family: FontAwesome
}

.target-project-section .bx-wrapper .bx-prev {
	background: 0 0;
	left: 0;
	right: 0;
	margin: auto
}

.target-project-section .bx-wrapper .bx-prev:before {
	content: "\f053";
	font-size: 14px;
	line-height: 43px;
	text-align: center;
	color: #333;
	display: block;
	font-family: FontAwesome
}

.target-project-section .bx-wrapper .bx-controls-direction a:hover {
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	background-color: #fff
}

.our-main-gols {
	float: left;
	width: 100%;
	margin: 0 0 60px
}

.our-main-gols .heading-style-1 {
	margin: 0 0 20px
}

.our-main-gols b {
	font: 400 20px/30px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0
}

.our-gols-box {
	float: left;
	width: 100%;
	margin: 40px 0 0
}

.our-gols-box .round-box {
	float: left;
	width: 86px;
	height: 60px;
	background-color: #f0f0f0;
	border-radius: 100%;
	border: 5px solid #fff;
	box-shadow: 0 0 1px 1px #ccc;
	margin: 0 30px 0 0;
	padding: 26px 0 0;
	text-align: center;
	font-size: 35px;
	text-indent: -5px
}

.our-gols-box .round-box:hover {
	background-color: #33334c;
	color: #fff
}

.our-gols-box .text-box {
	overflow: hidden
}

.our-gols-box .text-box h3 {
	font: 400 24px/24px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 10px
}

.our-gols-box .text-box p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0
}

.news-row {
	float: left;
	width: 100%;
	margin: 0 0 50px
}

.cp_news-box {
	float: left;
	width: 100%
}

.cp_news-box .thumb {
	float: left;
	background: #000;
	overflow: hidden;
	width: 100%;
	margin: 0 0 20px
}

.cp_news-box .thumb img {
	display: block;
	width: 100%
}

.cp_news-box .thumb:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: .6
}

.cp_news-box .text-box {
	float: left;
	width: 100%
}

.cp_news-box .text-box h4 {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 20px
}

.cp_news-box .text-box h4 a {
	color: #333;
	text-decoration: none
}

.cp_news-box .text-box .bottom-row {
	border: 0;
	margin: 0
}

.cp_news-box .text-box .bottom-row:before {
	content: '';
	border: 0
}

.cp_news-box .text-box p {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #000000;
	margin: 0
}

.cp_news-box-row {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 16px 0;
	margin: 20px 0
}

.cp_events-box {
	float: left;
	width: 100%
}

.cp_events-inner-box {
	float: left;
	width: 100%;
	margin: 0 0 20px
}

.event-date-box {
	float: left;
	width: 86px;
	height: 76px;
	background-color: #f0f0f0;
	border: 5px solid #fff;
	outline: 1px solid #ccc;
	text-align: center;
	font: 700 16px/20px 'Roboto Slab', serif;
	color: #000000;
	padding: 10px 0 0;
	margin: 0 10px 0 0;
	position: relative
}

.event-border {
	position: relative;
	float: left
}

.event-border:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	top: 97px;
	height: 215px;
	border-left: 1px solid #ccc
}

.event-date-box span {
	font-size: 30px
}

.event-date-box:hover {
	background-color: #33334c;
	color: #fff
}

.event-text-box {
	float: left
}

.event-text-box .thumb {
	float: left;
	width: 100%;
	margin: 0 0 20px;
	position: relative;
	overflow: hidden
}

.event-text-box .thumb .caption {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 100%;
	bottom: 0;
	width: 342px
}

.event-text-box:hover .caption {
	top: 68px
}

.event-text-box .thumb .caption .countdown-amount {
	font: 400 36px/36px 'Roboto Slab', serif;
	color: #fff
}

.event-text-box .thumb .caption .countdown-period {
	display: block;
	font: 400 12px/12px 'Roboto Slab', serif;
	text-align: center;
	color: #fff;
	text-transform: uppercase
}

.event-text-box .thumb .caption .timer-box-2 {
	bottom: 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	box-sizing: border-box;
	display: block;
	margin: 0 0 27px;
	overflow: hidden;
	padding: 15px 0 18px 10px;
	width: 100%
}

.event-text-box .thumb img {
	display: block;
	width: 100%
}

.event-text-box h4 {
	font: 400 18px/18px 'Roboto Slab', serif;
	color: #333;
	margin: 0 0 20px
}

.event-text-box h4 a {
	text-decoration: none;
	color: #333
}

.event-text-box span {
	font: 400 12px/12px 'Roboto Slab', serif;
	color: #999;
	display: block
}

.event-text-box span .fa {
	padding: 0 10px 0 0
}

.about-page {
	float: left;
	width: 100%
}

.about-page h2 {
	font: 400 22px/22px 'Roboto Slab', serif;
	text-transform: uppercase;
	margin: 0
}

.about-page .heading-style-1 {
	width: auto;
	padding: 0 20px 0 0
}

.about-page .heading-style-1:before {
	width: 100%
}

.about-page p {
	font: 400 16px/22px 'Open Sans', sans-serif;
	color: #000000;
	clear: both;
	margin: 0 0 30px
}

.mission-row {
	float: left;
	width: 100%;
	padding: 0 80px 0 100px;
	margin: 0 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mission-row .text-box {
	float: left;
	width: 100%
}

.mission-row .frame {
	float: left;
	width: 100%;
	padding: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.mission-row .frame img {
	display: block;
	width: 100%
}

.mission-row .text-box ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.mission-row .text-box ul li {
	padding: 0 0 10px;
	overflow: hidden;
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #000000
}

.mission-row .text-box ul li .fa {
	padding: 0 15px 0 0
}

.demo-box {
	background-color: #000;
	position: fixed;
	right: 0;
	bottom: -420px;
	padding: 20px 20px 10px;
	transition: all 350ms ease-in-out 0s;
	-moz-transition: all 350ms ease-in-out 0s;
	-webkit-transition: all 350ms ease-in-out 0s;
	z-index: 99999
}

.demo-box:hover {
	bottom: 0
}

.demo-box strong.title {
	display: block;
	text-align: center;
	font: 400 16px/16px "Roboto Slab", serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 10px
}

.demo-box a.all {
	background-color: #fdb913;
	display: table;
	margin: 0 auto;
	text-align: center;
	padding: 10px 15px;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font: 400 14px/14px "Roboto Slab", serif;
	margin: 0 0 20px
}

.demo-box ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	text-align: center
}

.demo-box ul li {
	display: block;
	padding: 0 0 10px;
	overflow: hidden;
	background-color: #000
}

.demo-box ul li span.name {
	text-align: center;
	font: 400 14px/14px "Roboto Slab", serif;
	color: #333;
	display: block;
	padding: 10px;
	background-color: #fff
}

.demo-box ul li img {
	display: block;
	overflow: hidden
}

.demo-box ul li:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: .6
}

#cp_causes-banner .caption .holder a.btn-donate,
#cp_causes-banner .bx-wrapper .bx-controls-direction a,
.head-right-box .btn-donate,
.cp_donation-box .btn-donate,
.cp_donation-slider .bx-wrapper .bx-controls-direction a,
.cp_contribute-section .shap-box,
.causes-challenges .thumb img,
.causes-challenges .text-box a.name,
.causes-challenges .text-box a.btn-project,
.heading-style-1 a.btn-more,
.challenges-box a.btn-more,
.challenges-box .frame img,
.challenges-box .frame,
.challenges-box h4 a,
.cp_donation-details-2 .cp_donation-details,
.cp_blog-section .box .text-box h4 a,
.cp_blog-section .box .text-box ul li a,
.cp_blog-section .box .text-box a.read-more,
.cp_blog-section .bx-wrapper .bx-controls-direction a,
.donation-bar-section a.btn-donate,
.causes-footer-box address ul li a,
.recent-post .thumb img,
.instagram li img,
.categories li a,
.cp_newsletter-row form input[type=submit],
.causes-social ul li a,
.recent-post .text-box p a,
.causes-challenges .text-box h3 a,
.causes-detail .thumb img,
.bottom-row .left a.like,
.causes-detail a.btn-back,
.target-project-box .thumb img,
.target-project-box .text-box h3 a,
.target-project-box .text-box a.btn-detail,
.target-project-section .bx-wrapper .bx-controls-direction a,
.our-gols-box .round-box,
.cp_news-box .thumb img,
.cp_news-box .text-box h4 a,
.event-date-box,
.event-text-box h4 a,
.event-text-box .thumb .caption,
.demo-box ul li img {
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s
}