/*--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

html, body{

    font-size: 100%;

	background:	#fff;

	font-family: 'Open Sans', sans-serif !important;

}

p{

	margin:0;

}

ul{

	margin:0;

	padding:0;

}

body a:hover{

	text-decoration:none;

}

/*-- banner --*/

.banner{

	background:url(../images/banner.jpg) no-repeat 0px 0px;

	background-size:cover;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-o-background-size:cover;

	-ms-background-size:cover;

	min-height:800px;

}

.banner1{

	background:url(../images/banner.jpg) no-repeat 0px 0px;

	background-size:cover;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-o-background-size:cover;

	-ms-background-size:cover;

	min-height:300px;

}

.logo{

	float:left;

}

.top-nav{

	float:right;

}

span.menu{

	display:none;

}

.logo a{

	padding:1em;

	font-size:2em;

	color:#fff;

	background:#4a2125;

	text-decoration:none;

	font-family: 'Archivo Narrow', sans-serif;

	display: block;

}

.logo a i{

	font-size:1em;

	color:#fff;

	left: -11px;

}

.logo a span{

	display: block;

    font-size: 14px;

    text-align: center;

}

.top-nav ul{

	padding:2.5em 0 0;

}

.top-nav ul li{

	display:inline-block;

}

.top-nav ul li a{

	font-size: 17px;

    color: #FFFFFF;

    text-decoration: none;

    font-family: 'Archivo Narrow', sans-serif;

    padding: 10px 20px;

    border: 1px solid #4a2125;

    border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

	-ms-border-radius: 10px;

	transition:.5s all;

	-webkit-transition:.5s all;

	-moz-transition:.5s all;

	-o-transition:.5s all;

	-ms-transition:.5s all;

	background-color: #999999;

}

.top-nav ul li a:hover{

	border: 1px solid #4a2125;

    border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

	-ms-border-radius: 10px;

	color: #4a2125;

	background:none;

	background-color: #cccccc;

}

.top-nav ul li.active a{

	border: 1px solid #4a2125;

    border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

	-ms-border-radius: 10px;

	color: #4a2125;

	background-color: #999999;

}

/*-- //banner --*/



/*-- welcome --*/

.welcome,.contact,.donate,.gallery,.donate{

	padding:5em 0;

}

.welcome h3,.donate h3,.services h3,.contact h3,h3.title,.gallery h3{

	font-size: 2em;

    color:#4a2125;

	text-align: center;

    font-family: 'Archivo Narrow', sans-serif;

    margin: 0 0 .5em;

}

p.et{

	font-size: 14px;

    color: #000000;

    margin:0 auto 0;

    line-height: 1.8em;

    width: 70%;

    text-align: center;

}

/*-- //welcome --*/

/*-- footer --*/

.footer{

	padding:3em 0;

	background:#454444;

}

.footer-grid h3{

	font-size:22px;

	color:#fff;

	text-transform:capitalize;

	font-family: 'Archivo Narrow', sans-serif;

	margin:0 0 1.5em;

}

.footer-grid ul,.footer-grds ul{

	padding:0;

	margin:0;

}

.footer-grid ul li{

	list-style-type:none;

	margin:10px 0px;

}

.footer-grid ul li a,.footer-grds ul li a{

	font-size:14px;

	color:#A6A0A0;

	text-decoration:none;

	text-transform: capitalize;

}

.footer-grid ul li a:hover,.footer-grds ul li a:hover{

	color:#FDFCFC;

	text-decoration:none;

}

.footer-grids {

  padding-bottom: 2em;

  border-bottom: 1px solid #A6A0A0;

}

.footer-grds{

	padding-top:2em;

}

.footer-grds ul li{

	display:inline-block;

	margin-right:10px;

}

.footer-grds p{

	color:#fff;

	font-size:14px;

	margin:.5em 0 0;

	font-family: 'Archivo Narrow', sans-serif;

}

.footer-grds p a{

	color:#fff;

	text-decoration:none;

}

.footer-grds p a:hover{

	color:#4a2125;

}

.footer-grds-left{

	float:left;

}

/*-- //footer --*/

/*-- contact --*/

.map iframe{

	width:100%;

	min-height:400px;

}

/*-- //contact --*/

/*--Typography--*/

.tab-content > .active {

  display: block;

  visibility: visible;

}

section#tables  p {

 margin-top: 1em;

}

.tab-container .tab-content {

  border-radius: 0 2px 2px 2px;

  border: 1px solid #e0e0e0;

  padding: 16px;

  background-color: #ffffff;

}

.tab-content > .active {

  display: block;

  visibility: visible;

}

.nav-tabs {

  margin-bottom: 1em;

}

h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {

line-height:1.8em;

  margin-top:0.5em;

  margin-bottom: 0.5em;

}

ol {

  margin-bottom: 44px;

}

h2.typoh2{

    margin: 0 0 10px;

}

@media (max-width:640px){

	h1, .h1, h2, .h2, h3, .h3 {

		margin-top: 0px;

		margin-bottom: 0px;

	}

	h3.hdg, h3.bars {

		margin-bottom: .5em;

	}

	.well {

		font-size: 14px;

		margin-bottom: 10px;

	}

	h2.typoh2 {

		font-size: 1.5em;

	}

}

@media (max-width:480px){

	.table h1 {

		font-size: 26px;

	}

	.table h2 {

		font-size: 23px;

	}

	.table h3 {

		font-size: 20px;

	}

}

@media (max-width: 320px){

	h3.title {

		font-size: 1.6em;

	}

	.nav > li > a {

		font-size: 14px;

	}

	table.table.table-striped,.table-bordered,.bs-docs-example {

		display: none;

	}

}

/*--//Typography --*/

/*-- gallery --*/

.gallery-grids{

	margin:2em 0 0;

}

.gallery-grid1 img{

	padding:.5em;

	border:1px dotted #4a2125;

}

.da-thumbs {

	list-style: none;

	position: relative;

	margin: 0;

	padding: 0;

}

.da-thumbs li {

  float: left;

  margin: 0.4%;

   padding: 8px;

  position: relative;

   width: 32.4%;

}

.da-thumbs li a,

.da-thumbs li a img {

  display: block;

  position: relative;

  width: 100%;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a div {

  position: absolute;

  background:rgba(242, 111, 98, 0.8);

  width: 100%;

  height: 100%;

}

.da-thumbs li a div span {

  display: block;

  padding: 10px 0;

  margin: 11px 20px 20px 20px;

  font-weight: normal;

  text-transform: capitalize;

  color: rgba(255,255,255,0.9);

  text-align: center;

  font-size: 1.1em;

  font-family: 'Archivo Narrow', sans-serif;

}

.da-thumbs li a div  h5 {

  color: #FFF;

  font-size: 1.5em;

  margin: 3.5em 0 0 0;

	font-family: 'Archivo Narrow', sans-serif;

  text-align: center;

  text-transform: capitalize;

}

/*-- //gallery --*/

/*-- news --*/

.recent{

	margin:4em 0;

	}

.wom{

	float:left;

	width:25%;

	margin-top: 0.6em;

	}

.wom img{

	width:100%;

	}

.recent-grid:nth-child(2){

	margin:2em 0;

	}

/*-- //news --*/

/*-- single --*/

.media-left a img {

  width: initial;

}

.thumbnail {

  padding: 8px !important;

}

.btn-primary {

  border-color: #fff !important;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {

  border-color: #FFF !important;

   background-color:#c6c5c0 !important;

}

/*-- //single --*/

/*-- start-responsive-design --*/

@media (max-width:1280px){

	.banner {

		min-height: 710px;

	}

	.welcome, .donate, .services, .gallery, .contact {

		padding: 4em 0;

	}

}

@media (max-width: 1024px){

	.banner {

		min-height: 625px;

	}

	p.et {

		width: 80%;

	}

	.about {

		padding: 2em 0 !important;

	}

	.banner1 {

		min-height: 245px;

	}

	.da-thumbs li a div h5 {

		margin: 2em 0 0 0;

	}

	.da-thumbs li a div span {

		font-size: 1em;

	}

}

@media (max-width:768px){

	.top-nav ul li a {

		font-size: 16px;

		padding: 7px 13px;

	}

	.logo a {

		font-size: 1.8em;

	}

	.more a {

		width: 45%;

	}

	.banner {

		background: url(../images/banner.jpg) no-repeat -110px 0px;

		background-size: cover;

		-webkit-background-size: cover;

		-moz-background-size: cover;

		-o-background-size: cover;

		-ms-background-size: cover;

		min-height: 513px;

	}

	.welcome, .donate, .services, .gallery, .contact {

		padding: 3em 0;

	}

	p.et {

		width: 100%;

	}

	.footer-grid {

		float: left;

		width: 50%;

	}

	.footer-grid:nth-child(2) {

		margin: 0 0 11em;

	}

	.wom-right {

		margin: 4em 0 0;

	}

	.da-thumbs li a div h5 {

		margin: 1em 0 0 0;

	}

	.map iframe {

		min-height: 300px;

	}

}

@media (max-width:640px){

	.logo a {

		font-size: 1.6em;

	}

	.more a {

		width: 55%;

	}

	.top-nav ul li a {

		font-size: 15px;

		padding: 6px 11px;

	}

	.logo a i {

		font-size: .8em;

		left: -5px;

	}

	.banner {

		background: url(../images/banner.jpg) no-repeat -240px 0px;

		background-size: cover;

		-webkit-background-size: cover;

		-moz-background-size: cover;

		-o-background-size: cover;

		-ms-background-size: cover;

		min-height: 500px;

	}

	.welcome h3, .donate h3, .services h3, .gallery h3, .contact h3, h3.title {

		font-size: 1.6em;

	}

	.about {

		padding: 0em 0 1em !important;

	}

	.banner1 {

		min-height: 200px;

	}

	.recent {

		margin: 2em 0;

	}

	.p {

		height: 20px !important;

		margin-bottom: 20px !important;

	}

	.da-thumbs li a div h5 {

		font-size: 1.3em;

	}

	.da-thumbs li a div span {

		padding: 10px 0;

		margin: 0px 5px 20px 5px;

		font-size:14px;

	}

}

@media (max-width: 568px){

	.top-nav ul li a {

		font-size: 14px;

		padding: 5px 9px;

	}

	.logo a {

		padding: .8em;

	}

}

@media (max-width:480px){

	/*-- menu --*/

	span.menu {

		display: block;

		cursor: pointer;

		width: 100%;

		position: relative;

		text-align: right;

		margin:2em 0 0;

	}

	.top-nav ul {

		position: absolute;

		padding: 0;

		margin: 13px 0 0;

		left: 2%;

		width: 96%;

		z-index: 999;

	}

	ul.nav {

		display: none;

		background:#4a2125;

		margin-top: 2em;

		padding: 1em 0;

	}

	.top-nav ul.nav li {

		display: inline-block;

		margin: 0;

		width: 100%;

		padding:.7em 1em;

		text-align: center;

	}

	/*-- //menu --*/

	.top-nav ul li.active a,.top-nav ul li a:hover {

		border: 1px solid #000000;

		color:#000000;

	}

	.banner {

		background: url(../images/banner.jpg) no-repeat -370px 0px;

		background-size: cover;

		-webkit-background-size: cover;

		-moz-background-size: cover;

		-o-background-size: cover;

		-ms-background-size: cover;

		min-height: 595px;

	}

	.welcome, .donate, .services, .gallery, .contact {

		padding: 2em 0;

	}

	.footer-grds-left {

		float: none;

		text-align: center;

		margin: 0 0 1em;

	}

	.footer-grds {

		padding-top: 1.5em;

	}

	.footer {

		padding: 2em 0 1em;

	}

	.banner1 {

		min-height: 155px;

	}

	.wom-right {

		margin:0;

	}

	.da-thumbs li {

		float: none;

		margin: 0.4% auto 0;

		width: 80%;

	}

	.da-thumbs li a div h5 {

		margin: 3em 0 0 0;

	}

	.da-thumbs li a div span {

		padding: 10px 10px;

	}

	.map iframe {

		min-height: 190px;

	}

	.media-left a img {

		width: 100%;

	}

}

@media (max-width:320px){

	.logo a {

		padding: .5em .7em;

		font-size: 1.4em;

	}

	.logo a span {

		font-size: 11px;

	}

	span.menu {

		margin: 1em 0 0;

	}

	ul.nav {

		margin-top: 1em;

	}

	.top-nav ul.nav li {

		padding: .5em 1em;

	}

	.top-nav ul li a,p.et {

		font-size: 13px;

	}

	.recent-grid:nth-child(2) {

		margin: 1em 0;

	}

	.p {

		height: 18px !important;

		margin-bottom: 15px !important;

	}

	.banner {

		min-height: 410px;

	}

	.welcome h3, .donate h3, .services h3, .gallery h3, .contact h3, h3.title {

		font-size: 1.4em;

	}

	.footer-grds p,.footer-grid ul li a, .footer-grds ul li a {

		font-size: 13px;

	}

	.footer-grds {

		padding-top: 1em;

	}

	.banner1 {

		min-height: 110px;

	}

	.da-thumbs li {

		width: 100%;

	}

	.da-thumbs li a div h5 {

		margin: 2em 0 0 0;

	}

	.da-thumbs li a div span,.contact-grid-right p {

		font-size: 13px;

	}

}