@charset "UTF-8";
/*****

Blog and articles

******/
.single_post_header .cover_bg_image .home_slider_image_slice_img{
	background-size:cover;
}
.singlepost_title h1{
	font-size:90px;
	line-height:100%;
	line-height:100%;
	margin-bottom:0;
}


.singlepost_header_content{
	padding-top:40px;
	padding-left:50%;
}
.singlepost_title .deco_line {

    min-width: 140px;
    height: 8px;

}
.singlepost_title.show_dinamyc_title .singlepost_default_title,
.singlepost_title:not(.show_dinamyc_title) .singlepost_dynamic_title{
	display:none;
}
.singlepost_title.one_line_title .home_slide_title_bottom{
	display:none;
}

.singlepost_title:not(.one_line_title) .singlepost_dynamic_title{
	white-space:nowrap;
}

.singlepost_header_content{
	font-size:18px;
	line-height:120%;
	font-weight:400;
}
.singlepost_header_content strong{
	font-weight:400;
	color:#51E334;
}
.cover_post_date{
	font-weight:bold;
}
.l-section.blog_last_content {
    margin-bottom: 0!important;
    padding-bottom: 20vh;
}

.l-section.for_blogpost ~ .l-section {
	font-size:20px;
	line-height:130%;
	
}
.l-section.for_blogpost ~ .l-section:not(.width_full) .l-section-h {
	padding-left:16.6666666%!important;
	padding-right:16.6666666%!important;
}


@media only screen and (max-width: 1700px) {
	.l-section.for_blogpost ~ .l-section:not(.width_full) .l-section-h {
		padding-right:0!important;
	}
}
.l-section.blog_first_content{
	min-height:50vh;
}
.l-section.blog_first_content .article_sidebar_content ,
.l-section.blog_first_content .l-section-h {
	padding-top:100px!important;
}


.article_sidebar_content_ref{
	display:none;
}
.singlepost_header_content .deco_line.margin_small,
.article_sidebar_content .deco_line.margin_small{
	margin-bottom:1rem;
	max-width:30px;
}
.article_sidebar_content{
	position:absolute;
	width:25%;
	z-index:30;
	left:0;
	top:0;
	font-size:15px;
	line-height:120%;
	padding-right:45px;
}

.article_sidebar_content h4{
	font-size:20px;
	font-weight:bold;
	padding-top:0;
	margin-bottom:5px;
	line-height:100%;
}
.sidebar_date{
	font-size:14px;
}
.l-section.blog_quote_and_image .cover_bg_image .home_slider_image_slice_img{
	background-size: 50% auto;
	background-position: left top ;
}
.l-section.for_blogpost ~ .l-section.blog_quote_and_image:not(.width_full) .l-section-h {
	padding-left:36%!important;
	padding-right:0!important;
}

.page_quote_blog .page_quote_copy{
    font-size: 35px;
	font-weight:600;
}


.download_file_list ul{
	margin:0 0 20px;
	padding:20px 0 0 0;
	list-style:none;
}
.download_file_list ul li{
	margin:0 0 15px;
	padding:0;
}
.download_file_list ul li a{
	vertical-align:center;
	display:flex;
	align-items:center;
	line-height:100%;
}

.link_icon{
	width:40px;
	flex-shrink: 0;
	height:40px;
	line-height:40px;
	margin-right:5px;
	display:inline-block;
	text-align:center;
	color:#2323D9;
	font-weight:100;
	font-size:20px;
}







@media only screen and (max-width: 1500px) {
	.page_quote_blog .page_quote_copy{
		font-size: 28px;
	}
	.l-section.blog_quote_and_image .cover_bg_image .home_slider_image_slice_img{
		background-position: left 3rem ;
	}
}
@media only screen and (max-width: 1400px) {
	.page_quote_blog .page_quote_copy{
		font-size: 25px;
	}
}
@media only screen and (max-width: 1200px) {
	.l-main .l-section.for_blogpost ~ .l-section.blog_quote_and_image:not(.width_full) .l-section-h{
		width:100%;
	}
	.l-section.for_blogpost ~ .l-section.blog_quote_and_image:not(.width_full) .l-section-h {
		padding-left:53%!important;
		padding-right:16.3%!important;
	}
	.l-section.blog_quote_and_image .cover_bg_image .home_slider_image_slice_img{
		background-position: left 2rem ;
	}
	.page_quote_blog .page_quote_copy{
		font-size: 20px;
		margin-bottom: 1rem;
	}
	.page_quote_blog.page_quote .deco_line{
		margin-bottom: 1rem;
	}
	.page_quote_author{
		font-size:12px;
	}
	.l-section.for_blogpost ~ .l-section{
		font-size:17px;
	}

}
@media only screen and (max-width: 900px) {
	.page_quote_blog .page_quote_copy{
		font-size: 16px;
		
	}

}
@media only screen and (max-width: 767px) {
	.l-section.blog_quote_and_image .cover_bg_image{
		position:relative;
		width:100%;
		height:200px;
		margin-top:2em;
		margin-bottom:1em;

	}
	.l-section.blog_quote_and_image .cover_bg_image .home_slider_image_slice_img{
		background-position: left top;
		background-size:cover;
	}
	
	.page_quote.page_quote_blog .deco_line{
		margin-bottom:5px;
	}
	.page_quote_blog .page_quote_copy {
		font-size: 16px;
		margin-bottom:10px;
	}

	.l-section.for_blogpost ~ .l-section.blog_quote_and_image:not(.width_full) .l-section-h{
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 66.666666% !important;
		
		
	}
	.l-section.for_blogpost ~ .l-section{
		font-size:14px;
	}
	
}












/**

Articles List

**/
.articles_list_block ul{
	padding:50px 0 90px;
	margin:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
.articles_list_block ul li{
	width:50%;
	margin-bottom:140px;
}
.articles_list_block ul li:nth-child(2n+2){
	/*margin-top:-12%;*/
	transform:translateY(90px);
}

.post_list_item{
	display:flex;
}

.post_list_item{
	transition:transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-delay:.2s;
}
.post_list_item:not(.active){
	transform:translateY(200px);
}



.post_image_src{
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 85%;
}

.post_list_copy{
	width:50%;
	display:flex;
	align-items:flex-end;
	padding:20px;
	}

	.post_list_title h3{
		font-size:28px;
		font-weight:bold;
		line-height:100%;
	}
	.post_list_abstract{
		font-size:14px;
		max-width:200px;
		line-height:100%;
	}
	.post_list_date{
		font-size:17px;
		font-weight:bold;
		margin-bottom:8px;
	}
	
	.post_list_item .deco_line{
		height:6px;
		margin-top:15px;
		margin-bottom:15px;
	}
	.post_list_item .deco_line.size_medium{
		max-width:70px;
		height:6px;
	}

	
	
	
.article_featured_block{
	
}	
.article_featured_block .cover_bg_image{
	background:#2323D9;
}
	.article_featured_block .home_slider_image_slice .home_slider_image_slice_img{
		background-size:cover;
		background-position:center center;
		left:33.333333333333vw;
		width:66.666666666667vw;
	}
	.article_featured_block .home_slider_image_slice:nth-child(2) .home_slider_image_slice_img{
		left:calc(-16.666666666667vw + 33.333333333333vw);
	}
	.article_featured_block .home_slider_image_slice:nth-child(3) .home_slider_image_slice_img{
		left:calc(-33.333333333333vw + 33.333333333333vw);
	}
	.article_featured_block .home_slider_image_slice:nth-child(4) .home_slider_image_slice_img{
		left:calc(-50vw + 33.333333333333vw);
	}
	.article_featured_block .home_slider_image_slice:nth-child(5) .home_slider_image_slice_img{
		left:calc(-66.666666666667vw + 33.333333333333vw);
	}
	.article_featured_block .home_slider_image_slice:nth-child(6) .home_slider_image_slice_img{
		left:calc(-83.333333333333vw + 33.333333333333vw);
	}

	
@media only screen and (max-width: 767px) {
	.article_featured_block .home_slider_image_slice {
		left:33.333333333333vw;
		width:66.666666666667vw;
	}
	.article_featured_block .home_slider_image_slice:nth-last-child(-n+3) {
		display:none;
	}
	.article_featured_block .home_slider_image_slice:nth-child(2) .home_slider_image_slice_img{
		left:calc(-33.3333333333333vw + 33.333333333333vw);
	}
	.article_featured_block .home_slider_image_slice:nth-child(3) .home_slider_image_slice_img{
		left:calc(-66.666666666667vw + 33.333333333333vw);
	}
	
}
	
	

.singlepost_title{
	position:relative;
}
.singlepost_title .slider_plus_button{
	bottom:55px;
}
.blog_cover_author_name{
	font-weight:bold;
	font-size:20px;
}

.singlepost_title{
	padding-top:200px;
}






@media only screen and (max-width: 1500px) {
	
	.singlepost_title h1 {

		font-size: 85px;
	}
	.singlepost_header_content{
		font-size:16px;
	}
	.singlepost_header_content p{
		margin-bottom:10px;
	}
	.singlepost_title{
		padding-top:150px;
	}

	/**
	Articles list
	**/
	.articles_list_block ul li:nth-child(2n+2) {
		transform: translateY(65px);
	}
}
@media only screen and (max-width: 1500px) and (max-height: 700px) {
	.singlepost_title{
		padding-top:100px;
	}
}


@media only screen and (max-width: 1400px) {
	
	/**
	Articles list
	**/
	.post_list_title h3 {
		font-size: 25px;
	}
	.post_list_date {
		font-size: 15px;
	}
}
@media only screen and (max-width: 1200px) {
	.singlepost_title .deco_line {
		min-width: 100px;
	}
	.singlepost_title h1 {

		font-size: 80px;
	}

	/**
	Articles list
	**/
	.post_list_title h3 {
		font-size: 22px;
	}
	.post_list_date {
		font-size: 14px;
	}
	.articles_list_block ul li{
		margin-bottom:120px;
	}
	.post_list_copy{
		padding:10px 15px;
	}
	.articles_list_block ul li:nth-child(2n+2) {
		transform: translateY(60px);
	}
}
@media only screen and (max-width: 900px) {
	.singlepost_title h1 {

		font-size: 65px;
	}
	.singlepost_title{
		padding-top:20vh;
	}
	.article_sidebar_content{
		padding-right:25px;
	}
	.download_file_list ul li{
		margin-left:-45px;
	}
	
	

	/**
	Articles list
	**/
	.articles_list_block ul {
		flex-wrap:nowrap;
		flex-direction:column;
	}
	.articles_list_block ul li {
		width: 75%;
		margin-bottom: 80px;
	}
	.articles_list_block ul li:nth-child(2n+2) {
		transform: translateY(0);
		align-self:flex-end;
	}
}
@media only screen and (max-width: 767px) {
	.singlepost_title .deco_line {
		min-width: 80px;
	}
	.singlepost_title h1 {
		font-size: 40px;
	}
	.blog_cover_author_name,
	.singlepost_header_content{
		font-size:14px;
	}
	.singlepost_header_content{
		padding-left:25%;
	}

	.l-section.for_blogpost ~ .l-section:not(.width_full) .l-section-h{
		padding-left:0!important;
		
	}
	.l-section.blog_first_content .l-section-h{
		padding-top:50px!important;
	}
	.l-section.blog_first_content .article_sidebar_content{
		padding-top:0px!important;
		position:relative;
		width:100%;
	}
	
	.article_sidebar_content {
		font-size: 13px;
		margin-bottom:50px;
	}
	.download_file_list ul{
		padding-top:0;
	}
	
	.download_file_list ul li {
		margin-bottom:5px;
		margin-left:-30px;
	}
	.download_file_list ul li a{
		display:inline-block;
	}
	.link_icon {
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 13px;
	}	
	

	.l-section.for_blogpost ~ .l-section {
		font-size: 16px;
	}
	
	
	

	/**
	Articles list
	**/
	.post_list_item:not(.active) {

		transform: translateY(100px);

	}
	.singlepost_title .deco_line{
		height:6px;
	}
	
	.post_list_title h3 {
		font-size: 18px;
	}
	.post_list_date {
		font-size: 10px;
	}
	.post_list_item .deco_line{
		height: 4px!important;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.articles_list_block ul li {
		width: 100%;
	}
	.articles_list_block ul li:nth-child(2n+2) {
		align-self:auto;
	}
	
}