@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Anton|Staatliches');

body {
    color: #262626;
    font-size: 16px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
}

img {
    vertical-align: baseline;
	border-radius: 20px;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
    color: #262626;
	outline:none;
}
a:hover, a:focus, a:active {
    color: #262626;
}
a:hover, a:active {
    outline: 0;
    list-style: none;
}

.text-orange {
	color: #ff5a00;
}

/*
# Button
----------------------------------*/
.btn {
    padding: 18px 25px;
    border: 2px solid #262626;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #262626;
    outline: none;
}

.btn:focus {
    outline: none;
}

.btn-sm {
	padding: 10px 15px;
}
.btn.orange-border {
    border-color: #ff5a00;
}

.btn.orange-border:hover,
.btn.gradient-bg {
    border-color: transparent;
    background: -moz-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,90,0,1)), color-stop(100%, rgba(1255,54,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* ie10+ */
    background: linear-gradient(270deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ff3600',GradientType=1 ); /* ie6-9 */
    color: #fff;
}

/*--------------------------------------------------------------
# Site Header
--------------------------------------------------------------*/
.site-header > .nav-bar .navbar {
	padding-left:0;
	padding-right:0;
}

.top-header-bar {
    background: #29509B;
    color: #fff;
}
.top-header-bar .dropdown-menu {
	z-index: 11000;
}

.header-bar {
    padding: 15px 0;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
}
.header-bar > span > * {
    text-transform: lowercase;
    color: #fff;
    text-decoration: none;
}
.header-bar i {
	margin-right: 8px;
}
.header-bar span + span {
    margin-left: 48px;
}

.donate-btn {
    display: flex;
  	align-items: center;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-decoration: navajowhite;
    background: #262222;
	border:0;
}
.donate-btn.dropdown-toggle:after {
	display:none;
}
.donate-btn img {
	margin-right: 6px;
}
.donate-btn .fa {
	font-size:22px;
	margin-left: 6px;
	color: var(--gray);
}

.navbar-brand {
    display: flex;
	align-items: center;
	font-size: 1.3rem;
	font-weight: 600;
	text-decoration: none !important;
	margin:0;
}
.navbar-brand img {
	width: 45px;
	margin-right: 8px;
}
.navbar-brand span {
	font-family:'Staatliches', sans-serif!important;color:#28509A;font-size:34px;line-height:50px;
}
@media screen and (max-width: 600px){
    .navbar-brand span {
        font-size: 23px;
    }
}
.navbar-toggler {
	padding:0;
	border:0;
}

@media screen and (min-width: 992px){
    .navbar-brand {
        width: auto;
    }
}

.hamburger-menu {
    position: relative;
    width: 24px;
    height: 22px;
    margin: 0 auto;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.hamburger-menu span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #262626;
    border-radius: 10px;
    opacity: 1;
    left: 0;
    transition: .25s ease-in-out;
}

.hamburger-menu span:nth-child(1) {
    top: 2px;
}

.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3) {
    top: 10px;
}

.hamburger-menu span:nth-child(4) {
    top: 18px;
}

.hamburger-menu.open span:nth-child(1) {
    top: 18px;
    width: 0;
    left: 50%;
}

.hamburger-menu.open span:nth-child(2) {
    transform: rotate(45deg);
}

.hamburger-menu.open span:nth-child(3) {
    transform: rotate(-45deg);
}

.hamburger-menu.open span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%;
}

/*
# Main Menu
--------------------------------*/
.site-navigation > li {
	padding: 5px 8px;
}
.site-navigation > li > .dropdown-toggle:after {
	display: none;
}
.site-navigation > li > .dropdown-toggle {
	display: flex;
	align-items:center;
}
.site-navigation > li > .dropdown-toggle > .fa {
  	font-size: 22px;
  	margin-left: 6px;
  	color: var(--gray);
	line-height:0;
}
.site-navigation > li > a {
    display: block;
    padding: 15px 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: #262626 !important;
    text-decoration: none;
    transition: color .35s;
	border-bottom: 3px solid #fff;
}
.site-navigation > li > a:hover,
.site-navigation > li.active > a {
    border-bottom: 3px solid #ff5a00;
    color: #ff5a00;
}
.site-navigation > li > a:hover > .fa,
.site-navigation > li.active > a > .fa {
    color: #ff5a00;
}
.site-navigation > li .dropdown-menu {
	width: 320px;
	top:auto;
	left:auto;
}
.site-navigation > li .dropdown-menu a {
	white-space: break-spaces;
	text-decoration:none;
	display:block;
}
.site-navigation > li .dropdown-menu > .dropdown-item + .dropdown-item {
	border-top:1px solid #d1d1d1;
}

.site-navigation li.dropdown-item > a.dropdown-toggle {
	white-space: collapse;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.site-navigation li.dropdown-item > a.dropdown-toggle::after {
	display:none;
}
.site-navigation li.dropdown-item:hover > .dropdown-menu {
	display:block;
}
.site-navigation li.dropdown-item > .dropdown-menu-right {
	right:100%;
	top:auto;
	margin-top:-35px;
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
.fixed-top + main {
	padding-top: 125px;
}

/*
# Content
--------------------------------*/
.content {
	padding: 40px 0;
}
.content-title {
    position: relative;
    padding-bottom: 24px;
    font-size: 26px;
    font-weight: 600;
}
.content-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #ff5a00;
}
.entry-content {
    line-height: 2;
}
.entry-detail img {
	float:left;
	width: 50%;
	margin-right:20px;
	margin-bottom:15px;
}
@media screen and (max-width: 420px) {
	.entry-detail img {
		float:none;
		width: 100%;
		margin-right:0;
		margin-bottom:15px;
	}
}

.content-border .content-title {
	padding-top:12px;
	padding-bottom:12px;
	margin:0;
}
.content-border .content-title::before {
	display:none;
}
.content-black {
    background: rgba(21,21,21,.9);
}
.content-black .content-title {
    color: #fff;
}
.content-black .entry-content {
    color: #b7b7b7;
}

.content-gray {
    background: rgba(232,237,238,.8);
}

.content-blue {
    background: #29509B;
}
.content-blue .content-title,
.content-blue .entry-content {
    color: #fff;
}


.content-orange {
    background: rgba(255,90,0,1);
}
.content-orange .content-title {
    color: #fff;
}
.content-orange .content-title::before {
    background: #29509B;
}
.content-orange .entry-content {
    color: #fff;
}

.content-center .content-header,
.content-center .entry-content {
	text-align: center;
}
.content-center .content-title::before {
	right:0;
	margin:0 auto;
}

.content-right .content-header,
.content-right .entry-content {
	text-align: right;
}
.content-right .content-title::before {
	right:0;
	left:auto;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero-slider {
    height: 520px;
}
.hero-content-wrap {
	height:100%;
    position: relative;
    color: #fff;
	background-position:center;
	background-repeat:no-repeat;
	background-size: 100% auto;
}

.hero-content-overlay {
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
}

.carousel-caption {
	text-align:left;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}
.carousel-caption h1 {
    margin: 0;
    font-size: 102px;
    font-weight: 600;
    line-height: 1;
}

.carousel-caption h4 {
    margin: 0;
    font-size: 46px;
    font-weight: 600;
}

.carousel-caption p {
    font-weight: 500;
    line-height: 1.8;
}

.carousel-caption .entry-footer a.btn {
    color: #fff;
}

.hero-slider .hero-control {
	background-color: transparent;
	border:0;
}
.hero-slider .hero-control .hero-control-icon > .fa {
	font-size: 3rem;
}

@media screen and (max-width: 420px) {
	.hero-slider {
		height: 650px;
	}
	
	.hero-content-wrap {
 	 	background-size: auto 100%;
	}
}

/*
# Icon Box
----------------------------------*/
.icon-box {
    padding: 40px 10px;
    border-radius: 24px;
    background: #ecf2f5;
    text-align: center;
    transition: all .35s;
}

.icon-box:hover,
.icon-box.active {
    border: 0;
    *background: -moz-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* ff3.6+ */
    *background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,90,0,1)), color-stop(100%, rgba(1255,54,0,1))); /* safari4+,chrome */
    *background: -webkit-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* safari5.1+,chrome10+ */
    *background: -o-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* opera 11.10+ */
    *background: -ms-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* ie10+ */
    *background: linear-gradient(270deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* w3c */
	background: linear-gradient(140deg,#00308f,#007fff);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ff3600',GradientType=1 ); /* ie6-9 */
    color: #fff;
}

.icon-box figure img:nth-of-type(1) {
    display: block;
}

.icon-box figure img:nth-of-type(2) {
    display: none;
}

.icon-box:hover figure img:nth-of-type(1),
.icon-box.active figure img:nth-of-type(1) {
    display: none;
}

.icon-box:hover figure img:nth-of-type(2),
.icon-box.active figure img:nth-of-type(2) {
    display: block;
}

.icon-box .entry-title {
    margin-top: 28px;
    font-size: 24px;
    font-weight: 600;
    color: #262626;
}

.icon-box:hover .entry-title,
.icon-box.active .entry-title {
    color: #fff;
}

.icon-box .entry-content {
    margin-top: 24px;
}

.icon-box .entry-content p {
    margin: 0;
    font-size: 14px;
    color: #595858;
}

.icon-box:hover .entry-content p,
.icon-box.active .entry-content p {
    color: #fff;
}

/*
# Counter Box
----------------------------------*/
.counter-box > div {
    margin-top: 10px;
    font-size: 48px;
	line-height:25px;
    font-weight: 600;
}

/*
# Event
----------------------------------*/
.event-wrap {
    margin-top: 40px;
}

.event-wrap figure {
    width: 110px;
    height: auto;
}
.event-wrap figure img {
    display: block;
    width: 100%;
}

.event-content-wrap {
    width: calc(100% - 130px);
    *margin-top: -10px;
}
.event-content-wrap .event-title a {
    font-size: 18px;
    font-weight: 600;
    color: #262626;
}

.event-content-wrap .event-date {
    display: flex;
    position: relative;
    margin-top: 6px;
    line-height: 1;
    color: #262626;
}
.event-content-wrap .event-date a + a {
    padding-left: 14px;
    margin-left: 14px;
	border-left: 1px solid #262626;
}

.event-content-wrap .event-content {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 14px;
    color: #929191;
}

.event-content-wrap .event-footer a {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #ff5a00;
    text-decoration: none;
}

/*
# Carousel Slide
--------------------------------*/
.carousel-slider {}

.gallery-wrap {
	border-radius:12px;
	overflow:hidden;
}
.carousel-wrap figure,
.gallery-wrap figure {
    position: relative;
}
.carousel-wrap figure .img,
.gallery-wrap figure .img {
  width:100%;
  height:212px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.carousel-wrap figure .figure-overlay,
.gallery-wrap figure .figure-overlay {
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: rgba(0,0,0,.7);
    transition: all .5s;
}
.carousel-wrap figure:hover .figure-overlay,
.gallery-wrap figure:hover .figure-overlay {
    opacity: 1;
    visibility: visible;
}

.carousel-content-wrap {
    padding: 20px;
    background: #fff;
}
.carousel-content-wrap .entry-title {
	height:60px;
	line-height:20px;
}
.carousel-content-wrap .entry-title a {
    font-size: 18px;
    font-weight: 600;
    color: #262626;
}
.carousel-content-wrap .entry-content {
    margin-top: 20px;
}
.carousel-content-wrap .posted-date a,
.carousel-content-wrap .cats-links a {
    display: block;
    position: relative;
    margin-top: 6px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #262626;
}
.carousel-content-wrap .posted-date a {
    padding-right: 14px;
    margin-right: 14px;
}
.carousel-content-wrap .posted-date a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #262626;
}
.carousel-content-wrap .entry-content {
    margin-top: 28px;
    margin-bottom: 0;
    font-size: 14px;
    color: #929191;
}

.fund-raised-details {
    font-size: 14px;
    color: #929191;
}

.swiper-content {
	position:relative;
}
.swiper-slide {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
}
.swiper-button-next,
.swiper-button-prev {
    width: 60px;
    height: 60px;
    margin-top: -10px;
    border-radius: 50%;
    background: -moz-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,90,0,1)), color-stop(100%, rgba(1255,54,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* ie10+ */
    background: linear-gradient(270deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ff3600',GradientType=1 ); /* ie6-9 */
    transition: all .35s;
}
.swiper-button-next {
    right: -40px;
}
.swiper-button-prev {
    left: -40px;
}
.swiper-button-next .fa,
.swiper-button-prev .fa {
    font-size: 140%;
	color:#fff;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .5;
	background:var(--gray);
}

@media screen and (max-width: 1400px){
    .swiper-button-next {
        right: 0;
    }

    .swiper-button-prev {
        left: 0;
    }
}

@media screen and (max-width: 576px){
    .swiper-button-next,
    .swiper-button-prev {
        *display: none;
		top:20%;
		width: 50px;
    	height: 50px;
		margin:0 10px;
    }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer h2 {
    margin-bottom: 40px;
    font-size: 18px;
    color: #fff;
}

footer ul {
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
}

footer ul li {
    margin-bottom: 8px;
    font-size: 14px;
}

footer ul li a {
    color: #a2a1a1;
    text-decoration: none;
}

footer ul li a:hover {
    color: #ff5a00;
}

footer p {
    font-size: 14px;
    line-height: 2;
    color: #929191;
}

.foot-social li {
    margin-right: 28px;
	font-size: 22px;
}
.foot-social i {
    width: 28px;
	text-align:left;
}
.foot-social li a {
    color: #fff;
}
.foot-link li {
	margin:0;
}
.foot-link li + li {
    margin-top: 12px;
}

.foot-latest-news li {
    display: block;
	margin:0;
}
.foot-latest-news li + li {
    margin-top: 25px;
}

.foot-latest-news li h3 {
    font-size: 14px;
}

.foot-latest-news li .posted-date {
    font-size: 12px;
    color: #ff5a00;
}

.foot-contact p {
	color:#fff;
}
.foot-contact li {
    display: flex;
    align-items: baseline;
    margin-bottom: 15px;
	color:#fff;
}
.foot-contact li .fa {
    width: 32px;
    *margin-right: 10px;
    *font-size: 18px;
    text-align: left;
    color: #ff5a00;
}
.foot-contact li span {
    width: calc(100% - 3px);
}

.foot-contact .navbar-brand > span {
	line-height: 40px;
  color: #fff;
  font-size: 30px;
}
/*
# Subscribe
--------------------------------
.subscribe-form {
    margin-top: 50px;
}

.subscribe-form input[type="email"] {
    width: calc(100% - 70px);
    padding: 12px 16px;
    border: 0;
    font-size: 12px;
    line-height: 1;
    background: #fff;
    color: #131212;
    outline: none;
}

.subscribe-form input[type="email"]::placeholder {
    color: #9b9a9a;
    font-style: italic;
}

.subscribe-form input[type="submit"] {
    width: 68px;
    padding: 13px 0 14px;
    border: 0;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    background: #ff5a00;
    color: #fff;
    cursor: pointer;
    outline: none;
}
*/
.footer-bar {
    padding: 30px 0;
    font-size: 12px;
    color: #7b7b7b;
    background: #131212;
    text-align: center;
}

.table td .title {
	font-size: 18px;
	font-weight: 600;
}
.table-vertical > tbody td {
	vertical-align: middle;
}

.table td {
	border:0;
}
.table > tbody > tr + tr {
	border-top:1px solid #dee2e6;
}

.table-lg td {
	padding-left:0;
	padding-right:0;
}

.course-date {
    display: flex;
    position: relative;
    margin-top: 6px;
    line-height: 1;
    color: #262626;
	font-weight:normal;
	flex-direction:column;
}
.course-date > label {
	display:block;
	font-size: 14px;
	font-style:italic;
	color:#929191;
}
.course-date > .duration {
	display:block;
}
.course-date span + span {
    padding-left: 14px;
    margin-left: 14px;
	border-left: 1px solid #262626;
}

.breadcrumb {
	padding: .75rem 0;
  	background-color: transparent;
}
.breadcrumb li a {
	color:#929191;
}
.breadcrumb li + li {
	padding-left: 14px;
  	margin-left: 14px;
  	border-left: 1px solid #262626;
}

#column-left > .content > .container,
#column-right > .content > .container {
	padding:0;
}

.fab-card {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1000;
	width: 250px;
	border-radius:12px;
	background-color:transparent;
	overflow:hidden;
}
.fab-card .card-footer {
	border:0;
	background:rgba(255,255,255,.8);
}

@media screen and (max-width: 393px){
    .fab-card {
		left: 30px;
  		width: calc(100% - 60px);
	}
	
	.content {
		padding: 25px 0;
	}
}

.blogs .event-wrap figure {
	width: 145px;
	height: 145px;
	background-position:center;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	border-radius: 24px;
	margin-right:30px;
}
.blogs .posted-date {
	color:#a2a1a1;
}

#column-top > .content,
#column-bottom > .content {
	border-radius: 20px;
	padding:0;
}
#column-top .container,
#column-bottom .container {
	padding:0;
}
#column-top > .content {
	margin-bottom:40px;
	padding-bottom:0;
}
#column-bottom > .content + .content {
	margin-top:40px;
	padding-top:0;
}


#module.content-gray,
#module.content-blue,
#module.content-orange,
#module.content-black {
	padding:30px;
}
#module .content-header + .entry-content {
	margin-top:2rem;
}
#column-right > #module .content-title {
	font-size: 22px;
}

#search-module .form-control {
	padding: 30px 20px;
  	border-radius: 20px 0 0 20px;
	border:2px solid #262626;
}
#search-module .btn:hover {
	background-color:#29509B;
	color: #fff;
}
#search-module.content-gray .btn,
#search-module.content-blue .btn,
#search-module.content-orange .btn {
	background-color: #262222;
	color:#fff;
}
#search-module.content-black .btn {
	background-color: #fff;
}
#certificate img {
	padding:3px;
	border:2px solid #ff5a00;
}

.form-view .control-label {
	margin:0;
	font-style:italic;
}
.form-view .form-control {
	border:0;
	border-bottom:1px solid #ced4da;
	font-weight:600;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	height:auto;
}
.form-view .form-control > span {
	display:block;
	font-weight:300;
}