/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/





html {
  height: 100%;
  box-sizing: border-box;
}


*,
*:before,
*:after {
  box-sizing: inherit;
}


html, body{
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
  background: #FFf;
  background: url(../images/new/houndstooth-pattern.png); 
  position: relative;
}
body a,.grid_1,plan_1,plan_1.one,plan_1.two,i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
}
a:hover{
 text-decoration:none;
}
input[type="button"],input[type="submit"],li.parallelogram{
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
  margin:0;        
} 
p{
  margin:0;
}
ul{
  margin:0;
  padding:0;
}
label{
  margin:0;
}
#home{
  width: 90%;
  margin-left: 5%;
}
.logo {
  float:left;
  margin-top: -30px;
}
.logo  a h1{
 color:#e64b50; 
 font-size:3em;
 margin-top: 5px;
 font-weight:400;
 text-transform: uppercase;
 font-family: 'Playball', cursive;
}
.logo  a h1:hover{
 color:#e64b50; 
 text-decoration:none;
}
.logo  a h1 span{
 color:#dbc65d;
}
.lag-txt {
  width: auto;
  margin-right: 10px;
  color: #fff;
}
.top-menu {
  text-align: center;
  margin-top: 1em;
  /*float:right;*/
}
.top-menu ul{
  padding: 25px 0 !important;
}
.top-menu ul li{
  display: inline-block;
  margin: 0 19px;
  color: #fff;
  font-weight: 900;
  vertical-align: top;
}
/* Effect 16: fall down */
.cl-effect-16 a {
  color: #6f8686;
  text-shadow: 0 0 1px rgba(111,134,134,0.3);
}
.cl-effect-16 a::before {
  color:#dbc65d;
  content: attr(data-hover);
  position: absolute;
  opacity: 0;
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
  -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
}

.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
  -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  opacity: 1;
}
nav a {
  position: relative;
  display: inline-block;
  outline: none;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
  font-size: 1em;
}
nav a:hover,
nav a:focus {
  outline: none;
}
.top-menu ul li a{
  text-decoration: none;
  color:#fff;
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
  padding:0;
  background:none;
  margin: 0 auto;
}
.top-menu ul li a:hover,.top-menu ul li a.active{
  /*color:#dbc65d;*/
}
@media (max-width:768px){
/*  span.menu{
   width: 35px;
   height: 35px;
   background: url(../images/new/nav.png)no-repeat 0px 0px;
   display: inline-block;
   float: right;
   cursor: pointer;
   margin-top: 8px;
 }
 .top-menu{
  width:100%;
  display: none;
  text-align:center;
  background:#fff;
  padding:0;
  margin-top:10px;
}
.span_2 {
 margin-top: 2em;
}
.top-menu ul{
 float: none;
 width: 100%;
 border: 1px solid #ddd;
 padding: 0.3em 0 0.2em 0;
}
.top-menu ul li{
  display:block;
  float: none;
  margin:5px 0;
}*/
}
/*----start-home---*/
.header-bottom {
  padding: 0.9em 0;
  background: #40abe2;
  position: relative;
  color: #fff;
}
.banner{
  background: url(../images/new/1.jpg) no-repeat center top;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  position:relative;
}
.banner-text {
 padding-top: 14em;
 width: 50%;
}
.banner-text h2 {
  color:#dbc65d;
  font-size: 3em;
  font-weight: 400;
  font-family: 'Playball', cursive;
}
.banner-text p {
  margin:0.5em 0;
  color: #fff;
  font-size: 1em;
  line-height: 1.7em;
}
.read-more {
  margin-top: 2em;
}
a.read {
  padding: 11px 31px 11px;
  font-size: 1em;
  line-height: 1em;
  background:#e64b50;
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color:#fff;
}
a.read:hover {
  background:#CB373B;
}
a.read:after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 73px 0 73px;
  border-color:#CB373B transparent transparent transparent;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  border-color:#CB373B transparent transparent transparent;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}
/*---------*/

.welcome1 {
  padding: 3em 0;
  position: relative;
}

.welcome {
  padding: 3em 0;
  /*position: relative;
  background:url(../images/new/welbanner.jpg) no-repeat center top;*/
}
.welcome-top  h3{
 color: #fff;
 font-size: 3em;
 font-weight: 400;
 font-family: 'Playball', cursive;
}
.welcome::before,
.welcome::after {
  position: absolute;
  content: '';
  pointer-events: none;
}
svg:not(:root) {
  overflow: hidden;
  position: absolute;
}
#trianglePath1 {
  fill:#dbc65d;
  stroke:#dbc65d;
}
#trianglePath2 {
  fill:#C2AF52;
  stroke:#C2AF52;
}
.welcome-top h6 {
 font-size: 17px;
 /*color: #fff;*/
 line-height: 1.8em;
 margin: 1.6em 0;
}
.welcome-top p {
  font-size: 0.9em;
  color: #fff;
  line-height: 1.8em;
}
.welcome-top {
  width: 100%;
  margin-bottom: 0px;
  margin-top: 32px;
}
/*----------*/
.biseller-column img{
  margin-bottom:1em;
  width:100%;
}
#flexiselDemo3 {
  display: none;
}
.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
}
.nbs-flexisel-ul {
  position: relative;
  width: 9999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}
.nbs-flexisel-inner {
  overflow: hidden;
  margin: 0 auto;
}
.nbs-flexisel-item {
  float: left;
  margin: 0px 10px;
  padding:0px;
  cursor: pointer;
  position: relative;
  line-height: 0px;
}
.nbs-flexisel-item > img {
  cursor: pointer;
  position: relative;
  margin-top:10px;
  margin-bottom: 10px;
  max-width:250px;
  max-height:500px;
}
.grid-flex{
  margin:10px 0 20px 0;
}
.nbs-flexisel-item > img {
  cursor: pointer;
  positon: relative;
}
.biseller-info {
  margin:1em 0 0 0; 
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
  width:37px;
  height:70px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
  margin-top: 0em;
}
.nbs-flexisel-nav-left {
  right: -3%;
  background: url(../images/new/arrows.png) no-repeat -38px -0px;
}
.nbs-flexisel-nav-right {
 left: -3%;
 background: url(../images/new/arrows.png) no-repeat 1px -0px;
}
/*----------*/
.banner-bottom {
  padding: 5em 0;
  position:relative;
}
.banner-grid,.banner-grid.yellow{
 width:300px;height:300px;
 background: #F16A35;
 padding:4em;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -o-border-radius: 50%;
 -moz-border-radius: 50%;
}
.banner-grid h3 {
  color:#fff;
  font-size:2em;
  font-weight: 400;
  font-family: 'Playball', cursive;
}
.banner-grid p {
  margin: 0.5em 0;
  color: #fff;
  font-size:0.9em;
  line-height: 1.7em;
  cursor:text;
}
a.read.two {
  padding: 6px 24px 6px;
  font-size:0.9em;
  line-height: 1em
  text-shadow: none;
  background:#FFCE2E;
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color:#fff;
}
a.read.two:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 63px 0 65px;
  border-color:#C2AF52 transparent transparent transparent;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  border-color:#C2AF52 transparent transparent transparent;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}
a.read.two:hover{
  background:#e2b41c;
}
/* --events-- */
.events {
  padding: 10em 0 4em 0;
}
.twenty{
  width:13%;
  float:left;
}
.events h3{
  color: #E64B50;
  font-size: 3em;
  font-weight: 400;
  font-family: 'Playball', cursive;
  padding-bottom: 0.5em;
}
.sunday{
  width:55%;
  float:left;
}
.mor{
  width:32%;
  float:left;
  text-align:right;
}
a.more {
  padding: 6px 40px 6px;
  font-size: 0.9em;
  line-height: 1em text-shadow: none;
  background:#dbc65d;
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
a.more:hover{
  background:#C2AF52;
}
a.more:after{
 content: '';
 position: absolute;
 bottom: -7px;
 left: -2px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 7px 62px 0 62px;
 border-color:#C2AF52 transparent transparent transparent;
 -webkit-transition: border-color 0.4s;
 -moz-transition: border-color 0.4s;
 -o-transition: border-color 0.4s;
 transition: border-color 0.4s;
 border-color:#C2AF52 transparent transparent transparent;
 -webkit-transition: border-color 0.4s;
 -moz-transition: border-color 0.4s;
 -o-transition: border-color 0.4s;
 transition: border-color 0.4s;
}
.family {
  padding: 2em 0em;
}
.twenty h4{
  font-size:2em;
  font-weight:400;
  color: #DBC65D;
  margin:0em;
}
.twenty p{
  font-size:1em;
  font-weight:400;
  color:#E64B50;
  line-height:1.8em;
}
.sunday h5{
  font-size:1.3em;
  font-weight:400;
  color: #CB373B;
}
.sunday p{
  font-size: 0.9em;
  font-weight: 400;
  color: #555;
  line-height: 1.8em;
}
.keep p{
  font-size: 0.9em;
  font-weight: 400;
  color: #555;
  margin: 1em 0em;
  line-height: 1.8em;
}
/*----about----*/
.about {
  padding: 4em 0;
}
.about-top-left img {
  width: 100%;
}
.about-top-right p {
  color: #000;
  font-size: 0.9em;
  line-height: 1.8em;
  margin-top: 1em;
}
.about-top-right h4 {
  color: #E64B50;
  font-size: 1.2em;
  font-weight: 400;
  margin: 0;
  line-height: 1.35em;
}
.about-top {
  padding-top: 2em;
}
.chrt_grid {
  padding-left: 0;
}
.chrty {
  border: 1px solid #fff;
  padding: 2em;
}
.chrty1 {
  border: 1px solid ;
  padding: 2em;
}
.chrty1 h3 {
  color: #F16A35;
  font-size: 2em;
  font-weight: 400;
  font-family: 'Playball', cursive;
}

.chrty h3 {
  color: #E64B50;
  font-size: 2em;
  font-weight: 400;
  font-family: 'Playball', cursive;
}
.welcome-top h3 {
  color: #F16A35;
  font-size: 3em;
  font-weight: 400;
  font-family: 'Playball', cursive;
}
.charitys {
  padding-top: 3em;
}
.chrty p {
  color: #fff;
  font-size: 0.9em;
  line-height: 1.8em;
}
.about-top-right,.upcoming,.team-grid,.footer-text,.contact-top  {
  padding-left: 0;
}
.keep,.about-top-left,.footer-info {
  padding-right: 0;
}
/*--team-- */
.team{
  padding: 3em 0 0 0;
  position: relative;
  background:#E64B50;
}
ul.social-contacts li a img {
  border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
}
.team-top {
  padding-top: 3em;
}
.team-grid {
 height:465px;
 overflow: hidden;
 position: relative;
 text-align: center;
}
.team-grid p {
  font-size: 0.9em;
  font-weight: 400;
  /*color: #fff;*/
  line-height: 1.8em;
}
.team h3 {
  color: #fff;
  font-size: 3em;
  font-weight: 400;
  font-family: 'Playball', cursive;
}
.team-grid:hover  ul.social-contacts {
  bottom: 35px;
}
.team-grid h4 {
 /*color: ;*/
 font-size: 2em;
 padding: 0.5em 0 0.2em 0;
 font-family: 'Playball', cursive;
}
ul.social-contacts li {
  list-style: none;
  display: inline-block;
  margin-right: 6px;
}
ul.social-contacts {
  display: table;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: -49px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  left: -8px;
}
#trianglePath3 {
  fill:#E64B50;
  stroke:#E64B50;
}
#trianglePath4 {
  fill:#CF373C;
  stroke:#CF373C;
}
/*---gallery------*/
.donations {
  padding-top: 4em;
}
.portfolio-bottom {
 padding-top: 1em;
}
.donate-top h3{
  color: #E64B50;
  font-size: 3em;
  font-weight: 400;
  font-family: 'Playball', cursive;
}
.gallery {
 padding: 1em 0 2em 0;
}
.gallery-top {
  padding-top: 2em;
}
.gallery-top h3 {
  color: #E64B50;
  font-size: 3em;
  font-weight: 400;
  font-family: 'Playball', cursive;
}
.gallery-left:hover img {
  opacity: 0.8;
}
.gallery-one {
  margin-top: 1em;
}
.gallery-left {
 margin-bottom: 0.35em;
 padding: 0 4px;
}
.donate-main {
  margin: 4em 0;
}
.donate-left img {
  width: 100%;
  cursor: pointer;
}
.donate-left h3 ,.login-form h3{
  font-size: 1.5em;
  font-weight: 600;
  color: #ec4700;
  margin: 10px 0px;
}
.donate-left p {
  font-size: 15px;
  font-weight: 400;
  color: #999;
}
.donate-top input[type="text"] {
  width: 41%;
  padding: 8px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 2em;
  border: 1px solid #777;
  outline:none;
  color: #999;
  margin-right:4%;
}
.donate-top p {
  font-size: 13px;
  font-weight: 400;
  width: 60%;
  margin: 10px 0px;
  color: #999;
}
color: #fff;
font-size: 1.2em;
padding: 0.8em 1em;
-webkit-appearance: none;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: 700;
border: none;
outline: none;
font-family: 'Arimo Sans', sans-serif;
cursor: pointer;
background: #E64B50;
width: 30%;
margin-left: 24%;
margin-left: 24%;
}
.radio-bot {
  margin-top: 1em;
}
select {
  width: 100%;
  padding: 5px;
  border: 1px solid #ddd;
  background: none;
  color: #555;
  outline: none;
  cursor: pointer;
  font-family: 'Arimo Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
  float: right;
}
.search input[type="text"] {
  width: 16%;
}
.donate-top a {
  font-size: 15px;
  font-weight: 600;
  margin-right: 2em;
  color: #000;
}
.donate-top a:hover{
  color:#000;
  text-decoration:none;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition:  0.5s all;
  -o-transition:  0.5s all;
}
.donate-top input[type="submit"] {
  color: #fff;
  font-size: 1em;
  padding: 0.8em 1em;
  -webkit-appearance: none;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-weight: 400;
  outline: none;
  cursor: pointer;
  background: #E64B50;
  width: 21%;
  border: none;
  margin-left: 23%;
}
.donate-top input[type="submit"]:hover {
  background: #dbc65d;
}
.cards {
  float: right;
  width: 77%;
  margin-bottom: 1.5em;
}
.donate-left img {
  width: 100%;
  cursor: pointer;
}
.donate-left h3 {
 font-size: 1.8em;
 font-weight: 400;
 color: #E64B50;
 margin: 15px 0px 15px 0;
 font-family: 'Playball', cursive;
 text-align: left;
}
.donate-left p {
  font-size: 15px;
  font-weight: 400;
  color: #999;
}
.donate-top input[type="text"] {
  width: 73%;
  padding: 12px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 2em;
  border: 1px solid #eee;
  outline: none;
  color: #999;
  float: right;
}
.donate-top p {
  font-size: 15px;
  font-weight: 400;
  width: 60%;
  margin: 10px 0px;
  color: #999;
}
.donate-top form {
  width: 89%;
 padding-top: 3em;
}
.login-form {
  background: #fff;
  padding: 1em 2em;
  width: 100%;
 margin: 27% auto 0;
 border:1px solid #eee;
}
.login-form form input[type="text"],.login-form form input[type="password"]{
  text-align:left;
  position: relative;
  width:99%;
  padding:3%;
  background:#F5F1F1;
  margin-bottom: 6%;
  color: #999;
  font-weight:400;
  font-size: 14px;
  outline: none;
  border: none;
  border:1px solid #DED6D6;
  -webkit-appearance:none;
}
.login-form  form input[type="text"]:hover, input[type="password"]:hover{
  border:1px solid#999;
  transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -o-transition:0.5s;
  -ms-transition: 0.5s;

}
.login-form form  input[type="submit"]{
  width: 99%;
  padding: 3%;
  margin-bottom: 8%;
  background:#E64B50;
  color: #ECECEC;
  font-size: 20px;
  outline: none;
  border: none;
  cursor: pointer;
  font-weight:500;
  transition: 0.5s;
  -webkit-appearance:none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.login-form form  input[type="submit"]:hover{
  background:#dbc65d;
  color:#fff;
}
.donate-top span {
  color: #555;
  font-size:0.9em;
  padding-bottom: 0.2em;
  display: block;
  float: left;
  text-transform: uppercase;
  margin-top: 11px;
}
.login-form p {
  text-align: center;
}
.login-form p a {
  color: #555;
}
.expaire select {
 width: 33.3%;
}
/*----about-------*/
.banner.two {
  background: url(../images/new/second-bg.jpg) no-repeat center top;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height: 200px;
}
.banner.two h2 {
  color: #fff;
  font-size: 4em;
  font-weight: 400;
  font-family: 'Playball', cursive;
  text-align: center;
  padding-top:0.8em;
}
.banner.two h6{
  color:#DBC65D;
  font-size:1em;
  text-align: center;
  padding-top:0.5em;
}
/*--error--*/
.error {
  padding:4em 0;
  position:relative;
}
#trianglePath5 {
  fill:#fff;
  stroke:#fff;
}
#trianglePath6 {
  fill:#eee;
  stroke:#eee;
}
.error-top {
  text-align: center;
  margin: 5em 0;
}
.error-top h3{
  font-size: 12em;
  font-weight: 400;
  margin: 0;
  color: #e64b50;
  font-family: 'Cinzel Decorative';
}
.error-top h3 span {
  font-size: 0.1em;
  color:#e64b50;
}
.error-top p{
  font-size:3em;
  font-weight: 400;
  color:#dbc65d;
  font-family: 'Cinzel Decorative';
}
.error-btn{
  margin-top:3em;
}
a.read.fourth{
  text-decoration: none;
  color: #fff;
  font-size: 0.9em;
  font-weight: 400;
  text-transform: uppercase;
  padding: 15px 0 0 3px;
  width: 153px;
  height: 42px;
  display: inline-block;
  margin: 0 auto;
  margin-top: 1em;
}
a.read.fourth:after {
  content: '';
  position: absolute;
  bottom: -9px;
  left: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 78px 0 78px;
  border-color:#CB373B transparent transparent transparent;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  border-color: #CB373B transparent transparent transparent;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}
a.read.fourth:hover{
 background:#CB373B;

}
/*--blog--*/
.grid_3{
  position:relative;
}
.blog-poast-admin {
  position: absolute;
 bottom: 9em;
 left: 1.2em;
}
.blog-poast-admin img {
  border-radius: 30em;
  -webkit-border-radius: 30em;
  -moz-border-radius: 30em;
  -o-border-radius: 30em;
  border: 3px solid #DBC65D;
}
.blog-poast-info {
  background:#dbc65d;
  padding: 0.8em 1em;
  text-align: center;
}
.blog-poast-info ul li {
  display:inline-table;
  margin-right: 1em;
}
.blog-poast-info ul li{
  color: #FFF;
  font-size:0.8125em;
}
.blog-poast-info ul li a {
  color: #FFF;
  text-transform: uppercase;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.blog-poast-info ul li a:hover{
  text-decoration:none;
}
.blog-poast-info ul li a:hover {
  text-decoration:underline;
}
.blog-section {
  padding: 4em 0;
  position: relative;
}
.blog-top {
  padding-top: 2em;
}
.blog-top.two {
  padding: 0;
}
i.admin {
  width: 20px;
  height: 20px;
 background: url(../images/new/img-sprite.png) no-repeat 0px 2px;
 float: left;
}
i.date {
  width: 20px;
  height: 20px;
  background: url(../images/new/img-sprite.png) no-repeat -23px 2px;
  float: left;
}
i.comment {
  width: 20px;
  height: 20px;
  background: url(../images/new/img-sprite.png) no-repeat -59px 2px;
  float: left;
}
.grid_3  h3  a,.grid_3  h3  {
  color: #40abe2;
  font-size:1.4em;
  font-weight: 400;
  text-transform: uppercase;
}
.grid_3 p {
  /*color: #555;*/
  color:#000;
  font-size: 0.9em;
  line-height:1.8em;
  margin-top: 3%;
}
.grid_3 h3{
  margin-bottom:1em;
}
.button {
  margin-top: 20px;
}
.button a {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  font-weight: 400;
}
a.read.trd {
  padding: 8px 20px 9px;
  font-size: 0.9em;
  line-height: 1em;
  text-shadow: none;
  background: #3281a2;
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
a.read.trd:after {
 content: '';
 position: absolute;
 bottom: -9px;
 left: -2px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 9px 60px 0 60px;
 border-color: #CB373B transparent transparent transparent;
 -webkit-transition: border-color 0.4s;
 -moz-transition: border-color 0.4s;
 -o-transition: border-color 0.4s;
 transition: border-color 0.4s;
 border-color:#40abe2 transparent transparent transparent;
 -webkit-transition: border-color 0.4s;
 -moz-transition: border-color 0.4s;
 -o-transition: border-color 0.4s;
 transition: border-color 0.4s;
}
.button a:hover{
  text-decoration:none;
  background:#3281a2;
}
.grid_3{
  margin-bottom:3em;
  padding-left: 0;
}
p.m_10 {
  font-size: 0.85em;
  color: #555;
  line-height: 1.8em;
  padding: 2% 0;
}
p.m_11 {
  font-size: 0.85em;
  color: #555;
  line-height: 1.8em;
}
.grid_3 a img {
  width: 100%;
}
.blog-pagenat {
  text-align: center;
  margin-top: 3em;
}
.blog-pagenat ul li {
  display: inline-block;
  list-style:none;
}
.blog-pagenat ul li a {
  display: block;
  background: #fff;
  padding: 8px 1.1em;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #e64b50;
  font-weight: 400;
  display: inline-block;
  margin-top: 1em;
  text-decoration: none;
  border: 1px solid #eee;
}
.blog-pagenat ul li a:hover {
  background:#dbc65d;
  color:#fff;
}
/*----single------*/
.blog-poast-admin.two {
  position: absolute;
  bottom: 14em;
  left: 1.2em;
}
.leave h4,h4.tz-title-4.tzcolor-blue {
  color: #E64B50;
  font-size: 3em;
  font-weight: 400;
  font-family: 'Playball', cursive;
}
.comment-box {
  padding: 2em 2em;
  border: 1px dashed #E64B50;
  text-align: center;
  margin-top:3em;
}
.comment-box h5 { 
 color:#E64B50;
 font-size: 1.3em;
}
#commentform label {
  display: block;
  font-size: 0.9em;
  color: #555;
  font-weight: 400;
  margin: 0.5em 0;
}
#commentform input[type="text"] {
  padding: 8px 15px;
  width: 100%;
  color: #444;
  font-size: 1em;
  border: 1px solid #eee;
  outline: none;
  display: block;
}
#commentform textarea {
  padding: 13px 20px;
  width: 100%;
  color: #444;
  font-size:0.85em;
  outline: none;
  height:150px;
  display: block;
  resize: none;
  font-weight:400;
  border: 1px solid #eee;
  background:none;
}
p.form-submit {
  margin: 2em 0;
}
#commentform input[type="submit"] {
  padding: 0.8em 3em;
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-appearance: none;
  background: #E64B50;
  outline: none;
  border: none;
}
#commentform input[type="submit"]:hover{
 background:#dbc65d;
}
span.m_14 {
  color: #DBC65D;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 0.9em;
}
.single_grid2 p {
  color: #555;
  font-size: 0.85em;
  line-height: 1.8em;
}
.title a{
  color: #E64B50;
  font-size: 1.2em;
  font-weight:400;
  text-transform:uppercase;
}
ul.list li {
  list-style: none;
}
ul.list {
  padding-top: 2em;
}
.preview img {
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  width: 80%;
}
h5.m_26 a{
  float:right;
  padding:7px 24px 7px;
  font-size: 0.9em;
  line-height: 1em
  text-shadow: none;
  background:#E64B50;
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  text-transform:uppercase;
}
h5.m_26 a:after{
  content: '';
  position: absolute;
  bottom: -7px;
  left: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 40px 0 47px;
  border-color:#CB373B transparent transparent transparent;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  border-color:#CB373B transparent transparent transparent;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}
h5.m_26 a:hover{
  background:#CB373B;
}
/*------contact-------*/
.contact {
  padding: 4em 0;
  position:relative;
}
.contact-top div input[type="text"],.contact-top div textarea {
  width: 100%;
  padding: 0.7em;
  margin: 0.4em 0 0;
  background: none;
  outline: none;
  border: 1px solid #BEBDBD;
  -webkit-appearance: none;
}
.contact-top p {
  font-size: 0.9em;
  color: #555;
  line-height: 1.5em;
  padding: 0.5em 0;
}
.con-text span {
  font-size: 0.9em;
  color: #555;
}
.contact-top div textarea {
  height: 200px;
  resize: none;
}
.con-text {
  margin-top: 0.5em;
}
.contact-top h3 {
 color: #dbc65d;
 font-size: 2em;
 font-weight: 400;
 font-family: 'Playball', cursive;
 padding-bottom: 0.5em;
}
.contact-top input[type="submit"] {
  background:#3281a2;
  color: #fff;
  font-size: 1.1em;
  border: none;
  width: 23%;
  outline: none;
  -webkit-appearance:none;
  font-weight: 600;
  padding: 0.7em 1em;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  margin-top: 1em;
}
.contact-top input[type="submit"]:hover {
  background: #3281a2;
}
.contact-hd h3 {
  color: #E64B50;
  font-size: 3em;
  font-weight: 400;
  font-family: 'Playball', cursive;
  padding-bottom: 0.5em;
}
.map iframe {
  width: 100%;
  min-height: 368px;
  border: none;
}
/*----- footer ----*/
.footer {
 background: #29292A;
 text-align:left;
}
.footer-grids h3{
  color: #fff;
  font-size:2em;
  font-weight: 400;
  font-family: 'Playball', cursive;
  margin:0.6em 0;
}
.footer-grids {
  padding-bottom: 3em;
}
.footer-grids p {
  font-size: 0.85em;
  color: #fff;
  line-height: 1.8em;
}
.footer-text {
  float: left;
}
.footer-info {
  float: right;
}
.flickr-grid {
  float: left;
  width: 32%;
  margin: 0 0.1em .2em;
}
.flickr-grid a img {
  width: 100%;
}
.support input[type="text"] {
  width: 67%;
  padding: 0.7em;
  outline: none;
  color: #000;
  font-size: 1em;
  background-color: #fff;
  border:none;
  -webkit-appearance:none;
}
.support input[type="submit"]{
 width: 30%;
 color: #FFF;
 font-size: 1em;
 background: #E64B50;
 border:none;
 outline: none;
 padding: 0.7em;
 webkit-appearance:none;
 outline:none;
}
.support input[type="submit"]:hover{
 background:#3281a2;
}
.support {
  margin-top: 2em;
}
.copy {
 text-align: center;
 background: #29292A;
 padding: 1em;
 border-top: 1px ridge rgba(11, 12, 16, 0.16); }
 .copy p {
  color: #fff;
  font-size: 0.9em;
}
.copy p a {
 color: #40abe2;
}
.copy p a:hover{
  text-decoration: underline;
}
.banner-grid.red.new-txt h3{
  font-size: 20px;
}
.pro_image {
  width: 100%;
}
/*----top-move------*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 40px;
  height: 22px;
  border: none;
  text-indent: 100%;
  background: url(../images/new/move-top.png) no-repeat 0px 0px;
}
/*--Responsive*--*/
@media (max-width:1440px){
  .banner {
   background: url(../images/new/1.jpg) no-repeat center top;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   min-height: 450px;;
   position: relative;
   background-repeat: no-repeat !important;
   background-size: 100% !important;
 }
 .banner-text {
   padding-top: 12em;
   width: 50%;
 }
 .events {
   padding: 10em 0 2em 0;
 }
 .banner.two {
   background: url(../images/new/second-bg.jpg) no-repeat center top;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   min-height: 176px;
 }
 .banner.two h2 {
   font-size: 4em;
   padding-top: 0.55em;
 }
 .grid_3 h3 a, .grid_3 h3 {
  font-size: 1.28em;
}
.expaire select {
  width: 33%;
}
}
@media (max-width:1366px){
  
}
@media (max-width:1280px){
  .banner {
   background: url(../images/new/1.jpg) no-repeat center top;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   min-height:300px;
   position: relative;
 }
 .banner-text {
   padding-top: 11em;
   width: 50%;
 }
 .top-menu ul li {
   margin: 0 16px;
 }
 .events h3,.welcome-top h3{
   font-size: 2.8em;
 }
 .footer {
  padding: 0 0 0 0;
}
.blog-poast-admin.two {
 bottom: 14em;
}
.donations {
 padding-top: 3em;
}
}
@media (max-width:1024px){
  .banner {
   background: url(../images/new/1.jpg) no-repeat center top;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   min-height: 458px;
   position: relative;
 }
 .banner-text {
   padding-top: 8em;
   width: 50%;
 }
 .banner-text h2 {
   font-size: 2.7em;
 }
 .nbs-flexisel-item {
   float: left;
   margin: 0px 3px;
 }
 .events h3, .welcome-top h3,.donate-top h3,.gallery-top h3 {
   font-size: 2.7em;
 }
 .team-grid h4 {
  font-size: 1.5em;
}
.support input[type="submit"] {
  width: 35%;
}
.support input[type="text"] {
  width: 63%;
}
.team {
  padding: 2em 0 0 
}
.team-grid {
 height: 471px;
 overflow: hidden;
 width: 229px;
 float: left;
 margin-right: 6px;
}
.banner-bottom {
 padding: 4em 0;
}
.welcome {
  padding: 2em 0;
}
.about {
 padding: 3em 0;
}
.blog-poast-admin {
 position: absolute;
 bottom: 11em;
 left: 0.5em;
 width: 14%;
}
.banner.two {
 background: url(../images/new/second-bg.jpg) no-repeat center top;
 background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 -ms-background-size: cover;
 min-height: 155px;
}
.banner.two h2 {
 font-size: 3em;
 padding-top: 0.85em;
}
.banner.two h6 {
 font-size: 0.9em;
}
.grid_3 h3 a, .grid_3 h3 {
 font-size: 1.1em;
}
.blog-section {
 padding: 3em 0;
}
.blog-poast-admin.two {
 bottom: 15em;
 width: 8%;
}
.map iframe {
  min-height: 328px;
}
.contact {
 padding:3em 0 3em 0;
}
.gallery {
 padding: 3em 0 2em 0;
}
.footer-grids {
 padding-bottom: 2em;
}
.support input[type="submit"] {
  width: 33%;
  font-size: 0.9em;
  padding: 0.86em
}
.family {
 padding: 1em 0em;
}
.donate-left h3 {
 font-size: 1.6em;
}
.login-form {
 background: #fff;
 padding: 1em 1em;
}
.expaire select {
 width: 32%;
}
}
@media (max-width:768px){
  .banner {
   background: url(../images/new/1.jpg) no-repeat center top;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   min-height: 376px;
   position: relative;
 }
 .banner-text {
   padding-top: 5em;
   width: 71%;
 }
 .banner-grid, .banner-grid.yellow {
  width: 220px;
  height: 220px;
  padding: 2em;
}
.banner-text h2 {
  font-size: 2.5em;
}
.banner-grid h3 {
 font-size: 1.6em;
}
.banner-grid p {
 margin: 0.7em 0 0.5em 0;
 font-size: 0.8em;
 overflow: hidden;
 height:80px;
}
.banner-bottom {
 padding: 3em 0;
}
a.read.two {
 padding: 6px 14px 6px;
 font-size: 0.9em;
}
a.read.two:after {
 bottom: -8px;
 left: -3px;
 border-width: 8px 49px 0 56px;
}
.nbs-flexisel-nav-right {
 left: -1%;
 background: url(../images/new/arrows.png) no-repeat 7px -0px;
 background-size: 168%;
}
.nbs-flexisel-nav-left {
 right: -2%;
 background: url(../images/new/arrows.png) no-repeat -32px -0px;
 background-size: 168%;
}
.welcome {
 padding: 2em 0 1em 0;
}
.welcome-top p {
  font-size: 0.85em;
}
.events h3, .welcome-top h3,.donate-top h3{
 font-size: 2.5em;
}
.sunday h5 {
 font-size: 1.1em;
}
.about-top-right, .upcoming, .team-grid, .footer-text, .contact-top {
 padding-left: 10px;
}
.events h3 {
 padding-bottom: 0em;
}
.events {
 padding: 8em 0 2em 0;
}
.team h3 {
 font-size: 2.7em;
}
.team-top {
 padding-top: 1.5em;
}
.team-grid p {
 font-size: 0.85em;
}
.team-grid:nth-child(4) {
 display: none;
}
.keep, .about-top-left, .footer-info {
 padding-right: 10px;
}
.welcome-top {
 width: 90%;
}
.footer {
  padding: 4em 0 0em 0;
}
.flickr-grid {
 float: left;
 width: 17%;
 margin: 0 0.1em .2em;
}
.footer-text {
 margin-bottom: 1em;
}
.support {
 margin-top: 1em;
}
.support input[type="submit"] {
 width: 19%;
 font-size: 0.9em;
 padding: 0.895em;
}
.banner.two {
 background: url(../images/new/second-bg.jpg) no-repeat center top;
 background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 -ms-background-size: cover;
 min-height: 114px;
}
.banner.two h2 {
 font-size: 3em;
 padding-top: 0.3em;
 }.about-top {
   padding-top: 1em;
 }
 .about-top-left img {
   width: 81%;
   margin-top: 2em;
 }
 .about-top-right h4 {
   font-size: 1em;
 }
 .chrty {
   padding: 1em;
   width: 32%;
   float: left;
   margin-right: 1%;
 }
 .chrt_grid {
   padding-left: 25px;
 }
 .chrty p {
   font-size: 0.85em;
 }
 .chrty h3 {
   font-size: 1.8em;
 }
 .about {
   padding: 2em 0;
 }
 .about-top-right p {
   font-size: 0.85em;
 }
 .error {
   padding: 2em 0;
 }
 .gallery-left {
   margin-bottom: 1em;
   padding: 0 8px;
   width: 33%;
   float: left;
 }
 .gallery {
   padding: 2em 0 2em 0;
 }
 .grid_3 {
   margin-bottom: 3em;
   padding-left: 0;
   width: 50%;
   float: left;
 }
 .blog-poast-admin {
   bottom: 13em;
   left: 0.5em;
   width: 14%;
 }
 .grid_3 p {
   font-size: 0.85em;
 }
 .blog-section {
   padding: 2em 0 1em 0;
 }
 .blog-poast-admin {
   position: absolute;
   bottom: 12.5em;
   left: 0.5em;
   width: 14%;
 }
 .support input[type="text"] {
   width: 67%;
   padding: 0.826em;
   font-size: 0.9em;
 }
 .charitys {
   padding-top: 1em;
 }
 .contact {
   padding: 2em 0 1em 0;
 }
 .grid_3.two {
   width: 100%;
 }
 .blog-poast-admin.two {
   bottom: 17.5em;
   width: 11%;
 }
 .leave h4, h4.tz-title-4.tzcolor-blue {
   font-size: 2.5em;
 }
 .blog-top {
   padding-top: 1em;
 }
 .preview {
   float: left;
   width:15%;
 }
 .preview img {
   width: 100%;
 }
 .data {
   float: right;
   width: 85%;
 }
 .title a {
   font-size: 1.3em;
 }
 span.m_14 {
   font-size: 0.9em;
 }
 .top-menu ul li {
  margin: 0 0px 10px 0;
}
.contact-top {
 margin-bottom: 2em;
}
.map {
 margin-top: 1em;
}
.logo a h1 {
 font-size: 2.5em;
}
.header-bottom {
 padding: 0.5em 0;
}
.footer-grids h3 {
 font-size: 2em;
 margin: 0.3em 0;
}
.gallery-left {
 margin-bottom: 0.3em;
 padding: 0 3px;
 width: 33%;
 float: left;
}
.read-more {
 margin-top: 1.1em;
}
select {
 width: 100%;
}
.donate-top input[type="text"] {
 width: 71%;
}
.cards {
  width: 75%;
}
.login-form {
  padding: 2em 2em;
  width: 99%;
  margin: 5% auto 0;
}
.login-form form input[type="text"], .login-form form input[type="password"] {
 text-align: left;
 width: 99%;
 padding: 2%;
 margin-bottom: 2%;
}
.login-form form input[type="submit"] {
 width: 99%;
 padding: 2%;
 margin-bottom: 3%;
}
.portfolio-bottom {
 padding-top: 0em;
}
.donate-top input[type="submit"] {
 margin-left: 25%;
}
.donate-top form {
 width: 100%;
 padding-top: 3em;
}
.expaire select {
 width: 32.5%;
}
.gallery-top {
  padding-top: 0em;
}
}
@media (max-width:640px){
  .banner {
   background: url(../images/new/1.jpg) no-repeat center top;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   min-height: 335px;
   position: relative;
 }
 .banner-text h2 {
   font-size: 2.2em;
 }
 .banner-text p {
   margin: 0.5em 0;
   font-size: 0.9em;
 }
 .banner-text {
   padding-top: 4em;
   width: 71%;
 }
 .banner-grid, .banner-grid.yellow {
   width: 260px;
   height: 260px;
   padding: 2em;
 }
 .welcome-top {
   width: 100%;
 }
 .events h3, .welcome-top h3,.donate-top h3,.leave h4, h4.tz-title-4.tzcolor-blue {
   font-size: 2.3em;
 }
 .team-grid:nth-child(4) {
   display:block;
 }
 .team-grid {
   height: 471px;
   overflow: hidden;
   width: 288px;
   float: left;
   margin-right: 6px;
 }
 .chrty {
   padding: 1em;
   width: 49%;
   float: left;
   margin-right: 1%;
 }
 .chrt_grid:nth-child(3) {
  display:none;
}
.error-top h3 {
  font-size: 10em;
}
.error-top p {
 font-size: 2.4em;
}
.error-btn {
 margin-top: 1em;
}
.grid_3 {
 margin-bottom: 2em;
 padding-left: 0;
 width: 100%;
 float: left;
}
.blog-poast-admin {
 position: absolute;
 bottom: 9em;
 left: 1.5em;
 width: 14%;
}
.blog-pagenat ul li a {
 padding: 8px 1em;
 font-size: 0.9em;
}
.grid_3 h3 {
 font-size: 1em;
 line-height: 1.7em;
}
.chrt_grid {
 padding-left: 5px;
}
.about-top-left img {
 width: 100%;
 margin-top: 1em;
}
.twenty h4 {
 font-size: 1.6em;
}
.team h3 {
 font-size: 2.5em;
}
.contact-top input[type="submit"] {
 font-size: 1em;
 width: 20%;
}
.map iframe {
 min-height: 263px;
}
.contact-top h3 {
 font-size: 2em;
 padding-bottom: 0em;
}
.title a {
 font-size: 1.2em;
}
.blog-poast-admin.two {
 bottom: 20.5em;
 width: 13%;
}
.expaire select {
 width: 31%;
}
select {
 width: 69.5%;
}
.donate-top input[type="text"] {
 margin-bottom: 1em;
}
.donations {
 padding-top: 2em;
}
.expaire select {
 width: 31.5%;
}
.donate-top span {
  font-size: 0.85em;
}
select {
 width: 100%;
 margin-top: 0.5em;
}
.gallery {
 padding: 2em 0 0em 0;
}
}
@media (max-width:480px){
  .chrty {
   padding: 1em;
   width: 49%;
   float: left;
   margin-right: 1%;
 }
 .chrty p {
   font-size: 0.83em;
 }
 .error-top h3 {
   font-size: 9em;
 }
 .team-grid {
   height: 360px;
   overflow: hidden;
   width: 197px;
   float: left;
   margin-right: 6px;
 }
 .error-top p {
   font-size: 2.2em;
 }
 .team-grid h4 {
   font-size: 1.2em;
 }
 .team-grid img {
   width: 100%;
 }
 .banner.two h2 {
   font-size: 2.5em;
   padding-top: 0.5em;
 }
 .blog-poast-admin {
   position: absolute;
   bottom: 11em;
   left: 0.5em;
   width: 12%;
 }
 .title a {
   font-size: 1.1em;
 }
 .contact-top input[type="submit"] {
   font-size: 1em;
   width: 25%;
   padding: 0.6em 1em;
 }
 .blog-poast-admin.two {
   bottom: 28em;
   width: 11%;
   left: 0.5em;
 }
 .single_grid2 p {
   font-size: 0.83em;
 }
 #commentform input[type="submit"] {
   padding: 0.6em 2em;
   color: #fff;
   font-size: 1em;
 }
 h5.m_26 {
   margin-top: 0.7em;
 }
 .banner-text {
   padding-top:3em;
   width:90%;
 }
 .banner-text h2 {
   font-size: 2em;
 }
 .banner-text h2 {
   font-size: 2em;
 }
 .banner-grid, .banner-grid.yellow {
   width: 210px;
   height: 210px;
   padding:1em;
 }
 .banner-bottom {
   padding: 2em 0;
 }
 .banner-grid h3 {
   font-size: 1.4em;
   margin-top:0.5em;
 }
 .welcome-top p {
   font-size: 0.83em;
 }
 .sunday h5 {
   font-size: 1em;
 }
 .footer-grids h3 {
   font-size: 1.6em;
 }
 .keep p {
   font-size: 0.9em;
   margin: 0.5em 0em;
 }
 .support input[type="submit"] {
   width: 25%;
   font-size: 0.9em;
   padding: 0.86em;
 }
 .blog-pagenat ul li a {
   padding: 3px 0.5em;
   font-size: 0.9em;
 }
 .portfolio-bottom {
   padding-top: 0em;
 }
 .read-more {
   margin-top: 1.2em;
 }
 .gallery-left {
   width: 50%;
   float: left;
 }
 .footer-grids p {
   font-size: 0.83em;
 }
 .contact-top h3 {
   font-size: 1.5em;
 }
 .contact-top div textarea {
   height: 120px;
 }
 .contact-top p {
   font-size: 0.85em;
   padding: 0.3em 0;
 }
 .banner {
   background: url(../images/new/1.jpg) no-repeat center top;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   min-height: 295px;
 }
 .banner-text p {
   margin: 0.5em 0;
   font-size: 0.85em;
 }
 .donate-top input[type="text"] {
   width: 96%;
 }
 .donate-top span {
   font-size: 0.85em;
   margin-top: 0px;
   margin-bottom: 0.5em;
 }
 .expaire select {
   width: 93.5%;
 }
 select {
   width: 94%;
   margin-top: 0.5em;
 }
 .donate-top input[type="submit"] {
   margin-left: 0;
   width: 29%;
 }
 .login-form {
   padding: 1em 2em;
   width: 99%;
   margin: 5% auto 0;
 }
 .login-form form input[type="text"], .login-form form input[type="password"] {
   text-align: left;
   width: 99%;
   padding: 3%;
 }
 .login-form form input[type="submit"] {
   width: 99%;
   padding: 3%;
   margin-bottom: 3%;
   font-size: 1em;
 }
 .donate-top form {
   padding-top: 1em;
 }
 .donate-top h3{
   font-size: 2em;
 }
}
@media (max-width:320px){
  .banner-text h2 {
   font-size: 1.4em;
 }
 .welcome-top h6 {
   font-size: 0.83em;
   margin: 0.3em 0;
 }
 .events h3, .welcome-top h3,.donate-top h3,.gallery-top h3 {
   font-size: 1.8em;
 }
 .sunday h5 {
  font-size: 0.9em;
}
.sunday p {
 font-size: 0.8em;
}
.twenty h4 {
 font-size: 1em;
}
.twenty p {
 font-size: 0.77em;
}
.welcome {
 padding: 1em 0 1em 0;
}
.team-grid {
 height: 360px;
 overflow: hidden;
 width: 197px;
 float: left;
 margin-right: 6px;
 padding: 0;
}
.about-top-right, .upcoming, .team-grid, .footer-text, .contact-top {
 padding: 0;
}
.keep, .about-top-left, .footer-info {
 padding: 0;
}
a.more {
 padding: 5px 9px 2px 10px;
 font-size: 0.75em;
}
a.more:after {
  bottom: -4px;
  left: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 30px 0 25px;
}
a.read {
 padding: 7px 15px 7px;
 font-size: 0.9em;
}
a.read:after {
  bottom: -9px;
  left: -2px;
  border-style: solid;
  border-width: 9px 53px 0 53px;
}
.banner-text p {
 margin: 0.5em 0;
 font-size: 0.8em;
}
.read-more {
 margin-top: 1em;
}
.banner {
  background: url(../images/new/1.jpg) no-repeat center top;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height: 210px;
}
.banner-text {
  padding-top: 1em;
  width: 90%;
}
.nbs-flexisel-item {
 float: left;
 margin: 0px 10em;
}
.banner-grid, .banner-grid.yellow {
 width:230px;
 height:230px;
 padding: 1em;
}
.banner-bottom {
 padding: 1em 0;
}
.banner-grid h3 {
 margin-top:0.6em;
}
.keep p {
 font-size: 0.83em;
 margin: 0.3em 0em;
}
.team {
 padding: 1em 0 0;
}
.team h3 {
 font-size: 1.9em;
}
.team-grid {
 height: 447px;
 overflow: hidden;
 width: 271px;
}
.team-grid h4 {
 font-size: 1.6em;
}
.team-grid p {
 font-size: 0.83em;
}
.support input[type="text"] {
 width: 60%;
 padding: 0.859em;
 font-size: 0.83em;
}
.copy p {
  font-size: 0.83em;
  line-height: 1.6em;
}
.support input[type="submit"] {
 width: 36%;
 font-size: 0.8em;
 padding: 0.9em;
}
.footer-grids {
  padding-bottom: 1em;
}
.copy {
 padding: 0.7em 0em;
}
.flickr-grid {
 float: left;
 width: 27%;
 margin: 0em 0.1em 0.2em 0.1em;
}
.logo a h1 {
 font-size: 2em;
}
span.menu {
 margin-top: 8px;
 background-size: 80%;
}
.header-bottom {
 padding: 0.4em 0;
}
.about-top-right h4 {
 font-size: 0.85em;
 line-height: 1.7em;
}
.about {
 padding: 1em 0;
 margin-top:0.5em;
}
.about-top {
 padding-top: 0em;
}
.about-top-left img {
 width: 100%;
 margin-top: 0.5em;
}
.chrt_grid {
 padding-left: 5px;
 padding: 0;
}
.chrty {
 padding: 1em;
 width: 100%;
 float: left;
 margin-right: 0;
 margin-bottom:2%;
}
.chrty h3 {
 font-size: 1.5em;
}
.chrt_grid:nth-child(3) {
  display:block;
}
.banner.two {
 background: url(../images/new/second-bg.jpg) no-repeat center top;
 background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 -ms-background-size: cover;
 min-height: 91px;
}
.banner.two h2 {
 font-size: 2em;
 padding-top: 0.4em;
}
.error-top h3 {
 font-size: 7em;
}
.error-top p {
 font-size: 1.5em;
}
a.read.fourth {
 font-size: 0.8em;
 padding: 14px 0 0 3px;
 width: 120px;
 height: 42px;
 margin-top: 0em;
}
a.read.fourth:after {
 bottom: -9px;
 left: -2px;
 border-width: 9px 62px 0 62px;
}
.footer-flickr {
 padding: 0;
}
.gallery-left {
 margin-bottom: 0.3em;
 padding: 0 3px;
 width: 50%;
 float: left;
}
.gallery {
 padding: 1em 0 1em 0;
}
.grid_3 {
 margin-bottom: 0.7em;
 padding: 0;
 width: 100%;
}
.blog-top {
 padding-top: 0em;
}
.blog-section {
 padding: 1em 0 1em 0;
}
.blog-poast-info ul li {
 display: inline-table;
 margin-right: 0.2em;
}
.blog-poast-info ul li a {
 font-size: 0.7em;
}
.blog-poast-info {
  padding: 0.4em 0.4em;
}
.blog-poast-admin {
 position: absolute;
 bottom: 13.3em;
 left: 0.5em;
 width: 14%;
}
.grid_3 p {
 font-size: 0.83em;
}
a.read.trd {
 padding: 8px 15px 8px;
 font-size: 0.8em;
 margin-bottom:0.7em;
 display: inline-block;
}
a.read.trd:after {
 bottom: -8px;
 left: -2px;
 border-width: 8px 52px 0 52px;
}
.grid_3 h3 a, .grid_3 h3 {
  font-size: 1.2em;
  margin-top: 0.6em;
}
.blog-pagenat ul li a {
 padding: 3px 0.3em;
 font-size: 0.7em;
}
.blog-pagenat {
 margin-top: 0em;
}
.grid_3 h3 {
 font-size:0.9em;
 line-height:1.5em;
}
.leave h4, h4.tz-title-4.tzcolor-blue {
 font-size: 1.8em;
}
.blog-poast-admin.two {
  bottom: 39.5em;
  width: 13%;
  left: 0.5em;
}
.preview {
 float: left;
 width: 42%;
 padding:0
}
.data {
 float: right;
 width: 100%;
 margin-top: 1em;
 padding:0;
}
.contact {
 padding: 1em 0 1em 0;
}
.contact-top div input[type="text"], .contact-top div textarea {
 width: 100%;
 padding: 0.4em;
 margin: 0.3em 0 0;
}
.contact-top input[type="submit"] {
 font-size: 1em;
 width: 34%;
 padding: 0.5em 1em;
}
.contact-top {
 margin-bottom:1.2em;
}
.contact-top p {
 font-size: 0.83em;
 padding: 0.3em 0;
}
.map iframe {
 min-height: 150px;
}
.contact-top h3 {
 font-size: 1.3em;
}
.banner.two h6 {
 font-size: 0.83em;

}
.events {
 padding: 4em 0 1em 0;
}
svg#bigTriangleShadow {
 height: 42px;
}
.footer {
 padding: 3em 0 0em 0;
}
.family {
 padding: 0.4em 0em;
}
.event-grids h3 {
 margin-bottom: 0.3em;
}
.keep {
 margin-top:1em;
}
.footer-grids h3 {
 font-size: 1.6em;
 margin: 0.6em 0 0.2em 0;
}
.button {
 margin-top: 0.4em;
}
.about-top-right p {
 font-size: 0.83em;
 margin-top: 0.1em;
}
h3.info {
 font-size: 1.85em;
}
.top-menu ul li {
  margin: 0 0px 7px 0;
}
.donate-top input[type="text"] {
 width: 55%;
}
.donate-right {
 padding: 0;
}
.expaire select {
 width: 21%;
 font-size: 0.9em;
}
.donate-top input[type="text"] {
 width: 96%;
 margin-top: 0.5em;
}
.donations {
 padding-top: 1em;
}
.donate-top form {
 width: 100%;
 padding-top: 1em;
}
.donate-left {
 padding: 0;
}
.donate-left h3 {
 font-size: 1.5em;
 line-height: 1.4em;
}
.donate-top input[type="text"] {
  width: 96%;
  margin-top: 0em;
}
.expaire select {
 width: 90%;
 font-size: 0.9em;
}
.cards {
 width: 100%;
 margin-bottom: 1em;
}
select {
 width: 90%;
 margin-top: 0.5em;
}
.login-form {
 padding: 0.5em 0.5em;
 width: 99%;
 margin: 5% auto 0;
}
.donate-left h3 {
 font-size: 1.5em;
 line-height: 1.4em;
 margin: 0px 0px 8px 0;
}
.login-form p a {
 font-size: 0.83em;
}
.donate-top input[type="submit"] {
 margin-left: 0;
 width: 96%;
 padding: 0.6em;
}
.donate-top h3 {
 font-size: 1.5em;
}
}

#language{color: #3281a2; background-color: #FFFFFF; position: relative; z-index: 99999;}

/*---new css start---*/
.footer-all{margin:0; padding:0; position:static;

}
.footer-main{margin:0; padding:0; 
  position:static;
  right: 0;
  bottom: 0;
  left: 0;
  }

.footer-main .container{width:90%;}

.footercon{width: 90%; margin-left: 5%; font-size: 14px; color: #ff0000; padding:0 20px 10px 20px;}
.container.footer{margin-top:0 !important; padding: 0;}
.main-div{margin:50px 0;}


@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
#language {margin-top: 10px;}
.logo {margin-top: -12px;}  
}
@media (min-width: 600px) and (max-width: 767px) {
.carousel-inner img{height:100% !important;}
.about {padding:50px 0 100px 0;}
.logo {margin-top: -12px;}  

  }
@media (max-width: 599px) {
.carousel-inner img{height:100% !important;}  
.about {padding:50px 0 100px 0;}
.logo {margin-top: -12px;}  
.lag-txt {
    width: 110px;
    margin-right: 23px;
    color: #fff;
    margin-top: 10px;
}
  }