/*
 Table Of Contents
 1) @fontface
 2) General Text Formatting and Typography
 3) Site Wide Content
 	3.1) Button Style
 	3.2) Table Style
 	3.3 Tab Style
 	3.4) Accordion Style
 	3.5) Notification
 	3.6) List style
	3.7) Blockquote Style
 	3.8) Breadcrumb Banner Section
 	3.9) pagiantion Style
 4) Header Styles
 5) Purchase Now
 6) Footer Styles

 ===============================================*/

/*
1.) @fontface
 ----------------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600,400italic,600italic,300italic,300);*/

/*
2)General Text Formatting
 ----------------------------------------*/
 body{
	 color:#656565;
 }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #2d2d2d;
	font-weight: 300;
	font-family:Roboto Slab,"Microsoft YaHei";
}
h1, .h1 {
	font-size: 35px;

}
h2, .h2 {
	font-size: 28px;
}
h3, .h3 {
	font-size: 22px;
	margin-bottom: 19px;
}
h4, .h4 {
	font-size: 18px;
	margin-bottom: 19px;
}
h5, .h5 {
	font-size: 16px;
	margin-bottom: 19px;
}
h6, .h6 {
	font-size: 14px;
	margin-bottom: 18px;
}
p {
	font-size: 14px;
	color: #656565;
	line-height: 1.5;
}
a:hover, a:focus {
	text-decoration: none;
}
a:focus, a:active {
	outline: none;
}
img {
	height: auto;
}
ul, ol {
	padding-left: 15px;
	margin:0px;
}
.blue{
	background:#40aafa;
	color:#fff;
}
.orange{
	background:#fd8339;
	color:#fff;
}
.white{
	background:#fff;
	color:#626262;
	border:1px solid #b5b5b5;
}
/*
 2) General Sytle
 -----------------------------*/
h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h2 strong, .h2 strong, h4 strong, .h4 strong {
	font-family: 'Roboto Slab',"Microsoft YaHei", sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	font-size: 100%;
	color: inherit;
	border-radius: 0;
	padding: 5px 0;
	text-transform: capitalize;
}
h1 small.border-none, .h1 small.border-none, h2 small.border-none, .h2 small.border-none, h3 small.border-none, .h3 small.border-none, h2 small.border-none, .h2 small.border-none, h4 small.border-none, .h4 small.border-none {
	border-bottom: 0px;
}
section{
	    padding: 60px 0px 85px;
}
.heading-group {
	padding: 20px 0 0;
}
.border-none {
	border: none !important;
}
.btn {
	padding: 11px 27px;
	border-radius:0px;
	font-size:14px;
	text-transform:uppercase;
}
.btn:hover{
	color:#fff;
}
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;
}
.sec-title:after{
	content:"";
	display:block;
	height:2px;
	width:60px;
	background:#40aafa;
	position:relative;
	margin:auto;
	margin-bottom:51px;
}
.bg-gray{
	background:#f8f8f8;
}
/*
 3) Site Wide Content
 ----------------------------------------*/
/*
 3.1) button Style
 ----------------------------------------*/

.btn-theme {
	color: #fff;
	border-radius: 0;
	background: #fd9411;

}
.btn-theme:hover, .btn.btn-theme:focus {
	color: #fff;
}
/*
 3.2) 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.3) 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 0px 0px;
}
.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.4) 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.5) 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.6) 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.7) Blockquote Style
 ----------------------------------------*/
.bs-blockquete {
	margin-top: 50px;
}
blockquote {
	min-height: 90px;
}
.blockquote-reverse {
	min-height: 90px;
}
blockquote p {
	font-size: 20px;
	line-height: 1;
}
blockquote footer, blockquote small, blockquote .small {
	color: #26211d;
}
blockquote footer:before, .blockquote-reverse footer:after {
	display: none;
}
/*
 3.8)Breadcrumb Banner Section
 ----------------------------------------*/
.breadcrumb-section {
	background: url(../images/breadcrumb-bg.jpg) center 37.3% no-repeat;
	background-size: cover;
	padding: 52px 0px 70px;
}
.breadcrumb-section h1 {
	margin-bottom: 0;
	font-size:35px;
	color:#f9f9fa;
	text-transform:uppercase;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.bolder{
	font-weight:700;
}
.breadcrumb-section h1:after {
	background:#ff7800;
	height:3px;
	content:"";
	display:block;
	width:100px;
	margin:15px 0px 0px
}
.breadcrumb {
	background: none;
	border-radius: 0;
	padding: 4px 0;
	margin: 39px 0px 0px;
}
.breadcrumbs:after{
	height:1px;
	background:#fff;
	content:"";
	display:block;
	margin: 0px 0px 0px 115px;
	opacity: 0.25;
	}
.breadcrumb > li, .breadcrumb > .active, .breadcrumb a, .breadcrumb > li + li:before {
	color: #a9a7a7;
	font-size: 13px;
	font-weight: 400;
}
.breadcrumb > .active {
	font-weight: 400;
}
.breadcrumb > li + li::before{
	content:"\f105";
	font-family:FontAwesome;
}
.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.9) pagiantion Style
 ----------------------------------------*/
.pagination {
	margin: 0;
}
.pagination > li > a, .pagination > li > span {
	background-color: #FFFFFF;
	border: 1px solid #e9ebee;
	color: #747474;
	margin: 0 3px;
	padding: 6px 12px;
	-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;
	font-size:16px;
}
.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 > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #de5842;
	color: #fff;
	border:none;
}
.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;
}
/*pagiantion*/
/*
 4) Header Style
 ----------------------------------------*/
#header {
	background: #fff;
	position: relative;
	z-index: 99;
}
.primary-header{
	padding:1px 0px;
}
#header.navbar-fixed-top {
	position: fixed;
}
.navbar-default {
	background: #fff;
	padding: 20px 0px 35px 0px;
	margin: 0px;
}
.primary-header{
	background:#40aafa;
}

.contact-detail li{
	list-style: none;
	float: left;
	margin-bottom: 0;
	margin-right:35px;
	}
	.contact-detail li a{
color:#fff;
font-size:14px;
font-weight:300;
	}
	.contact-detail li a .fa{
		font-size:21px;
		vertical-align:middle;
		margin-right:10px;
	}
	.contact-detail li a .fa-envelope-o{
		font-size:18px;
	}
	.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 10px 0px;
    margin-bottom: 0px;
    margin-right: 35px;
}
.contact-detail2 li a {
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
}
.contact-detail2 li a .fa {
    font-size: 21px;
    vertical-align: middle;
    margin-right: 10px;
}
.contact-detail2 li a .fa-envelope-o {
    font-size: 18px;
}
.social-icons {
	list-style: none;
	padding: 10px 0 10px;
	margin-bottom: 0;
}

.social-icons > li {
	margin-right:3px;
	display:inline;
}
#header .social-icons > li{
	margin-right:20px;
}
.social-icons a {
	font-size:20px;
	color: #fff;
	line-height: normal;
	vertical-align: middle;
	line-height: 20px;
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}
.social-icons .google-plus {
	font-size: 33px;
	font-family: 'socialico_plusregular';
}
.social-icons a:hover, .social-icons a:focus {
	color: #edebea;
}
.navbar-collapse nav{
	position:relative;
}
.navbar-nav {
	margin: 0;
	float: right;
}
.navbar-default .navbar-nav > li {
	padding: 20px 38px 0px 0px;
}
.navbar-default .navbar-nav > li:nth-last-child(2){
	padding: 20px 24px 0px 0px;
}
.navbar-default .navbar-nav > li:last-child{
	padding-right:0px;
}
.navbar-brand {
	padding: 0px;
	width: auto;
}
.navbar-default .navbar-nav > li:last-child a {
	border-left: 1px solid #c6c6c6;
	padding-left: 24px;
}
.navbar-default .navbar-nav > li > a {
	padding: 0px 0 0px 0;
	font-weight: 300;
	font-size:16px;
	color:#454545;
	letter-spacing:0.015em;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active {
	color: #ff6000;
}
.navbar-nav > li > .dropdown-menu {
	text-transform: uppercase;
	border: 1px;
	border-style: solid;
	border-radius: 0;
	z-index: 1000;
	top: 100%;
	position: relative;
	width: 100%;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #de5842;
}
.navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus {
	background: none;
	color: #de5842;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #26211d;
}
a.brand img {
	padding-left: 0px
}
.navbar-nav > li > .dropdown-menu {
	border: none;
	box-shadow: none;
	width: 250px;
	margin-bottom: 22px;
	position:absolute;
	top:86px;
	background:#202529;
	padding: 10px 20px;
}
.navbar-nav > li > .dropdown-menu > li > a {
	color: #26211d;
	font-weight: 300;
	display: block;
	transition: All 250ms ease-in;
	-webkit-transition: All 250ms ease-in;
	-moz-transition: All 250ms ease-in;
	font-size:14px;
	color:#6f6f6f;
	text-transform:capitalize;
	letter-spacing: 0.03em;
	border-bottom: 1px solid #2f3235;
	line-height: 25px;
}
.navbar-nav > li > .dropdown-menu > li:last-child a {
	border: none;
}
.navbar-nav > li > .dropdown-menu > li > a:hover{
	color:#d5f1ff;
}
.navbar-nav > li > .dropdown-menu > ul > li > a {
	color: #26211d;
	font-weight: 300;
	display: block;
	padding: 9px 0;
	transition: All 250ms ease-in;
	-webkit-transition: All 250ms ease-in;
	-moz-transition: All 250ms ease-in;
	-o-transition: All 250ms ease-in;
}
.navbar-nav > li > .dropdown-menu > ul > li:last-child > a {
	border: none
}
.navbar-nav > li > .dropdown-menu > ul {
	padding: 0 21px;
}
.navbar-nav > li > .dropdown-menu > ul > li {
	list-style: none
}
.navbar-nav > li > .dropdown-menu > ul > li:hover > a, .navbar-nav > li > .dropdown-menu > ul > li.active > a {
	font-weight: 700;

}
.navbar-nav > li > .dropdown-menu > ul > li:hover > a {
	padding: 9px 0 9px 3px;
}
.nav > li .glyphicon {
	display: block;
	float: right;
	padding-right: 10px
}
.open .glyphicon.glyphicon-chevron-down, .submenu-icon .glyphicon.glyphicon-chevron-up {
	display: none;
}
.open .glyphicon.glyphicon-chevron-up {
	display: block;
}
/*search-form*/
.hide-show-content {
	 width: 100%;
    height: 100%;
    top: -16px;
    position: absolute;
	display:none;
}
.navbar-form{
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
margin-left: -30px;
padding: 20px 14px;
}
.hide-show-content .form-group{
	width:100%;
}
.hide-show-content .form-group input{
	width:80%;
}
.bg-white {
    background-color: #fff;
}
.hide-show-content .close {
    opacity: 1;
    position: absolute;
    right: 3%;
    top: 45px;

    transform: translateY(-50%) translateX(-3%);
}

/*
 5) Purchase Now
 ----------------------------------------*/
.purchase-now {
	background: #40aafa;
	padding: 26px 0px;
	font-size:27px;
	color:#fff;
	font-weight:300;
	font-family:'Roboto Slab',"Microsoft YaHei", sans-serif;

}
.purchase-now p{
	color:#fff;
	font-size:16px;
	font-family:'Open Sans',"Microsoft YaHei", sans-serif;
}
.buy-now {
	font-size:18px;
	text-transform:uppercase;
	font-weight:600;
	border:2px solid #fff;
	backgroun:none;
	font-family:'Open Sans',"Microsoft YaHei", sans-serif;
	color:#fff;
}





/*
 6) Footer Styles
 ----------------------------------------*/

#footer {
	background: #171f26;
	color: #9b9b9b;
}
#footer .title{
	color:#fff;
	font-family:'Open Sans',"Microsoft YaHei", sans-serif;
	text-transform:uppercase;
	font-weight:300;
}
#footer .title:after{
	display:block;
	content:"";
	height:1px;
	background:#2c2f33;
	top:12px;
	position:relative;
}
.footer{
	padding:35px 0px 0px;
}
.footer .touch .fa, .footer .touch .icon{
	font-size:20px;
	margin-right:15px;
	float:left;
}
#footer .abt{
	padding:0px 15px 0px 0px;
}
#footer .popular-post{
	padding:0px 15px 0px 0px;
}
#footer .popular-post a{

	color:#9b9b9b;
}
#footer .popular-post .active{
	color:#fd8339;
}
#footer .popular-post span{
	color:#246184;
	clear:both;
	display:block;
}
#footer .touch{
	padding:0px 15px 0px 0px;
}
#footer .message{
	padding:0;
}
#footer .message .form-control{
background:#181818;
border:1px solid #2d2d2d;
border-radius:0px;
margin-bottom:7px;
font-weight:300;
}
#footer .message .form-control::-webkit-input-placeholder {
   color: #3d3d3d;
   font-size:14px;
   font-weight:300;

}

#footer .message .form-control:-moz-placeholder { /* Firefox 18- */
   color: #3a424c;
   font-size:14px;
   font-weight:300;
}

#footer .message .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #3a424c;
   font-size:14px;
   font-weight:300;
}

#footer .message .form-control:-ms-input-placeholder {
   color: #3a424c;
   font-size:14px;
   font-weight:300;
}
#footer .message .btn{
	padding: 6px 20px;
	text-transform:uppercase;
	margin-top:15px;
}
#footer .abt p, #footer .popular-post p:last-child, #footer .popular-post p:last-child, #footer .touch p:last-child, #footer .message p:last-child{
	border-bottom:none;
}
#footer .read-more{
	background:none;
	padding:0px;
	color:#246184;
	font-size:14px;
	text-transform:capitalize;
	font-weight:300;

}
#footer .service ul{
	padding:0px;
}
#footer .service ul li{
	padding:10px 0px;
}
#footer .service ul li:before{
font-family: FontAwesome;
content: "\f105";
margin-right: 14px;
color: #878889;
}
#footer ul {
	list-style: none;
}
#footer a[href^="mailto"] {
	color: #8f8b89;
}
.footer-logo {
	margin-bottom: 21px;
	margin-top: 30px;
}
.footer-logo a {
	display: inline-block;
}
#footer p {
line-height: 26px;
margin-bottom: 10px;
font-size: 14px;
color: #9b9b9b;
font-weight:300;
letter-spacing:0.03em;
overflow:hidden;
}
#footer .touch span{
	overflow:hidden;
	display:block;
}


#footer .social {
	text-align: left;
	margin-left: 18px;
	margin-top: 40px;
}
#footer .social li {
	display: inline;
}
.social .fa{
	margin:0px;
	float: none !important;
	font-size: 13px !important;
	margin: 0px !important;
}
#footer .social li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #171f26;
	text-align: center;
	line-height: 27px;
	color: #8b8f93;
	font-size: 13px;
	margin-right: 5px;
	border:1px solid #373f45;
	transform: rotate(0deg);
}
#footer .social li a:hover {
	color: #FE5454;
}
#footer .social li a:before {
	background: #fff;
}
#footer .social li .facebook{
	background: #3b5999;
}
#footer .social li .twitter{
	background: #00acee;
}
#footer .social li .googleplus{
	background: #de4b3b;
}
#footer .social li .linkedin{
	background: #0379b7;
}


.copyright {
	font-size: 15px;
	color: #575352;
	margin-top: 30px;
	background: #11171d;
	padding: 21px 0;
	border-top: 1px solid #242d37;
}
#footer .copyright p {
	margin-bottom: 0;
	font-weight:300;
	border-bottom:none;
	color:#505356;

}
#footer .copyright .container div:last-child p{
	margin-bottom: 0;
	font-weight:300;
	border-bottom:none;
	color:#40aafa;

}
#footer .copyright p span{
	color:#7a7b7d;
}
/*
#footer .copyright .container div:first-child, #footer .copyright .container div:last-child{
	padding:0px;
}*/