/*
 * BLOG
*/

@import 'header_block.css';
@import 'bottom_sec.css';
@import 'pagination.css';

.thumb-block{
	display: block;
	overflow: hidden;
}
.thumb-block .img{
	width: 100%;
	padding-bottom: 40%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#blog-sec{
	padding: 60px 0 70px;
}
.articles-col{
	padding-bottom: 46px;
}
#blog-sec article{
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	border-radius: 20px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	margin-bottom: 30px;
}
#blog-sec article .thumb-block .img{
	transition: .3s all;
}
#blog-sec article:hover .thumb-block .img{
	transform: scale(1.1);
}
#blog-sec article .text{
	padding: 25px 30px 23px;
}
.post-date{
	font-size: 12px;
	line-height: 1.35em;
	margin-bottom: 7px;
	color: #A5B6BE; 
}
.post-title{
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.625em;
	text-decoration: none;
	color: #3F5BA9;
	height: 4.875em;
	overflow: hidden;
}
.articles-col .posts-container{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.thumb-block.no-thumb{
	width: 100%;
	padding-bottom: 50%;
	background-color: #eee;
}

.filter-col .form{
	display: block;
	width: 100%;
	margin-bottom: 40px;
}
.filter-col form > *{
	display: inline-block;
	vertical-align: middle;
}
.filter-col form:first-child {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin-bottom: 10px;
}
.filter-col form:first-child .one-block:nth-child(3),
.filter-col form:first-child .one-block:nth-child(4) {
	display: none;
}
.filter-col form:first-child .one-block:nth-child(1) {
	width: 80px;
}
.filter-col form:first-child .one-block:nth-child(2) {
	width: calc(100% - 80px);
}
.filter-col form:last-child{
	width: 100%;
}
.filter-col .one-block input[name="search"]{
	width: calc(100% - 94px);
}
.filter-col .one-block input[type="submit"] {
    width: 94px;
}
.filter-col input:not([type="submit"]),
.filter-col select{
	background-color: #fff;
	line-height: 32px;
	height: 32px;
	border: 1px solid #D9DDDF;
	padding: 0 12px;
	font-size: 12px;
	color: #222222;
	border-radius: 3.75px;
}
.filter-col select{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7.5'%3E%3Cpath d='M1.5 1.5 6 6 10.5 1.5' fill='none' stroke='%23f69a31' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-size: 8px 8px;
	background-position: center right 12px;
	background-repeat: no-repeat;
}
.filter-col select::-ms-expand {
    display: none;
}
.filter-col .one-block:first-child{
	font-size: 20px;
	white-space: nowrap;
}
.filter-col .one-block:last-child > *{
	vertical-align: middle;
}
#sidebar aside .textwidget iframe{
	display: block;
	max-height: 500px;
}
#sidebar .sclbtn{
	display: inline-block;
	width: 27px;
	height: 27px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
#sidebar .sclbtn:not(:last-child){
	margin-right: 25px;
}
#sidebar .sclbtn.fb{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.951 26.951'%3E%3Cpath d='M13.476.349A13.529,13.529,0,0,0,11.228,27.21V16.7H7.978V12.924h3.251V10.136c0-3.234,1.967-5,4.841-5a26.717,26.717,0,0,1,2.9.148V8.668H16.979c-1.563,0-1.864.745-1.864,1.84v2.413h3.728L18.357,16.7H15.115V27.3A13.529,13.529,0,0,0,13.476.349Z' transform='translate(0 -0.349)' fill='%23F69A31'/%3E%3C/svg%3E%0A");
}
#sidebar .sclbtn.tw{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.951 26.951'%3E%3Cpath d='M13.476,0A13.476,13.476,0,1,0,26.951,13.476,13.477,13.477,0,0,0,13.476,0Zm6.153,10.507q.009.2.009.4a8.741,8.741,0,0,1-8.8,8.8h0A8.755,8.755,0,0,1,6.1,18.318a6.291,6.291,0,0,0,.738.043,6.206,6.206,0,0,0,3.842-1.324,3.1,3.1,0,0,1-2.89-2.148,3.083,3.083,0,0,0,1.4-.053A3.094,3.094,0,0,1,6.7,11.8c0-.014,0-.027,0-.039a3.072,3.072,0,0,0,1.4.387,3.1,3.1,0,0,1-.958-4.129,8.782,8.782,0,0,0,6.376,3.232,3.095,3.095,0,0,1,5.271-2.821,6.2,6.2,0,0,0,1.964-.751A3.105,3.105,0,0,1,19.4,9.392a6.169,6.169,0,0,0,1.776-.487,6.286,6.286,0,0,1-1.543,1.6Zm0,0' fill='%23F69A31'/%3E%3C/svg%3E%0A");
}
#sidebar .sclbtn.inst{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M0,13.5A13.5,13.5,0,1,1,13.5,27,13.5,13.5,0,0,1,0,13.5ZM10.3,5.8a5.684,5.684,0,0,0-1.882.361A3.966,3.966,0,0,0,6.155,8.423a5.708,5.708,0,0,0-.36,1.882c-.038.827-.047,1.091-.047,3.2s.009,2.37.047,3.2a5.712,5.712,0,0,0,.361,1.881,3.964,3.964,0,0,0,2.267,2.267,5.7,5.7,0,0,0,1.882.36c.827.038,1.091.047,3.2.047s2.37-.009,3.2-.047a5.7,5.7,0,0,0,1.882-.36,3.963,3.963,0,0,0,2.267-2.267,5.682,5.682,0,0,0,.36-1.882c.037-.826.047-1.09.047-3.2s-.009-2.369-.047-3.2a5.684,5.684,0,0,0-.36-1.882,3.966,3.966,0,0,0-2.267-2.268A5.7,5.7,0,0,0,16.7,5.8c-.827-.038-1.09-.047-3.2-.047S11.13,5.758,10.3,5.8ZM10.219,20.11a4.5,4.5,0,0,1-1.508-.279A2.686,2.686,0,0,1,7.17,18.289a4.476,4.476,0,0,1-.279-1.507c-.039-.856-.047-1.113-.047-3.282s.008-2.425.047-3.281A4.482,4.482,0,0,1,7.17,8.711,2.692,2.692,0,0,1,8.711,7.171a4.5,4.5,0,0,1,1.508-.28c.856-.039,1.113-.047,3.281-.047s2.425.008,3.281.047a4.484,4.484,0,0,1,1.507.279A2.692,2.692,0,0,1,19.83,8.711a4.5,4.5,0,0,1,.28,1.508c.039.856.047,1.113.047,3.281s-.008,2.425-.047,3.282a4.5,4.5,0,0,1-.28,1.507,2.69,2.69,0,0,1-1.541,1.542,4.5,4.5,0,0,1-1.507.279c-.856.039-1.113.047-3.281.047S11.075,20.149,10.219,20.11ZM9.33,13.5A4.17,4.17,0,1,0,13.5,9.33,4.17,4.17,0,0,0,9.33,13.5Zm7.53-4.334a.975.975,0,1,0,.975-.974A.975.975,0,0,0,16.86,9.166ZM10.671,13.5A2.829,2.829,0,1,1,13.5,16.329,2.829,2.829,0,0,1,10.671,13.5Z' fill='%23F69A31'/%3E%3C/svg%3E%0A");
}
#sidebar .sclbtn.in{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.951 26.951'%3E%3Cpath d='M13.476,0A13.476,13.476,0,1,0,26.951,13.476,13.477,13.477,0,0,0,13.476,0ZM9.56,20.371H6.278V10.5H9.56ZM7.919,9.149H7.9a1.711,1.711,0,1,1,.043-3.412,1.711,1.711,0,1,1-.022,3.412ZM21.394,20.371H18.112V15.089c0-1.328-.475-2.233-1.663-2.233a1.8,1.8,0,0,0-1.684,1.2,2.248,2.248,0,0,0-.108.8v5.514H11.376s.043-8.948,0-9.874h3.282v1.4a3.258,3.258,0,0,1,2.958-1.63c2.159,0,3.778,1.411,3.778,4.444Zm0,0' fill='%23F69A31'/%3E%3C/svg%3E%0A");
}
.widget-title{
	font-size: 15px;
	line-height: 2em;
	font-weight: 600;
	margin: 0 0 10px;
}
#sidebar .widget{
	margin-bottom: 25px;
}
#sidebar .widget .ctf-tweet-content a:last-child{
	display: none;
}
#sidebar .widget .ctf-tweet-text{
	font-size: 13.5px;
}
#sidebar .widget .ctf-author-name{
	display: block;
}
#sidebar .widget .ctf-author-box{
	position: relative;
}
#sidebar .widget .ctf-corner-logo{
	position: absolute;
	top: 0;
	right: 0;
}
.filter-col .one-block:nth-child(1),
.filter-col .one-block:nth-child(2),
.filter-col .one-block:nth-child(3),
.filter-col .one-block:nth-child(4),
.filter-col .one-block:nth-child(5){
	width: 100%;
}
.filter-col .one-block:nth-child(5) input[type="submit"]{
	width: 95px;
}
.filter-col .one-block:nth-child(5) input[name="search"]{
	width: calc(100% - 100px);
	margin-right: 0;
}
.sort_by{
	font-weight: 600;
}


#ctf{
	max-height: calc(100vh - 100px);
	overflow-x: scroll;
}

@media screen and (min-width:  576px) {
	.filter-col .form {
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}

	.filter-col form:first-child {
		width: 250px;
		margin: 0 10px 0 0;
	}

	.filter-col form:last-child {
		width: calc(100% - 260px);
	}
}

@media screen and (min-width: 768px){
	#blog-sec{
		padding: 40px 0 100px;
	}
	.blue-wave #blog-sec{
		background-image: url(../img/blue-wave-desktop.png);
		background-size: 1400px auto;
		background-position: center bottom 90px;
		background-repeat: no-repeat;
	}
	.articles-col{
		padding-bottom: 0;
	}
	#blog-sec article{
		width: calc(50% - 15px);
	}
	#blog-sec article:nth-child(2n - 1){
		margin: 0 30px 30px 0;
	}
	#blog-sec article:nth-child(2n){
		margin: 0 0 30px 0;
	}
	.post-date{
		font-size: 10.5px;
	}
	#blog-sec article .text{
		padding: 18px 24px 15px;
	}
	.filter-col .form,
	.filter-col form{
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}
	/*
	.filter-col form:first-child{
		width: calc(100% - 284px);
		margin-right: 4px;
	}
	.filter-col form:nth-child(2){
		width: 280px;
	}
	.filter-col form:first-child .one-block:nth-child(1){
		width: 69px;
	}
	.filter-col form:first-child .one-block:first-child{
		font-size: 15px;
	}
	.filter-col form:first-child .one-block:not(:last-child){
		padding-right: 4px;
	}
	.filter-col form:first-child .one-block:nth-child(2),
	.filter-col form:first-child .one-block:nth-child(3),
	.filter-col form:first-child .one-block:nth-child(4){
		width: calc((100% - 70px) / 3);
	}
	#sidebar .sclbtn:not(:last-child){
		margin-right: 10px;
	}
	*/
}
@media screen and (min-width: 768px) and (max-width: 1199px){
	#sidebar .widget .ctf-author-box{
		margin-left: 0
	}
	#ctf .ctf-author-avatar{
		display: none;
	}
	#ctf .ctf-tweet-actions,
	#ctf .ctf-tweet-content{
		margin-left: 0;
	}
}
@media screen and (min-width: 992px){
	#blog-sec{
		padding: 40px 0 120px;
	}
	#blog-sec article:nth-child(2n - 1){
		margin: 0 30px 52px 0;
	}
	#blog-sec article:nth-child(2n){
		margin: 0 0 52px 0;
	}
	#sidebar .sclbtn:not(:last-child){
		margin-right: 25px;
	}
	.filter-col form:first-child .one-block:not(:last-child),
	.filter-col form:last-child .one-block:not(:last-child){
		padding-right: 15px;
	}
	/*
	.filter-col form:first-child{
		width: calc(100% - 395px);
		margin-right: 15px;
	}
	.filter-col form:nth-child(2){
		width: 380px;
	}
	*/
	.filter-col .one-block input[type="submit"]{
		width: 132px;
	}
	.filter-col .one-block input[name="search"]{
		width: calc(100% - 148px);
		margin-right: 11px;
	}
}
@media screen and (min-width: 1200px){
	#blog-sec{
		padding: 74px 0 177px;
	}
	#blog-sec article{
		width: calc(50% - 123px);
	}
	#blog-sec article:nth-child(2n - 1){
		margin: 0 41px 52px 82px;
	}
	#blog-sec article:nth-child(2n){
		margin: 0 82px 52px 41px;
	}
	/*
	.filter-col form:first-child{
		width: calc(100% - 495px);
		margin-right: 15px;
	}
	.filter-col form:nth-child(2){
		width: 480px;
	}
	*/
}
@media screen and (min-width: 1400px){
	.blue-wave #blog-sec{
		background-size: 100% 735px;
	}
}
/*
@media screen and (max-width: 767px){
	.filter-col .one-block{
		display: block;
		height: 0;
		overflow: hidden;
		transition: .3s all;
	}
	.filter-col form:first-child .one-block:nth-child(1){
		line-height: 59px;
		height: 59px;
		position: relative;
	}
	.filter-col form:first-child .one-block:nth-child(1)::before,
	.filter-col form:first-child .one-block:nth-child(1)::after{
		content: '';
		display: block;
		background-color: #F69A31;		
		position: absolute;
		transition: .3s all;
	}
	.filter-col form:first-child .one-block:nth-child(1)::before{
		width: 15px;
		height: 2px;
		right: 0;
		top: calc(50% - 1px);
	}
	.filter-col form:first-child .one-block:nth-child(1)::after{
		width: 2px;
		height: 14px;
		right: 7px;
		top: calc(50% - 7px);
	}
	.filter-col form:first-child .one-block.active:nth-child(1)::after{
		height: 0;
		margin-top: 7px;
	}
	.filter-col .form{
		border-top: 1px solid #DCE8EE;
		border-bottom: 1px solid #DCE8EE;
	}
	.filter-col form:first-child .one-block.open:nth-child(2),
	.filter-col form:first-child .one-block.open:nth-child(3),
	.filter-col form:first-child .one-block.open:nth-child(4),
	.filter-col form:first-child .one-block.open:nth-child(5){
		margin-bottom: 10px;
	}
}
*/
@media screen and (min-width: 1650px){
	.filter-col input:not([type="submit"]),
	.filter-col select{
		height: 50px;
		line-height: 46px;
		font-size: 16px;
	}
	.post-title,
	.pagination-nav ul li > *{
		font-size: 18px;
	}
	.post-date{
		font-size: 13px;
	}
	.widget-title{
		font-size: 20px;
	}
	#sidebar .widget .ctf-tweet-text{
		font-size: 16px;
	}
}

.popup_close{
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
}
.popup_close::before,
.popup_close::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -3px;
    display: block;
    width: 27px;
    height: 2px;
    background-color: #9ea1a7;
}
.popup_close::before{
    transform: translate(0,-2px) rotate(45deg);
}
.popup_close::after{
    transform: translate(0,-2px) rotate(-45deg);
}
.popup_bg{
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    z-index: 999;
    transition: .3s all;
}
.popup_bg.open{
    opacity: 1;
    pointer-events: auto;
}
.popup_container{
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.popup_block{
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 40px 15px 20px;
    background-color: #fff;
}