@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400&display=swap');

html {
	background: url(../img/background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	font-family: 'Barlow', sans-serif !import;
	background-color: transparent;
	min-height: 1024px;
	color: #333;
}

h4 {
	color: #fff;
}

p{
	color: #fff;
	font-family: barlow, sans-serif;
	}

ul, li {
	margin-left: 10px; 
	padding-left: 5px;
	font-family: barlow, sans-serif;
	}
.url-link {width:2px!important;
	height:2px!important;
	overflow: hidden;
	opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   height: 0;
   width: 0;
   z-index: -1;
}
.white {color: #fff!important;}
.caption {
	color: #fff!important;
	margin-bottom: 10px;
}

.scocial {margin-top: 10px;}

.scocial i{
	font-size: 28px;
}

.paging
{
	padding-top: 10px;
	padding-left: 10px;
 font-weight: bold;
 color: #ffff00;
}

/* If the screen size is 601px wide or more*/
@media screen and (min-width:601px) {
	h4 {
		font-size: 22px;

	}

}

/* If the screen size is 600px wide or less*/
@media screen and (max-width:600px) {
	h4 {
		font-size: 16px;
	}

}

.network-status {
  height: 28px;
  background: rgba(51, 170, 51, .4)  !important;
  color: #ffffff;
}

a.status_link:link{
 color: #340257 !important;
  text-decoration: none !important;
}

a.status_link:visited{
 color: #340257;
  text-decoration: none;
}

.network-status-fail {
  height: 28px;
  background: rgba(255,0,0, .4)  !important;
  color: #ffffff;
}


footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 22px;
  background: rgba(0, 0, 0, 0.5) !important;
}

.site-footer, .page-wrap:after {
	height: 22px;
}

.site-footer {
	background: none;
}

.title {
	font-family: barlow, sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #fff;
}

.topgap {
	margin-top: 80px;
}

.smtopgap {
	margin-top: 20px;
}

.dark {
	background: rgba(0, 0, 0, 0.5);
	padding:30px;
}

.img_container { position: relative; }
.img_container img { display: block; }
.img_container .fa-download { position: absolute; bottom:5px; left:5px; }

.page-header h1

{
	font-family: barlow, sans-serif;
	color: #fff !important;
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.page-header{
	margin-left: 50px;
	margin-top: 50px;
	border-top: 1px solid rgb(152, 200, 240);
	border-bottom: 1px solid rgb(152, 200, 240);
	max-width: 300px
}


.page-header-no-indent{
	margin-left: 0px;
	margin-top: 50px;
	border-top: 1px solid rgb(152, 200, 240);
	border-bottom: 1px solid rgb(152, 200, 240);
	max-width: 300px
}

.page-header-no-indent h1

{
	font-family: barlow, sans-serif;
	color: #fff !important;
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.inner-line{
	border: 1px solid #DCDCDC;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 500px;
}

.inner-line p{
		font-family: barlow, sans-serif;
		color: #333!important;}

.post-article{
	font-family: barlow, sans-serif;
	background-color: #fff !important;
	border: 1px solid #DCDCDC;
	padding: 5px;
}

.article-title{
	font-family: 'Barlow', sans-serif !import;
	font-size: 24px;
	color: #333;
}

.about-title
{
	font-family: barlow, sans-serif;
	padding-top: 10px;
	padding-left: 30px;
	padding-right:30px;
	color: rgb(33, 59, 72);
}

.about-back {
	background-color: #fff !important;
}

.about-text {
	padding-left: 30px;
	padding-right: 30px;
}

.about-text p{
	font-family: barlow, sans-serif;
	font-size: 0.8em;
	color: #333 !important;
}

.carousel-caption {
	position: relative;
	left: auto;
	right: auto;
	margin-top: 10px;
	margin-bottom: 30px;
}

.carousel-item {
	margin-top: 40px;
	margin-bottom: 40px;
}

#aclcarousel {
  margin-left: 30px;
  margin-right: 30px;
}

#aclcarousel img {
	padding: 10px;
}


.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.W550-px-wide {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.mainLogo {
	width: 180px;
	height: 55px;
	text-align: center;
}

.contact-back{
	background-color: rgb(33, 59, 72);
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	font-size: 0.7em;
	}

.address-back{
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	}

.address-back p{
		color: rgb(33, 59, 72)!important;
	}

.contact-label{
margin-top: 10px;}

.footer-copyright {
	font-family: barlow, sans-serif;
	font-size: 12px;
	font-weight: 200;
	color: #fff;
	z-index: 999;
}

@media (max-width:850px) {
	.navbar-collapse {
		background-color: #153e55;
	}

}

@media (max-width:750px) {
	.mainLogo {
		width: 100px;
		height: 31px;
	}

}

.smallestScreen {
	max-width: 220px;
	margin: 0 auto;
	text-align: center;
}

.pageLogo {
	width: 220px;
	height: 68px;
	padding: 0px !important;
}

@media (min-width:576px) {
	.smallestScreen {
		max-width: 300px;
	}

	.pageLogo {
		width: 260px;
		height: 80px;
		padding: 0px !important;
	}

}

.navbar {
	background: rgba(0, 0, 0, 0.5);
	// 0.5 is opacity
}

.navbar .navbar-nav .nav-link {
	font-family: "Barlow";
	font-size: small;
}

.nav-link {
	color: #fff;
}

.nav-item {
	border-top: 1px solid rgb(0, 0, 0, 0.1);
	border-bottom: 1px solid rgb(0, 0, 0, 0.1);
}

.nav-item:hover {
	border-top: 1px solid rgb(152, 200, 240);
	border-bottom: 1px solid rgb(152, 200, 240);
	transition: background-color 0.4s ease 0s, border-color 0.4s ease 0s;
}

.nav-link:hover {
	transition: color 0.4s ease 0s, border-color 0.4s ease 0s;
	color: rgb(152, 200, 240);
}

.nav-item:active {
	border-top: 1px solid rgb(152, 200, 240);
	border-bottom: 1px solid rgb(152, 200, 240);
	transition: background-color 0.4s ease 0s, border-color 0.4s ease 0s;
}

.nav-link:active {
	transition: color 0.4s ease 0s, border-color 0.4s ease 0s;
	color: rgb(152, 200, 240);
}

.navbar-nav .active {
	border-top: 1px solid rgb(152, 200, 240);
	border-bottom: 1px solid rgb(152, 200, 240);
}

.navbar-nav .active .nav-link {
	color: rgb(152, 200, 240);
}

.navbar-toggler-icon {
	color: #fff;
}

.navbar-expand-lg{
margin-bottom: : 10px!important;
}

.navbar-collapse {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.btn-default {
	background-color: #98c8f0;
	color: #333333;;
	font-family: barlow, sans-serif;
	font-size: 14px;
	font-weight: 200;
	border-radius: 3px !important;
	border: 1px #98c8f0 solid;
	min-width: 200px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: rgba(0, 0, 0, 0.2);
	color: #98c8f0;
	border: 1px #98c8f0 solid;
}

.linkedin {
	color: #fff !important;
	font-size: 16px;
}