@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|PT+Sans:400,700|Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
.robot{font-family: 'Roboto Condensed', sans-serif;}
.pt{font-family: 'PT Sans', sans-serif;}
.opensans{font-family: 'Open Sans Condensed', sans-serif;}
.opensans1{font-family: 'Open Sans', sans-serif;}
.w100{ font-weight:100}
.w300{ font-weight:300}
.w400{ font-weight:400}
.w500{ font-weight:500}
.w600{ font-weight:600}
.w700{ font-weight:700}
.w800{ font-weight:800}
.w900{ font-weight:900}
.div50{margin:50px auto;}
.leftside{text-align:right}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	width: auto;
}
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
a {
    -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;
			margin:0px;
}
.speak{text-align:center; background-color:#f6f6f6; border:solid 1px #eee}
.speak h3{ font-size:35px; letter-spacing:0px; color:#000;}
.speak p{ font-size:18px; padding:20px;}
.speak .title{ font-size:25px;}
.speak .subtitle{ font-size:14px;}
a, a:hover, a:focus, .btn:focus {
    text-decoration: none;
    outline: none;
}
h1,h2,h3,h4,h5,h6,ul{padding:0px; margin:20px;}
body{background-color:#fff}
.row{
	margin: auto
}
.sep{margin:20px 47%; height:3px; background-color:#c80910;}
.sep2{margin:5px 25%; height:1px; background-color:#c80910;}
.footersep{margin:10px 30%; height:1px; background-color:#999;}
.topborder{border-top:dotted 1px #ccc;}
.section{padding:100px 0px;}
.section1{padding:50px 0px;}
.section .row{margin:0px}
.paddingtop15{padding-top:15px;}
.paddingtop30{padding-top:30px;}
.padding15{padding:15px;}
.marginleft10{margin-left:15px}
.paddingLR15{padding:0px 15px;}
.padding10{padding:10px}
.nopadding{padding:0px}
.nopaddingleft{ padding-left:0px;}
.padding80{padding:80px}
.padding20x30{padding:40px 20px;}
.padding80x30{padding:40px 80px;}
.padding80top{padding:80px 0px;}
.marginbottom20{margin-bottom:40px;}
.color1{background-color:#fff;}
.color1sub{background-color:#009A38;}
.color3{background-color:#1e1e1e}
.color2{background-color:#13f01f;}
div.text{font-size:16px; text-align: justify}
.text{font-size:16px; text-align:justify; color:#474747; line-height:1.5}
.f18{font-size:18px;}
.f20{font-size:20px;}
.whiteback{background-color:#fff;}
.mixwhite{background-color:#F6F5F3}
.bottomRadius10{ border-radius:0px 0px 10px 10px;}
.box{margin-bottom:15px;-webkit-box-shadow:  0 5px 10px -6px #000;
     -moz-box-shadow: 0 5px 10px -6px #000;
          box-shadow: 0 5px 10px -6px #000; background-color:#FFF;}
.box .detail{padding:8px 15px; height:60px; overflow:hidden}
.box .detail .title{font-size:16px;}

h2{ font-size:35px; color:#000; margin:0px;  padding:7px 0px}
h1{font-size:25px; padding-bottom:10px;}
h1.title{padding:5px 0px 0px; font-size:50px;letter-spacing:0px; color:#140b05}
h3.title{margin-bottom:5px;}

ul{margin:0px; padding:0px}
.topline{background-color:#fff; padding:4px 0px;}
.topline li{display:inline-block; color:#1d1d1d; font-size:16px; }
.topline li span{margin-right:5px; color:#333; padding-right:5px;}
.topicon .icons{height:30px;
    width: 30px; 
 color:#333;
    text-align: center; 
    display:table-cell; /* to show text in the center of a box */
    vertical-align:middle; border:solid 2px #333;}

.logo{}

.statitem .count{font-size:45px; color:#000}
.statitem .title{font-size:18px; color:#000;}

.service{}
p.hsubtitle{text-transform:none; font-size:18px; margin-bottom:20px; font-weight:400}
.imcenter{    text-align: center; color:#000; background-color:#FFF; border-bottom:solid 1px #eee;border-right:solid 1px #eee}
.imcenter img{}
.imcenter p{font-size:16px; color:#333; margin:0px; }
.imcenter h2{ font-size:35px; color:#0055aa; margin:0px; letter-spacing:0px; padding:0px 0px; text-transform:uppercase}
.imcenter .col-sm-3{ padding:15px;}
.imcenter .col-sm-9{ padding:15px; text-align:left; }	

.imglist .box{position:relative; text-align:center; background-color:#000; color:#FFF}
.tempfullimg{max-width:350px; float:left; margin-right:15px; margin-bottom:15px;}
/* The sticky */
@media (min-width: 768px) {
.affix{left:295.5px;}
.leftside{float:right}
.imglist .box img{
	-webkit-transition: -webkit-transform 0.35s;
	transition:  transform 0.35s;
	-webkit-transform: scale(.90);
	transform: scale(.90);
}
.imglist .box:hover img{
	-webkit-transform: scale(1);
	transform: scale(1);}
}
@media (max-width: 767px) {
    .affix {
        position: relative;
    }
	.statitem .count{font-size:25px; color:#000;}
.statitem .title{font-size:14px; color:#000; margin-bottom:15px;}
h1.title{font-size:20px}
h1.title:before, h1.title:after {
  border-bottom:  none;
}
h1.title:after {
}
.logo .col-sm-9{text-align:justify}
.mmartop{margin-top:15px;}
p.hsubtitle{font-size:14px; }

}

#sidebar-wrapper{background-color:#b8b1b1}
.nav1{ width:100%;margin-top:15px; }
.nav1 ul{padding:0px; margin:0px}
.nav1 ul li{display:block; width:100%; color:#FFF;}
.nav1 ul li b{padding-left:8px; text-transform:uppercase;}
.nav1 ul li a{display:block; padding:7px 8px; font-size:16px; text-transform:capitalize;    -webkit-transition: all 0.1s ease-out 0s;
       -moz-transition: all 0.1s ease-out 0s;
        -ms-transition: all 0.1s ease-out 0s;
         -o-transition: all 0.1s ease-out 0s;
            transition: all 0.1	s ease-out 0s; color:#000;

}
.nav1 ul li a:hover{background-color:#0055aa; color:#FFF}
.bitem{background-color:#b8b1b1; margin:15px; padding:20px; font-size:15px;
height:250px;  overflow:hidden;
text-align:center; max-height:240px;

}
.bitem .subtitle{margin-top:10px; }

.vid div{padding:15px;}
.vid h4{padding:5px 0px}
p.subtitle{font-size:20px}


.fot{background-color:#000; padding:20px 0px; margin-top:15px;}
.fot .title{color:#f8c200; font-size:18px; letter-spacing:0px;}
.fot ul{padding:0px; margin:0px; margin-top:15px;}
.fot li{display:block; list-style-type:none}
.fot li a{display:block; color:#ccc; font-size:16px; text-decoration:none;padding:1px 0px; letter-spacing:0px;
}
.fot li a:hover{color:#f8c200;}


.fot1{ padding:20px 0px; background-color:#1e1e1e; color:#ccc;}
.fot1 ul{padding:0px; margin:0px;}
.fot1 li{display:inline-block; list-style-type:none}
.fot1 li a{display:inline-block;  color:#999;font-size:16px; text-decoration:none;padding:0px 10px;}
.fot1 li a:hover{color:#f8c200;}


.socialicons{ margin-bottom:20px;}
.socialicons li{ display:inline-block; padding:0px;}
.socialicons li a{color:#fff; padding:0px 10px; }
.socialicons .icons{
	 font-size:30px;
}
.sitemap{ padding:0px; margin:0px; position:relative; overflow:hidden;}
.sitemapoverlay{background-color:#000; opacity:0.5; position:absolute; top:0px; height:100%; width:100%; z-index:101;z-index:99;}

.sitemaptext{position:relative; padding:10px 25px; z-index:100;  text-align:left;}
.sitemap h5{color:#FFF; font-size:35px; padding-bottom:5px;}
.sitemap li{ display:inline-block;}
.sitemap li a{color:#000; padding:0px 5px;font-size:18px;font-family: 'PT Sans', sans-serif; font-weight:400}
.sitemap li:first-child a{padding-left:0px}
.sitemap li a:hover{ color:#666}
.sitemap li:after {
    content: "//"; color:#000;
}
.sitemap li:last-child:after {
    content: "";
}

input,select{border-radius:0px;}

.grid {
	position: relative;


	list-style: none;
	text-align: center;
}
/* Common style */
.grid figure {
	position: relative;
	
	overflow: hidden;
	margin: 15px 0px;	
	max-height: 300px;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em; text-shadow: 2px 2px 8px #000;
	font-weight: 700; text-transform:none; font-size:30px;
	color:#FFF;font-family: 'Roboto Slab', serif;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	font-family: 'PT Sans', sans-serif; text-transform:none;
	font-size: 80.5%;
}
/*---------------*/
/***** Chico *****/
/*---------------*/
.imgscale{
	-webkit-transition: -webkit-transform 0.35s;
	transition:  transform 0.35s;
	-webkit-transform: scale(.98);
	transform: scale(.98);
}
.imgscale:hover{-webkit-transform: scale(1.2);
	transform: scale(1.2);}
.imgsizefix300{	
	height:300px; width:100%;
}

.imgsizefix{	
	height:250px; width:100%;
}
.imgsize150{
	height:100px;
	width:32%; background-color:#FFF;
	margin-bottom:5px;-webkit-box-shadow:  0 5px 10px -6px #000;
     -moz-box-shadow: 0 5px 10px -6px #000; opacity:0.8;
          box-shadow: 0 5px 10px -6px #000;-webkit-transition: -webkit-transform 0.35s;
	transition:  transform 0.35s;
	-webkit-transform: scale(.98);
	transform: scale(.98);
}
.imgsize150:hover{-webkit-transform: scale(1.1);opacity:1;
	transform: scale(1.1);}
.imgsize{
	height:300px;
	width:100%;
}
.fill {
  object-fit: fill;
  /**
    * This is the default behaviour.
    * The image is forced to fill the whole box, 
    * the aspect ratio is ignored. 
    **/
}
.contain {
  object-fit: contain;
  /**
    * The whole image will be displayed in the box 
    * and scaled down or expanded if necessary.
    * The aspect ratio is maintained. 
    **/
}
.cover {
  object-fit: cover;
  /**
    * The whole image is scaled down or expanded till 
    * it fills the box completely, the aspect ratio is 
    * maintained. This normally results in only part of
    * the image being visible. 
    **/
}
.none {
  object-fit: none;
  /**
    * The image keeps it's original size. 
    * This may result in not filling the box 
    * completely or sticking out of it. 
    **/
}
.scale-down {
  object-fit: scale-down;
  /**
    * The result of 'none' and 'contain' is compared
    * and the smaller concrete object is displayed. 
   **/
}
figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 1em;
}
figure.effect-chico figcaption::before {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 100%;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


figure.effect-bubba {
	background: #1d1d1d;	
}

figure.effect-bubba img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.05);
	transform: translate3d(-30px,0,0) scale(1.05);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-bubba:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


@media screen and (max-width: 50em) {
	.imcenter{ 
background-color:#FFF; padding:20px;
    text-align: center; 

}

	.imgsize{
	height:160px;
	width:100%;
}
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 15px 0px 0px;
		width: 100%;
	}
.toparea{text-align:center; padding-top:0px;}
	.toparea .donatenow{padding:5px 8px; font-size:12px;}
	.toparea .joinnow{padding:5px 8px; font-size:12px;}

.callus{text-align:center; font-size:12px; padding:3px 0px 3px 10px; color:#fff; background:url('../../parvaah.soft2creative.com/d6/img/bgd.png') repeat; margin-top:5px;}
.sbtn{ font-size:14px; padding:15px 0px; text-align:center}
.nav1 ul li a{ font-size:12px}
}


@media(max-width:680px)   
  {
	  .toparea{text-align:center; padding-top:0px;}
.col{text-align:center	  }
	#logo{width:100px}
#b1 .caption{position:relative;width:100%; text-align:center;padding:15px 20px;}
#b1 .caption .des{width:100%; font-size:16px;}
	#cssmenu{margin-top:0px;}
	#menu-button{padding-top:10px}
  }
@media(max-width:480px)   
  {
	  .toparea{text-align:center; padding-top:0px;}
	  .col{ text-align:center}
	#logo{width:100px}
	.searchbox .fa-angle-down{padding-left:0px;}
	h2{ font-size:25px;}
	.ptags li b,.ptags li a{font-size:14px;font-family: 'PT Sans', sans-serif; font-weight:400}
	#cssmenu{margin-top:0px;}
	.owl-prev,.owl-next{display:none}
		#menu-button{padding-top:10px}
}