/*
 Table Of Contents
 1) @fontface
 2) General Text Formatting and Typography
 3) Site Wide Content
 	3.1) General Style
 	3.2) Sprite Icon
 	3.3) Botton Style
 	3.4) Img Thumb
 	3.5) Table Style
 	3.6) Tab Style
 	3.7) Accordion Style
 	3.8) Notification Style
 	3.9) List Style
 	3.10) Blockquote Style
 	3.11) Progress Style
 	3.12) Breadcrumb Banner Section
 	3.13) Global Animations Style
 	3.14) Side Nav Style
 	3.15) pagiantion Style
 4) Header Styles
 	4.1) Header First
 	4.2) Header Second
 	4.3) Header Third

 4) Menu Styling
	 5.1) Footer first
	 5.2) Footer Second
	 5.3) Footer Third
 6) Footer Styles
	 5.1) Footer first
	 5.2) Footer Second
	 5.3) Footer Third
 ===============================================*/

/*
2)General Text Formatting
 ----------------------------------------*/
 body {
 font-family: 'Raleway', sans-serif;
 font-size: 13px;
 color: #6c6f74;
 line-height: 24px;
 letter-spacing: 0.05em;
 background: #fff;
}

p{
  font-family: Open Sans;
}
a {
 color: #fbb14f;
 text-decoration: none;
 -webkit-transition: all 0.25s ease-out;
 -moz-transition: all 0.25s ease-out;
 -ms-transition: all 0.25s ease-out;
 -o-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
}

a:hover {
 color: #ffcc00;
 text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #4d4d4d;
	margin: 10px 0px;
}
h1, .h1 {
	font-size: 38px;
	margin-bottom: 15px;
	top: 0px;
	font-weight: 800;
}
h2, .h2 {
	font-size: 30px;
}
h3, .h3 {
	font-size: 24px;
	margin-bottom: 39px;
}
h4, .h4 {
	font-size: 18px;
}
h5, .h5 {
	font-size: 13px;
	margin-bottom: 42px;
}
h6, .h6 {
	font-size: 10px;
	margin-bottom: 10px;
	font-weight: 700;
}
p {
	font-size:13px;
	color: #737373;
	line-height: 24px;
  font-weight: 400;
}
a:hover, a:focus {
	text-decoration: none;
}
a:focus, a:active {
	outline: none;
	background: none;
}

ul, ol {
	padding-left: 15px;
}
.yellow{
  color: #ffcc00;
}
.wp-caption{}
.wp-caption-text{}
.sticky {}
.gallery-caption{}
.bypostauthor{}
.alignright {}
.alignleft{}
.aligncenter {}

.gray-btn{
  border-radius: 20px;
padding: 8px 30px;
border: 1px solid #e4e4e4;
background: #FFF none repeat scroll 0% 0%;
color: #000;
font-weight: 700;
text-transform: uppercase;
}
.content-page{
	overflow: hidden;
}
/*
 3.1) General Sytle
 -----------------------------*/
.heading-group {
	padding: 20px 0 0;
}
input:focus,textarea:focus{
	outline:none;
}
input:focus,textarea:focus,.btn:focus,.zoom img{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.media-content:hover .svg-shape,.media-content .svg-shape,.volunteer-reward:hover .svg-shape,.volunteer-reward .svg-shape {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#page-info{
	padding-bottom:100px;
}

.sticky{
	background: #F5F5F5;
	padding: 25px;
	margin-bottom: 60px;
}
.blog-page .post, .blog-page .page{
	margin-bottom: 60px;
}

/*
 3.3) botton Style
 ----------------------------------------*/
 .nav>li.contact{
	 margin-top: 9px;
 }
.nav>li.contact a{
	color: #fff;
	background: #ffbb02;
	padding: 8px 25px !important;
  overflow: hidden;
  position: relative;
  border: none;
  text-transform: uppercase;
  font-family: Open Sans;
  font-weight: 400;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.20);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.20);
border-radius: 4px;

}
.nav>li.contact a:after{
	background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
content: "";
position: absolute;
width: 50%;
height: 300%;
z-index: 1;
right: 0px;
top: 0px;
margin: -30px 5px 0px -50px;
transform-origin: 0px 0px 0px;
transform: rotate(-30deg);
transition: all 0.6s ease 0s;
	}
	.nav>li:last-child a:hover {
		background: #ffbb02;
		}
.nav>li.contact a:hover:after{
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%;
  content: "";
position: absolute;
width: 50%;
height: 230%;
z-index: 1;
right: 0px;
top: 0px;
margin: -30px -15px 0px -50px;
transform-origin: 0px 0px 0px;
transform: rotate(-30deg);
transition: all 0.6s ease 0s;
}
.btn-theme {
	color: #fff;
	background: #ffbb02;
	padding: 8px 25px !important;
  overflow: hidden;
  position: relative;
  border: none;
  text-transform: uppercase;
  font-family: Open Sans;
  font-weight: 400;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.20);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.20);
}
.btn-theme:after{
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
content: "";
position: absolute;
width: 50%;
height: 300%;
z-index: 1;
right: 0px;
top: 0px;
margin: -30px 5px 0px -50px;
transform-origin: 0px 0px 0px;
transform: rotate(-30deg);
transition: all 0.6s ease 0s;
}
.btn-theme:hover:after{
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%;
  content: "";
position: absolute;
width: 50%;
height: 230%;
z-index: 1;
right: 0px;
top: 0px;
margin: -30px -15px 0px -50px;
transform-origin: 0px 0px 0px;
transform: rotate(-30deg);
transition: all 0.6s ease 0s;
}
.btn-theme:hover, .btn.btn-theme:focus {
  color: #fff !important;
  background: #ffbb02;
}
/*
 3.4) Img Thumb
 ----------------------------------------*/
.img-thumb {
	display: block;
	overflow: hidden;
}
.img-thumb img {
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.img-thumb:hover img, .img-thumb:focus img, .zoom:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*
 3.5) Table Style
 ----------------------------------------*/
.table-wrap {
	border: 1px solid #e0e0e0;
	padding: 15px 10px 10px;
	border-radius: 8px;
	background: #f8f7f5;
}

.table {
	background: #f8f7f5;
}
.tables-outline {
	border: none;
	background: none;
}
.table-content h3{
	margin-bottom:0;
}
.table-content  .bs-example {
margin-bottom: 70px;
padding-top: 20px;
}
.tables-outline > tbody > tr > td:first-child, .tables-outline > thead > tr > th:first-child {
	border-left: 1px solid transparent;
}
.tables-outline > tbody > tr > td:last-child, .tables-outline > thead > tr > th:last-child {
	border-right: 1px solid transparent;
}
.tables-outline > tbody > tr:last-child > td {
	border-bottom: 1px solid transparent;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	height: 37px;
}
.table > thead > tr > th {
	font-size: 18px;
	color: #26211d;
}
.table > tbody > tr > td {
	color: #7c7c7c;
}
.table.b-border > tbody > tr:last-child > td {
	border-bottom: 1px solid #e0e0e0;
}
.table-striped > tbody > tr:nth-child(odd)> td, .table-striped > tbody > tr:nth-child(odd)> th {
	background: #ededed;
}
/*
 3.6) Tab Style
 ----------------------------------------*/
.bs-example-tabs {
	padding-top: 40px;
	margin-bottom: 40px;
}
.content-wrapper .shortcode-page .bs-example-tabs:last-child{
	margin-bottom:0;
}
.tab-content {
	border: 1px solid #e5e3dc;
	border-top: none;
	padding: 38px 38px 53px;
}

.nav-tabs > li {
	float: none;
	margin-bottom: 1px;
}
.nav-tabs > li:last-child {
	margin-bottom: 0px;
}
.nav-tabs > li > a {
	border-radius: 0;
	width: 100%;
	font-size: 18px;
	color: #302f2c;
	margin-right: 15px;
	cursor: pointer;
}
.nav-tabs_less-space > li > a {
	margin-right: 0;
}
/*
 3.7) Accordion Style
 ----------------------------------------*/
.panel-group .panel {
	border-radius: 0;
}
.panel {
	box-shadow: none;
	border: none;
}

.panel-title > a {
	padding: 10px 15px 10px 36px;
	display: block;
	position: relative;
}
.toggel-icon {
	position: absolute;
	right: 17px;
	top: 50%;
	margin-top: -8px;
}
.panel-heading {
	padding: 0;
	border-radius: 0;
}
.panel-default > .panel-heading {
	background-image: none;
}
.panel-group .panel-heading+ .panel-collapse > .panel-body {
	border: none;
}
.panel-collapse {
	border: 1px solid #e5e3dc;
	border-top: none;
}
.toggle-panel .panel-collapse {
	border: none;
}
/*
 3.8) Notification Style
 ----------------------------------------*/
.bs-example-notification {
	padding: 35px 0;
}
.content-wrapper .bs-example-notification{
	padding-bottom:0;
}
.alert
padding:13px 15px;
font-size:16px;
line-height:1.5;
margin-bottom:20px;
}
.alert p {
	margin-bottom: 0;
}
.alert-danger {
	background: #ffdfe0;
}
.alert-success {
	background: #edffe9;
}
.alert-info {
	background: #eaf7ff;
}
.alert-warning {
	background: #fffbf0;
}
.alert-default {
	background: #f8f8f8;
}
.alert.alert-danger {
	color: #dc7276;
	border: 1px solid #f5cfcf;
}

.alert.alert-success {
	color: #68905e;
	border: 1px solid #b9e6b1;
}
.alert.alert-info {
	color: #71abd1;
	border: 1px solid #b1defb;
}
.alert.alert-warning {
	color: #d2af49;
	border: 1px solid #fbdeb1;
}
.alert.alert-default {
	color: #b9b5b4;
	border: 1px solid #dedede;
}

.alert.alert-danger p {
	color: #dc7276;
}

.alert.alert-success p {
	color: #68905e;
}
.alert.alert-info p {
	color: #71abd1;
}
.alert.alert-warning p {
	color: #d2af49;
}
.alert.alert-default p {
	color: #b9b5b4;
}


/*
 3.9) List Style
 ----------------------------------------*/

li {

	color: #7c7c7c;
}
.list-style li {
	font-size: 16px;
	list-style:none;
}
.list-unstyled,.list-arrowstyled{
	list-style:none;
}
.list-unstyled li:before {
	content: "\f111";
	font-family: FontAwesome;
	font-size: 5px;
	padding-right: 8px;
	position: relative;
	top: -1px;
}
.list-arrowstyled li:before {
	content: "\f101";
	font-family: FontAwesome;
	padding-right: 8px;
}
.list-circlestyled, .list-arrowstyled {
	padding-left: 0;
	list-style:none;
}
.list-circlestyled li:before {
	content: "\f10c";
	font-family: FontAwesome;
	padding-right: 8px;
	font-size: 11px;
}
.list-style h3 {
	margin: 45px 0 50px;
}
/*
 3.10) Blockquote Style
 ----------------------------------------*/
.bs-blockquete {
	margin-top: 50px;
}
blockquote {
	min-height: 90px;
}
.blockquote-reverse {
	min-height: 90px;
}
blockquote p {
	font-size: 16px;
line-height: 28px;
font-style: italic;
}
blockquote footer, blockquote small, blockquote .small {
	color: #26211d;
}
blockquote footer:before, .blockquote-reverse footer:after {
	display: none;
}
/*
 3.11) Progress Style
 ----------------------------------------*/
.progress {
	border-radius: 0;
	height: 11px;
	margin-bottom: 53px;
	overflow: visible;
	box-shadow: 0 0 0;
	position: relative;
}
.progress-bar {
	background:#26211d;
	position: relative;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	box-shadow: 0 0 0;
}
.progress-value {
	min-width: 69px;
	height: 27px;
	line-height: 27px;
	font-size: 16px;
	color: #26211d;
	text-align: center;
	position: absolute;
	left: 100%;
	top: -35px;
	margin-left: -35px;
}
.progress-value-number {
	font-size: 16px;
	color: #26211d;
	position: absolute;
	left: 0;
	bottom: -26px;
}
.progress-value:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #ecc731 transparent transparent;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	top: 100%;
}
.progress-bar.progress-bar-custom {
	background: rgba(38,33,29,0.64)
}
.progress-bar-striped {
	background:transparent url(../img/progress-bg.png);

}
.progress-bar.slide-ranger {
	background: rgba(38,33,29,0.14);
}
.slide-ranger .left-btn, .slide-ranger .right-btn {
	position: absolute;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	top: 50%;
	background: #26211d;
	border-radius: 100%;
	display: block;
	cursor: pointer;
}
.slide-ranger .left-btn {
	left: -2px;
}
.slide-ranger .right-btn {
	right: -2px;
}

/*
 3.12)Breadcrumb Banner Section
 ----------------------------------------*/

.rich-header{
  background: url(../img/blogsubheader.jpg) repeat-x;
}

.breadcrumb-section {
	background: url(../img/breadcrumb-bg.jpg) center 37.3% no-repeat;
	background-size: cover;
	padding: 31px 0 42px;
/*	margin-bottom: 59px;*/
}
.breadcrumb-section h1 {
	font-weight: 700;
	margin-bottom: 0;
}

.breadcrumb {
	background: none;
	border-radius: 0;
	padding: 4px 0;
}
.breadcrumb > li, .breadcrumb > .active, .breadcrumb a, .breadcrumb > li + li:before {
	color: #ffffff;
}
.breadcrumb > .active {
	font-weight: 700;
}
.bs-example {
	margin-bottom: 40px;
	padding-top: 40px;
}
.content-wrapper .shortcode-page .bs-example:last-child{
	margin-bottom:0;
}
.text-uc {
	text-transform: uppercase;
}
/*
 3.13)Global Animations Style
 ----------------------------------------*/
.anim-section {
	position: relative;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-moz-transform: translateY(80px);
	-webkit-transform: translateY(80px);
	-o-transform: translateY(80px);
	-ms-transform: translateY(80px);
	transform: translateY(80px);
	visibility: visible;
	opacity: 0
}
.anim-section.animate {
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
	opacity: 1
}

/*
 3.14) Side Nav Style
 ----------------------------------------*/
.side-nav {
	list-style: none;
}
.side-nav ul {
	padding-left: 0;
	padding-bottom: 31px;
}

.side-nav li {
	border-bottom: 1px solid #e1dedb;
	list-style: none;
}

.side-nav li a {
	color: #7c7c7c;
	font-size: 16px;
	line-height: 1.5;
	display: block;
	padding: 11px 0;
}
.side-nav li:hover a, .side-nav li.active a {
	font-weight: bold;
	color: #26211d;
}
.bullet-arrow {
	margin-right: 15px;
}
.page-header {
	margin: 0 0 20px 0 !important;
	border-bottom: none !important;
  position: relative !important;
}
.page-header h1 span{
  color: #FFBB02;
  font-size: 35px;
  font-weight: 800;
  font-style: normal;
}
.page-header:before{
  content: "";
background: transparent url("../img/brick.png") no-repeat scroll 0% 0%;
display: block;
height: 50px;
width: 50px;
position: absolute;
left: -61px;
top: 9px;
}
.page-header:after{
  content: "";
  background: #ffbb02;
  height: 2px;
  display: block;
  width: 50px;
  margin-top: 4px;
}
/*
 3.15) pagiantion Style
 ----------------------------------------*/
.pagination{
	margin:0;
}
.pagination > li > a, .pagination > li > span {
	background-color: #FFFFFF;
	border: 2px solid #4D4641;
	color: #26211d;
	margin: 0 3px;
	padding: 8px 16px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #fff;
	color: #26211d;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}
.pagination .current, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #fbb12f;
	color: #fff;
	border-color: #fbb12f;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	margin-left: 0;
}
.page-links{
	padding: 15px 0px;
	border-top: 1px solid #f2f2f2;
}

.page-links span{
	font-size: 16px;
	padding: 0px 10px;
}
.page-links span:first-child{
	font-style: italic;
	padding-left: 0px;
}
 /*4) Header Styles*/

 div.row.p-header{
   min-height: 45px;
 }


 /*4) Menu Styles*/

 nav.menu>ul:not(.navbar-nav){
   float:left;
   margin:21px 0px;
 }

 nav.menu>ul:not(.navbar-nav) li{
   display: block;
   position: relative;
   margin-top:5px;
   margin-left:30px;
   opacity: 1;
   float:left;


 }
  nav.menu>ul:not(.navbar-nav) li a{
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    display: block;
    padding: 10px 15px;
    position: relative;
    color:#4d4d4d;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
  }


/*pagiantion*/

/************** Footer Style *******************/

#footer_main_logo{
  visibility: visible;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-name: bounceInDown;
}

#404-content{
  text-align: center;
}

.blog-link.dark{
  margin-top: 20px;
}

#imgbox-frame{
  width:100%;
}

#span_stylingon{
  display: block; margin: 0.5em 0.5em 0 0; clear: both;
}




/* #RESET CSS */

.wp-caption {max-width: 100%;}

.wp-caption-text{}

.sticky {}

.gallery-caption{}

.bypostauthor{}

.alignright {}

.alignleft{}

.aligncenter {}

img.aligncenter {

  margin-left: auto;

  margin-right: auto !important;

  display: block;

  clear: both;

  margin-top: 5px;

  width: auto !important;

}

.aligncenter {

  margin-left: auto;

  margin-right: auto;

  display: block;

  clear: both;

}

img.alignleft {

  margin: 5px 20px 20px 0;

  float: left;

  width: auto !important;

}

.alignleft {

  margin: 5px 10px 20px 0;

  float: left;

}

img.alignright {

  margin: 5px 0 20px 20px;

  float: right;

  width: auto !important;

}

.alignright {

  margin: 5px 0 20px 20px;

  float: right;

}

.transparent {

  z-index:1;

  display:block;

  padding:100px 0;

  position:relative;

}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

pre, img{max-width: 100%;}

.textwidget img{
  height: auto;
}
.btn{
  color: #07C5AC;
}
.btn-default{color: inherit;}

.widget_calendar table, .widget select{
  width: 100%;
}
.widget select{
  padding: 10px 5px;
	border: 1px solid #cacaca;
	border-right: 0px;
}
.widget select:before{
	content: "dc";
	width: 40px;
	height: 40px;
	background: #900;
	position: absolute;
	top: 0px;
	right: 0px;
}
.widget_calendar table td,
.widget_calendar table th{
  padding: 9px 6px;
  text-align: center;
  border: 1px solid #ddd;
}
.rsswidget{
  color: #07c5ac;
}
.recentcomments > a{
  font-style: italic;
}
.nav-links{
	display: table;
	padding: 15px 0px;
	width: 100%;
}
.nav-previous{
	float: left;
}
.nav-next{
	float: right;
}