/* CSS Document */
/* Copyright 2017 by 3graphic.com */



/*NEWS LIST*/
.news-list{position:relative;display:block;width:90%;height:auto;max-width:1150px;margin:0 auto 40px auto;text-align:center;font-size:0;}
.news-list .news-item{margin:2px;border:1px solid #fff;}
.news-list .news-item:hover{border:1px solid #fff}


.more-box{position:relative;display:block;width:100%; height:auto;text-align:center;padding:0 0 40px 0;text-align:center}

.more-but{position:relative; display:inline-block; width:auto; height:auto}

.more-but span{position:relative; display:block; font-family:'Play', sans-serif;font-weight:400;font-size:16px;color:#8d8d8d;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}


.more-but span::after{content:'';position:relative;display:block;width:50px;height:50px;margin:10px auto;-webkit-border-radius:50%;border-radius:50%;background:url(../images/down.png) no-repeat center center;background-color:#a6a6a6;box-shadow:0 8px 20px rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.more-but:hover span{color:#005caa}
.more-but:hover span::after{background-color:#005caa}
.more-box.hide{display:none}


/*LOAD NEWS*/
.page-load-status{position: relative;display: none;width: 100%;height: auto;}
.page-load-status.show{display: block}
.page-load-status.show .loader-ellips{display:block}
.page-load-status.no-more, .page-load-status.no-more .infinite-scroll-error{display:block}
.loader-ellips { position: relative;  width:65px;  height:25px;  margin: 10px auto; display:none;}
.loader-ellips-dot {display: block;  width: 16px;  height: 16px;  border-radius:50%;  background-color:#005caa;  position: absolute;  animation-duration: 0.5s; animation-timing-function: ease;  animation-iteration-count: infinite;}
.infinite-scroll-error{font-family:'Play', sans-serif;font-weight:400;font-size: 16px; text-align:center;color: #004835;text-transform: uppercase;margin:20px 0;display:none}
.loader-ellips-dot:nth-child(1),.loader-ellips-dot:nth-child(2) {left: 0;}
.loader-ellips-dot:nth-child(3) { left: 25px; }
.loader-ellips-dot:nth-child(4) { left: 50px; }
.loader-ellips-dot:nth-child(1) {  animation-name: Reveal;}
.loader-ellips-dot:nth-child(2), .loader-ellips-dot:nth-child(3) {  animation-name: Slide;}
.loader-ellips-dot:nth-child(4) {  animation-name: Reveal;  animation-direction: reverse;}

/*NEWS PAGINATION*/
.more-box .pagination-wrapper { text-align: center;margin: 40px 0;}
.more-box .pagination {display: inline-flex;height: 70px;padding: 0 25px;border-radius: 35px;background-color: #eee;justify-content: center;max-width: 40%; }
.pagination .page-numbers {display: block;padding: 0 25px;float: left;transition: 400ms ease;color: #595959;font-size: 20px;letter-spacing: 0.1em;line-height: 70px;font-weight: 300;}
.page-numbers:hover{background-image:linear-gradient(0deg, rgb(89, 3, 4) 0%, rgb(240, 27, 30) 100%) ;color: white ;}
.pagination .prev:hover{background-image:none;color: rgb(89, 3, 4);text-decoration:underline;}
.pagination .next:hover{background-image:none;color: rgb(89, 3, 4);text-decoration:underline;}




/*NEWS ANIMATION*/
.news-list .news-item, .more-box{opacity:0}
.news-list .news-item.on-show:nth-child(3n + 1) {-webkit-animation:fadeInUp;animation:fadeInUp;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.news-list .news-item.on-show:nth-child(3n + 2) {-webkit-animation:fadeInUp;animation:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.news-list .news-item.on-show:nth-child(3n + 3) {-webkit-animation:fadeInUp;animation:fadeInUp;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}


.more-box.on-show{-webkit-animation:fadeIn;animation:fadeIn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}



@media screen and (max-width:1300px){
    /* height:auto; */
.news-list{width:100%;height:100%} 
.news-list .news-item{width:31%;padding:10px;}
	
}
@media screen and (min-width:1024px) {
	.more-box {margin-bottom: 70px}
	
}

@media screen and (max-width:1024px) {
	/*NEWS ANIMATION*/
	.news-list .news-item, .more-box {
		opacity: 1
	}

		.news-list .news-item.on-show:nth-child(3n + 1), .news-list .news-item.on-show:nth-child(3n + 2), .news-list .news-item.on-show:nth-child(3n + 3), .more-box.on-show {
			-webkit-animation: none;
			animation: none;
			-webkit-animation-duration: 0s;
			animation-duration: 0s;
			-webkit-animation-delay: 0s !important;
			animation-delay: 0s !important;
		}




		/*NEWS LIST*/
		.news-list .news-item:not(.current):hover {
			border: 1px solid #fff
		}



	@media screen and (max-width:900px) {
		.news-list {
			width: 100%
		}

			.news-list .news-item {
				width: 45%
			}

		.content__paging .page {
			width: 70%
		}
	}

	@media screen and (max-width:520px) {
		.news-list .news-item {
			width: 90%;
			padding: 0;
			max-width: inherit;
			margin: 0 0 5px 0
		}
	}


	@media print {
		@page {
			margin: 0;
		}

		/*FORMAT STYLE TO PRINT*/
		.news-list .news-item, .more-box {
			opacity: 1
		}

			.news-list .news-item.on-show:nth-child(3n + 1), .news-list .news-item.on-show:nth-child(3n + 2), .news-list .news-item.on-show:nth-child(3n + 3), .more-box.on-show {
				-webkit-animation: none;
				animation: none;
				-webkit-animation-duration: 0s;
				animation-duration: 0s;
				-webkit-animation-delay: 0s !important;
				animation-delay: 0s !important;
			}

		#news-page .is-news .wrap-content {
			page-break-after: auto;
			page-break-inside: avoid
		}

		#news-page .is-news .title {
			padding: 30px 0 0 0
		}

		.news-list {
			margin: 0 auto !important
		}

		.more-but {
			display: none
		}


		.load-text p {
			font-size: 13px !important;
		}

		.relation {
			display: none !important
		}


		.suggestions-job {
			margin: 0;
			padding: 0;
			page-break-inside: avoid;
			page-break-before: always;
		}

		.career-item {
			margin: 0.5% !important
		}
	}

	@media print and (orientation:portrait) {
		.suggestions-job {
			padding: 30px 0 20px 0 !important
		}

		.career-item {
			width: 340px !important;
			margin: 1% !important
		}
	}
}