.cover {
	position: relative;
	min-height: 850px;
}

@media (min-width: 992px) {
	.cover {
		height: 100vh;
	}

	.container-services-left {
		height: 555px;
	}

	.service {
		text-align: center;
		display: block;

 		height: 108px;

 		width: 100%;
	}

	.service-left {
		text-align: center;
		display: block;
		background: #fff;
		height: 108px;
		margin: 1rem 0.5rem 1rem -1rem;
		width: 100%;
	}

	.down-circle {
		position: relative;
		z-index: 111;
		width: 69px;
		height: 69px;
		margin: 0 auto;
		top: 76%;
		display: block;
	}
}

@media (max-width: 991px) {
	.cover {
		padding: 15px;
		padding-top: 125px; /* header height + padding */
	}

	.down-circle {

		display: none;
	}
}



.cover-slick {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.cover-slick div {
	height: 100%;
	background-size: cover;
	background-position: top;
}

.cover-content {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 99;
	text-align: center;
	
	max-width: 600px;
	margin-top: -60px;
}





.services-left {
	background: cornflowerblue;
	top: 62%;
	transform: translate(0%, -50%);
	background: rgba(249, 249, 249,70%);
}

@media (max-width: 991px) {
	/*video, #toggle-video {
		display: none;
	}*/
	.services-left {
		transform: translate(0%, -1%);
		border-radius: 10px 10px 10px 10px;
	}


	.articles-read-more {
		position: relative;
		margin-top: 0px;
	}

	.service-left {
		width: 95% !important;
		max-width: unset !important;
		padding: 0.4rem;
		margin: 1rem 1rem 1rem -1rem;
	}
}

@media (min-width: 992px) {

	.services {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
	}
	.services-left {
		max-width: 436px;
		left: 0px;
		position: absolute;
		border-radius: 0px 10px 10px 0px;

	}

	.articles-read-more {
		position: absolute;
		top: 50%;

		text-align: center;
		max-width: 600px;
		margin-top: -60px;
	}

	.pay-online-wrapper {
		position: absolute;
		top: 60%;
		text-align: center;
		max-width: 600px;
		margin-top: -60px;
	}
}

.services-inner-row {
	margin-left: unset;
}

.services-slick {
	padding: .5rem 1rem;
	margin: 0 1rem;
}

.service-left {
	text-align: center;
	display: block;
	box-shadow: inset 1px 6px 12px #d7e9d74a, inset -1px -6px 5px #0f120f2b, 1px 2px 1px #00000073;
	border-radius: 10px;
	width: 100%;
	padding: 1rem 3px;
 }

.service-left:hover {
	opacity: 0.8;
}
.service-left img{
    height:50px;
}
.pay-online-wrapper .read-more:hover {
	background: white;
	border-color: rgba(58, 57, 57, 0.8);
}

.articles-read-more .read-more:hover {
	transform: scale(1.1);
	color: #fff;
}

.service {
	text-align: center;
	display: block;
	border-radius: 10px;
	width: 100%;
}
.read-more-right {
	width: 146px;
	margin: 0 auto;
	display: block;
	background: #24657C;
	text-align: center;
	color: white;

	font-weight: bold;
	height: 3rem;
	padding: 6px;
	border-radius: 14px;
	text-shadow: 1px 1px #8f8c8c;
}

.read-more-right:hover {
	background: #154d60;
	color: #fff;
}

.private-area h3 {
	color: white;
	right: 22px;
	position: relative;

}

.pay-online-wrapper .read-more {
	height: 134px;
	width: 100%;
	background: rgba(255, 255, 255, 80%);
	color: #398A91;
	max-width: 320px;

}

.service-a .vid-holder {
	width: 100%;
		padding-bottom: 56.25%;
		position: relative;
	}
	
	.service-a video, .service-a img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}

@media (min-width: 992px) {

	.service-a {
		display: block;
		margin: 0 15px;
		border-radius: 1rem;
		overflow: hidden;
	}
	
	

	.service-news {
		height: 100%;
	}

	.article img {
		display: block;
		width: 100%;
		max-height: 218px;
		height: 100%;
	}

	.read-more-right {
		font-size: 21px;
	}

	.articles .row > div {
		margin-bottom: 24px;
	}

	.private-area h3 {
		margin-bottom: 25px;
	}

	.private-area .text-center {
		bottom: 20px;
	}

	.private-inner-area {
		margin-bottom: 2%;
		display: flex;
	}

	.pay-online-wrapper .read-more {
		border: 8px #80808057 solid;
		border-right: 0px;
	}

}

@media (max-width: 991px) {

	.service-a {
		width: 100%;
		height: 15rem;
		display: block;
		padding: 0rem 0%;
		margin: auto;

	}

	.service-news {
		height: 100%;
	}

	.article img {
		display: block;
		width: 100%;
		border-radius: 15px 15px 0px 0px;
		max-height: 218px;
		height: 100%;
	}

	.read-more-right {
		font-size: unset;
		height: unset;
	}

	.articles .row > div {
		margin-bottom: 0px;

		bottom: 5px;
		position: relative;
	}

	.private-area h3 {
		margin-bottom: 8px;

		text-align: center;
		font-weight: bold;
	}

	.private-area .text-center {
		bottom:10px;
	}

	.private-inner-area {
		margin-bottom: 0%;
		display: flex;
	}

	.pay-online-wrapper .read-more {
		border: 3px #80808057 solid;
	}
}

@media (max-width: 767px) {
	.service-a {
		width: 18rem;
		height: 15rem;
		display: block;
		padding: 0rem 0%;
		margin: auto;

	}

	.private-area {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.private-area h3 {
		right: 0px;
	}

	.private-area .text-center {
		position: relative;
		bottom: 47px !important;
	}
}

@media (max-width: 409px) {
	.service-a {
		width: 100%;
		height: 15rem;
		display: block;
		padding: 0rem 0%;
		margin: auto;

	}

	.private-area h3 {
		margin-bottom: 8px;

		text-align: center;
		font-weight: bold;
	}
}

@media (max-width: 1416px) {
	.private-inner-area div {
		font-size: 1.2rem !important;
	}
}

.service-pic {
	width: 100%;
	height: 100%;
}

.service-color-0 {
	background: #3D8D61;
}

.service-color-1 {
	background: #3192CA;
}

.service-color-2 {
	background: #3D649A;
}

.service-color-3 {
	background: #839B36;
}

.service-color-4 {
	background: #2D9391;
}

.service-color-5 {
	background: #67B344;
}

.service-color-6 {
	background: #4E809B;
}

.service-color-7 {
	background: #958A42;
}


.service .icon img {
	display: block;
	margin: 0 auto;
	margin-bottom: .75rem;
}

.figcaption-text {
	color: white;
	font-weight: bold;
}
/* Articles */

.articles {
	padding: 3rem 2rem;
}

.articles-bottom{

	padding: unset;
}

.row-articles {
	margin-left: unset;
	margin-right: unset;
}

.articles-inner-container {
	background: #6A9C65;
}

.articles h2 {
	font-weight: bold;
	margin-bottom: 2rem;
}
.articles article {
	display: block;
	height: 100%;
}

.articles-inner-container .text-center{
	bottom: 28px;
	position: relative;
}

.article-headline .text-center {
	width: 107px;
	margin: 0 auto;
	background: #3E7FCA;
	color:white;
	border-radius: 10px;
	padding-bottom: 2px;
	box-shadow: 0px 5px 6px 0px #676666;
	text-shadow: 2px 2px #676666;
	bottom: 17px;
}

.private-area .text-center {
	width: 128px;
	margin: 0 auto;
	background: #6A9C65;
	color:white;
	border-radius: 10px;
	padding-bottom: 2px;
	box-shadow: 0px 5px 6px 0px #676666;
	text-shadow: 2px 2px #676666;
}

.private-area-a-wrapper .fa-angle-left {
	margin: 4px;
}

.read-more-right-wrapper {
	margin: 0 auto;
}

.articles-inner-container {
	padding: 0px 40px 0px 40px;
}

.container-articles-bottom {
	max-width: unset;
	padding-left: unset;
	padding-right: unset;
}

.article {
	display: block;
	color: #000;
 	position: relative;
	height: 100%;
}

.article .info {
	padding: 1rem;
}

.article h3 {
	font-weight: bold;
}

.article .date {
	padding-bottom: 56.25%;
    position: relative;
    background: rgb(206 189 111);
    background: linear-gradient(45deg, rgb(246 183 77) 0%, rgb(160 183 132) 50%, rgb(121 204 200) 100%);
}

.article .date > div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	font-size: 3rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.article .date > div > span:nth-child(2) {
	font-size: 1.5rem;
	display: block;
}

.article-title {
	text-align: center;
	/*position: absolute;
	bottom:0;*/
	width: 100%;
	color: white;
	font-weight: bold;
	z-index: 1;
	/*background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,1));*/
	/*padding-top: 3rem;*/
	background: rgba(0,0,0,0.1);
	padding: 10px;
}



.read-more {
	display: inline-block;
	padding: 0.7rem 1.5rem;
	font-weight: bold;
	color: inherit;
	height: 60px;
	width: 140px;
	color: white;
	font-weight: bold;
	font-size: 1.5em;
}

.read-more-text {
	display: block;
	margin: 0;
	position: absolute;
	top: 50%;
	margin-right: -50%;
	font-size: 1.2em;
}

.articles-read-more .read-more {
	background: rgba(37, 134, 136, 80%);
}


.read-more-left {
	float: left;
	font-size:unset;
}

@media (min-width: 992px) {
	.read-more-img {
		transform: translate(0%, 30%);
	}
	.read-more-text {
		left: 50%;
		transform: translate(20%, -68%);
 	}
	.read-more {
		border-radius: 10px 0px 0px 10px;
 	}
}

@media (max-width: 991px) {

	.read-more-left {
		padding: 0rem 1rem;
	}

	.read-more-img {
		transform: translate(0%, 30%);
		display: none;
	}

	.read-more-text {
		width: 100%;
		top: 7%;
		font-size: unset;
		display: initial;
	}
	.read-more {
		border-radius: 10px 10px 10px 10px;
		width: unset;
	}

	.articles-read-more .read-more {
		margin: auto;
		text-align: center;
		height: 57px;
		display: block;
		padding: 0.6rem 1.5rem;
		max-width: 320px;
		background: rgba(37, 134, 136, 80%);
	}

	.pay-online-wrapper .read-more {
		margin: auto;
		text-align: center;
		transform: translate(0%, 3%);
		display: block;
		height: 57px;
	}

	.bn-controls {
		left: 0;
		left: 0;
	}

	.articles-right {
		margin-right: unset;
		margin-left: unset;
		padding-bottom: 22px;
	}
}
/**/

.events {
	background-color: #fff;
}

.ribbon-date {
	position: absolute;
	top: 0;
	left: 15px;
	background: #fff;
	color: #000;
	padding: .5rem 1rem;
}
.ribbon-date span {
	display: block;
}
.ribbon-date span:nth-child(1) {
	font-weight: bold;
	font-size: 1.5rem;
}

/* News * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.news {
	padding: 1rem;
	background: #38AEAB;
	opacity: 0.8;
	margin-bottom: 3rem;
}

@media (min-width: 992px) {
	.news {
		top: 162px;
		position: relative;
	}
}

.news .content {
    position: relative;
	bottom: 5px;
}

.news .buttons {
    position: absolute;
    top: 1.9rem;
    left: 1.9rem;
}

.news a {
	color: #000;
	display: block;
}

.news-divider {
	position: absolute;
	right: 12%;
	margin: 0;
	border-right: 2px white solid;
	height: 100%;
}


@media (min-width: 768px) {
	.news a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (max-width: 768px) {
	.row-inner-articles {
		background: #6A9C65;
		/*margin-right: -15px;*/
	}
	.articles-inner-container {
		padding: 0px 15px 0px 15px;
	}

}

.private-area {
	background: #5F8DC2;
}

.private-inner-area div {
	font-size: 1.5em;
	position: absolute;
	margin-right: 3rem;
	color: white;

}

.news h2 {
	background: #38AEAB;
    color: #D2E881;
    font-size: 1.2rem;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 5%;
    padding: .219rem .75rem;
    margin: 0;
    border-radius: 2rem;
    z-index: 5;
}

.news h2 a {
	color: inherit;
}

@media (max-width: 1593px) {
	.news h2 {
		display: none;
	}

}
.bn-news {
	right: 18% !important;
}
@media (min-width: 992px) {
	.bn-news {
		padding-right: 100px;
		margin-left: 75px;
	}



}

.bn-news ul li a {
	font-size: 1.2rem;
    line-height: 1.2rem;
    padding: .36rem 0;
    color: inherit;
}

.bn-news ul li a:hover {
	color: #000;
}

.bn-effect-scroll .bn-news ul li {
	padding: 0 1rem;
}

.news .date {
	font-weight: bold;
	color: #E5F179;
}

.news .name {
	color: white;
	font-weight: bold;
}

.news .date:after {
	content: ' | ';
	margin: 0 10px;
	color: white;
}

.news-toggle {
	width: 26px;
	height: 26px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #111;
	color: #fff;
	background: none;
	font-size: 14px;
}

.bn-controls {

}

.bn-controls button {
	border: 0;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: #38AEAB;
	color: #fff;
	padding: 0;
	margin-right: 5px;
	display: flex;
	align-items: center;
    justify-content: center;
}

.bn-pause {
	top: unset;
	left: unset;
}

.bn-direction-rtl .bn-controls button {
	/* border-left: none; */
	border: solid 2px white !important;
}

.bn-arrow {
    top: -1px;
}

.bn-pause::before, .bn-pause::after {
    background-color: #fff;
}
.bn-play::after {
    border-left-color: #fff;
}

.bn-controls button:hover {
    background-color: #111;
	color: #fff;
	box-shadow: 0 0 5px rgb(255 255 0 / 90%);
}


/**/

@media (min-width: 992px) {
	.centered {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 991px) {
	.centered {
		text-align: center;
	}
	.centered-banner img {
		max-width: 100%;
	}

	.news-divider {
		display: none;
	}
}

/**/



/* Fast Nav */

.fast-navigation {
	padding: 1rem 0;
	border-radius: 0 0 2rem 2rem;
	color: #fff;
	width: fit-content;
    margin: 0 auto;
}

.fast-navigation:after {
	clear: both;
	display: block;
	content: '';
}

@media (min-width: 992px) {
	.fast-navigation > label, .fast-navigation > select, .fast-navigation > span {
		float: right;
		display: block;
	}
}


.fast-navigation label {
	background: #0372ac;
	border-radius: 0 2rem 2rem 0;
	padding: 5px 10px;
	border: 0;
	margin: 0;
}

.fast-navigation select {
	background: #fff;
	border: 0;
	border-radius: 0;
	padding: 5px 10px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.fast-navigation button {
	background: #0372ac;
	border: 0;
	border-radius: 2rem 0 0 2rem;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

@media (min-width: 992px) {
	.fast-navigation .smart-nav-sub > label,
	.fast-navigation .smart-nav-sub > select,
	.fast-navigation .smart-nav-sub > button {
		float: right;
		display: block;
	}
}

@media (max-width: 991px) {
	
	.fast-navigation > label, .fast-navigation > select, .fast-navigation > span {
		display: block;
		border-radius: 2rem;
		width: 100%;
	}
	
	.fast-navigation .smart-nav-sub > label,
	.fast-navigation .smart-nav-sub > select,
	.fast-navigation .smart-nav-sub > button {
		display: block;
		border-radius: 2rem;
	}
	
	.fast-navigation .smart-nav-sub > select {
		width: 100%;
		margin: .5rem 0;
	}
	
	.smart-nav-submit {
		margin: 0 auto;
	}
}

/**/

@media (min-width: 992px) {
	.side-banners {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
	.side-banners.side-banners-right {
		right: 0;
	}
	.side-banners.side-banners-left {
		left: 0;
	}
}
.side-banners a {
	background-color: #fff;
	display: block;
	padding: 1rem;
	margin: 1rem 0;
}

