/*
    - Template Name: MasterCharity
    - Template URI:
    - Author: PEXLO
    - Author URI:
    - Description: Template for charity website
    - Version: 1.0
*/


/* -----------------------------
Designed and Developed By "PEXLO"
/* -----------------------------*/

/* ----------------------------------------------------
   OUR CSS INDEX

	  00. START OF IMPORTED STYLES
    01. START OF BASIC INSTALLATION STYLE
		02. START OF PRELOADER STYLE
    03. START NAVBAR SECTION
		04. START OF QOUTE SECTION
    05. START OF WHO WE ARE SECTION
    06. START OF EVENTS SECTION
    07. START OF OUR VOLUNTEERS SECTION
    08. START OF WHAT PEOPLE SAY SECTION
    09. START OF OUR CAUSES SECTION
    10. START OF LOGOS SECTION
		11. START OF PAGES STYLE
    12. START OF FOOTER SECTION

/* ----------------------------------------------------*/

/* --------------- 00. IMPORTED STYLES------------*/

@import url(../owlcarousel/owl.carousel.min.css);
@import url(../owlcarousel/owl.theme.default.min.css);
@import url(ionicons.css);
@import url(animate.css);

/* ---------------IMPORTED STYLES------------*/

/*----------- -01- START OF BASIC INSATLLATION ----------*/

.padding70{padding: 70px 0px;}
.padding50{padding: 50px 0px;}
span{color: #fb7c54;}
h1{	color: #555555;font-size: 23px;font-weight: 600;text-transform: uppercase;font-family: 'Lato', sans-serif;}
p{font-weight: 400; text-transform:none;font-family: 'Open Sans', sans-serif;}
h2{text-transform: capitalize;font-family: 'Open Sans',sans-serif; font-weight: 600}
h3{text-transform: uppercase;font-family: 'Lato',sans-serif; font-weight:700}
span{font-weight: 700;font-family: 'Open Sans',sans-serif}
.opacity0{opacity: 0.9;}
a:hover{text-decoration: none;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
background-color: #fb7c54;
}
.progress-bar{
	background-color: #fb7c54
}
.btn-default
{
color: grey;
border-color: grey;
border-radius: 50px;
background-color: transparent;
transition: all .3s;
}
.btn-default:hover
{
background-color: #fb7c54;
color: #FFF;
border-color: transparent;
transition: all .3s;
}
.btn-danger
{
color: #FFF;
border-color: transparent;
border-radius: 50px;
background-color: #fb7c54;
transition: all .3s;
}
.btn-danger:hover
{
	color: grey;
	border-color: grey;
	border-radius: 50px;
	background-color: transparent;
	transition: all .3s;
}

/*----------- -02- START OF PRELOADER ----------*/

.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #202020;
z-index: 999999;
}
.spinner {
	position: absolute;
	top: 48%;
	left: 48%;
	width: 40px;
  height: 40px;
  position: relative;
  text-align: center;

  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fb7c54;
  border-radius: 100%;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



/*----------- -03- START OF NAVBAR ----------*/
.nav-info
{
  background-color: #313131;
  color: #fff;
  padding-top: 10px;
  padding-bottom:10px;
}
.nav-info i:hover{
  color: #fb7c54;
  transition: color 0.3s;
}
.nav-info i{
  margin-right: 10px;
  color: #fb7c54;
  transition: color 0.3s;
}
.nav-info .row
{
	margin-left:0
}
.social-icons i {
  color: #fff;
}
.navbar{
  margin-bottom: 0px;
}
.navbar ul
{
	margin-left: 20px;
}
.navbar-brand img
{
  /*width: 132px;*/
	height: 60px;
	margin-top: 2px;
}
a.navbar-brand{
	padding: 0px 15px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand
{
  margin-bottom: 15px;
}
.navbar-default .navbar-nav > li > a {
    padding-top: 24px;
    font-size: 15px;
    font-weight: bold
}
.navbar-section nav .fa
{
  margin-right: 7px;
}
.donatebtn{
  padding-top: 11px;
  padding-left: 17px;
}
.donatebtn .btn-default {
color: #fff;
background-color: #fb7c54;
width: 194px;
height: 43px;
border-radius: 30px;
border-color: transparent;
transition: all 0.5s;
}
.donatebtn .btn-default:active:hover,.donatebtn .btn-default:hover
{
background-color: #313131;
color: #fff;
transition: all 0.5s;
}
.navbar-default .navbar-toggle{
padding-top: 20px;
  border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
  background-color: transparent;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse
{
	margin-right: -2px;
	margin-left: 8px;
}
.navbar-default .navbar-nav > li > a
{
  position: relative;
     margin-right: 20px;
}
.navbar-default .navbar-nav li a
{
  padding-top: 25px;
  font-size: 14px;
  font-weight: bold;
  margin-right: 6px;
  transition: color 0.2s;
}
.navbar-default .navbar-nav li a:hover{
  color: #fb7c54;
  transition: color 0.2s;
}
.navbar-default .navbar-nav > li > a:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color:#fb7c54;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.navbar-default .navbar-nav > li > a:hover:before{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*----------- -04- START OF QOUTE SECTION ----------*/
.qoute-section
{
background: linear-gradient(to bottom left ,rgba(251,124,84, 0.6),rgba(0, 0, 0, 0.6)), url(../images/qoute.jpg);
background-position: bottom center;
background-size: 100%;
/*background-attachment: fixed;*/
min-height: 500px;
}
.qoute-section p
{
text-transform: uppercase;
color: #FFF;
font-size:30px;
word-spacing: 3px
}
.qoute-section p:before
{
content: "\f10d";
font-family: 'fontawesome', sans-serif;
font-size: 25px;
display: block;
}

.qoute-section h2
{
color: #FFF;
font-size: 20px;
letter-spacing: 3px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.top-text
{
	margin-top: 7px;
}
.btm-text
{
	margin-top: 40px;
}
/*----------- -05- START OF Who We Are Section----------*/

.us-section
{
  background-image:url(../images/bg3.png);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
  font-weight: 300;
 }
 .us-section p
 {
font-size: 18px;
line-height: 27px;
margin-top: 30px;
margin-bottom: 32px;
color: #555555;
}
 .us-section .btn-default
 {
	 margin-bottom: 25px;
 }
.reach-us-icons a{
  font-size: 30px;
  margin-right: 20px;
  color: #fb7c54
}
.us-section i
{
font-size: 180px;
margin-top: 40px;
color: #fb7c54;
cursor: pointer;
}
.us-section h2
{
  border: 2px solid grey;
  color: grey;
  padding: 10px;
  width: 103px;
  font-size: 16px;
  cursor: pointer;
  }
.us-section h1:after{
display: block;
height: 2px;
background-color: #fb7c54;
content: "";
width: 60px;
margin-top: 20px;
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}

.us-section h1:hover:after{
display: block;
height: 2px;
background-color: #fb7c54;
content: "";
width: 120px;
margin-top: 20px;
visibility: visible;
-webkit-transform: scaleX(right);
transform: scaleX(right);
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
/*----------- -06- START OF Events Section ----------*/

.upcoming-events-section
{
background: linear-gradient(to bottom left ,rgba(251,124,84, 0.9),rgba(0, 0, 0, 1)), url(../images/events.jpeg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.paper-events-section
{
background: url(../images/_bg3.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.tabSectionThree
{
background: url(../images/bg4.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.paper-events-section h1 {
  color: #555555 !important;
}
.tabSectionThree{
	color: #FFF;
}
.paper-events-section h1:after{
display: block;
height: 2px;
background-color: #fb7c54 !important;
content: "";
width: 60px;
margin-top: 20px;
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.grayColor{
	color: #555555 !important;
}
.paper-events-section i{
	color:#fb7c54 !important;
	font-size: 18px; 
}
.paper-events-section h1:hover:after{
display: block;
height: 2px;
background-color: #fb7c54;
content: "";
width: 120px;
margin-top: 20px;
visibility: visible;
-webkit-transform: scaleX(right);
transform: scaleX(right);
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.upcoming-events-section h1
{
  margin-bottom: 20px;
  color: #fff
}
.upcoming-events-section .btn
{
color: #FFF;
border-color: #FFF;
}
.upcoming-events-section .btn:hover
{
border-color: transparent;
}
.upcoming-events-section h1:after{
  display: block;
height: 2px;
background-color: #fff;
content: "";
width: 60px;
margin: 0 auto; /* Center content */
margin-top: 20px;
transition: all 0.5s ease-in-out 0s;
}
.upcoming-events-section h1:hover:after{
width: 100px;
transition: all 0.5s;

}
.upcoming-events-section ul li
{
  display: inline-block;
  padding: 15px;
  margin-right: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  width: 120px;
  height: 36px;
  line-height: 8px;
  opacity: 0.9;
	border-radius: 50px;
  margin-bottom: 5px;

}
.upcoming-events-section ul li a
{
  color: #000;
}
.upcoming-events-section .btn-default
{
	margin-bottom: 23px;
}
.upcoming-events-section ul
{
  padding-bottom: 10px;
}
.upcoming-events-section .active,
.upcoming-events-section .active a,
.upcoming-events-section ul li:hover,
.upcoming-events-section ul li a:hover
{
  background-color: #fb7c54;
  color: #fff;
  cursor:pointer;

  transition: all 0.4s;
}
.upcoming-events-section i
{
  color: #fff
}
.event-info
{
background-size: cover;
padding-bottom: 25px;
padding-top: 10px;
padding-left: 128px;
padding-right: 20px;
color: #fff;
}
.event-info i
{
margin-right: 13px;
color: #fff;
margin-bottom: 10px;
}
.events h2,
.events h4{
position: absolute;
top: 8%;
color: #FFF;
left: 4%;
text-align: center;
font-size: 41px;
}
.left-text,
.left-text2{
  position: absolute;
  top: 13%;
  color: #FFF;
  left: 7%;
  text-align: center;
  font-size: 20px;
  opacity: 0;
}
.left-text i,
.left-text a,
.left-text2 a {

  color: #fff;
}
.event-info h3
{
  font-size: 19px;
}
.tabs-content div:not(.tab-event1)
{
  display: none
}

/*----------- -07- START OF Our Volunteer Section ----------*/

.our-voulnteer-section
{
  background-color: #efefef;
}
.our-voulnteer-section h1:after
{
  display: block;
  height: 2px;
  background-color: #fb7c54;
  content: "";
  width: 60px;
  margin-top: 20px;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.our-voulnteer-section h1:hover:after{
width: 120px;
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.left-voulnteer h1
{
	margin-top: 45px;
	color: #555555;
}
.left-voulnteer p
{
font-size: 20px;
padding-top: 33px;
padding-bottom: 33px;
line-height: 30px;
color: #555555;
text-transform: uppercase;
}
.left-voulnteer .btn-default
{
	color: #fb7c54;
	border-color: #fb7c54;
}
.left-voulnteer .btn-default:hover
{
	color: #FFF;
}
.right-voulnteer
{
	padding-top: 50px;
	padding-bottom: 40px;
}
.right-voulnteer h3
{
font-size: 14px;
opacity: 0.5;
font-family: 'Open Sans',sans-serif;
}
.right-voulnteer h2
{
font-size: 18px;
line-height: 0px;
color: #fb7c54;
}
.vol-team .img-box
{
margin-bottom: 25px;
position: relative;
}
.vol-team .img-box .overlay
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(251,124,84, 0.8);
-webkit-transfrom:scaleY(0);
transform: scaleY(0);
transition: all .5s;
}
.vol-team .img-box:hover .overlay
{
-webkit-transfrom:scaleY(1);
transform: scaleY(1);
transition: all .5s;
}
.vol-team ul
{
float: left;
margin-top: 15px;
}
.vol-team ul li
{
display: inline-block;
list-style: none;
}
.vol-team ul li a{
color: #FFF;
font-size: 17px;
}
.vol-team .box{
  display: table;
  width: 100%;
  height: 100%;

}
.vol-team .content
{
  display: table-cell;
  vertical-align: middle;
}
.vol-team .content i
{
  margin-right: 17px;
}
.owl-nav .fa
{
margin: 10px;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev
{
  display: inline;
}
.owl-nav{
  position: absolute;
  top: 0%;
  left: 0%;
  background-color: #fb7c54;
  opacity: 0.9;
  color: #FFF;
}

/*----------- -08- START OF Testmonial Section ----------*/

.people-section
{
  background: linear-gradient(rgba(251,124,84,0.7), rgba(0,0,0,0.7)), url(../images/smoke.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: grey
}
.people-section h1
{
color: #FFF;
font-weight: bold;
padding-bottom: 20px
}
.people-section h1:after{
  display: block;
height: 2px;
background-color: #fff;
content: "";
width: 60px;
margin: 0 auto; /* Center content */
margin-top: 20px;
transition: all 0.5s ease-in-out 0s;
}
.people-section h1:hover:after{
width: 100px;
transition: all 0.5s;
}
.people-section .owl-carousel
{
	margin-bottom: 13px;
}
.people-section .item
{
  background-color: rgba(255, 255, 255, 0.87);
  	padding: 20px;
    border-radius: 134px 0px 0px 0px;
			line-height: 24px;
			transform: scale(0.97);
			transition: all .5s;
			min-height: 383px;
}
.people-section .item:hover{
	transform: scale(1);
	transition: all 0.5s;
}
.people-section .item img{
  width: 75px;
  position: absolute;
  top: 0;
  left: 0px;
  border-radius: 50px;
	box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.1), 0 1px 20px 0 rgba(0, 0, 0, 0.1);
	    border: 4px solid #FFF;

}
.people-section h2{
	font-size: 20px;
	margin-bottom:0px;
	color: #fb7c54;
}
.people-section p{
	padding: 10px;
	line-height: 27px;
	font-size: 15px;
}
.people-section a,
.people-section i{
	color: #fb7c54;
	margin-right: 6px;
	font-weight: lighter;
	padding-top: 15px;
}
.people-section li{
	margin-bottom: -7px;
	font-weight: 600;
	color: #fb7c54;
}
.people-section p:before{
	content: "\f0e6";
	font-family: 'fontawesome', sans-serif;
	font-size: 20px;
	opacity: 0.6;
	display: inline;
	margin-right: 10px;
	color: #fb7c54

}
.social-media li{display: inline-block;margin-top: -7px;}

/*----------- -9- START OF Causes Section ----------*/

.causes-section{
	background: linear-gradient(to bottom ,rgba(246,246,246, 0.9),rgba(256, 256, 256, 1)),url(../images/bgg.jpg);
  background-position: center;
  background-repeat: repeat-y;
  background-size: cover;
}
.causes-section ul{margin-bottom: 19px;}
.causes-section ul li
{
	font-weight: lighter;
	line-height: 23px;
	font-size: 15px;
	color: #555555;
}
.causes-section h3
{
	color: #555555
}
.causes-section img{
	    border-radius: 50px 0px 50px 0px;
			padding-top: 20px;
			opacity: 0.9;
			transition: all .5s;

}
.causes-section img:hover
{
opacity: 1;
transform: scale(1.1);
transition: all .5s;
}

.causes-section .progress
{
height: 7px;
margin-left: 35px;
margin-right: 35px;

}
.causes-section i{
	margin-right: 10px;
	color: #fb7c54;
	font-weight: lighter;
}
.causes-section .container
{
	margin-bottom: 20px;
}
.info-causes .btn {
    color: #fff;
    background-color: #fb7c54;
    width: 194px;
    height: 40px;
		line-height: 24px;
    border-radius: 30px;
		-webkit-transition: all .5s;
    transition: all .5s;
}
.info-causes .btn:hover
{
  background-color: #313131;
  color: #fff;
	-webkit-transition: all .5s;
  transition: all .5s;
}
.causes-section h3{
	font-size: 17px;
	padding-top: 20px;
	margin-bottom: 17px;
}
.causes-item{
box-shadow: -1px 2px 39px 0px #eee;
padding: 20px;
}
.causes-item .btn-default
{
	margin-bottom: 43px;
	margin-top: 15px;
	border-color: transparent
}
.causes-section h1:after{
  display: block;
height: 2px;
background-color: #fb7c54;
content: "";
width: 60px;
margin: 0 auto; /* Center content */
margin-top: 20px;
transition: all 0.5s ease-in-out 0s;
}
.causes-section h1:hover:after{
width: 100px;
transition: all 0.5s;
}
.causes-section h4
{
	font-size: 18px;
	line-height: 27px;
	font-weight: 300;
}
/*----------- -10- START OF Logos Section ----------*/
.logo-section{
	background-color: #eee;
	padding-top: 30px;
	padding-bottom: 30px;
}
.logo-section .owl-carousel .owl-item img{
	width: 100%;
	opacity: 0.5;
	transition: all .5s;
	transform: scale(0.96);
	padding-top: 10px
}
.logo-section .owl-carousel .owl-item img:hover{
	opacity: 1;
	transform: scale(1);
	transition: all .5s;

}
.logo-section h1{
	color: grey;
}

/*----------- -11- Start OF Pages ----------*/

.events-head,.about-head,.faq-head
{
padding-top: 30px;
padding-bottom: 30px;
background: linear-gradient(rgba(251,124,84,0.7), rgba(0,0,0,0.7)), url(../images/smoke.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
color: #FFF;
text-align: center;
}
.faq-page .need-help
{
	padding-top: 37px;
}
.faq-page div{
 margin-bottom: 20px;
}
.faq-head h1,.events-head h1
{
	color: #FFF;
}
.faq-page p
{
font-size: 16px;
font-weight: lighter
}
.events-page,.about-page,.faq-page
{
color: grey;
padding-top: 30px;
padding-bottom: 30px;
}
.events-page .row div
{
padding-bottom: 20px;
box-shadow: 10px 10px 8px #f7f7f7;
border-radius: 0px 60px 0px 0px;
padding: 20px
}
.events-page i
{
margin-right: 7px;
margin-bottom: 10px;
color: #fb7c54
}
.events-page h3
{
font-size: 17px;
}
/*----------- -12- START OF footer Section ----------*/

footer{
	background-color: #313131;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #FFF
}
footer img{
margin-bottom: 25px;
margin-top: 21px;
}
footer a:hover
{
color:#fb7c54;
}
footer i
{
margin-right:10px;
color: #fb7c54
}
footer ul li a
{
color: #FFF;
letter-spacing: 0.3px;
}
footer h3
{
font-size: 18px
}
footer h4
{
margin-bottom: 40px;
margin-top: 20px;
}
footer ul li
{
margin-bottom: 10px;
vertical-align: middle;
color: #FFF;
letter-spacing: 0.3px;
}
.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.contactsec
{
	background: linear-gradient(to bottom left ,rgba(251,124,84, 0.9),rgba(0, 0, 0, 1)), url(../images/events.jpeg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
textarea.form-control
{
	height: 200px;
}
form div
{
	opacity: 0.6
}
.form-control{
	border-radius: 0;
	background-color: #ebe6e4;
}
.contactsec h1
{
	color: #FFF;
	margin-bottom: 20px;
}
.contactsec h1:after{
	display: block;
height: 2px;
background-color: #fff;
content: "";
width: 60px;
margin: 0 auto; /* Center content */
margin-top: 20px;
transition: all 0.5s ease-in-out 0s;
}
.contactsec .btn-default
{
	color: #FFF;
	border-color: #FFF;
}
.contactsec .btn-default:hover
{
	border-color: transparent;
}
.contactsec h1:hover:after{
display: block;
height: 2px;
background-color: #fff;
content: "";
width: 120px;
margin-top: 20px;
visibility: visible;
-webkit-transform: scaleX(right);
transform: scaleX(right);
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.contactsec .btn-default
{
	margin-bottom: 23px;
}
.font16{
	font-size: 16px !important;
}

@media (max-width: 767px) {
  .vol-team h2 {
    font-size: 13px!important;
  }
}