/*
  Theme Name: Castle
  Theme URL: http://demo.themeregion.com/castle
  Author: ThemeRegion
  Author URI: http://www.themeregion.com
  Description: Castle Responsive HTML Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================

1. Typography
2. Navigation
3. Slider Section
4. who-we-are
5. cause-list
6. Video-section
7. event-section
8. our members
9. Photo-gallery
10. our-partner
11. word-for-Humanity
12. Contact Us
13. Footer
14. Carousel vertical
15. Carousel-Fade
16. Preloader

==========================================================================*/


/*========================
=======Typography=========
==========================*/

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #454545;
	background-color: #fff;
}

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

.navbar-nav li a:hover, 
.navbar-nav li a:focus {
	outline:none;
	outline-offset: 0;
	text-decoration:none;  
	background: transparent;
}

a {
	color: #000;
	text-decoration: none;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

a:focus, 
a:hover {
	text-decoration: none;
	outline: none;
}

h1 {
	font-size:34px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h1, h2, h3 {
	font-family: 'Comfortaa', cursive;
	font-weight:300;

}
h4, h5, h6 {
	font-family: 'Comfortaa', cursive;
	font-weight:300;

}

.padding{	
	padding:90px 0;
}

.section-title {
	margin-bottom: 70px;
	padding-bottom: 0;
	font-weight:400;
	font-size:16px;
	position:relative;
}

.section-title:after {
	position:absolute;
	content:"";
	height:1px;
	width:350px;
	background-color:#88bd2f;
}

.section-title h1 {
	margin-top:10px;
	margin-bottom:-1px;
	padding-bottom: 20px;
	font-weight:300;
	font-size:30px;
	border-bottom:1px solid rgba(221, 223, 228, 1);
}

.section-title h1 i{
	margin-right:22px;
}

.btn-primary {	
	color:#fff;
	background-color:#88bd2f;
	text-transform: capitalize;
	font-size: 17px;
	font-weight: 700;
	padding: 12px 32px;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
	letter-spacing:0;
	position:relative;
	box-shadow:none;
	border-radius:0;
	z-index:1;
}

.btn-primary:before, 
.btn-primary:after {
	position:absolute;
	content:"";
	height:100%;
	width:0;
	z-index:-1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.btn-primary:before {	
	left:0;
	top:0;
	border-top:2px solid #6fa332;
}

.btn-primary:after {	
	right:0;
	bottom:0;
	border-bottom:2px solid #6fa332;	
}

.btn-primary:hover:before {
	left:0;
	width:100%;
	background-color:rgba(115,158,55, 0.7);
}
.btn-primary:hover:after {
	width:100%;
	right:0;
	background-color:rgba(115,158,55, 0.7);
}

.btn-primary:hover, 
.btn-primary:focus {
	background-color:transparent;
	box-shadow: 0px 0px 0px 1px #6fa332;
	outline:none;
	border:1px solid #6fa332;
}

.parallax-section { 	
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	width: 100%;
	min-height:437px;
	color:#fff;
	position:relative;
}

.overlay-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.form-control {
  height: 50px;
  padding:6px 20px;
  color: #000;
  border:1px solid #cfd2d8;
  box-shadow: none;
  outline: none;
  text-transform:normal;
  background-color:#fff;
  font-weight:500;
}

.form-control:focus {
  outline: 0;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:1px solid #88bd2f;
  background-color:#fff;
}

.form-group {
  margin-bottom: 30px;
}

.navbar-toggle {
	border:1px solid #5876a2!important;
	margin-top:12px;
}

.navbar-toggle .icon-bar{
	background-color:#5876a2!important;
}
/*==============================
=========navigation-section=========
================================*/
.navbar-fixed-top {
	background-color:rgba(255, 255, 255, 0.90);
	border-bottom:1px solid #eee;
}

.navbar-fixed-top.main-nav{
	background-color:rgba(234, 253, 174, 0.90);
}

.navbar-nav li a {
	font-family: 'Comfortaa', cursive;
	text-transform:uppercase;
	color:#5d7aa6;
	line-height:28px;
	font-size:12px
}

.active a {
	font-weight:700;
}

.navbar-brand {
	height:60px;
	padding:10px 15px;
}

/*==============================
=========slider-section=========
================================*/

#main-slider-wrapper{
	position:relative;
	overflow:hidden;
}

#home-wrapper {
	overflow:hidden;
	position:relative;	
}
#page-wrapper {
	overflow:hidden;
	position:relative;	
	height:230px!important;
}

#slider-section, #image-bg-section {
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#000;
	position:relative;
	color:#fff;
	height:730px;
	background-image:url(../images/slider/1.jpg);
}

#page-wrapper  #image-bg-section {
	background-image:url(../images/slider/2.jpg);
   height:230px!important;
   background-position:center;
}

#bg-video-section{
	height:730px;
	color:#fff;
}

#bg-video-section .overlay-bg {
	background-color:rgba(0, 0, 0, 0.45);
}

.main-slider .slider-content {
	position:absolute;
	top:30%;
	font-size:16px;
	width:40%;
}
.main-slider .slider-logo {
	position:relative;
	margin-top:10%;
	width:40%;
	left:60%;
}
.main-slider .slider-small {
	position:absolute;
	top:30%;
	font-size:16px;
	width:90%;
	padding-left:10%;
}
.main-slider .slider-small img {
	float:left;
	padding-right:25px
}
.main-slider .slider-small h1 {
	font-size: 45px;
	font-weight: 100;
	line-height: 90px;
	text-transform: capitalize;
	margin-bottom: 20px;
	
}
.main-slider .slider-content h1 {
	font-size: 45px;
	font-weight: 100;
	line-height: 90px;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.main-slider .slider-content h1 span {
	color:#88bd2f;
}

.main-slider .slider-content p {
	max-width:600px;
}

.main-slider .slider-content .btn-primary {
	margin-top:25px;
	margin-bottom:25px;
	background-color:#6fa332;
	border:1px solid #fff;
	border-radius:0;
}

.main-slider .slider-content .btn-primary:hover{
	border:1px solid #fff;
}

.main-slider .slider-content .video-link {
	display:block;
	overflow:hidden;
	color:#fff;
}

.main-slider .slider-content .video-link:hover{
	color:#6fa332;
}

.main-slider .slider-content .video-link i {
	margin-right:10px;
}

/*call-to-action*/
.call-to-action {
	background-color: #d0d7bb;
	padding: 10px 55px 25px;
}

.call-to-action h1 {
	font-weight:400;
}

.call-to-action span {
	font-weight:600;
	color:#8dc63f;
}

.call-to-action .btn-primary {	
	margin-top:30px;
	background-color:#88bd2f;
	border-color:#88bd2f;
}
.login-form
/*============================
==========who-we-are==========
=============================*/
#who-we-are {
	padding-bottom:85px;
	background-color:#fff;
}

.who-we-are i {
	display:inline-block;
	margin-bottom:10px;
	color:#88bd2f;
	font-size:72px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.who-we-are .col-sm-4:hover i{
	color:#9bc227;
}

.who-we-are h2 {
	font-weight:500;
}

.our-details-tab .tab-section {
	margin-left:-15px;
	padding-left:0;
	overflow:hidden;
}

.our-details-tab .tab-content {
	background-color: #fff;
	padding: 30px 45px;
	min-height:255px;
	border-right:1px solid #ddd;
}

.our-details-tab .tab-content h4 {
	margin-bottom:20px;
	font-weight:600;
	color:#676767;
}

.nav-tabs.nav-justified > li > a {
	border-radius:0;
	background-color:#f2f2f2;
	color:#676767;
	padding:15px;
	font-size:18px;
}

.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:hover, 
.nav-tabs.nav-justified > .active > a:focus {
	background-color:#fff;
}

/*Donations*/

#donations{
	background-color: #88bd2f;
	background-image:url(../images/donation-bg/donations-bg.jpg);	
	color:#fff;
}

#donations .overlay-bg {
	background-color:rgba(115,181,45, 0.90);
}

.parallax-content {
	padding:40px 0;
}

#donations .lead {
	margin-bottom:35px;
}

#donations .btn-primary {
	margin-top:25px;
	padding:16px 44px;
	background-color:#3b6a0a;
	border:1px solid #3b6a0a;
}

#donations .btn-primary:hover {
	border:1px solid #6fa332;
}

.overall-process {	
	padding-top:60px;
	padding-left:50px;
}

.overall-process img {
	display:inline-block;
	margin-bottom:15px
}


.progress-info {
	margin-top: 15px;
}

.progress-info i {
	font-size:30px;
}

.progress-info span {
	margin:25px;
	
}

/*============================
==========cause-list==========
==============================*/

#cause-list {
	padding-top: 80px;
	background-color: #eaedf4;
	padding-bottom: 100px;
}

#cause-list .carousel-indicators, 
#event-carousel .carousel-indicators, 
#event-section-carousel .carousel-indicators, 
#member-carousel .carousel-indicators, 
#partner-carousel .carousel-indicators {
	bottom: inherit;
	right: -10px;
	top: -105px;
	width: 75px;
	left: inherit;
}

#cause-list .carousel-indicators li, 
#event-carousel .carousel-indicators li, 
#event-section-carousel .carousel-indicators li, 
#member-carousel .carousel-indicators li, 
#partner-carousel .carousel-indicators li {
	display:inline-block;
	border-radius:0;
	background-color:#dcdfe6;
	border-color:#dcdfe6;
}

#cause-list .carousel-indicators li.active, 
#event-carousel .carousel-indicators li.active, 
#event-section-carousel .carousel-indicators li.active , 
#member-carousel .carousel-indicators li.active, 
#partner-carousel .carousel-indicators li.active, 
#humanity-carousel .carousel-indicators li.active {
	margin:1px;
	background-color:#88bd2f;
	border-color:#88bd2f;
	height:10px;
	width:10px;
}

.list-image {
	position:relative;
	border-bottom:5px solid #dcdcdc;	
}

.list-image:after {
	position:absolute;
	content:"";
	height:5px;
	left:0;
	bottom:-5px;		
	background-color:#88bd2f;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.list-image.border-one:after {
	width:75%;
}

.list-image.border-two:after {
	width:25%;
}

.list-image.border-three:after {
	width:50%
}

.list-image img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

#cause-list .col-sm-4:hover .list-image img {	
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);
}

#cause-list .col-sm-4:hover .list-image:after {
	width:100%;
}

#cause-list .col-sm-4:hover .list-image:before {
	left:96%;
}

.list-image:before {
	position:absolute;
	content:"";
	height:16px;
	width:16px;
	border-radius:50%;	
	bottom:-10px;
	background-color:#88bd2f;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;	
	z-index:10;
}

.list-image.border-one:before {
	left:74%;
}

.list-image.border-two:before {
	left:24%
}

.list-image.border-three:before {
	left:49%;
}

.list-info {
	background-color: #fff;
	border-color: #cfd2d8;
	border-width: 0 1px 1px;
	padding: 25px;
}

.list-info h2 {
	margin-top:0;
	margin-bottom:5px;
}

 
.list-info span {
	color:#88bd2f;
}

.list-info .btn-primary {
	padding:9px 28px;
	background-color:#88bd2f;
	border-color:#fff;
}

.list-info p {
	margin-bottom:20px;
}


/*=============================
=========video-section=========
===============================*/

#video-section {
	background-color:#9bc227;
	padding:55px 0;
}

#video-section .nav-tabs {
	border:0;
}

#video-section .nav-tabs>li a{
	border-radius:0;
}

#video-section .embed-responsive iframe {
	max-height:330px
}

.embed-responsive.embed-responsive-4by3 {
	padding-bottom: 60%;
}

#video-section .lead {
	font-weight:100;
	margin-bottom:40px;
}

#video-section .btn-primary {
	padding:14px 26px;
	margin-bottom:30px;
	background-color:#a7d809;
	color:#fff;
	border:1px solid #a7d809;
}

#video-section .btn-primary:hover, 
#video-section .nav-tabs>li.active>a, 
#video-section .nav-tabs>li >a:hover {
	background-color:#3b6a0a;
}

#video-section h1 {
	margin-top:20px;
}

#video-section #support h1 {
	font-size:32px;
	font-weight:300;
	margin-bottom:15px;
}

#video-section #support ul li a {
	margin-bottom:3px;
	display:inline-block;
}

#video-section p {
	max-width:445px;
}

#video-section .tab-pane ul {
	margin-top:15px;
}

#video-section .tab-pane ul li {
	margin-bottom:5px;
}

#video-section .tab-pane ul li  i {
	margin-right:8px;
}

/*==============================
==============events============
================================*/

#event-section {
	background-color:#d5d8de;
	background-image:url(../images/event-bg.jpg);
	background-size:cover;
}

.event-date {
	float:left;
	margin-right:20px;
	color:#fff;
	height: 70px;
	width: 70px;
	text-align:center;
	padding-top:8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color:#88bd2f;
}

.event-date span {
	float: right;
	font-family: 'Roboto',sans-serif;
	font-size: 48px;
	font-weight: 800;
	line-height: 47px;
	
}

.post-image .event-date {
	position:absolute;
	top:5px;
	left:0;
	background-color:#9bc227;
}

.events .event-info {
	float:left;	
	color:#454545;
	max-width:175px;
}

.events .event-time {
	font-weight:300;
}

.events .event-details {
	font-weight:500;
}

.events .single-event {	
	height: 70px;
	margin-bottom: 20px;
	overflow: hidden;
	display:block;	
}

.events .single-event:hover .event-date{
	background-color:#9bc227;
}

.single-post {
  margin-bottom: 30px;
  overflow: hidden;
}

.post-image {
	position:relative;	
	overflow:hidden;
}

.event-details h2 {	
	margin-bottom: 15px;
	margin-top: 0;
	font-weight: 600;
}

.event-details h2 a {
	color: #676767;
}

.event-details h2 a:hover {
	color:#9bc227;
}

.event-details span {
	margin-bottom:12px;
	display:block;
}




/*============================
=======our members============
============================== */

#our-member {
	background-color:#eaedf4;
}

#our-member .single-member {
	margin-bottom:30px;
}

#our-member .section-title {
	margin-bottom:40px;
}

#our-member .member-image {	
	position:relative;
}

.member-image img {
	width:100%;
}

.member-info {
	background-color: #fff;
	overflow: hidden;
	padding:32px;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	opacity:0;
	z-index:25;
	width:100%;
	height:100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.single-member:hover .member-info {
	opacity:1;
}

.single-member:hover .member-info ul, 
.single-member:hover .member-info .lead, 
.single-member:hover .member-info p {
	opacity:1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.member-info .lead {	
	margin-bottom:5px;
	opacity:0;
	color:#88bd2f;
	-webkit-transition:all 0.3s ease-out 0.20s;
	-moz-transition:all 0.3s ease-out 0.20s;
	-ms-transition:all 0.3s ease-out 0.20s;
	-o-transition:all 0.3s ease-out 0.20s;
	transition:all 0.3s ease-out 0.20s;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.member-info p {
	opacity:0;
	-webkit-transition:all 0.3s ease-out 0.35s;
	-moz-transition:all 0.3s ease-out 0.35s;
	-ms-transition:all 0.3s ease-out 0.35s;
	-o-transition:all 0.3s ease-out 0.35s;
	transition:all 0.3s ease-out 0.35s;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.member-info ul {	
	opacity:0;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition:all 0.3s ease-out 0.55s;
	-moz-transition:all 0.3s ease-out 0.55s;
	-ms-transition:all 0.3s ease-out 0.55s;
	-o-transition:all 0.3s ease-out 0.55s;
	transition:all 0.3s ease-out 0.55s;
}

.member-info ul li {
	float:left;	
}

.member-info ul li a {	
	color:#454545;	
	padding:10px;
	font-size:16px;
}

.member-info ul li a:first-child {
	padding-left:0;
}

.pave-intro {
	position:relative;
	padding:25px 20px;
	color:#fff;
	margin-top:-28px;
	margin-bottom:28px;
	min-height:380px;	
	background-color:#88bd2f;
	text-align:center;
}

#pave {
	position:absolute;
    bottom:25px;
	text-align:center;
	width:100%;
	left:0px;
}

.pave-intro .btn-primary {
	background-color:#479353;
	border-color:#479353;
	margin-top:15px;
	font-size:14px;
}

.pave-intro h1{
	margin-bottom:20px;
}

.pave-intro h1 span {
	font-size:23px;
	font-weight:300;
	display:block;
	line-height:21px;
}
@media only screen and (max-width:480px){
	.pave-intro h1 span {
	font-size:18px;
	}
	.pave-intro {
	min-height:420px!important;	
	}
}
@media only screen and (max-width:768px){
	.pave-intro {
	margin-bottom:48px;
	min-height:280px;	
	}
}
#member-carousel .carousel-indicators {
	margin-top:25px;
}


/*===============================
========photo-gallery============
=================================*/
.single-photo {	
	margin-left:-15px;
	margin-right:-15px;
}

.single-photo img {
	width:100%;
}

.single-photo .gallery-content {
	position:relative;
}

.photo-info {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	color:#fff;
	padding:30px;
	z-index:1;	
	background-color:rgba(115,181,45, 0.80);
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	-ms-transition:all 0.3s ease-out 0s;
	-o-transition:all 0.3s ease-out 0s;
	transition:all 0.3s ease-out 0s;
}

.photo-info i {
	font-size:24px;
	margin-top:45%;
	margin-bottom:5px;
	color:#fff;
	-webkit-transition:all 0.3s ease-out 0.35s;
	-moz-transition:all 0.3s ease-out 0.35s;
	-ms-transition:all 0.3s ease-out 0.35s;
	-o-transition:all 0.3s ease-out 0.35s;
	transition:all 0.3s ease-out 0.35s;
}

.photo-info h4 {
	margin-bottom:5px;
	-webkit-transition:all 0.3s ease-out 0.25s;
	-moz-transition:all 0.3s ease-out 0.25s;
	-ms-transition:all 0.3s ease-out 0.25s;
	-o-transition:all 0.3s ease-out 0.25s;
	transition:all 0.3s ease-out 0.25s;
}

.photo-info span {
	-webkit-transition:all 0.3s ease-out 0.35s;
	-moz-transition:all 0.3s ease-out 0.35s;
	-ms-transition:all 0.3s ease-out 0.35s;
	-o-transition:all 0.3s ease-out 0.35s;
	transition:all 0.3s ease-out 0.35s;
}

.photo-info, 
.photo-info i, 
.photo-info h4, 
.photo-info span {
	opacity:0;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.single-photo:hover .photo-info, 
.single-photo:hover .photo-info i, 
.single-photo:hover .photo-info h4, 
.single-photo:hover .photo-info span{
	opacity:1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}


/*====================================
==========our-partner=================
======================================*/

#our-partner{
	background-color:#eaedf4;
}

#our-partner .section-title {
	margin-bottom:50px;
}

#our-partner img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	display:inline-block;
}

#our-partner img:hover {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);
}

#partner-carousel .carousel-indicators {
	top:-90px;
}

/*====================================
===========word-for-humanity==========
=====================================*/

#word-for-humanity {
	background-color:#fff;
	color:#474d3a
}

#humanity-carousel img {
	display:inline-block;
	border:9px solid #3c3937;
	height:100px;
	width:100px;
	margin-bottom:25px;
}

#word-for-humanity h1 {
	margin-top:0;
	margin-bottom:50px;	
}

#humanity-carousel .carousel-indicators {
	bottom:-55px;
	width:60%;
	left:50%;
}

#humanity-carousel .carousel-indicators li {
	border-radius:0;
	display:inline-block;	
}

.word-author {
  margin-top: 25px;
}

/*====================================
===========Contact Us=================
=====================================*/
#contact {
	background-color:#fff;
	color:#474d3a
}

#contact .section-title {
	margin-bottom:50px;
}

#contact i {
	font-size:48px;
	color:#88bd2f;
}

#contact .contact-info {
	display: inline-block;
	margin-left: 15px;
	overflow: hidden;
}

#contact a.contact-info {
	line-height:30px;
	color:#454545;
}

.contact-details {
	margin-bottom:45px;
}

#contact-form input {	
	border-radius: 0;
	box-shadow: none;
}

#contact-form textarea {
	resize:none;
	box-shadow:none;
	border-radius:0;
	padding:12px 18px;
}

#contact-form .btn-primary {
	width:100%;
	border-color:#88bd2f;
}

/*===============================
=============Footer =============
=================================*/
#footer {
	background-color:#88bd2f;
	padding:25px 0 15px;
	color:#fff;
	text-align:center;
}


.copyright-text a {
	font-weight:100;
	color:#fff;
	padding:0 8px 0 8px
}

/*==============================
=========Carousel-Fade==========
================================*/

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	background-repeat: no-repeat;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left, 
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left, 
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

/*====================== TDW ============================*/



.dropdown-menu li a {
    text-transform:capitalize;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 0 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #5876a2;
    margin-top: 8px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.navbar .divider-vertical {
height: 40px;
margin: 8px 9px;
border-left: 1px solid #a5b4cb;
border-right: 1px solid #ffffff;
}

.limage {
  display: block;
  margin-top:5%;
  margin-left: auto;
  margin-right: auto;
}
.limage-small {
  display: block;
  margin-top:18px;
  margin-left: auto;
  margin-right: auto;
height:180px;
}
      @media only screen and (max-width:480px){
    .dropdown-menu{
        display: block;
        position: static;
        background-color:transparent;
        border:0 none;
        box-shadow:none;
        margin-top:0;
        position:static;
        width:100%;
    }
    .navbar-nav .dropdown-menu > li > a, 
    .navbar-nav .dropdown-menu .dropdown-header {
        padding:5px 15px 5px 25px;
    }
    .navbar-nav .dropdown-menu > li > a{
        line-height:20px;
    }
    .navbar-default .navbar-nav .dropdown-submenu > li > a{    
        padding-left:20px;
    }
    .dropdown-submenu>a:after {
    border-color: transparent;
    }
.pad-menu{   
    padding-left:20px;
    }
}
.ariane {
	float:left;
	color:#666;
	margin:8px 0 28px -12px;
	font-size:90%;
}
.ariane a {
	color:#666;
}
.ariane .actif,.ariane a:hover {
	color:#78a828;
}

#simple-table{
	margin-top:-25px;
}

.table>thead>tr
{
	color:#707070;
	font-weight:400;
	background: #fff;
}
.table>thead>tr>th
{
	border-color:#fff;
	font-weight:700
}
.table>thead>tr>th .ace-icon:first-child
{
	margin-right:2px
}
.table>thead>tr>th:first-child
{
	border-left-color:#F1F1F1
}
.table>thead>tr>th:last-child
{
	border-right-color:#F1F1F1
}
.table.table-bordered>thead>tr>th
{
	vertical-align:middle
}
.table.table-bordered>thead>tr>th:first-child
{
	border-left-color:red
}
	td.center,th.center
{
	text-align:center
}
	td .lbl,th .lbl
{
	margin-bottom:0
}
	td .lbl:only-child,th .lbl:only-child
{
	vertical-align:top
}
.table-header
{
	background-color:#fff;
	color:#FFF;
	font-size:14px;
	line-height:38px;
	padding-left:12px;
	margin-bottom:1px
}
.table-header .close
{
	margin-right:8px;
	margin-top:0;
	opacity:.45;
	filter:alpha(opacity=45)
}
.table-header .close:hover
{
	opacity:.75;
	filter:alpha(opacity=75)
}
.ui-jqdialog .ui-widget-header,.widget-header
{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0)
}
	td.center-col {
		text-align:center;
	}
	
	th.detail-col
{
	width:48px;
	text-align:center
}
	th.title-col
{
	width:290px;
}
	th.actionsmall-col
{
	width:100px;
	text-align:center
}
	th.action-col
{
	width:125px;
	text-align:center
}
	tr.detail-row
{
	display:none;

}
	tr.detail-row.open
{
	display:block!important;
	display:table-row!important;
}
	tr.detail-row>td
{
	background-color:#fff;
	
}
.table-detail
{
	color:#6b902d;
	width:100%;
	padding:12px 12px 12px 95px;	
}
.table-detail td>.profile-user-info
{
	width:100%
}

.action-buttons a
{
	margin:0 3px;
	display:inline-block;
	opacity:.85;
	-webkit-transition:all .1s;
	-o-transition:all .1s;
	transition:all .1s
}
.action-buttons a:hover
{
	text-decoration:none;
	opacity:1;
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2)
}

.bigger-110
{
	font-size:110%!important
}
.bigger-120
{
	font-size:120%!important
}
.bigger-130
{
	font-size:130%!important
}
.bigger-140
{
	font-size:140%!important
}
.bigger-150
{
	font-size:150%!important
}
.bigger-160
{
	font-size:160%!important
}

.bas {
	padding-bottom:80px;
}

.page-img {
	margin-top:-35px;
	margin-bottom:25px
}
.white, .white a, .white a:hover {
	color:white!important;
}