.bg-primary {
	background: #26bce6 !important;
}

@media(max-width:1500px) {
	.categories-tabs {
		padding: 1rem 0rem;
		overflow-x: scroll;
		width: 100%;
		position: relative;
		display: inline-flex;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		min-height: 59px;
		overflow-y: hidden;
		border-bottom: 5px solid #25bbe6;
		border-top: 5px solid #25bbe6;
	}
}

.categories-tabs>div {
	display: inline-block;
	margin-left: 30px;
}

.categories-tabs>div>a {
	display: inline-block;
	border-bottom: 2px solid #333;
	color: #333;
}

.categories-tabs>div>a:hover {
	text-decoration: none;
	transform: scale(1.05);
	border-bottom: 2px solid #26bce6;
	color: #26bce6;
	transition: none;
}

.categories-tabs>div>a.active {
	border-bottom: 2px solid #26bce6;
	position: relative;
	color: #26bce6;
	font-weight: bold;
}

.categories-tabs>div>a.active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: inherit;
	border-width: 15px;
	margin-left: -15px;
}

/**/

.category-cover {
	padding-bottom: 200%;
	position: relative;
	background-size: cover;
	background-position: center;
	height: 96%;
}

.category-cover>div {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1rem;
}

/**/

.category-cover-2 {
	position: absolute;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

/**/

.cube {
	padding-bottom: 100%;
	position: relative;
}

.cube .card-body {
	position: absolute;
	bottom: 0;
	right: 0;
}

.volunteers-galleries figure {
	padding-bottom: 75%;
	background: #f1f1f1;
	position: relative;
	border-radius: .75rem;
}

.volunteers-galleries figcaption {
	position: absolute;
	bottom: 0;
	right: 0;
}

.volunteers-galleries .figure-1 {
	padding-bottom: 95%;
}

.volunteers-galleries .figure-2 {
	padding-bottom: 47.8%;
}

.volunteers-galleries .figure-4 {
	padding-bottom: 50%;
}

.volunteers-galleries .figure-5 {
	padding-bottom: 130.8%;
}

/**/

.banner {
	background: #f1f1f1;
	border-radius: .75rem;
	border-right: 5px solid #333;
	display: block;
	padding: 1rem;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #333;
}

div:nth-child(6n+1)>.banner {
	border-right: 5px solid #295e9a;
}

div:nth-child(6n+2)>.banner {
	border-right: 5px solid #24bbe6;
}

div:nth-child(6n+3)>.banner {
	border-right: 5px solid #40b650;
}

div:nth-child(6n+4)>.banner {
	border-right: 5px solid #f37404;
}

div:nth-child(6n+5)>.banner {
	border-right: 5px solid #febf0e;
}

div:nth-child(6n+6)>.banner {
	border-right: 5px solid #9c6229;
}

/**/

.about-texts>div {
	display: none;
}

.about-texts>div:first-child {
	display: block;
}

/**/

.embed-responsive .text {
	position: absolute;
	bottom: 1rem;
	right: 2rem;
	color: #fff;
	font-size: 5rem;
	line-height: 5rem;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.embed-responsive .text.left {
	right: auto;
	left: 2rem;
	text-align: left;
}

/**/

.volunteered-item {
	display: inline-block;
	text-align: center;
	margin: 0 1rem 1rem 1rem;
}

.volunteered-item>span {
	display: block;
}

.volunteered-item img {
	height: 80px;
}

/**/

.contact-floating {
	position: absolute;
	top: 1rem;
	right: 1rem;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.9);
}

.return-to-me {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	padding: 1rem;
}

.return-to-me>div {
	padding: 1rem;
	background: rgba(255, 255, 255, 0.9);
}

/*menu-section-phone*/

.menu-section-phone {
	display: none;
}

@media(max-width:1500px) {
	.menu-section-phone {
		display: block;
	}
}
.list-group-item {
    padding: .975rem 0.55rem;
}

/*menu-section */
.menu-section {
	position: fixed;
	right: 0px;
	bottom: 313px;
	border-radius: 25px 0px 0px 25px;
	font-size: 1.25rem;
	width: 280px;
	display: block;
}
@media (min-width:1500px){
    .page-wrapper{
        padding-right:205px;
    }
}
@media(max-width:1500px) {
	.menu-section,.btn-banner-right-bottom {
		display: none;
	}
	 
}

.menu-section .list-group .list-group-item i {
	color: rgba(41, 93, 150, 1);
}

.menu-section .list-group {
	padding-right: 0;
	margin-bottom: 0;
	width: 262px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/**/
/* 
.btn-banner-right-bottom {
	position: fixed;
	padding: 0.5rem 1.1rem 0.35rem 2.5rem;
	right: 0px;
	bottom: 110px;
	background-color: rgba(41, 93, 150, 1);
	color: white;
	border-radius: 25px 0px 0px 25px;
	font-size: 1.5rem;
	width: 280px;
} */


@-webkit-keyframes AnimationName {
	0% {
		background-position: 0% 11%
	}

	50% {
		background-position: 100% 90%
	}

	100% {
		background-position: 0% 11%
	}
}

@-moz-keyframes AnimationName {
	0% {
		background-position: 0% 11%
	}

	50% {
		background-position: 100% 90%
	}

	100% {
		background-position: 0% 11%
	}
}

@keyframes AnimationName {
	0% {
		background-position: 0% 11%
	}

	50% {
		background-position: 100% 90%
	}

	100% {
		background-position: 0% 11%
	}
}

.btn-banner-right-bottom.birthday {
    bottom: 167px;
     background: linear-gradient(270deg, #c92324, #e3416e, #cd1e1f, #e3416e);
    background-size: 800% 800%;
	line-height: 58px;
}


.btn-banner-right-bottom {
	position: fixed;
	padding: 0.5rem 1.1rem 0.35rem 0rem;
	right: 0px;
	bottom: 240px;
	/* background-color: rgba(41, 93, 150, 1); */
	background: linear-gradient(270deg, #295d96, #418ee3, #295d96, #418ee3);
	background-size: 800% 800%;
	-webkit-animation: AnimationName 16s ease infinite;
	-moz-animation: AnimationName 16s ease infinite;
	animation: AnimationName 16s ease infinite;
	color: white;
	border-radius: 5px 0px 0px 25px;
	font-size: 1.2rem;
	width: 280px;
	width: 260px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 999;
}

@media(max-width:1500px) {
	.btn-banner-right-bottom {
		background: linear-gradient(270deg, #295d96, #418ee3, #295d96, #418ee3);
		background-size: 800% 800%;
		-webkit-animation: AnimationName 16s ease infinite;
		-moz-animation: AnimationName 16s ease infinite;
		animation: AnimationName 16s ease infinite;
		position: fixed;
		right: 0;
		left: 3px;
		bottom: 52px;
		background-color: rgba(41, 93, 150, 1);
		color: white;
		border-radius: 15px 0px 0px 15px;
		font-size: 1.5rem;
		z-index: 999;
		text-align: right;
	}
}


.btn-banner-right-bottom a {
	text-decoration: none;
	color: white;

}

.btn-banner-right-bottom img {
	width: 75px;
}

@media(min-width:678px) {
	select.form-control:not([size]):not([multiple]) {
		height: calc(2.25rem + 2px);
		width: fit-content;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-right: -0.5rem;
	}

	@media (min-width: 768px) {
		.col-md-2 {
			-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%;
			max-width: 16.666667%;
			margin-left: 10px;
		}
	}
}