/* Video Background * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

video {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 1;
	background: #111;
	background-size: cover;
	transition: 1s opacity;
}

@media (max-width: 991px) {
	video {
		display: none;
	}
}

#toggle-video {
	    position: absolute;
    top: 23px;
    left: 117px;
    border-radius: 50%;
    z-index: 999;
    background: rgba(255,255,255,0.8);
    border: 0;
    color: #000;
    font-size: 14px;
}


@media (max-width: 1199px) {
	#toggle-video {
		left: auto;
		 right: 15px;
	}
}

/**/



.cover {
	min-height: 100vh;
	position: relative;
}

@media (min-width: 992px) {
	.cover {
		overflow: hidden;
	}
}

@media (max-width: 991px) {
	.cover {
		padding-top: 300px;
		padding-bottom: 30px;
	}
}

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

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

.bottom {
	z-index: 1;
}

@media (min-width: 992px) {
	.bottom {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		z-index: 1;
	}
}

@media (min-width: 992px) {
	.bottom>div {
		background: rgba(28, 69, 133, .9);
		margin: 0 100px;
		position: relative;
	}
}

.bottom .box {
	width: 220px;
	height: 160px;
	position: relative;
	margin: 0 auto;
}

@media (min-width: 992px) {
	.bottom .box {
		position: absolute;
		bottom: 0;
	}
}

.bottom .box .box-body {
	width: 220px;
	height: 160px;
	position: relative;
}

.bottom .box h2 {
	position: absolute;
	top: -10px;
	z-index: 2;
	text-align: center;
	width: 100%;

	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
}

.bottom .box.mayor h2 {
	right: -25px;
}

.bottom .box.news h2 {
	left: -25px;
}

.bottom .box h2 span {
	display: inline-block;
	position: relative;
	padding: 2px 10px 4px 10px;
}

.bottom .box h2 span:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1;
}

.bottom .box.mayor h2 span:before {
	transform: skewX(-20deg);
	background: #00a8ff;
}

.bottom .box.news h2 span:before {
	transform: skewX(20deg);
	background: #0f5ea1;
}

.bottom .box .box-body>div {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.bottom .box .box-body:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.bottom .box.mayor .box-body:before {
	transform: skewX(-20deg);
}

.bottom .box.news .box-body:before {
	transform: skewX(20deg);
}

@media (min-width: 992px) {
	.bottom .box.mayor {
		right: -30px;
	}

	.bottom .box.news {
		left: -30px;
	}
}


.bottom .box.mayor .box-body:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(images/mayor.png);
	background-position: -29px 35px;
	background-repeat: no-repeat;
}

.bottom .box.mayor .box-body>div {
	padding-top: 30px;
	padding-right: 15px;
}

.bottom .box.mayor .box-body>div a {
	color: #000;
}

.bottom .box.mayor .box-body>div a>div:nth-child(2) {
	font-weight: bold;
}

.bottom .box.mayor .box-body>div a>div:nth-child(2) em {
	color: #00a8ff;
}

.services {
	padding: 15px;
}

@media (min-width: 992px) {
	.services {
		padding: 15px 250px;
	}
}

@media (max-width: 991px) {
	.services {
		position: relative;
		margin: 2rem auto;
		max-width: 400px;
	}

	.services:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		border-top: 124px solid rgba(21, 106, 173, .9);
		border-left: 59px solid transparent;
		border-right: 59px solid transparent;
		height: 0;
	}
}

.service {
	text-align: center;
	display: block;
	color: #fff;
}

.service .icon {
	height: 70px;
	position: relative;
}

.service .icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}

.service figcaption {}

.slick-slide:nth-child(odd) .service:hover {
	text-decoration: none;
	color: #30c3ed;
	font-weight: bold;
}

.slick-slide:nth-child(even) .service:hover {
	text-decoration: none;
	color: #30c3ed;
	font-weight: bold;
}




/**/

.footer {
	display: none;
}

/*
@media (min-width: 1200px) {
	.footer {
		position: fixed;
		bottom: 0;
		right: 0;
		width: 100%;
		z-index: 1;
		padding: .1rem;
	    background: rgba(255,255,255,0.9);
	}
	
	.bottom {
		bottom: 27px;
	}
}*/

/**/

.box.news .box-body>div {
	padding: 1rem 1.5rem;
}

.news .news-toggle {
	position: absolute;	left: -.5rem;
	background: none;
	border: 0;
	background-color:#fff;
	font-size:0.9rem;
	text-align:center;
}

.news .news-marquee {
	height: 120px;
	overflow: hidden;
	margin-top: 1.75rem;
	margin-bottom: .75rem;
}

.news .item {
	margin-bottom: .75rem;
	display: block;
	color: inherit;
}

.news .item time {
	color: #0f5ea1;
}

.news .item h3 {
	font-size: 1rem;
}

.news .item p {
	margin: 0;
}

/**/

.container-center {
	min-height: 250px;
	width: 100vw;
	/* background: aquamarine; */
	z-index: 1;
	position: relative;
	min-height: 850px;
}

.container-center .center {
	min-height: 250px;
	width: 100%;
	/* background: red; */
	margin: 2rem 0rem;
}

.container-center .center .events {
	min-height: 250px;
}

.container-center .center .events .all-events {
	text-decoration: none;
	position: absolute;
	bottom: -37px;
	left: 75px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1rem;
	background: #f79239d9;
	padding: 0.5rem;
	transform: skewX(12deg);
}



.events-articles .toggle-slick {
	text-decoration: none;
    position: absolute;
    top: -19px;
    left: 190px;
    color: #ffffff;
    font-weight: bold;
    font-size: 1rem;
    background: none;
    padding: 0.5rem;
    height: 38px;
	border: 0;
	    z-index: 9;
}



.events-articles .toggle-slick:before {
	content: '';
    position: absolute;
	top: 0;
	right: 0;
	width: 100%;
    background: #093577;
	transform: skewX(5deg);
    height: 38px;
	border: 0;
	z-index: -1;
}





@media(min-width:1199px) {
	.container-center .center .events {
		max-width: 450px !important;
	}
}




.container-center .center .events a.article.item:nth-child(2):before {
	right: -17px;
}

.container-center .center .events a.article.item:nth-child(3):before {
	right: -35px;
}

/*date*/
.container-center .center .events a.article.item .date {
	float: left;
	width: 25%;
	position: relative;
	height: 74px;
	text-align: center;
	padding-top: 12px;
	font-weight: bold;
}

.container-center .center .events a.article.item:nth-child(2) .date {
	margin-left: 22.5px;
}

.container-center .center .events a.article.item:nth-child(3) .date {
	margin-left: 44.5px;
}

.container-center .center .events a.article.item .date:before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	background: #f79239;
	transform: skew(10deg);
	z-index: -1;
}

/*text*/
.container-center .center .events a.article.item .text {
	float: left;
	width: 70%;
	position: relative;
	font-size: 1.15rem;
	font-weight: bold;
	padding-top: 12.5px;
}

.container-center .center .events a.article.item:nth-child(2) .text {
	float: inherit;
	position: relative;
	width: 68%;
	padding-right: 18px;
}

.container-center .center .events a.article.item:nth-child(3) .text {
	float: inherit;
	position: relative;
	width: 61%;
	padding-right: 10px;
}


.container-center .center .events a.article.item .text:before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	/* background: blue; */
	transform: skew(10deg);
	z-index: -1;
}

/*text-2*/
.container-center .center .events a.article.item .text-2 {
	float: left;
	width: 70%;
	position: relative;
	font-size: 1.15rem;
	font-weight: bold;
}

.container-center .center .events a.article.item:nth-child(2) .text-2 {
	float: inherit;
	position: relative;
	width: 68%;
	padding-right: 18px;
}

.container-center .center .events a.article.item:nth-child(3) .text-2 {
	float: inherit;
	position: relative;
	width: 61%;
	padding-right: 10px;
}


.container-center .center .events a.article.item .text-2:before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	/* background: blue; */
	transform: skew(10deg);
	z-index: -1;
}

.container-center .center .articles,
.container-center .center .events-articles {
	max-height: 170px;

}

@media(max-width:991px) {

	.container-center .center .articles,
	.container-center .center .events-articles {

		height: 250px;
	}
}


@media(min-width:992px) {
	.container-center .center {
		padding-top: 255px;
		padding-bottom: 57px;
		
		padding-top: 245px;
		padding-bottom: 0;
		margin: 0px;
	}
}

/*articles*/
/**/
.articles:before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: rgba(21, 106, 173, .9);
	display: block;
	padding: 2rem;
}




.articles .text {
	color: #fff;
	font-weight: bold;
}

.articles .text-2 {
	color: #fff;
	font-weight: bold;
}

.articles .all-articles {
	text-decoration: none;
	position: absolute;
	top: -19px;
	right: 32px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1rem;
	background: #093577;
	padding: 0.5rem;
	transform: skewX(-5deg);
	height: 38px;
	width: 138px;
}

.articles .toggle-slick {
	text-decoration: none;
	position: absolute;
	top: -19px;
	right: 178px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1rem;
	background: #093577;
	padding: 0.5rem;
	transform: skewX(-5deg);
	height: 38px;
	border: 0;
}



.articles:before {
	transform: skewX(-5deg);
}




.articles .articles-slick .article {
	display: block;
	padding: 2rem;
	color: white;
}

@media (max-width: 991px) {
	.articles article {
		margin: 1rem 0;
	}

	.articles {
		min-height: 20vh;
	}
}



.articles .article a {
	display: block;
	color: inherit;
}

.articles .article a:hover,
.articles .article a:focus {
	text-decoration: none;
}

.articles .article img {
	display: block;
	width: 100%;
}

.articles .article figcaption {
	padding: 1rem;
}

.articles .article h3 {
	color: #fffc00;
}

.articles .articles-slick a {
	text-decoration: none;
}

.all-articles {
	/* position: absolute; */
	bottom: 0px;
	left: 0px;
	color: white;
}

/*  articles-events */

/*articles*/
/**/
.events-articles:before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: rgba(21, 106, 173, .9);
	display: block;
	padding: 2rem;
}




.events-articles .text {
	color: #fff;
	font-weight: bold;
}

.events-articles .text-2 {
	color: #fff;
	font-weight: bold;
}

.events-articles .all-articles {
	text-decoration: none;
	position: absolute;
	top: -19px;
	right: 32px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1rem;
	background: #2c9a42e6;
	padding: 0.5rem;
	transform: skewX(5deg);
	height: 38px;
	width: 138px;
}


.events-articles:before {
	transform: skewX(5deg);
}




.events-articles .events-articles-slick .article {
	display: block;
	padding: 2rem;
	color: white;
}

@media (max-width: 991px) {
	.events-articles article {
		margin: 1rem 0;
	}

	.events-articles {
		min-height: 20vh;
	}
}



.events-articles .article a {
	display: block;
	color: inherit;
}

.events-articles .article a:hover,
.events-articles .article a:focus {
	text-decoration: none;
}

.events-articles .article img {
	display: block;
	width: 100%;
}

.events-articles .article figcaption {
	padding: 1rem;
}

.events-articles .article h3 {
	color: #fffc00;
}

.events-articles .events-articles-slick a {
	text-decoration: none;
}

.events-articles .all-events-articles {
	text-decoration: none;
	position: absolute;
	top: -19px;
	left: 32px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1rem;
	background: #093577;
	padding: 0.5rem;
	transform: skewX(5deg);
	height: 38px;
	width: 150px
}

/* pairs-right */
.pairs-right,
.pairs-left {
	height: 170px;
	max-height: 170px;
}

.pairs-right a, .pairs-left a {
    max-height: inherit;
    width: 100%;
    display: block;
    margin: 5px 0;
}

.pairs-right a img,
.pairs-left a img {
	max-height: inherit;
}

/* .pairs-right::before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #3a607ae0;
	display: block;
	padding: 2rem;
	transform: skewX(-5deg);
	z-index: -1;
} */

/* .pairs-left::before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #3a607ae0;
	display: block;
	padding: 2rem;
	transform: skewX(5deg);
	z-index: -1;

} */

.img-thumbnail {
	padding: .25rem;
	background-color: #3a607ae0;
	border: 1px solid #3a607ae0;
	border-radius: .25rem;
	transition: all .2s ease-in-out;
	max-width: 100%;
	height: auto;
}

.center .box-a {
	margin-right: 42px !important;
}

.center .box-b {
	margin-left: 42px !important;
}

.center-bottom .box-c {
	margin-right: 72px !important;
	padding: 0px;
	transform: skewX(-5deg);
}

.center-bottom .box-d {
	margin-left: 72px !important;
	padding: 0px;
	transform: skewX(5deg);
}

@media(max-width:991px) {
	.center .box-a {
		margin-right: 0px !important;
		padding: 1rem;
		transform: scale(0.85);

	}

	.center .box-b {
		margin-left: 0px !important;
		padding: 1rem;
		transform: scale(0.85);

	}

	.center-bottom .box-c {
		margin-right: 0px !important;
		padding: 1rem;
		transform: skewX(-5deg) scale(0.85);

	}

	.center-bottom .box-d {
		margin-left: 0px !important;
		padding: 1rem;

		transform: skewX(5deg) scale(0.85);
	}

	.pairs-right {
		height: 250px;
		max-height: 250px;
	}

	.pairs-left {
		height: 250px;
		max-height: 250px;
	}
}

@media(max-width:450px) {
	.center-bottom .box-c {
		margin-top: -46px;
	}

	.center-bottom .box-d {
		margin-top: -72px;
	}
}