:root {

	--primary-color: 	#bd8d43;
	--accent-color: 	#272e7e;

	--color-fff: 		#ffffff;
	--color-000: 		#000000;
	--color-400: 		#434343;
	--color-300: 		#313131;
	--color-200: 		#212121;
	--color-light: 		#d6d6d6;

	--color-success: 	#6eb844;
	--color-danger: 	#ff0000;
}

.row-deck>.col,
.row-deck>[class*='col-'] {
	display: flex;
	align-items: stretch;
}

.row-deck>.col .card,
.row-deck>[class*='col-'] .card {
	flex: 1 1 auto;
}

.btn-link {
	color: var(--primary-color);
}

.text-primary {
	color: var(--primary-color) !important;
}

.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.btn-outline{
	border: 2px solid var(--primary-color);
    color: var(--color-300);
}
.btn-outline:hover{
	border-color: var(--color-fff);
	color: var(--color-fff);
	background: var(--primary-color);
}

.btn-white-outline{
	background-color: rgba(255, 255, 255, 0.5);
	border: 3px solid var(--color-fff);
	color: var(--color-300);
}
.btn-white-outline:focus,
.btn-white-outline:hover{
	background-color: var(--color-fff);
	border-color: var(--primary-color);
}

.section {
	padding: 40px 0;
}

/*1sagar*/
/* font face generate1 */
@font-face {
	font-family: 'ralewayregular';
	src: url('../fonts/raleway-regular-webfont.eot');
	src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
		url('../fonts/raleway-regular-webfont.woff') format('woff'),
		url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
		url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'montserratbold';
	src: url('../fonts/montserrat-bold-webfont.eot');
	src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
		url('../fonts/montserrat-bold-webfont.woff') format('woff'),
		url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
		url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'montserratregular';
	src: url('../fonts/montserrat-regular-webfont.eot');
	src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
		url('../fonts/montserrat-regular-webfont.woff') format('woff'),
		url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
		url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*  */

body * {
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

body.home {
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg) no-repeat;
	background-position: 100% 100%;
	min-height: 1080px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

a {
	text-decoration: none;
}

/* HEADER START */
.header .menu .social a {
	outline: none;
	color: var(--color-fff);
	font-size: 22px;
	padding: 0 8px;
}

.header .menu ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

.header .menu ul li {
	display: inline-block;
	border-right: 1px solid var(--color-300);
}

.header .menu ul li:last-child {
	border-right: none;
	/*padding:12px 6px 12px 25px;*/
}

.header .menu ul li:first-child {
	border-left: none;
}

.header .menu ul li a {
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'montserratregular';
	padding: 0px 5px;
	display: inline-block;
	color: var(--primary-color);
}

.header .menu ul li a:focus,
.header .menu ul li a:hover {
	color: var(--color-fff);
	text-decoration: none;
	background: var(--primary-color);
	color: var(--color-fff);
}

.list-sd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.list-sd ul li {
	display: inline-block;
}

.list-sd ul li a {
	color: var(--color-fff);
	font-size: 20px;
	margin: 0 5px;
}

.header .menu .search {
	background: var(--color-fff) url(../images/search.png) 10px 8px no-repeat;
	outline: none;
	padding: 0 25px 0px 43px;
	border-radius: 40px;
	border: 3px solid var(--primary-color);
	height: 40px;
}

.header .search::-webkit-input-placeholder,
.header .search:-moz-placeholder,
.header .search::-moz-placeholder,
.header .search:-ms-input-placeholder {
	color: var(--color-200);
}
.bg-back {
	background: url(../images/donate-bg.jpg);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 1;
}

#wrapper.mobile-menu #sidebar-wrapper {
	left: 0;
	opacity: 1;
}

/*  */
.skn {
	z-index: 1000000000;
	position: absolute;
	top: 20% !important;
	text-align: center;
	left: 0;
	width: 100%;
}

/* LOGO PART  */
.logo-part {
	width: 100%;
	margin: 50px 0 0 0;
}

.logo {
	width: 150px;
}

/*  */

/* CENTER PART */
.hero-banner {
	height: auto;
	position: relative;
	overflow: hidden;
}

.center-part .lumine {
	font-size: 16px;
	text-transform: uppercase;
	color: var(--color-fff);
	text-shadow: 1px 1px 0 var(--color-000);
	text-align: center;
	text-shadow: 1px 1px 0 var(--color-000);
	letter-spacing: 2px;
}

.center-part p.join {
	text-align: center;
	color: var(--primary-color);
	font-size: 17px;
	font-family: 'ralewayregular';
}

.center-part .button {
	text-align: center;
	margin: 18px 0 0 0;
	display: inline-block;
}

.center-part .button input {
	background-color: rgba(255, 255, 255, 0.5);
	border: 3px solid var(--color-fff);
	padding: 5px 70px;
	color: var(--color-300);
	font-size: 24px;
	font-family: 'montserratbold';
	outline: none;
}

.center-part .button input.join {
	margin: 0 66px 0 0;
}

.center-part .button input.suppoprt {
	padding: 5px 40px
}

.center-part .button input:hover {
	border: 3px solid var(--primary-color);
	background: var(--color-fff);
	color: var(--primary-color);
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.hero-slider {
	position: absolute;
	top: 0;
	z-index: -1;
}

.hero-slider .carousel-item {
	position: relative;
}

.hero-slider .carousel-item .carousel-caption {
	position: absolute;
	top: 20%;
	text-transform: uppercase;
}

/*  */

/* BOX PART */
.box-part .sep {
	background: #d9dcdf;
	border: 3px solid var(--primary-color);
	text-align: center;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.box-part .sep:hover {
	background: var(--color-fff);
	cursor: pointer;
	color: var(--primary-color);
}

/*  */

.colors-block1 {
	padding: 2% 4%;
	background: var(--color-fff);
}

/* SECOND PART */
.stppw1 {
	width: 100%;
	float: left;
	background: var(--color-fff) url(../images/second_bg.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 30px 0;
}
.cl-down {
	background: var(--color-light);
	width: 100%;
}

.cl-down a {
	color: var(--color-300);
	font-size: 16px;
	font-family: 'montserratregular';
	padding: 8px 0 8px 20px !important;
}

.cl-down .caret {
	float: right !important;
	margin-top: 8px !important;
	margin-right: 12px !important;
	border-top: 6px solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.navbar-collapse.collapse.first {
	text-transform: capitalize;
}

.first .dropdown-menu {
	min-width: 100%;
	border: none;
}

.sdwidth {
	width: 100%;
}

.second-part .title-h1 {
	font-size: 40px;
	letter-spacing: 6px;
	color: var(--primary-color);
	font-family: 'montserratbold';
}

.second-part .title-h3 {
	font-size: 24px;
	color: var(--color-300);
	font-family: 'ralewayregular';
	font-weight: normal;
	padding-bottom: 35px;
	border-bottom: 2px solid var(--color-light);
}

/* Start Events */
.events .left-date {
	border: 2px solid var(--accent-color);
	text-align: center;
	color: var(--accent-color);
	min-width: 160px;
}

/* EVENT */

/* PROJECT */
.project-back {
	background: url(../images/project-bg.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.box-project a.top {
	height: 160px;
	overflow: hidden;
	display: block;
}

.box-project .project-title {
	color: var(--primary-color);
}

.box-project .ftarget {
	color: var(--color-000);
}


/* PROJECT */

/* ROLL CALL */
.stppw {
	background: var(--color-fff) url(../images/step-1-bg.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.box-roll {
	border: 2px solid var(--primary-color);
	overflow-y: auto;
	height: 452px;
}

.box-roll .inner-box1:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}

.inner-box1 .dots {
	color: var(--color-success);
}

.inner-box1 .tl-roll a {
	color: var(--color-300);
	text-transform: uppercase;
	line-height: normal;
}

.inner-box1 .star {
	color: var(--color-danger);
}

.inner-box1 .email-roll {
	color: var(--primary-color);
}

.inner-box1 .message-roll a {
	padding-right: 10px;
	color: var(--color-300);
}

.inner-box1 .dot-color {
	color: #a8a7a7;
}

/* ROLL CALL */

/* GALLERY */
.gallery {
	background: var(--color-light) !important;
}
.gallery .carousel-control-prev {
	left: 12px;
}

.gallery .carousel-control-next {
	right: 12px;
}

.carousel {
	margin-bottom: 0;
	padding: 0 40px 0 40px;
}

.carousel-control-next,
.carousel-control-prev {
	width: 2%;
}

/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}

.carousel-control.right {
	right: 25px;
}

/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}

.carousel-indicators {
	display: none;
}

/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}

.carousel-indicators .active {
	background: var(--color-300);
}

.well {
	background: none;
	border: none;
	box-shadow: none;
	padding-bottom: 0;
}

.carousel-control.left,
.carousel-control.right {
	background: none;
}

.carousel-control {
	width: auto;
}

.carousel-control img {
	position: absolute;
	top: 38%;
}

/* GALLERY */

/* NEWS */
.main-blog-news1 {
	border-bottom: 1px solid var(--primary-color);
}

.main-blog-news1 .blog-title a {
	color: var(--primary-color);
}

.main-blog-news1 span {
	font-family: 'montserratregular';
	color: var(--color-300);
	font-size: 14x;
}

.main-blog-detail p {
	margin-bottom: 4px;
}

.recent-post a {
	color: var(--primary-color);
}

.recent-post .title {
	background: var(--color-light);
	color: var(--color-300);
}

/* NEWS */

.page-footer { background: var(--color-300) !important; }
.page-footer .fm-title { color: var(--color-fff); }

.page-footer .f-link a {
	color: var(--color-light);
	border-top: 1px solid var(--color-400);
	display: block;
	padding: 8px 0;
	font-size: 18px;
}

.page-footer .f-link a:hover {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.page-footer .f-email {
	display: block;
	background-color: var(--color-200);
	color: var(--color-fff);
}

.page-footer .f-email .fa {
	background-color: var(--color-000);
	font-size: 18px;
	width: 40px;
	height: 40px;
}

.page-footer .f-email a {
	color: var(--color-fff);
}

/*--------------Mobile menu start---------*/

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	background-color: transparent;
}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#wrapper {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#sidebar-wrapper {
	z-index: 1000;
	left: -240px;
	width: 220px;
	height: 100vh;
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	background: #1a1a1a;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
	position: absolute;
	top: 0;
	width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar-nav li {
	position: relative;
	line-height: 20px;
	display: inline-block;
	width: 100%;
}

.sidebar-nav li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
	width: 3px;
	background-color: #1c1c1c;
	-webkit-transition: width .2s ease-in;
	-moz-transition: width .2s ease-in;
	-ms-transition: width .2s ease-in;
	transition: width .2s ease-in;

}

.sidebar-nav li:first-child a {
	color: var(--color-fff);
	background-color: #1a1a1a;
}

.sidebar-nav li:nth-child(2):before {
	background-color: #ec1b5a;
}

.sidebar-nav li:nth-child(3):before {
	background-color: #79aefe;
}

.sidebar-nav li:nth-child(4):before {
	background-color: #314190;
}

.sidebar-nav li:nth-child(5):before {
	background-color: #279636;
}

.sidebar-nav li:nth-child(6):before {
	background-color: #7d5d81;
}

.sidebar-nav li:nth-child(7):before {
	background-color: #ead24c;
}

.sidebar-nav li:nth-child(8):before {
	background-color: #2d2366;
}

.sidebar-nav li:nth-child(9):before {
	background-color: #35acdf;
}

.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
	width: 100%;
	-webkit-transition: width .2s ease-in;
	-moz-transition: width .2s ease-in;
	-ms-transition: width .2s ease-in;
	transition: width .2s ease-in;

}

.sidebar-nav li a {
	display: block;
	color: #ddd;
	text-decoration: none;
	padding: 10px 15px 10px 30px;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
	color: var(--color-fff);
	text-decoration: none;
	background-color: transparent;
}

.sidebar-nav>.sidebar-brand {
	height: 65px;
	font-size: 20px;
	line-height: 44px;
}

.sidebar-nav .dropdown-menu {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	border-radius: 0;
	border: none;
	background-color: var(--color-200);
	box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
	position: fixed;
	top: 14px;
	right: 20px;
	z-index: 999;
	border: none;
	background: #cecece;
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
	outline: none;
}

.hamburger.is-open {
	background: var(--primary-color);
	color: var(--color-fff);
}

.hamburger.is-open i:before {
	content: '\f00d';
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(250, 250, 250, .8);
	z-index: 1;
}

.mobile-menu {
	display: none;
}

/*--------------Mobile menu End---------*/

#lightbox .modal-content {
	display: inline-block;
	text-align: center;
}

#lightbox .close {
	opacity: 1;
	color: rgb(255, 255, 255);
	background-color: rgb(25, 25, 25);
	padding: 5px 8px;
	border-radius: 30px;
	border: 2px solid rgb(255, 255, 255);
	position: absolute;
	top: -15px;
	right: -21px;
	z-index: 1032;
}

a:hover {
	text-decoration: none !important;
}

a.clr-hver {
	color: var(--color-300);
}

a.clr-hver:hover {
	text-decoration: none !important;
}

.right-date h2 a {
	color: var(--primary-color);
}

.main-blog-news1 h3 a {
	color: var(--primary-color);
}

.view {
	height: 287px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.view .mask,
.view .content {
	width: 100%;
	height: 287px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.view img {
	display: block;
	position: relative;
}

.view h3 {
	text-transform: uppercase;
	color: var(--color-fff);
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0;
}

.view p {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: var(--color-fff);
	padding: 10px 20px 20px;
	text-align: center;
}

.view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	background: var(--color-000);
	color: var(--color-fff);
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px var(--color-000);
	-moz-box-shadow: 0 0 1px var(--color-000);
	box-shadow: 0 0 1px var(--color-000);
}

.view a.info:hover {
	-webkit-box-shadow: 0 0 5px var(--color-000);
	-moz-box-shadow: 0 0 5px var(--color-000);
	box-shadow: 0 0 5px var(--color-000);
}

.view-first img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.view-first .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(219, 127, 8, 0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.view-first h2 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.view-first p {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.view-first:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.view-first a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.view-first:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.view-first:hover p {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.view-first:hover a.info {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*.fx {
	position:fixed;
	margin-bottom:100px;
	z-index:10000;
}*/

.modal-body .form-control {
	border: 1px solid var(--primary-color);
}

label.remember {
	width: 100%;
	font-weight: normal;
	margin: 0;
}

label.remember1 {
	margin: 0 0 0 0;
}


label.remember span {
	margin-left: 5px;
}

.cddf span {
	color: #af1901;
	font-size: 12px;
}

.cddf ul {
	margin: 30px 0 30px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.cddf ul li {
	display: inline-block;
	margin: 0 10px;
}

.cddf ul li a.fb {
	color: var(--primary-color);
	font-size: 20px;
	border: 1px solid var(--primary-color);
	padding: 5px 14px;
}

.cddf ul li a.gplus {
	color: var(--primary-color);
	font-size: 20px;
	border: 1px solid var(--primary-color);
	padding: 5px 6px;
}

.cddf ul li a.linked {
	color: var(--primary-color);
	font-size: 20px;
	border: 1px solid var(--primary-color);
	padding: 5px 10px;
}

.cddf ul li a:hover {
	color: var(--color-000);
	text-decoration: none;
}

/* Styled By puneet.uiscripts.com */

/* The School */
.title-h1 {
	letter-spacing: 6px;
	color: var(--primary-color);
	font-family: 'montserratbold';
}

.schoolPage .pGallery {
	border: 2px solid var(--primary-color);
}

/*--- Pagination ---*/
.paginationforum {
	padding: 20px 0;
}

.paginationforum li {
	list-style: none;
	display: inline-block;
	margin: 0 5px;
}

.paginationforum li a {
	font-size: 14px;
	font-family: 'Open Sans Semibold', sans-serif;
	color: var(--color-300);
	background-color: var(--color-fff);
	display: block;
	padding: 2px 12px;
	line-height: 24px;
	border: 1px solid var(--primary-color);
}

.paginationforum li a.active,
.paginationforum li a:hover,
.paginationforum li a:focus,
.paginationforum li a:active {
	color: var(--color-fff);
	background-color: var(--primary-color);
	font-family: 'Open Sans Bold', sans-serif;
	text-decoration: none;
}

.btn-edit {
	border: 1px solid var(--primary-color);
	padding: 7px 10px;
	text-align: center;
	min-width: 75px;
	font-size: 15px;
	font-weight: bold;
	color: var(--color-300);
	background: var(--color-fff);
	line-height: 1;
	display: inline-block;
	border-radius: 5px;
	transition: 0.3s !important;
	-moz-tansition: 0.3s !important;
	webkit-transition: 0.3s !important;
}

.btn-edit:hover {
	background: var(--primary-color) !important;
	border: 1px solid var(--primary-color) !important;
	color: var(--color-fff) !important;
}

/* home correction */
.timber-block {
	padding: 30px 0 0;
}

/* aboutThisSec */
.about-this p {
	text-align: justify;
	min-height: 150px;
}

.section .heading {
	font-size: 40px;
	letter-spacing: 6px;
	color: var(--primary-color);
	font-family: 'montserratbold';
	border-bottom: 1px solid var(--primary-color);
	display: inline-block;
}
h1::first-letter,
h2::first-letter,
h3::first-letter,
h4::first-letter,
h5::first-letter,
h6::first-letter {
	text-transform: capitalize;
}

/* allprojectss */
.allprojectss {
	text-align: center;
}

.allprojectss .box-project {
	max-width: 295px;
	display: inline-block;
	margin-bottom: 30px;
	text-align: left;
}

#light-pagination {
	margin-top: 30px;
}

/* start:: global secretariat page css*/
.user-card .avatar{
	height: 200px;
    width: 200px;
    border-radius: 200px;
    overflow: hidden;
    margin: 0 auto;
	position: relative;
}
.user-card .avatar img{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.user-card .user-info ul{
	display: table;
	margin: auto;
}
/* end:: global secretariat page css*/
.call-to-action{
	background-color: var(--accent-color);
}
.call-to-action img{
	right: 0;
    top: 50%;
    transform: translate(16px, -50%);
}
.social-info a{
	color: var(--color-400);
}
.social-info i{
	background-color: #5a679e;
	color: var(--color-fff);
    font-size: 20px;
    height: 35px;
    line-height: 1.4;
    padding: 5px 10px;
    text-align: center;
    width: 35px;
}