body{background-color: rgba(250,250,250,0.45) !important;}
.catalogue-content li {
  display: list-item !important;  
  margin-left: 2rem !important;
}
.catalogue-content ul li{list-style: disc !important;}
.catalogue-content ol li{list-style:decimal !important;}

/* Logo section on the footer */
.footer-logo-section{background: #e2ecf1;}
.bottom-logo-section {
	flex: 0 0 100%;
    max-width: 100%;
	border-top: 1px dotted #aaa;	
}

.bottom-logo-section ul{
    padding: 0px !important;
    /*margin: 15px 0px 15px 0px;*/
    text-align: center !important;
	list-style:none !important;
}

ul.bottom-logo-list li {
    list-style: none !important;
    display: inline-block !important;
    margin: 5px 8px !important;
}

ul.bottom-logo-list li a {
	font-family: 'Poppins-Regular';
	font-size: 10px;
	color: #363636;
	transition: 250ms;
	text-decoration: none;
	background-color: transparent;
	/*color: #007bff;*/
}

/*
#footer_link {
	background: #0f608d;
	padding: 0 0 64px 0;
}
*/

#footer-desktop {
	/*background: #000;
	 padding: 30px;
	color: #fff;
	font-size: 20px;
	margin-bottom: 30px;*/
}

#footer-mobile .quick_links h3,
#footer-mobile .salesian_province_link h3,
#footer-mobile .salesian_province_dept h3 {
	display: none;
}

#contact .quick_links,
#contact .salesian_province_link,
#contact .salesian_province_dept {
	padding: 0;
	/*margin-bottom: 30px;*/
}

#contact .quick_links h3,
#contact .salesian_province_link h3,
#contact .salesian_province_dept h3 {
	/*background: #000;*/
	padding: 0px 30px 15px;
	color: #fff;
	font-size: 20px;
	text-align: left;
}

#contact ul {
	/*margin-top: 30px;*/
	margin-top: 0px;
	/*padding-left:0 !important;*/
}

#contact ul li {
	list-style: none;
	line-height: 30px;
	position: relative;
	/*
	list-style: none;
	line-height: 30px;
	position: relative;
	border-bottom: 1px solid #4b87a9;
	padding: 5px 0;*/
}
/*
#contact ul li:after {
	
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
}
*/
#contact ul li:before {                        
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 9px;
	margin-right:7px;
}
#contact ul li a {
	color: #fff;
	font-size: 16px;
}

.dbsa_shadow{ float:right !important; box-shadow: 0 0 0px 4px #383e3e82, 0 0 0px 5px #ffffff33 !important; }
.dbsa_shadow_nofloat{ box-shadow: 0 0 0px 4px #383e3e82, 0 0 0px 5px #ffffff33 !important; }

.dbsa_shadow_launch{ box-shadow: 0 0 0px 4px #383e3e82, 0 0 0px 5px #ffffff33 !important; }

.main-button-yellow a:hover {
    background-color: #ffffff38;
    color: #ffffff !important;
}

/* style for video */
section.our-facts .video {
    text-align: center;
    margin-left: 70px;
    background-image: url(https://mycloud.donboscosouthasia.org/index.php/s/SELWcXkGoygNHbi/preview);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
}
.footer_new {
    text-align: center;
    border-top: 1px solid rgba(250,250,250,0.15);
    background-color: #E3ECF1;
    padding-bottom: 50px;
    padding-top: 30px;
}
/* Sticky header user info */
/*.background-header .text-white{color:#000 !important;}*/
.background-header ul.nav{display:none !important;}
.header-area {  background-color: transparent !important; }
.header-area .containers {  background-color: rgba(250,250,250,0.45) !important; }
.header-area.header-sticky { background-color: #37618d80 !important; }

.header-area .main-nav .logo {
    color: #fff !important;
}
/* news widget content */
#dbsa_news_list_sm .down-content p { margin-left: 0px;}

/* Button links hover */
.home-news-btn{background-color:#a12c2f !important;}
.main-button-red a:hover, .home-news-btn:hover{ transition: all .3s; color:#ffff00 !important; }

/** Network List Page & Details Page Section */

#SchoolsTabs .map-module-title {
    line-height: 40px;
    margin-top: 0px;
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(250,250,250,0.15);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

#SchoolsTabs .nav-tabs {
    border-bottom: 1px solid #606060;
}

#SchoolsTabs ul#schoolTab li {
    background: #3087c145;
    padding: 12px;
    border: 1px solid #3087c1;
}

#SchoolsTabs ul#schoolTab li:hover {
    background: #3087c1;
}

#SchoolsTabs ul#schoolTab li a {
    color: #fff !important;
}

#SchoolsTabs ul#schoolTab li a.active {
    color: #f5a425 !important;
}

#SchoolsTabs .form-control {
    background-color: #ffffff96;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}

#SchoolsTabs .list-group-item {
    background-color: #ffffff1f;
    border: 1px solid #ffffff52;
}

#SchoolsTabs .list-group-item a {
    color: #fff;
	display:block;
}
#SchoolsTabs .list-group-item-action:focus, .list-group-item-action:hover{
	background-color: #1e252b;
}

#SchoolsTabs .list-group-item:hover a {
    color: #f5a425;
}

#SchoolsTabs .list-group-item-action:focus, #SchoolsTabs .list-group-item-action:hover {
    background-color: #1e252b;
}
#SchoolsTabs #collapseSchool{color:#FFF;}

.network-details p{color:#FFF; font-size:14px; line-height:25px;}
/** End of Network List Page & Details Page Section */

/* Catalogue classes */
.catalogue-content, .catalogue-content p{color:#FFF !important; font-size:16px;}
.header-dotted-border{border-bottom: 1px solid rgba(250,250,250,0.15);}
#catalogue-carousel , #catalogue-carousel p{color:#FFF;line-height:1.5;}
.dbsa_light_bgborder{border:1px solid #FFFFFF1f; background-color:#FFFFFF11;}
.catalogue-grid-item{}
.catalogue-grid-item:hover{background-color:#FFFFFF11;}
.catalogue-grid-item:hover .catalogue-grid-title{background-color:#FFFFFF11; border:1px solid #FFFFFF19;transition-timing-function: linear;}
.result-filter-section{background-color:#FFFFFF11; border:1px solid #FFFFFF19;transition-timing-function: linear;}

.links_icon a:hover, .links_icon a:hover i, .list-links a:hover {color: #f5a425 !important;}
#sm-catalogues-list{ width:100% !important; margin:auto; }
.filter-caption-vertical{position:absolute; top:105px; z-index:-1 !important; background-color:#ffc107; text-transform:uppercase; transform: rotate(270deg); transform-origin: left bottom 15px; margin-left: 16px;}
/*.sm-grid-wrapper{display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fit, minmax(250px,1fr));  grid-auto-rows: 20px;}*/

/* text divider */
.sm-hr-section{max-width: 50%;   margin: 40px auto;}
.text-divider {  --text-divider-gap: 1rem; display: flex; align-items: center; text-transform: uppercase; letter-spacing: 0.1em; text-shadow: 1px 1px 2px black, 0 0 1em white, 0 0 0.2em white; color: white; font: 1em Georgia, serif; font-style:italic; }

.text-divider::before, .text-divider::after { content: ''; height: 1px; background-color: #FFFFFF9f; flex-grow: 1; }

.text-divider::before { margin-right: var(--text-divider-gap); }

.text-divider::after { margin-left: var(--text-divider-gap); }

/* Search */
.sm-bar{ margin:0 auto; width:675px; border-radius:30px; border:1px solid #dcdcdc; background-color:#FFFFFF9F; }
.sm-bar:hover{ box-shadow: 1px 1px 8px 1px #dcdcdc; }
.sm-bar:focus-within{ box-shadow: 1px 1px 8px 1px #dcdcdc; outline:none; }
.sm-searchbar{ height:45px; border:none; width:600px; font-size:16px; outline: none; }

.sm-buttons{ margin-top:30px; }

.sm-button{ background-color: #f5f5f5; border:none; color:#707070; font-size:15px; padding: 10px 20px; margin:5px; border-radius:4px; outline:none; }
.sm-button:hover{ border: 1px solid #c8c8c8; padding: 9px 19px; color:#808080; }
.sm-button:focus{ border:1px solid #4885ed; padding: 9px 19px; }

.searchtitle{font-size:50px; font-weight:500; }
.s-blue{color:#4285F4;}
.s-red{color:#EA4335;}
.s-yellow{color:#FBBC05;}
.s-green{color:#34A853;}


/*
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: normal;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
*/

/********/
/* common */
.ribbon { width: 150px; height: 150px; overflow: hidden; position: absolute; }
.ribbon::before,
.ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #fff;/*E54334*/ }
.ribbon span { position: absolute; display: block; width: 225px; padding: 15px 0; background-color: #e43; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 600 14px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; }

/* top left*/
.ribbon-top-left { top: -10px; left: -10px; }
.ribbon-top-left::before,
.ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; }
.ribbon-top-left::before { top: 0; right: 0; }
.ribbon-top-left::after { bottom: 0; left: 0; }
.ribbon-top-left span { right: -25px; top: 30px; transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right { top: -10px; right: -10px; }
.ribbon-top-right::before,
.ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; }
.ribbon-top-right::before { top: 0; left: 0; }
.ribbon-top-right::after { bottom: 0; right: 0; }
.ribbon-top-right span { left: -25px; top: 30px; transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left { bottom: -10px; left: -10px; }
.ribbon-bottom-left::before,
.ribbon-bottom-left::after { border-bottom-color: transparent; border-left-color: transparent; }
.ribbon-bottom-left::before { bottom: 0; right: 0; }
.ribbon-bottom-left::after { top: 0; left: 0; }
.ribbon-bottom-left span { right: -25px; bottom: 30px; transform: rotate(45deg);/*rotate(225deg)*/ }

/* bottom right*/
.ribbon-bottom-right { bottom: -10px; right: -10px; }
.ribbon-bottom-right::before,
.ribbon-bottom-right::after { border-bottom-color: transparent; border-right-color: transparent; }
.ribbon-bottom-right::before { bottom: 0; left: 0; }
.ribbon-bottom-right::after { top: 0; right: 0; }
.ribbon-bottom-right span { left: -25px; bottom: 30px; transform: rotate(-45deg); }
/********/

/* Footer main menu style */
.footer-main-menu {
	background-color: rgba(250,250,250,0.15);
	/*position: absolute;
	top: 40px;
	left: 0;
	right: 0;*/
	z-index: 100;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.footer-main-menu .main-nav {
	min-height: 80px;
	background: transparent;
}

.footer-main-menu .main-nav .logo {
	line-height: 100px;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: left;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.background-header .main-nav .logo {
	line-height: 75px;
}

.background-header .nav {
	margin-top: 20px !important;
}

.footer-main-menu .main-nav .nav {
	/*float: right;*/
	text-align:center !important;
	margin-top: 22px;
	/*margin-right: 0px;*/
	background-color: transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	z-index: 999;
}

.footer-main-menu .main-nav .nav li {
	padding-left: 15px;
	padding-right: 15px;
}

.footer-main-menu .main-nav .nav li:last-child {
	/*padding-right: 0px;*/
}

.footer-main-menu .main-nav .nav li a {
	display: block;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 40px;
	line-height: 40px;
	border: transparent;
	letter-spacing: 1px;
}

.footer-main-menu .main-nav .nav li:hover a,
.footer-main-menu .main-nav .nav li a.active {
	color: #f5a425!important;
}
/* End of Footer main menu style */

.background-header .header-menu-new{display:none !important;}

#accordion .card .card-header .card-link.collapsed:after {
    content: "\f107";
}
#accordion .card .card-header .card-link:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}
.main-banner .caption {
    width: 100% !important;
}

/* BISNow Ticker */
#bisnow_ticker {
  margin: -30px auto 0;
  padding: 2px 10px;
  width: 100%;
  text-align: left;
  /*border: #900 1px solid;*/
  position: relative;
  overflow: hidden;
  /*background-color:#BF263C;*/
  color:#fff;
  height:30px !important;
}

#bisnow_ticker ul {
  width: 90%;
  position: relative;
  margin-left:2px; /* 25px */
}

#bisnow_ticker ul li {
  width: 100%;
  display: none;
  list-style: inside;
}

#bisnow_ticker ul li a {
  color:#FFF;
}

#bisnow_ticker ul li a:hover {
  color:#F5A425;
}

#bisnow_ticker ul li::before {
  content: " ";
}

.header-area a.logo {
    font-size: 32px;
    font-weight: bold;
    color: #FFF;
	margin-left: 0px;
}

.video-overlay { z-index:1; }

.header-welcome{
		float:left;
	}
section.main-banner img{
	filter: brightness(50%);
	height:100%;
	object-fit: cover;
}
/***************************************/
/* MEDIA  QUERIES */
/***************************************/

@media (max-width: 576px) {
	.searchtitle{font-size:25px;letter-spacing:1px;}
	.filter-caption-vertical{display:none;}
}
@media (max-width: 767px) {
	.header-area a.logo {
		font-size: 22px;
	}
	.main-logo{width:40px !important;margin-top:3px;}
	.header-area { height: 45px !important;	}
	
	.header-menu-new{ height:0px !important; }
	.header-area.header-sticky .nav { margin-top: 0px !important; }
	
	/*.header-area .text-white, .background-header .text-white{color:#000 !important;} */
	.header-menu-new *, .header-menu-new .container, .header-menu-new .main-nav{z-index:100; min-height:0 !important;}
	.workspace-link{ font-size:11px !important;}
	.main-nav .nav{float:right !important;}
	
	/* Catalogue search */
	.sm-bar{width:100%;z-index:1000 !important;}
	.sm-searchbar{width:90%;z-index:1001 !important;}
	
	.header-area .main-nav1 .logo { color: #FFF !important; }

	.header-area .main-nav { margin:auto; width: 65%; }
	.header-area .main-nav .nav li a { text-align: center; /* width: 50%; */ }
	
	/*#bg-video .carousel-caption, .video-overlay .caption { font-size:100% !important; display:none !important; }*/
	section.contact-us { padding: 40px 0px 0px 0px !important; }
	
	.filter-caption-vertical{ transform-origin: left 21px 15px; margin-left: 6px;}
}


@media (min-width: 768px) {
	.background-header .main-nav .nav { display: none !important; }
	.main-nav{}
	.main-nav .logo{float:left !important;}
	.main-nav ul.nav{float:right !important;}
	.main-nav a.dbsa_shadow{float:right !important;}

	/*.header-area .main-nav .nav { display: flex !important; margin-top:20px !important; }
	
	.header-area .main-nav .nav li { padding-top:0 !important;padding-bottom:0 !important; padding-left: 15px; padding-right: 15px; }
	*/
	.filter-caption-vertical{ transform-origin: left 25px 15px; margin-left: 8px;}
}
@media (max-width: 991px) {
	
	#network-items-section { display:none; }
	.gallery-container { width:100%; max-width:100% !important; height:725px; overflow:hidden; }

	/*
	.main-banner .caption h2,  .main-banner .caption p{	display: none; }
	*/
	.main-banner .caption h2 { font-size:28px; }
	
	#bg-video { min-height:auto !important; }
	#meetings { /*padding-top: 300px !important;*/ }
	.main-nav1 .fa-bars{font-size: inherit;}
	.carousel-item {
		height:300px;
		background-color:#1a486a;
	}
	.upcoming-meetings{
		padding-top: 30px !important;
	}
	.my-workspace{
		float: right;
	}
	.header-welcome{
		margin:8px 10px;
	}
	/*
	.header-area .main-nav .nav { float: none; width: 100%; display: none !important; margin-left: 0px; }*/
	/**/
	
	
	/*
	.header-area .main-nav .nav { display: flex !important;	}
	.header-area .main-nav { margin:auto; width: 65%; }
	.header-area .main-nav .nav li a { text-align: center; }
	*/
	/*
	.header-menu-new{ height:0px !important; }
	.header-area.header-sticky .nav { margin-top: 0px !important; }
	.header-menu-new *, .header-menu-new .container, .header-menu-new .main-nav{z-index:100; min-height:0 !important;}
	*/
	/*
	.header-area .main-nav .nav li {
		width: 100% !important;
		background: #fff !important;
		border-bottom: 1px solid #eee !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	 */
}

/* Next / Prev pagination classes */
/*
@media (min-width: 992px) {
	.asset-paging .paging-link {
		position: fixed;
		top: 50%;
		top: calc(50% - 30px);
		display: none;
		outline: 0;
		text-align: left;
		z-index: 1000;
		-webkit-transition: all .7s ease-in-out;
		transition: all .7s ease-in-out;
	}

	.asset-paging a.arrow {
		position: relative;
		display: block;
		padding: 10px;
		width: 25px;
		color: #999;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #ccc;
		z-index: 100;
		border: 1px solid rgba(0,0,0,.15);
		cursor: pointer;
	}

	.asset-paging .animate {
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.asset-paging .prev .item {
		left: -460px;
		border-left: 0;
	}

	.asset-paging .item {
		position: absolute;
		margin: 0;
		width: 400px;
		background: #fff;
		border: 1px solid #ddd;
		top: -65%;
		height: 148px;
		opacity: 0;
		-webkit-box-shadow: 0 0 26px -1px rgb(0 0 0 / 10%);
		-moz-box-shadow: 0 0 26px -1px rgba(0,0,0,.1);
		box-shadow: 0 0 26px -1px rgb(0 0 0 / 10%);
	}
	
	.asset-paging .arrow .tnt-svg {
		font-size: 40px;
		margin: 0;
		display: inline-block;
	}
	
	svg:not(:root).tnt-svg {
		overflow: visible;
	}
	
	.asset-paging a.arrow:hover {
		color: #333;
	}
	
	.asset-paging a.arrow {
		position: relative;
		display: block;
		padding: 10px;
		width: 25px;
		color: #999;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #ccc;
		z-index: 100;
		border: 1px solid rgba(0,0,0,.15);
		cursor: pointer;
	}
}
*/
/* End of pagination styles */

@media (min-width: 992px) {
	#sm-catalogues-list{ width:90% !important; }
}

@media (min-width: 1201px) {
	.catalogue-content, .catalogue-content {width:75%;}
	.catalogue-image-list-title{width:80%; font-size:30px; line-height:40px;}
}

.carousel-caption{
	top:45% !important; z-index:2; text-align:left !important;
} 
.home-slider-title {
	background-color:#F5A425; font-weight:bold;
}
.main-banner {
	overflow: visible !important;
}
.carousel-inner {
	overflow: visible !important;
} 

 @media only screen and (max-width: 520px) { 
 .home-slider-title {font-size: 34px !important;} 
 .para{ font-size: 30px !important; line-height:1.5; color:#FFF !important;} 
 .carousel-caption{top:30%  !important;} .carousel-item img{display:none;}

} 

@media only screen and (min-width: 521px) {
.home-slider-title {font-size:35px;} 
.para{ font-size: 24px !important;line-height:1.5;color:#FFF !important; } 
} 
.carousel-item { height: 100vh; }