@charset "UTF-8";
html {
	scroll-behavior: smooth;
	overflow-y: scroll;
	box-sizing: border-box;
}
*:before,
*:after {
	box-sizing: inherit;
}
.blog .blog-item {
	background-color: #fff;
	margin-bottom   : 40px;
}

.blog .blog-item .img-blog {
	width        : 100%;
	border-radius: 0;
	height       : auto;
}

.blog .blog-item .blog-content {
	padding      : 20px;
	position     : relative;
	border-bottom: 4px solid #f0f0f0;
}

.blog .blog-item .blog-content:after {
	bottom             : 100%;
	left               : 50%;
	border             : solid transparent;
	content            : " ";
	height             : 0;
	width              : 0;
	position           : absolute;
	pointer-events     : none;
	border-color       : rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width       : 15px;
	margin-left        : -15px;
}

.blog .blog-item h3 {
	margin-top: 10px;
}

.blog .blog-item .entry-meta {
	text-transform: uppercase;
	font-size     : 12pt;
	color         : #737373;

}

.blog .blog-item .entry-meta>span {
	display     : inline-block;
	color       : rgb(153, 153, 153);
	margin-right: 10px;
	font-size   : 14px;
}


.blog .blog-item .entry-meta>span a {
	color: rgb(153, 153, 153);
}

.blog-featured-image {
	position: center;
	padding : 0;
}

.blog-featured-image .overlay {
	position          : absolute;
	top               : 0;
	left              : 0;
	width             : 100%;
	height            : 100%;
	opacity           : 0;
	background        : rgba(255, 255, 255, 0.9);
	text-align        : center;
	vertical-align    : middle;
	-webkit-transition: opacity 300ms;
	-moz-transition   : opacity 300ms;
	-o-transition     : opacity 300ms;
	transition        : opacity 300ms;
}

.blog-featured-image .overlay .preview {
	position  : relative;
	top       : 50%;
	display   : inline-block;
	margin-top: -20px;
}

.blog-featured-image:hover .overlay {
	opacity: 1;
}





textarea#message {
	padding: 10px 15px;
	height : 219px;
}

.widget {
	margin-bottom: 30px;
}

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

ul.gallery li {
	display: block;
	width  : 60px;
	padding: 0;
	margin : 0 4px 4px 0;
	float  : left;
}

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

ul.faq li {
	margin-top: 30px;
}

ul.faq li:first-child {
	margin-top: 0;
}

ul.faq li span.number {
	display    : block;
	float      : left;
	width      : 50px;
	height     : 50px;
	line-height: 50px;
	text-align : center;
	background : #222;
	color      : #fff;
	font-size  : 24px;
}

ul.faq li>div {
	margin-left: 70px;
}

ul.faq li>div h3 {
	margin-top: 0;
}


/*-----------------------------------------------------------------------------------*/

/*  Conmments
/*-----------------------------------------------------------------------------------*/

img.comment-avatar {
	max-width: 80px;
	height   : auto;
}

img.author-box-image {
	max-width: 110px;
	height   : auto;
}

#comments-list .well {
	position: relative;
	overflow: hidden;
}

#comments-list .well:after {
	right             : 100%;
	top               : 50%;
	border            : solid transparent;
	content           : " ";
	height            : 0;
	width             : 0;
	position          : absolute;
	pointer-events    : none;
	border-color      : rgba(245, 245, 245, 0);
	border-right-color: #f5f5f5;
	border-width      : 10px;
	margin-top        : -10px;
}


/*-----------------------------------------------------------------------------------*/


/*  Content
/*-----------------------------------------------------------------------------------*/

#content-wrapper {
	padding   : 0;
	z-index   : 5;
	position  : relative;
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);
}

.white {
	background: transparent;

	padding   : 20px 0;
}

#content-wrapper section {
	padding-top   : 60px;
	padding-bottom: 60px;
}

/*-----------------------------------------------------------------------------------*/
/*  ANIMATE
/*-----------------------------------------------------------------------------------*/

.no-display {
	opacity: 0;
}

.appear {
	opacity           : 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition   : all .4s ease-in-out;
	-o-transition     : all .4s ease-in-out;
	transition        : all .4s ease-in-out;
}


/*-----------------------------------------------------------------------------------*/


/*  Posts   More About Blog
/*-----------------------------------------------------------------------------------*/

.post {
	background-color: rgba(201, 189, 189, 0.49);
	overflow        : hidden;

}

.post .content {
	padding      : 15px;
	position     : relative;
	border-bottom: 4px solid #f0f0f0;
}

.post .content {
	padding: 25px 15px;
	color: white;
}

.post .content:after { /*This is the white triangle at bottom of post*/
	bottom             : 100%;
	left               : 50%;
	border             : solid transparent;
	content            : " ";
	height             : 0;
	width              : 0;
	position           : absolute;
	pointer-events     : none;
	border-bottom-color: #fff;
	border-width       : 15px;
	margin-left        : -15px;
}

.post .author {
	font-family: "lucinda sans";
	text-transform: uppercase;
	font-size     : 12px;
	color         : rgb(115, 115, 115);
	padding       : 15px 0 15px;
	margin-bottom : 10px;
	margin-top: -15px;
}

.section-heading hr {
	margin   : 20px auto;
	max-width: 330px;
	opacity  : 0.9;
}

.section-heading p {
	text-transform: uppercase;
}

.post .post-img-content {
position:relative;
	padding : 0;
object-fit: contain;
align-self: center;
weight: auto;
height: auto;
}

.four-images .col {
	box-sizing: border-box;
	float: left;
	width: 25%;
	padding: 5px;
}

/* Clearfix (clear floats) */
.four-images .row::after {
	box-sizing: border-box;
	content: "";
	clear: both;
	display: table;
}


.img-responsive {
width : 100%;
height: 300px;
align-content: center;
}



.post .post-img-content .overlay {
	position          : absolute;
	top               : 0;
	left              : 0;
	width             : 100%;
	height            : 100%;
	opacity           : 0;
	background        : rgba(255, 255, 255, 0.9);

	text-align        : center;
	vertical-align    : middle;
	-webkit-transition: opacity 300ms;
	-moz-transition   : opacity 300ms;
	-o-transition     : opacity 300ms;
	transition        : opacity 300ms;
}

.post .post-img-content .overlay .preview {
	position  : relative;
	top       : 50%;
	display   : inline-block;
	margin-top: -20px;
	margin-right: auto;
}

.post .post-img-content:hover .overlay {
	opacity: 1;
}
.post .post-title {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 2px;
	display: block;
	text-transform: uppercase;
	color: white;
}

.post .post-title {
	font-size     : 18px;
	margin        : 0 0 10px;
	display       :block;
	z-index       : 2;
	position      : relative;
}

.post .post-title b {
	background-color: rgba(51, 51, 51, 0.58);
	display         : inline-block;
	margin-bottom   : 5px;
	color           : #FFF;
	padding         : 10px 15px;
	margin-top      : 5px;
}

.read-more-wrapper {
	margin    : 25px 0 5px;
	text-align: right;
}

@media all and (max-width: 768px) {
	#content-wrapper {
		margin-bottom: 0 !important;
	}

	#footer-wrapper {
		position: relative !important;
		align-content: center;
	}
}

/*Unordered Lists*/

ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
	list-style: none;
	padding   : 0;
	margin    : 0;
}

ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
	font-family: FontAwesome;
	font-size  : 6px;
}

ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
	margin-right: 8px;
}

ul.arrow li::before {
	content: "\f105";
}

ul.arrow-double li::before {
	content: "\f101";
}

ul.tick li::before {
	content: "\f00c";
}

ul.cross li::before {
	content: "\f00d";
}

ul.star li::before {
	content: "\f006";
}

ul.rss li::before {
	content: "\f09e";
}



/*  PARALLAX
/*-----------------------------------------------------------------------------------*/

.divider-section {
	background-color: rgba(0, 0, 0, 0.8);
	position        : relative;
	overflow        : hidden;
	display         : block;
	color           : #f5f5f5;
}

.divider-section a {
	color: #f5f5f5;
}




/*  ANIMATE
/*-----------------------------------------------------------------------------------*/

.no-display {
	opacity: 0;
}

.appear {
	opacity           : 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition   : all .4s ease-in-out;
	-o-transition     : all .4s ease-in-out;
	transition        : all .4s ease-in-out;
}

.backstretch {
	z-index: 3 !important;
}




/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
.btn-outlined {
	border-radius     : 0;
	-webkit-transition: all .3s;
	-moz-transition   : all .3s;
	transition        : all .3s;
	font-weight       : 700;
	text-transform    : uppercase;
	-webkit-box-shadow: none;
	box-shadow        : none !important;
}
.btn-outlined.btn-primary {
	background: none;
	border    : 2px solid #00b29e;
	color     : #00b29e;
}

.btn-outlined.btn-primary:hover,
.btn-outlined.btn-primary:active{

	color       : #FFF;
	background  : #535294;
	border-color: #00b29e;
}

.btn-outlined.btn-success {
	background: none;
	border    : 2px solid #5cb85c;
	color     : #5cb85c;
}

.btn-outlined.btn-success:hover,
.btn-outlined.btn-success:active {
	color     : #FFF;
	background: #47a447;
}

.btn-outlined.btn-info {
	background: none;
	border    : 2px solid #5bc0de;
	color     : #5bc0de;
}



.input-group .form-control {
	background-color: rgba(205, 200, 200, 0.53);
	padding-left: 10px; color: whitesmoke;}

.form-control:active,
.form-control:hover {
background-color: transparent;}


.btn-danger {
	background-color: transparent;
	border    : 2px solid #00b29e;
	color     : #00b29e;
	text-transform: capitalize;}






.progress,
.progress .bar {
	background        : #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow   : none;
	box-shadow        : none;
	height            : 30px;
	line-height       : 30px;
}
.well {
	-webkit-box-shadow: none;
	-moz-box-shadow   : none;
	box-shadow        : none;
	border            : 0;
}

ul.breadcrumb {
	margin    : 20px 0 0;
	background: transparent;
}

ul.breadcrumb>li {
	text-shadow: none;
}

ul.breadcrumb>li>a,
ul.breadcrumb>li .divider {
	color: #fff;
}

ul.breadcrumb>li.active {
	color: rgba(255, 255, 255, 0.7);
}

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

ul.tag-cloud li {
	display: inline-block;
	margin : 0 0 2px;
}


/*-----------------------------------------------------------------------------------*/


/*  PARALLAX
/*-----------------------------------------------------------------------------------*/

.divider-section {
	background-color: rgba(0, 0, 0, 0.8);
	position: relative;
	overflow: hidden;
	display: block;
	color: #f5f5f5;
}

.divider-section a {
	color: #f5f5f5;
}


/*  Conmments
/*-----------------------------------------------------------------------------------*/

img.comment-avatar {
	max-width: 80px;
	height: auto;
}

img.author-box-image {
	max-width: 110px;
	height: auto;
}

#comments-list .well {
	position: relative;
	overflow: hidden;
}

#comments-list .well:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 245, 245, 0);
	border-right-color: #f5f5f5;
	border-width: 10px;
	margin-top: -10px;
}




#footer {
	margin-top      : 40px;
	background-color: #101010;
	padding-top     : 30px;
	padding-bottom  : 30px;
	color           : #eee;
	border-top      : 1px solid #333;
}

#footer a,
#footer-wrapper a {
	color: #bdc3c7;
}

#footer a:hover,
#footer-wrapper a:hover {
	color: #00b29e;
}

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

#footer ul>li {
	display    : inline-block;
	margin-left: 15px;
}





.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	/* 16/9 ratio */
	padding-top: 30px;
	/* IE6 workaround*/
	height: 0;
	overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.section-inner.gap {
	margin-bottom: 0 !important;
}
.divider-section {
	background-color: rgba(0, 0, 0, 0.8);
	position: relative;
	overflow: hidden;
	display: block;
	color: #f5f5f5;
}

.divider-section a {
	color: #f5f5f5;
}
@media all and (max-width: 768px) {
	#content-wrapper {
		margin-bottom: 0 !important;
	}
	#footer-wrapper {
		position: relative !important;
	}
}
.widget-title {
	margin-top: 50px;
	font-size: 16px;
	color: #1b1e21;
	text-transform: uppercase;

	letter-spacing:2px;
	margin-bottom: 100px;
}

.widget {
	margin-bottom: 50px;
}
.widget-img {
	max-width: 80px;
	height: auto;
}

.about-us-widget {
	background-image: url(../img/bsnewMe.png);
	background-size: contain;
}

.widget-title {
	font-size: 18px;

}

.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

/*  ANIMATE
/*-----------------------------------------------------------------------------------*/

.no-display {
	opacity: 0;
}

.appear {
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}


/*-----------------------------------------------------------------------------------*/
ul.faq li {
	margin-top: 30px;
}

/*ul.faq li:first-child {
	margin-top: 0;
}*/

ul.faq li span.number {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #222;
	color: #fff;
	font-size: 24px;
}

ul.faq li > div {
	margin-left: 70px;
}

ul.faq li > div h3 {
	margin-top: 0;
}

#error {
	text-align: center;
	margin-top: 150px;
	margin-bottom: 150px;}




.container {
margin-top: 1vh;

}


.pagination {
	width:25px;height:25px;
	border-radius:100px;
	margin-top: -90px;
	}

.pagination a {
	color: black;
	padding:15px 15px ;
	line-height: 10px;
	margin: 0 4px;
border-style: ridge;
background-color: rgba(34, 113, 159, 0.68);
}

.pagination a.active {
	background-color: rgba(76, 175, 80, 0.71);
	color: rgba(255, 255, 255, 0.52);
	border-radius: 100px;
}

.pagination a:hover:not(.active) {
	background-color: rgba(218, 222, 225, 0.68);
	border-radius: 100px;
}











ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
	font-family: FontAwesome;
	font-size: 10px;
}

ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
	margin-right: 6px;
}

ul.arrow li::before {
	content: "\f105";
}

ul.arrow-double li::before {
	content: "\f101";
}

ul.tick li::before {
	content: "\f00c";
}

ul.cross li::before {
	content: "\f00d";
}

ul.star li::before {
	content: "\f006";
}

ul.rss li::before {
	content: "\f09e";
}
.box-border {
	padding: 15px;
}

aside {
	width: 25%;
	padding-left: .5rem;
	margin-left: .5rem;
	float: right;
	box-shadow: inset 5px 0 5px -5px #29627e;

	color: #29627e;
}


hr {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff;
}