html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}

/* font-family: "ProximaNovaRegular"; */
/*@font-face {
    font-family: "ProximaNovaRegular";

    src: url("../../../fonts/proxima-nova/proxima-nova.eot");
    src: url("../../../fonts/proxima-nova/proxima-nova.eot?#iefix") format("embedded-opentype"),
	     url("../../../fonts/proxima-nova/proxima-nova.woff") format("woff"),
	     url("../../../fonts/proxima-nova/proxima-nova.ttf") format("truetype");

    src: url("../../../fonts/proxima_nova/proxima-nova.woff") format("woff"),
	     url("../../../fonts/proxima_nova/proxima-nova.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
	font-family: "ProximaNovaBold";
	src: url("../../../fonts/proxima_nova/proxima-nova-bold.woff2") format("woff2"),
		 url("../../../fonts/proxima_nova/proxima-nova-bold.woff") format("woff"),
		 url("../../../fonts/proxima_nova/proxima-nova-bold.ttf") format("truetype");
	font-weight:700;
	font-style:normal;
}*/




@font-face{
    font-family: "MontserratRegular";
    src: url("../../../fonts/montserrat/Montserrat-Regular.eot");
    src: url("../../../fonts/montserrat/Montserrat-Regular.woff2") format("woff2"),
    	 url("../../../fonts/montserrat/Montserrat-Regular.woff") format("woff");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "MontserratBold";
    src: url("../../../fonts/montserrat/Montserrat-Bold.eot");
    src: url("../../../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"),
    	 url("../../../fonts/montserrat/Montserrat-Bold.woff") format("woff");
    font-style: normal;
    font-weight: normal;
}

@font-face{
    font-family: 'main';
    src: url('../fonts/main/main.eot?fgxwv9');
    src: url('../fonts/main/main.eot?fgxwv9#iefix') format('embedded-opentype'),
    url('../fonts/main/main.ttf?fgxwv9') format('truetype'),
    url('../fonts/main/main.woff?fgxwv9') format('woff'),
    url('../fonts/main/main.svg?fgxwv9#main') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"]{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'main' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\e900";
}
.icon-menu2:before {
  content: "\e910";
}
.icon-search:before {
  content: "\e901";
}
.icon-user:before {
  content: "\e902";
}
.icon-info:before {
  content: "\e903";
}
.icon-arrow_top:before {
  content: "\e912";
}
.icon-down:before {
  content: "\e904";
}
.icon-left:before {
  content: "\e90b";
}
.icon-right:before {
  content: "\e90c";
}
.icon-left_circle:before {
  content: "\e905";
}
.icon-right_circle:before {
  content: "\e906";
}
.icon-cancel:before {
  content: "\e911";
}
.icon-ellipsis:before {
  content: "\e907";
}
.icon-eye:before {
  content: "\e90f";
}
.icon-sent:before {
  content: "\e908";
}
.icon-internet:before {
  content: "\e913";
}
.icon-location:before {
  content: "\e914";
}
.icon-phone:before {
  content: "\e915";
}
.icon-twitter:before {
  content: "\e909";
}
.icon-facebook:before {
  content: "\e90a";
}
.icon-linkedin:before {
  content: "\e90d";
}
.icon-pocket:before {
  content: "\e90e";
}

*{
	box-sizing: border-box;
}

/* @group Общий стиль */
html,
body {
	width: 100%;
	/*height: 100%;*/
}
body{
	/*background: #EBE8E8;*/
	background: #fff;
	color: #222;
	font: 14px 'MontserratRegular', Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-weight: 300;
}
#tinymce{
	background:#fff;
}
#tinymce ul,
#tinymce ol{
	padding:0 0 7px 20px;
}
a{
	color: #149311;
	text-decoration: none;
}


h1,
.h1{
	color: #222328;
	font-family: "MontserratBold";
	font-size: 36px;
	line-height: 1.1;
	font-weight: 900;
	padding: 0 0 20px;
}
h2,
.h2{
	color: #333;
	font-size: 28px;
	line-height: 1;
	font-weight: 800;
	padding: 0 0 25px;
	margin: 0;
}
h3,
.h3{
	color: #333;
	font-size: 26px;
	line-height: 1;
	padding: 0 0 15px;
}
h4,
.h4{
	color: #333;
	font-size: 22px;
	line-height: 1;
	padding: 0 0 15px;
}

[data-tooltip]{
	position: relative;
}
[data-tooltip]:before {
    content: attr(data-tooltip);
    background: #000;
	color: #fff;
	font-size: 12px;
	line-height: 1.1;
	white-space: nowrap;
	text-align: center;
	text-transform: none;
	position: absolute;
	left: -9000px;
	bottom: 100%;
	opacity: 0;
	transform: translate(-50%, -30px);
	transition: opacity .5s, transform .5s;
	padding: 5px 10px;
}
[data-tooltip]:hover:before{
	left: 50%;
	opacity: 1;
	transform: translate(-50%, -10px);
}
[data-tooltip]:after{
	content: '';
	border: 8px solid transparent;
	border-top: #000 8px solid;
	position: absolute;
	left: -9000px;
	bottom: 100%;
	opacity: 0;
	transform: translate(-50%, -14px);
	transition: opacity .5s, transform .5s;
}
[data-tooltip]:hover:after{
	left: 50%;
	opacity: 1;
	transform: translate(-50%, 4px);
}

.fx{
	display: flex;
	flex-direction: row;
}
.fx.v{
	flex-direction: column;
}
.fx.c{
	justify-content: center;
}
.fx.w{
	flex-wrap: wrap;
}


.w100{
	width: 100%;
}
.w70{
	width: 70%;
}
.w60{
	width: 60%;
}
.w50{
	width: 50%;
}
.w40{
	width: 40%;
}
.w30{
	width: 30%;
}
.main_width,
.main_width_{
	width: calc(100% - 300px);
	max-width: 1400px;
	margin: 0 auto;
}
.main_width{
	background: #fff;
	position: relative;
	/*min-height: 100vh;*/
	/*box-shadow: 0 0 6px rgba(0,0,0,.06);*/
	padding: 15px 0 0;
}
.padd_t_b{
	padding-top: 17px;
	padding-bottom: 17px;
}
.padd_l_r{
	padding-left: 15px;
	padding-right: 15px;
}

.padd_t_b_v2{
	padding-top: 34px;
	padding-bottom: 34px;
}
.padd_t_v2{
	padding-top: 34px;
}
.padd_b_v2{
	padding-bottom: 34px;
}
.padd_block30{
	height: 30px;
}
.padd_block50{
	height: 50px;
}
.padd_block100{
	height: 100px;
}

.bg_w{
	background: #fff;
}

.bg_1{
	background: #f7f7f7;
}
.bg_2{
	background: #EAEBEB;
}


.clear{
	clear: both;
}


.md_bg{
	background: rgba(0,0,0,0);
	position: fixed;
	right: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	transition: background .5s, backdrop-filter .5s, -webkit-backdrop-filter .5s;
	z-index: 30;
}
.md_show{
	display: none;
}
.md_show:checked + .md_bg{
	background: rgba(0,0,0,.7);
	right: 0;
	-webkit-backdrop-filter: saturate(180%) blur(3px);
	backdrop-filter: saturate(180%) blur(3px);
}
.md_show:checked ~ .md_sidebar{
    left: 0;
}

.md_sidebar{
	background: #fff;
	line-height: 1;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -280px;
    width: 280px;
    transition: .4s ease-out;
    z-index: 30;
    overflow-y: auto;
}
.md_sidebar > .wrapper{
	padding: 50px 30px;
}
.md_sidebar .menu_block{
	position: relative;
}
.md_sidebar .menu_block + .menu_block{
	margin-top: 30px;
	padding-top: 30px;
}
.md_sidebar .menu_block + .menu_block:before{
	content: '';
	background: #eee;
	position: absolute;
	left: -20px;
	top: 0;
	width: calc(100% + 40px);
	height: 1px;
}
.md_sidebar .menu_block .title{
	color: #ACAB0E;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin: 0 0 30px;
}
.md_sidebar .menu{
	list-style: none;
}
.md_sidebar .menu li{
	margin: 0 0 13px;
}
.md_sidebar .menu li > a,
.md_sidebar .menu li > label{
	display: inline-block;
	border-bottom: transparent 1px solid;
	color: #444;
	font-size: 18px;
	font-weight: 700;
	padding: 3px 0;
}
.md_sidebar .menu li > label{
	border-bottom: #8fd3f4 2px solid;
}
.md_sidebar .menu li > a:hover{
	border-bottom-color: #8fd3f4;
}
.md_sidebar .menu li.languages *{
	margin-right: 5px;
}


.show_modal{
	display: none;
}
.md_bg{
	background: rgba(0,0,0,0);
	position: fixed;
	right: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	transition: background .5s, backdrop-filter .5s, -webkit-backdrop-filter .5s;
	z-index: 30;
}
.show_modal:checked + .md_bg,
.md_container .md_bg{
	background: rgba(0,0,0,.7);
	right: 0;
	-webkit-backdrop-filter: saturate(180%) blur(3px);
	backdrop-filter: saturate(180%) blur(3px);
}
.md_container{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	z-index: 20;
}
.show_modal:checked + .md_container{
	display: block;
}
.md_container .container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	min-height: 100%;
	z-index: 30;
}
.md_container .md_bg{
	background: rgba(0,0,0,.7);
	position: absolute;
}
.md_container .container > .wrapper{
	background: #fff;
	border-radius: 5px;
	position: relative;
	width: 1000px;
	max-width: calc(100% - 100px);
	min-height: 90vh;
	z-index: 35;
	padding: 20px;
	margin: 5vh auto;
}
.md_container .container .cancel{
	color: #fff;
	font-size: 20px;
	position: fixed;
	right: 20px;
	top: 20px;
	opacity: .7;
	cursor: pointer;
}
.md_container .container .cancel:hover{
	opacity: 1;
}

.main_logo{
	display: block;
	width: 266px;
	margin: 0 auto 18px;
}
.main_logo img{
	display: block;
	width: 100%;
}

.main_width > .inblock{
	position: relative;
}
.main_width > .inblock:before,
.main_width > .inblock:after{
	display: none;
	content: '';
	/*background: #fff;*/
	background: linear-gradient(#fff 50px, rgba(255,255,255,.0));
	position: absolute;
	top: 0;
	width: 15px;
	height: 150px;
	z-index: 11;
}
.main_width > .inblock:before{
	left: 0;
}
.main_width > .inblock:after{
	right: 0;
}

.header{
	line-height: 1;
	/*float: left;*/
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0;
	width: calc(100% + 30px);
	z-index: 10;
	margin: 0 -15px;
}
.header:stuck{
	border-bottom: #999 1px solid;
}
.header .wrapper{
	background: #f3f3f3;
	/*border-bottom: #fff 5px solid;*/
	position: relative;
	height: 45px;
	margin: 0 0 15px;
}
.header .lenguages{
	background: #fff;
	border-radius: 20px;
	font-size: 11px;
	padding: 2px;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}
.header .lenguages *{
	color: #444;
	float: left;
	text-transform: uppercase;
	padding: 3px 7px;
}
.header .lenguages span{
	background: #ececec;
	border-radius: 20px;
}
.header .menu_wrapper{
	display: table;
	margin: 0 auto;
}
.header .to_search{
	color: #666;
	font-size: 20px;
	position: absolute;
	/*right: 110px;*/
	right: 34px;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s;
	cursor: pointer;
}
.header .to_search:hover{
	color: #333;
}
.header .logo{
	display: none;
	width: 126px;
	position: absolute;
	left: 50%;
	top: 3px;
	transform: translateX(-50%);
	margin: 0;
}
.to_mob_sidebar{
	display: none;
	color: #000;
	font-size: 22px;
	float: left;
	margin: 7px 0 0;
}
.header .menu{
	display: flex;
	list-style: none;
	height: 45px;
}
.header .menu > li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	margin: 0 10px;
}
.header .menu > li > a,
.header .menu > li > span{
	display: block;
	color: #444;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
	margin-top: 1px;
}
.header .menu > li > a:hover:before{
	content: '';
	background: transparent;
	position: absolute;
	left: 0;
	bottom: 12px;
	width: 100%;
	height: 1px;
	transition: .3s;
}
.header .menu > li > a:hover:before{
	background: #D6D54E;
}
.header .menu > li:first-child{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 30px;
}
.header .menu > li label{
	color: #000;
	font-size: 22px;
	cursor: pointer;
	transition: .3s;
	padding: 3px 0;
	margin: 1px 0 0;
	/*margin: 1px 10px 0 0;*/
}
/*.header .menu > li label:hover{
	color: #ACAB0E;
}*/
.header .menu > li > span i{
	color: #888;
	font-size: 7px;
	line-height: 14px;
	height: 14px;
	float: right;
	margin: 1px 0 0 5px;
}
.header .menu ul{
	display: none;
	background: #fff;
	list-style: none;
	position: absolute;
	left: -20px;
	top: 100%;
	box-shadow: 0 2px 6px rgba(0,0,0,.1);
	z-index: 5;
	padding: 18px 20px 5px;
}
.header .menu ul li{
	white-space: nowrap;
	margin: 0 0 13px;
}
.header .menu ul li *{
	border-bottom: transparent 1px solid; 
	color: #444;
	font-size: 17px;
	font-weight: 900px;
	transition: .3s;
}
.header .menu ul li a:hover{
	border-bottom-color: #D6D54E;
}
.header .menu ul li span{
	/*color: #999;*/
	border-bottom: #D6D54E 2px solid;
}
.header .menu li:hover > ul{
	display: block;
}
.header .menu li.parent:hover:before{
	content: '';
	border: transparent 7px solid;
	border-bottom-color: #ddd;
	position: absolute;
	bottom: 0;
	left: calc(50% - 7px - 5px);
	z-index: 6;
}
.header .menu li.parent:hover:after{
	content: '';
	border: transparent 6px solid;
	border-bottom-color: #fff;
	position: absolute;
	bottom: 0;
	left: calc(50% - 6px - 5px);
	z-index: 6;
}

.more_button{
	display: inline-block;
	border: #ccc 1px solid;
	border-radius: 40px; 
	color: #444;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	transition: .3s;
	cursor: pointer;
	padding: 5px 15px;
}
.more_button:hover{
	border-color: #aaa;
}
.hide{
	display: none;
}




.path{
	display: block;
	color: #999;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 90%;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 0 20px;
}
.path > div{
	display: inline;
}
.path a,
.path span{
	color: #999;
}
.path a,
.path span{
	position: relative;
	margin: 0 20px 0 0;
}
.path a:hover{
	color: #666;
}
.path a:after,
.path span:after{
	content: '';
	background: #bbb;
	position: absolute;
	right: -12px;
	top: -5px;
	width: 1px;
	height: calc(100% + 10px);
	transform: rotate(18deg);
}
.path > div:last-child > *:after{
	display: none;
}
.path i{
	font-style: normal;
}


.content_wrapper .sidebar{
	position: relative;
	width: 290px;
	padding-left: 20px;
}
.content_wrapper .content_width,
.title_line .title,
.title_line .author_block{
	width: calc(100% - 290px);
}
.title_line .title .wrapper{
	padding: 0 0 30px;
}
.title_line .title h1{
	display: inline;
}

.content_wrapper .box{
	background: #fff;
	width: 100%;
}
.content_wrapper.bg_white .box{
	background: #f7f7f7;
}

.title_line .title .txt{
	text-align: justify;
	margin: 0 0 34px;
}



.subscribe_block{
	background: #FFD55C url(../images/mailbox.svg) no-repeat calc(100% - 10px) bottom/90px auto;
	line-height: 1;
	overflow: hidden;
	padding: 20px 17px;
}
.subscribe_block > .wrapper{
	width: 150px;
}
.subscribe_block .title{
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 5px;
}
.subscribe_block .desc{
	font-size: 12px;
	margin: 0 0 8px;
}
.subscribe_block form > .wrapper{
	float: left;
}
.subscribe_block form > .wrapper .form_box{
	background: rgba(255,255,255,.67);
	border-radius: 3px;
	float: left;
	width: 100%;
	padding: 3px;
}

.inp_bn_block{
	display: none;
	background: rgba(255,255,255,.67);
	border-radius: 3px;
	float: left;
	width: 200px;
	margin: 5px 0;
}
.inp_bn_block.active{
	display: flex;
}
.inp_bn_block img,
.text_block .inp_bn_block img{
	display: block;
	border-radius: 3px 0 0 3px;
	margin: 0;
}
.inp_bn_block input{
	background: transparent;
	border: none;
	outline: none;
	font-size: 14px;
	width: calc(100% - 76px);
	padding: 0 10px;
}
.sidebar .inp_bn_block{
	width: 150px;
}
.sidebar .inp_bn_block img{
	width: 60px;
}
.sidebar .inp_bn_block input{
	width: calc(100% - 60px);
}

.subscribe_block .input_block{
	float: left;
	width: calc(100% - 24px);
}
.subscribe_block .inp{
	background: none;
	border: none;
	outline: none;
	width: 100%;
	height: 24px;
	padding: 0 3px;
}
.subscribe_block button{
	background: #FFD55C;
	border: none;
	border-radius: 2px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	float: left;
	width: 24px;
	height: 24px;
	cursor: pointer;
	padding: 0;
}
.subscribe_block .info{
	margin: 33px 0 0;
}

.subscribe_block.post_box > .wrapper{
	width: 100%;
}
.subscribe_block.post_box{
	background-size: 160px auto;
	background-position: calc(100% - 40px) -18px;
	min-height: 70px;
	padding: 15px 20px 5px;
}
.subscribe_block.post_box form .cont{
	float: left;
	margin: 0 40px 0;
}
.subscribe_block.post_box form > .wrapper{
	width: 320px;
	margin: 2px 0 0;
}
.subscribe_block.post_box .inp{
	font-size: 14px;
	height: 30px;
}
.subscribe_block.post_box button{
	width: 30px;
	height: 30px;
}
.subscribe_block.post_box .input_block{
	width: calc(100% - 30px);
}
.subscribe_block.post_box .info{
	margin-top: 15px;
}

.content_wrapper .box.test{
	height: 400px;
}
.content_wrapper .sidebar .box{
	margin: 0 0 17px;
}
.sidebar .box .head{
	border-bottom: #ccc 1px solid;
	padding: 0 0 12px;
}
.sidebar .box .head .title{
	font-size: 21px;
	line-height: .9;
	padding: 0;
}

.banner_bg_block{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.banner_bg_block > .wrapper{
	text-align: center;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.banner_bg_block > .wrapper .bn{
	position: absolute;
	top: 0;
	height: 100vh;
}
.banner_bg_block > .wrapper .bn.l{
	right: 100%;
}
.banner_bg_block > .wrapper .bn.r{
	left: 100%;
}
.banner_bg_block > .wrapper .bn .bg{
	position: absolute;
	top: 0;
	width: 50vw;
	height: 100%;
}
.banner_bg_block > .wrapper .bn.l .bg{
	right: 100%;
}
.banner_bg_block > .wrapper .bn.r .bg{
	left: 100%;
}

.advertising{
	position: relative;
}
.advertising > .wrapper img{
	display: block;
	width: 100%;
}
.advertising .title{
	background: rgba(255,255,255,.8);
	border-radius: 30px;
	color: #222;
	font-size: 10px;
	line-height: 1;
	text-transform: uppercase;
	position: absolute;
	top: 5px;
	right: 5px;
	transition: .3s;
	padding: 2px 19px 2px 8px;
}
.advertising .title:hover{
	background: #fff;
}
.advertising .title i{
	position: absolute;
	color: #666;
	font-size: 10px;
	top: 2px;
	right: 3px;
}

.advertising + .advertising{
	margin-top: 10px;
}

.sidebar .box.advertising > .wrapper img{
	max-width: 270px;
}

.advertising.mob{
	display: none;
}


.content_wrapper .sidebar .subscribe_block{
	background: #FFD55C url(../images/mailbox.svg) no-repeat calc(100% - 10px) bottom/90px auto;
	min-height: 127px;
	overflow: hidden;
	padding: 20px 17px;
}




.content_wrapper .sidebar .facebook_g{
	background: #fff url(../images/facebook.svg) no-repeat calc(100% - 10px) center/auto calc(100% - 20px);
	border: #1E81CE 4px solid;
	color: #444;
	line-height: 1;
	min-height: 110px;
	padding: 15px 13px;
}
.facebook_g .wrapper{
	width: 150px;
}
.facebook_g .title,
.facebook_g .title2{
	
}
.facebook_g .title{
	font-size: 15px;
	font-weight: 800;
	margin: 0 0 3px;
}
.facebook_g .title2{
	font-size: 18px;
	font-weight: 800;
	margin: 0 0 8px;
}
.facebook_g .title2 span{
	font-family: "MontserratBold";
	font-weight: 300;
}
.facebook_g .button{
	display: inline-block;
	background: #E8E8E8;
	color: #333;
	font-weight: 800;
	transition: .3s;
	padding: 7px 13px;
}
.facebook_g:hover .button{
	background: #1E81CE;
	color: #fff;
}
.sidebar .blogers_block{
	padding: 20px 17px 15px;
}
.sidebar .blogers .bloger{
	border-bottom: rgba(0,0,0,.07) 1px solid;
	padding: 15px 0;
}
.sidebar .blogers_block.not_has_more .bloger:last-child{
	border: none;
	padding-bottom: 5px;
}

.sidebar .blogers .bloger .image{
	font-size: 10px;
	text-align: center;
	width: 40px;
	margin: 0 10px 0 0;
}
.sidebar .blogers .bloger .image img{
	display: block;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	object-fit: cover;
}
.sidebar .blogers .bloger .image i{
	color: #eee;
	font-size: 40px;
}
.sidebar .blogers .bloger .cont{
	width: calc(100% - 50px);
}
.sidebar .blogers .bloger .name{
	color: #333;
	line-height: 1;
	font-weight: 800;
	margin: 0;
}
.sidebar .blogers .bloger .author_post{
	color: #777;
	font-size: 12px;
}
.sidebar .post{
	color: #333;
	font-size: 15px;
	line-height: 1;
	margin: 8px 0 0;
}
.sidebar .post_info{
	color: #999;
	font-size: 12px;
}
.sidebar .post_info *{
	display: inline-block;
	margin: 2px 0 0;
}
.sidebar .date{
	margin-right: 10px;
}
.sidebar .views i{
	color: #aaa;
	position: relative;
	top: 1px;
}

.sidebar .blogers_block .more_button{
	margin: 15px 0 0;
}
.sidebar .latest_posts{
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 60px;
}
.content_wrapper .sidebar .latest_posts{
	background: #F6F3ED;
}
.sidebar .latest_posts .post{
	font-weight: 700;
}

.blogers_nav_block{
	float: left;
	width: 100%;
	padding: 0 0 20px;
}
.blogers_nav_block *{
	box-sizing: content-box;
}
.blogers_nav{
	list-style: none;
	width: 100%;
}
.blogers_nav .bloger{
	border: #bbb 1px dashed;
	float: left;
	width: calc(20% - 30px);
	padding: 10px;
	margin: 0 10px 10px 0;
}
.blogers_nav > .bloger:nth-child(5n){
	margin-right: 0;
}
.blogers_nav .bloger .image{
	display: block;
	font-size: 12px;
	text-align: center;
	width: 60px;
	margin: 0 10px 0 0;
}
.blogers_nav .bloger .image img{
	display: block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	object-fit: cover;
}
.blogers_nav .bloger .image i{
	color: #eee;
	font-size: 60px;
}
.blogers_nav .bloger .cont{
	width: calc(100% - 70px);
}
.blogers_nav .bloger .name{
	color: #333;
	font-size: 16px;
	line-height: 1;
	font-weight: 800;
	margin: 0 0 5px;
}
.blogers_nav .bloger .posts_count{
	color: #999;
	font-size: 14px;
	font-family: "Helvetica", "MontserratRegular";
	font-weight: 100;
}
.author_block{
	margin-bottom: 34px;
}
.author_block .image{
	width: 150px;
	margin: 0 20px 0 0;
}
.author_block .image img{
	display: block;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	object-fit: cover;
}
.author_block .cont{
	width: calc(100% - 170px);
}
.author_block.empty_img .image{
	width: 40px;
	margin: 0 15px 0 0;
}
.author_block .image i{
	color: #eee;
	font-size: 40px;
}
.author_block.empty_img .cont{
	width: calc(100% - 55px);
}
.author_block .cont h1{
	padding-bottom: 5px;
}
.author_block .cont .author_post{
	color: #999;
	font-size: 16px;
	padding-bottom: 5px;
}
.author_block .cont .txt{
	text-align: justify;
	margin: 10px 0 0;
}



.image.cover{
	display: block;
	position: relative;
	width: 100%;
	padding: 0 0 60%;
}
.image.cover img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.share{
	margin: 0 0 25px;
}
.share .socials div{
	display: inline-block;
	background: rgba(0,0,0,.07);
	border-radius: 30px;
	line-height: 1;
	cursor: pointer;
	margin: 0 5px 2px 0;
}
.share .socials div:hover{
	background: rgba(0,0,0,.1);
}
.share .socials div i{
	background: #fff;
	border-radius: 50%;
	color: #999;
	font-size: 24px;
	float: left;
}
.share .socials div span{
	color: #666;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: left;
	padding: 7px 13px 0 7px;
}
.share .socials div.fb i{
	color: #4267b2;
}
.share .socials div.tw i{
	color: #1da1f2;
}
.share .socials div.in i{
	color: #0077b5;
}
.share .socials div.pt i{
	color: #ed4055;
}

.text_block ~ .share{
	background: #f7f7f7;
	padding: 9px 17px 2px;
}
.typo_info + .share{
	margin-top: 20px;
}
.text_block a{
	text-decoration: underline;
}

.posts{
	list-style: none;
}
.posts.ch1 .post{
	width: 100%;
	margin: 0 0 10px;
}
.posts.ch2 .post{
	width: calc(50% - 5px);
	margin: 0 10px 10px 0;
}
.posts.ch3 .post{
	width: calc(100% / 3 - 10px);
	margin: 0 15px 33px 0;
}
.posts.ch4 .post{
	width: calc(25% - 45px / 4);
	margin: 0 15px 30px 0;
}
.posts.ch2 .post:nth-child(2n),
.posts.ch3 .post:nth-child(3n),
.posts.ch4 .post:nth-child(4n){
	margin-right: 0;
}



.posts.v1 .post{
	background: #fff;
	/*padding: 15px;*/
}
.bg_1 .posts.v1 .post{
	padding: 15px;
}


.posts.v1.related .post{
	width: calc(50% - 8px);
	/*padding: 15px;*/
	margin: 0 16px 30px 0;
}
.posts.v1.related.m .post:first-child{
	width: 100%;
	margin-right: 0;
}
.posts.v1.related .post:nth-child(2n+1){
	margin-right: 0;
}

.posts.v1.related.m .post:first-child{
	display: flex;
}
.posts.v1.related.m .post:first-child .image{
	width: 55%;
	padding: 0 0 31%;
	margin: 0 15px 0 0;
}
.posts.v1.related.m .post:first-child .cont{
	width: calc(45% - 15px);
}
.posts.v1.related.m .post:first-child .title{
	font-size: 24px;
}

.posts .post .image{
	padding: 0 0 63%;
	margin: 0 0 15px;
}
.posts .post .title{
	font-size: 18px;
	line-height: 1;
}
.posts .post .title a{
	color: #333;
}
.post_sticker{
	display: inline-block;
	background: #777;
	border-radius: 2px;
	font-size: .7em;
	font-weight: 100;
	position: relative;
	/*clip-path: polygon(0 0, 100% 0, calc(100% - 5px) 50%, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 5px) 50%, 100% 100%, 0 100%);*/
	padding: 5px;
	margin-left: 5px;
}
.post_sticker,
.posts .post .title .post_sticker{
	color: #fff;
}
h1 + .post_sticker{
	font-size: 19px;
	top: -3px;
}

.posts .post .annotation{
	color: #888;
	margin: 0 0 8px;
}
.posts .post .more,
.events .event .more{
	display: inline-block;
	border-bottom: #ddd 1px solid;
	color: #777;
	text-transform: lowercase;
	cursor: pointer;
	margin: 0;
}

.info_line{
	font-size: 13px;
	line-height: 1;
	margin: 0 0 10px;
}
.info_line > *,
.info_line .inline > *,
.info_line .inline .date,
.info_line .inline .views{
	display: inline;
}
/*.info_line .post_categories + .inline{
	white-space: nowrap;
}*/
.info_line .inline .nwr{
	white-space: nowrap;
}
.post_authors .author{
	display: inline-block;
	color: #444;
	font-weight: 700;
	white-space: nowrap;
	transition: .3s;
	opacity: .67;
	margin: 0 10px 5px 0;
}
.post_authors .author:hover{
	opacity: 1;
}
.post_authors .author img{
	border-radius: 50%;
	float: left;
	width: 26px;
	height: 26px;
	object-fit: cover;
	margin-right: 7px;
}
.post_authors .author i{
	color: #bbb;
	float: left;
	margin: 6px 6px 0 0;
}
.post_authors .author span{
	display: inline-block;
	margin: 7px 0 0;
}
.pg_home .post_authors{
	display: none;
}

.info_line .date,
.info_line .views{
	display: inline-block;
	color: #888;
	font-weight: 100;
	white-space: nowrap;
	margin-right: 10px; 
}
.info_line .views,
.info_line .inline .views,
.sidebar .post_info .views{
	display: none;
}
.views i{
	color: #aaa;
	position: relative;
	top: 1px;
}
.post_categories{
	/*margin-right: 5px;*/
}
.post_category,
.post_tag{
	display: inline-block;
	background: #999;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 5px;
	margin: 0 5px 7px 0;
}
.post_tags{
	line-height: 1;
	margin: 0 0 11px;
}
.post_tags > *{
	display: inline-block;
	border: #eee 1px solid;
	border-radius: 20px;
	color: #999;
	font-size: 12px;
	text-transform: lowercase;
	transition: .3s;
	padding: 2px 9px;
	margin: 0 0 4px;
}
.post_tags > a:before,
.post_tags > span:before{
	content: '#';
	display: inline-block;
	margin-right: 4px;
}
.post_tags > a:hover{
	border-color: #aaa;
	color: #777;
}
.post_tags.v2 > *{
	border-color: #ddd;
	color: #777;
	font-size: 14px;
	padding: 3px 11px;
}
.post_tags input{
	display: none;
}
.post_tags input ~ a:nth-child(n+4){
	display: none;
}
.post_tags label{
	cursor: pointer;
}
.post_tags label i{
	color: #bbb;
	position: relative;
	top: 1px;
}
.post_tags input:checked ~ a:nth-child(n+4){
	display: inline-block;
}
.post_tags input:checked ~ label{
	display: none;
}


.d_select{
	border: #aaa 1px solid;
	border-radius: 40px;
	position: relative;
}
.d_select .wrapper{
	position: relative;
	left: 0;
	top: 0;
}
.d_select .option{
	display: none;
	white-space: nowrap;
	cursor: pointer;
}
.d_select .option.selected{
	display: block;
	float: left;
	margin: 0 40px 0 13px;
}
.d_select:before{
	content: "\e904";
	font-family: 'main';
	color: #aaa;
	font-size: 7px;
	position: absolute;
	right: 11px;
	top: 50%;
	transform: translateY(-50%);
}
.d_select:after{
	content: '';
	background: #aaa;
	position: absolute;
	right: 25px;
	top: 5px;
	width: 1px;
	height: calc(100% - 10px);
}
.d_select.hover .option{
	display: block;
	border-bottom: transparent 1px solid;
	font-size: 18px;
	clear: both;
	float: left;
	margin: 2px 0;
}
.d_select.hover{
	border-color: transparent;
}
.d_select.hover:before,
.d_select.hover:after{
	display: none;
}
.d_select.hover .wrapper{
	background: #fff;
	position: absolute;
	left: -5px;
	top: -8px;
	box-shadow: 0 2px 6px rgba(0,0,0,.1);
	z-index: 2; 
	padding: 10px 20px;
}
.d_select.hover .option:hover{
	border-bottom-color: #D2D114;
}
.d_select.hover .option.selected{
	border-bottom: #D2D114 2px solid; 
}



.htag{
	text-transform: lowercase;
}
.htag:before{
	content: '#';
}

.tag_posts_block{
	padding-bottom: 20px;
}
.tag_posts_block > .title{
	color: #333;
	font-size: 22px;
	font-weight: 700;
	float: left;
	margin: 0 0 12px;
}
.tag_posts_block > .title p{
	float: left;
}
.tag_posts_block .d_select{
	float: left;
	margin: -2px 0 0 10px;
}
.tag_posts_block .d_select .option{
	text-transform: lowercase;
}
/*.tag_posts_block .d_select .option.selected:before{
	content: '#';
	margin-right: 2px;
}*/
.tag_posts_block .d_select.hover .option.selected:before{
	display: none;
}
.tag_posts_block .d_select.hover .option{
	text-transform: none;
}



.tag_posts_block .htag{
	border-bottom: #D2D114 1px solid;
	color: #444;
	line-height: 1;
	cursor: pointer;
}
.tag_posts_block .htag:hover{
	border-bottom-width: 2px;
}
.tag_posts{
	position: relative;
	margin: 0 0 20px;
}
.tag_posts:before,
.tag_posts:after{
	content: '';
	background: #ccc;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
}
.tag_posts:after{
	top: auto;
	bottom: 0;
}
.tag_posts .post{
	display: flex;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 50%;
	padding: 17px 0;
}
.tag_posts .post:nth-child(odd){
	padding-right: 17px;
}
.tag_posts .post:nth-child(even){
	border-right: none;
	padding-left: 17px;
}
.tag_posts .post .image{
	width: 35%;
	min-height: 140px;
	padding: 0;
	margin: 0;
}
.tag_posts .post .cont{
	width: 65%;
	padding-left: 15px; 
}


.image.post_image{
	padding: 0 0 50%;
	margin: 0 0 20px;
}
.post_image + .image_description{
	color: #999;
	font-size: 12px;
	position: relative;
	top: -17px;
	margin: 0;
}

.text_block{
	color: #0a0a0b;
	font-size: 17px;
	/*text-align: justify;*/
	line-height: 1.3;
	min-height: 300px;
}
.text_block p{
	margin: 0 0 15px;
}
.text_block .h2{
	padding: 0;
	margin: 0 0 15px;
}
.text_block h3,
.text_block .h3{
	color: #222328;
	font-size: 26px;
}
.text_block p + .h2,
.text_block ul + .h2,
.text_block ol + .h2,
.text_block div + .h2{
	margin-top: 40px;
}
.text_block ol,
.text_block ul{
	padding: 0 0 15px 15px;
}
.text_block p.annotation{
	color: #54586c;
	font-size: 18px;
	font-style: italic;
	line-height: 1.25;
}
.text_center{
	text-align: center;
}
.text_block img{
	display: block;
	max-width: 100%;
	max-height: 600px;
	margin: 10px auto 20px;
}
.pg_landing h1{
	font-size: 48px;
}
.pg_landing .text_block img{
	max-height: 800px;
}
.text_block img + em{
	display: block;
	color: #999;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	margin: -15px 0 0;
}
.text_block *{
	text-align: left;
}
.text_block .video{
	display: block;
	width: 800px;
	max-width: 100%;
	margin: 20px auto;
}
.text_block .video > .wrapper{
	display: block;
	position: relative;
	width: 100%;
	padding: 0 0 60%;
}
.text_block .video > .wrapper iframe{
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
}
ol.ol_circle{
	padding:0;
	list-style: none;
	counter-reset: point;
}
ol.ol_circle > li{
	position:relative;
	padding:0 0 0 35px;
}
ol.ol_circle > li:after{
	content: counter(point);
	counter-increment: point 1;
	display:inline-block;
	background:#f4f4f4;
	border-radius:20px;
	color:#888;
	font-size:12px;
	font-weight:700;
	text-align:center;
	line-height:26px;
	width:26px;
	height:26px;
	position:absolute;
	left:0;
	top:-2px;
}

.tags_filter{
	margin: 0 0 25px;
}
.tags_filter a,
.tags_filter span{
	display: inline-block;
	border: #ccc 1px solid;
	border-radius: 40px;
	color: #333;
	line-height: 1;
	padding: 5px 12px;
	margin: 0 0 4px;
}
.tags_filter span{
	background: #E1E18D;
	border-color: #D2D114;
}


.box_gray{
	background: #f4f4f4;
}
.padding_content{
	padding: 20px 30px;
	margin: 0 0 15px;
}
.padding_content p:last-child{
	margin-bottom: 0;
}

.em{
	background: #f4f4f4;
	color: #555;
	font-style: italic;
	position: relative;
	padding: 20px 30px 20px 40px;
	margin: 0 0 15px 10px;
}
.em:before{
	content: '”';
	color: #ccc;
	font-size: 92px;
	position: absolute;
	left: -28px;
	top: 2px;
}
.em p:last-child{
	margin-bottom: 0;
}
.em .author{
	color: #444;
	font-style: normal;
	position: relative;
	padding: 0 0 0 35px;
	margin-top: -5px;
}
.em .author:before{
	content: '';
	background: #ccc;
	position: absolute;
	top: 10px;
	left: 0;
	width: 25px;
	height: 1px;
}

hr{
	border: none;
	border-top: #e4e4e4 1px solid;
	margin: 20px 0;
}

.gallery_block{
	border-top: #e4e4e4 1px solid;
	border-bottom: #e4e4e4 1px solid;
	padding: 15px 0;
	margin: 20px 0;
}
.gallery_block .slick-slider{
	margin: 0 0 10px;
}
.gallery_block .gallery_box{
	padding: 0;
	margin: 0 20px 10px;
}
.gallery_block .gallery_box .item{
	margin: 0 5px;
}
.gallery_block .gallery_box .image{
	background: #f7f7f7;
	width: 100%;
}
.gallery_block .gallery_box .image img{
	display: block;
	width: 100%;
	height: 500px;
	object-fit: contain;
	margin: 0;
}
.gallery_block .gallery_nav{
	padding: 0 0px;
	margin: 0 20px;
}
.gallery_block .gallery_nav .item{
	width: 160px;
	margin: 0 5px;
}
.gallery_block .gallery_nav .image{
	position: relative;
	width: 100%;
}
.gallery_block .gallery_nav .slick-current .image:after{
	content: '';
	border: #dddc15 5px solid;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.gallery_block .gallery_nav .image img{
	width: 100%;
	height: 100px;
	object-fit: cover;
	margin: 0;
}

.top_posts{
	height: 420px;
}
.top_posts .posts{
	height: 100%;
}
.top_posts > .column:nth-child(1){
	width: 55%;
}
.top_posts > .column:nth-child(2){
	width: 45%;
	padding-left: 10px;
}
.top_posts > .column:nth-child(2) .post{
	height: calc(50% - 5px);
	margin-bottom: 10px;
}
.top_posts > .column:nth-child(2) .post:last-child{
	margin-bottom: 0;
}
.top_posts .post{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	height: 100%;
}
.top_posts .post .title{
	font-size: 18px;
	font-family: "MontserratBold";
	line-height: 1.2;
}
.top_posts > .column:nth-child(1) .post .title{
	font-size: 20px;
}
.top_posts .post .image{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0; 
}
.top_posts .post .image:after{
	content: '';
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
}
.top_posts .post:hover .image:after{
	background: rgba(0,0,0,.7);
}
/*.top_posts .post .image img{
	filter: blur(5px);
}*/
.top_posts .post .cont{
	position: relative;
	padding: 10px 20px;
}
.top_posts .posts .post .title a,
.top_posts .post_authors .author,
.top_posts .info_line .date,
.top_posts .info_line .views{
	color: #fff;
}

.popular_posts_block{
	padding-bottom: 20px;
	margin: 30px 0;
}
.popular_posts_block > .title{
	border-bottom: #ccc 1px solid;
	padding: 20px 0 15px;
	margin: 0 0 7px;
}
.popular_posts_block .post{
	border-bottom: #E8E9E9 1px solid;
	padding: 13px 0;
}
.popular_posts_block .post .image{
	width: 260px;
	padding: 0 0 125px;
	margin: 0 20px 0 0;
}
.popular_posts_block .post .cont{
	width: calc(100% - 280px);
}
.popular_posts_block .post .info_line{
	margin: 0 0 5px;
}
.popular_posts_block .posts .post .title{
	padding: 0 0 10px;
}
.popular_posts_block .more_button{
	margin-top: 17px;
}

#show_all_popular,
#show_all_popular + .posts,
#show_all_popular:checked ~ .more_button{
	display: none;
}
#show_all_popular:checked + .posts{
	display: block;
}
#show_all_popular + .posts .post:last-child{
	border: none;
	padding-bottom: 7px;
}

.latest_posts_wrapper + .tag_posts_wrapper{
	border-top: #EBE8E8 10px solid;
}
.latest_posts_wrapper .next_page_posts{
	margin-top: 0;
	margin-bottom: 30px;
}
.tag_posts_wrapper > .title{
	display: inline-block;
	padding: 10px 0 20px;
}
.content_wrapper .tag_posts_nav{
	background: #EFEDE9;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 60px;
	padding-bottom: 20px;
}
.tag_posts_wrapper .more_button{
	margin-top: 10px;
}
.tag_posts_nav .title{
	border-bottom: #D2D2D2 1px solid;
	color: #595959;
	line-height: 1;
	padding: 17px 15px 13px;
	margin: 0 17px 10px;
}
.tag_posts_nav ul{
	list-style: none;
}
.tag_posts_nav ul li{
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	padding: 8px 17px;
	margin: 1px 0 0;
}
.tag_posts_nav ul li:hover,
.tag_posts_nav ul li.selected{
	background: rgba(0,0,0,.04);
}
.tag_posts_nav ul li span{
	display: inline-block;
	border-radius: 20px;
	padding: 5px 15px;
}
.tag_posts_nav ul li.selected span{
	background: #3BA233;
	color: #fff;
}

.more_posts{
	text-align: center;
}
.next_page_posts{
	position: relative;
	padding: 8px 17px;
	margin-top: 10px;
}
.next_page_posts:before{
	content: '';
	background: url(../images/icons/load.svg) no-repeat center/cover;
	position: absolute;
	left: 6px;
	top: 50%;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	transition: .3s .2s;
	opacity: 0;
}
.next_page_posts.dwld{
	padding-left: 32px;
}
.next_page_posts.dwld:before{
	opacity: 1;
}
.pagination_block{
	margin: 15px auto;
}
.pagination{
	color: #444;
	font-size: 20px;
	text-align: center;
}
.pagination > *{
	color: #444;
	padding: 0 3px;
}
.pagination > span{
	border-bottom: #D2D114 2px solid;
}
.pagination i{
	font-size: 16px;
}

.services_block{
	margin: 0 0 50px;
}
.services_block .service{
	text-align: center;
	position: relative;
	width: calc(100% / 3 - 20px / 3);
	padding: 20px;
	margin: 0 10px 10px 0;
}
.services_block .service:nth-child(3n){
	margin-right: 0;
}
.services_block .service:after{
	content: '';
	background: rgba(0,0,0,.08);
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.services_block .service:hover:after{
	background: rgba(0,0,0,.13);
	border-radius: 4px 4px 0 0;
}
.services_block .service .image{
	margin: 0 0 10px;
}
.services_block .cont{
	display: block;
	font-style: normal;
}
.services_block .service .title{
	color: #222;
	font-family: "MontserratBold";
	font-size: 18px;
	line-height: 1.1;
}
.services_block .service .description{
	display: none;
	background: #dedede;
	border-radius: 0 0 4px 4px;
	color: #444;
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	padding: 0 20px 25px; 
}
.services_block .service:hover .description{
	display: block;
}


.portfolio_slider{
	width: calc(100% + 10px);
	margin: 0 -5px;
}
.portfolio_slider .item{
}
.portfolio_slider .item > *{
	display: block;
	position: relative;
	width: 100%;
	padding: 0 0 100%;
}
.portfolio_slider .item > * img{
	display: block;
	border-radius: 4px;
	position: absolute;
	left: 5px;
	top: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	object-fit: cover;
	object-position: 50% 0;
}
.portfolio_slider .item > *:after{
	content: '';
	background: rgba(0,0,0,.2);
	border-radius: 4px;
	position: absolute;
	left: 5px;
	top: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
}
.portfolio_slider .item > a:hover:after{
	background: rgba(0,0,0,.6);
}

.portfolio_slider .item .name{
	display: none;
	color: #fff;
	font-size: 17px;
	font-family: "MontserratBold";
	position: absolute;
	left: 15px;
	bottom: 30px;
	z-index: 5;

}
.portfolio_slider .item > *:hover .name{
	display: block;
}
.portfolio_slider .item .sticker{
	background: #dc7916;
	border-radius: 3px;
	color: #fff;
	font-family: "MontserratBold";
	position: absolute;
	left: 15px;
	top: 15px;
	max-width: calc(100% - 30px);
	z-index: 5;
	padding: 5px;
}
.portfolio_slider .item .sticker.st_sites{
	background: #61bdeb;
}
.portfolio_slider .item .sticker.st_marketing{
	background: #ea3340;
}

.portfolio_wrapper{
	padding: 0 0 30px;
}
.portfolio_wrapper > .image{
	text-align: center;
	width: 65%;
}
.portfolio_wrapper > .content{
	position: relative;
	width: 35%;
}
.portfolio_wrapper > .content > .wrapper{
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	left: 0;
	top: 60px;
	padding: 0 0 0 30px;
}
.portfolio_wrapper > .image img{
	max-width: 100%;
}

.portfolio_slider.parthners .item > *{
	padding: 0 0 70%;
}
.portfolio_slider.parthners .item > *:after,
.portfolio_slider.parthners .item > *:hover:after{
	background: none;
}
/*.portfolio_slider.parthners .item > *:after{
    background: rgba(0,0,0,.1);
}
.portfolio_slider.parthners .item > a:hover:after{
    background: rgba(0,0,0,.2);
}*/
.portfolio_slider.parthners .image img{
	left: 20px;
	top: 20px;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	object-fit: contain;
	object-position: center;
}



.service_wrapper > .content{
	width: calc(100% - 380px);
}
.service_wrapper .sidebar{
	width: 340px;
	padding-left: 0;
	margin-left: 40px;
}

.service_wrapper .h2{
	font-family: "MontserratBold";
	padding: 0 0 15px;
}

.service_wrapper > .content .text_block{
	padding: 0 0 50px;
}
.service_wrapper .service_img{
	float: left;
	margin: 0 30px 20px 0;
}

.service_wrapper > .content .text_block ol{
	display: table;
	list-style: none;
	counter-reset: point;
	padding: 0;
}
.service_wrapper > .content .text_block ol li{
	display: block;
	line-height: 1.2;
	position: relative;
	padding: 0 0 0 38px;
	margin: 0 0 15px;
}
.service_wrapper > .content .text_block ol li:after{
	content: counter(point);
	counter-increment: point 1;
	border: #dcdb00 1px solid;
	color: #666;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	position: absolute;
	left: 0;
	top: -4px;
	min-width: 26px;
	height: 26px;
}
/*.service_wrapper .services_menu{
	padding: 20px 17px 15px;
}*/
.service_wrapper .services_menu{
	overflow: hidden;
}
.service_wrapper .services_menu ul{
	list-style: none;
	float: left;
	width: 100%;
	padding: 10px 0 15px;
}
.service_wrapper .services_menu .head{
	margin: 20px 17px 0;
}
.service_wrapper .services_menu li a,
.service_wrapper .services_menu li span{
	display: block;
	color: #333;
	font-size: 16px;
	/*font-family: "MontserratBold";
	font-weight: 100;*/
	font-weight: 800;
	line-height: 1;
	float: left;
	width: 100%;
	padding: 8px 17px;
}
.service_wrapper .services_menu li span{
	background: rgba(0,0,0,.06);
}

.content_wrapper .order_form{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 60px;
    margin-bottom: 30px;
}
.order_form form > .title{
	font-size: 18px;
	font-family: "MontserratBold";
}
.order_form .checkboxes{
	float: left;
	width: 100%;
	margin: 0 0 10px;
}
.order_form .checkboxes .title{
	font-size: 16px;
	margin: 0 0 9px;
}
.order_form .checkboxes label{
	display: block;
	float: left;
	width: 50%;
	cursor: pointer;
	margin: 0 0 10px;
}
.order_form .checkboxes label input{
	display: none;
}
.order_form .checkboxes label i,
.order_form .checkboxes label .i{
	background: rgba(255,255,255,.8);
	border-radius: 3px;
	float: left;
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0 7px 0 0;
}
.order_form .checkboxes label i:after,
.order_form .checkboxes label .i:after{
	content: '';
	border-left: #333 2px solid;
	border-bottom: #333 2px solid;
	position: absolute;
	left: 2px;
	top: -3px;
	width: 12px;
	height: 6px;
	transition: top .3s;
	transform: rotate(-45deg);
	opacity: 0;
}
.order_form .checkboxes label input:checked + i:after,
.order_form .checkboxes label input:checked + .i:after{
	top: 3px;
	opacity: 1;
}
.order_form .feedback textarea{
	height: 60px;
}
.order_form .feedback textarea:focus{
	height: 140px;
}
.order_form .feedback .info{
	color: #333;
}

.companies_block{

}
.companies_block .item{
	text-align: center;
	position: relative;
	width: calc(100% / 6 - 50px / 6);
	padding: 20px;
	margin: 0 10px 10px 0;
}
.companies_block .item:after{
	content: '';
	background: rgba(0,0,0,.1);
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
}
.companies_block .item:hover:after{
	background: rgba(0,0,0,.15);
}
.companies_block .item:nth-child(6n){
	margin-right: 0;
}
.companies_block .item .image{
	display: block;
	position: relative;
	width: 100%;
	padding: 0 0 70%;
	margin: 0 0 13px;
}
.companies_block .item .image img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.companies_block .item .title{
	color: #333;
	font-size: 18px;
	line-height: 1;
	font-weight: 800;
}

.company_wrapper > .content{
	width: calc(100% - 360px);
}
.company_wrapper .sidebar{
    width: 330px;
    padding-left: 0;
    margin-left: 30px;
}
.company_wrapper .company_image{
	width: 200px;
}
.company_wrapper .company_image img{
	margin: 0;
}
.company_wrapper .description{
	width: calc(100% - 200px);
	padding: 0 0 0 30px;
}
.company_contacts{
	padding: 20px 17px 5px;
}
.company_contacts > .wrapper > *{
	display: block;
	color: #333;
	font-size: 17px;
	margin: 0 0 15px;
}
.company_contacts > .wrapper > * i{
	color: #087334;
	font-size: 22px;
	position: relative;
	top: 3px;
	margin: 0 5px 0 0;
}
.company_tags{
	padding: 17px;
}
.company_tags .page_tags{
	margin: 15px 0 0;
}
.company_wrapper .related_posts{
	border-top: #e4e4e4 1px solid;
	padding: 30px 0;
}
.company_wrapper .related_posts .info_line{
	margin: 0 0 5px;
}
.company_wrapper .related_posts .post{
	width: 100%;
	margin: 0 0 10px;
}
/*.company_tags .page_tags a{
	background: rgba(0,0,0,.08);
	border-radius: 2px;
	color: #222;
	float: left;
	padding: 5px 5px;
	margin: 0 5px 5px 0;
}
*/
.projects_slider{
	background: #e0e0e0;
	position: relative;
}
.projects_slider + .projects_slider{
	margin-top: 10px;
}
.projects_slider .head{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 3;
}
.projects_slider .head > .wrapper{
	border-bottom: #fff 1px solid;
	overflow: hidden;
}
.projects_slider .head .title{
	background: #43e97b;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1;
	float: left;
	padding: 5px 10px;
	margin: 18px 40px;
}
.projects_slider .projects{
	list-style: none;
	margin: 0;
}
.projects_slider > .projects > .project:nth-child(n+2){
	display: none;
}
.projects_slider .project .image{
	padding: 0 0 486px;
}
.projects_slider .project .image:after{
	content: '';
	background: rgba(0,0,0,.4);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
}
.projects_slider .project:hover .image:after{
	background: rgba(0,0,0,.55);
}
.projects_slider .project .cont{
	color: #fff;
	position: absolute;
	top: 120px;
	left: 57px;
	width: 700px;
	max-width: 100%;
	z-index: 1;
}
.projects_slider .project .cont .title{
	font-size: 42px;
	font-family: "MontserratBold";
	font-weight: normal;
	line-height: 1;
	margin: 0 0 30px;
}
.projects_slider .project .cont .title a{
	color: #fff;
}
.projects_slider .project .cont .desc{
	font-size: 17px;
	padding: 0 0 20px 0;
}
.projects_slider .project .cont .more{
	border-bottom: #fff 1px solid;
	color: #fff;
	/*font-family: "MontserratBold";*/
	font-size: 16px;
	text-transform: lowercase;
	letter-spacing: 1px;
}
.projects_slider .slick-arrow{
	top: 14px;
	position: absolute;
	width: 30px;
	height: 30px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	z-index: 5;
}
.projects_slider .slick-arrow:before{
	border: none;
	color: #fff;
	font-size: 28px;
	font-family: 'main';
	line-height: 30px;
	transform: none;
	text-align: center;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: .8;
}
.projects_slider .slick-arrow:hover:before{
	opacity: 1;
}
.projects_slider .slick-next{
	right: 57px;
}
.projects_slider .slick-next:before{
	content: '\e906';
}
.projects_slider .slick-prev{
	right: 92px;
	left: auto;
}
.projects_slider .slick-prev:before{
	content: '\e905';
}

.events{
	padding: 0 0 20px;
}
.events_filter{
	color: #333;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	justify-content: space-between;
	margin: 0 0 20px;
}
.events_filter a{
	color: #333;
}
.events_filter .f_groups{
	list-style: none;
}
.events_filter .f_groups li{
	display: inline-block;
	margin: 0 0 0 7px;
}
.events_filter .f_groups li > *{
	display: inline-block;
	padding: 0 0 4px;
}
.events_filter .f_calendar *{
	display: inline-block;
	padding: 0 0 4px;
	margin: 0 7px 0 0;
}
.events_filter .f_calendar span,
.events_filter .f_groups li div{
	border-bottom: #D6D54E 2px solid;
}
.events .month{
	border-bottom: #ccc 1px solid;
	text-align: center;
	margin: 0 0 20px;
}
.events .month p{
	display: inline-block;
	background: #f7f7f7;
	color: #777;
	font-size: 17px;
	font-family: "Helvetica", "MontserratRegular";
	line-height: 1;
	text-transform: uppercase;
	position: relative;
	transform: translateY(calc(50% + 1px));
	padding: 0 15px;
}
.event + .month{
	margin-top: 30px;
}
.events .event{
	background: #fff;
	position: relative;
	padding: 15px;
	margin: 0 0 10px;
}
.events .event > .show_text{
	position: absolute;
	top: -40px;
	z-index: -5;
	opacity: 0;
}
/*.events .event > .show_text,*/
.events .event .event_text{
	display: none;
}
.events .event .image{
	width: 55%;
	padding: 0 0 31%;
	margin: 0 15px 0 0;
}
.events .event .cont{
	width: calc(45% - 15px);
}
.events .event .show_text:checked ~ .event_text{
	display: block;
}
.events .event .show_text:checked ~ .wrapper .cont label{
	display: none;
}
.events .event .event_text{
	text-align: justify;
	margin: 15px 0 5px;
}
.events .event .cont .event_group,
.upcoming_events .event .cont .event_group{
	display: inline-block;
	border-radius: 20px;
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	padding: 3px 14px 2px;
	margin: 0 0 10px;
}
.events .event .date{
	color: #777;
	font-size: 18px;
	font-family: "Helvetica", "MontserratRegular";
	font-weight: 100;
	margin: 0 0 10px;
}
.events .event .location{
	font-size: 16px;
	margin: 0 0 20px;
}
.events .event .description{
	color: #777;
	margin: 0 0 10px;
}

.upcoming_events_block > * > .title{
	display: inline-block;
	padding-bottom: 15px;
}
.upcoming_events_block .more_button{
	margin-top: 20px;
}
.upcoming_events .event{
	width: calc(50% - 5px);
	margin: 0 10px 0 0;
}
.upcoming_events .event:nth-child(2n){
	margin-right: 0;
}
.upcoming_events .event > .wrapper{
	position: relative;
	width: 100%;
	padding: 0 0 60%;
}
.upcoming_events .event img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.upcoming_events .event .mask{
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
}
.upcoming_events .event:hover .mask{
	background: rgba(0,0,0,.7);
}
.upcoming_events .event .cont{
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px;
}
.upcoming_events .event .cont .title{
	line-height: 1;
}
.upcoming_events .event .cont .title a{
	color: #fff;
}
.upcoming_events .event .cont .date{
	font-size: 15px;
	margin: 0 0 10px;
}

.body_wrapper{
	position: relative;
	width: 100%;
	min-height: 100vh;
	/*transition: .5s;*/
}
.body_wrapper.blur{
	height: 100vh;
	filter: blur(10px);
	overflow: hidden;
}

.search_block{
	background: rgba(0,0,0,.8);
	position: fixed;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity .5s;
	z-index: 4000;
	overflow-y: auto;
}
.search_block.active{
	left: 0;
	opacity: 1;
}
.search_block .close{
	position: absolute;
	right: 20px;
	top: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.search_block .close:before,
.search_block .close:after{
	content: '';
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	transform: rotate(45deg);
}
.search_block .close:after{
	transform: rotate(-45deg);
}
.search_block .main_wrapper{
	background: none;
	color: #fff;
	position: static;
	min-height: 100px;
	box-shadow: none;
}
.search{
	border-bottom: #fff 3px solid;
	width: 100%;
	padding: 50px 0 0;
}
.search input[name=search]{
	background: none;
	border: none;
	outline: none;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	line-height: 44px;
	width: calc(100% - 200px);
	padding: 0 10px;
}
.search .type{
	font-size: 16px;
	font-weight: 100;
	float: right;
	margin: 14px 0 0;
}
.search .type .by{
	opacity: .5;
}
.search .type input{
	display: none;
}
.search .type label span{
	line-height: 1;
	cursor: pointer;
	padding: 2px 8px;
}
.search .type input:checked + span{
	border: rgba(255,255,255,.7) 1px solid;
	padding: 1px 7px;
}
.search_block .no_result{
	display: none;
	margin: 20px 10px;
}
.search_block .no_result.active{
	display: block;
}
.search_block .result{
	margin: 50px 0;
}
.search_block .result .item{
	color: #fff;
}
.search_block .result .item{
	width: calc(20% - 12px);
	margin: 0 15px 30px 0;
}
.search_block .result .item:nth-child(5n){
	margin-right: 0;
}
.search_block .result .item .image{
	margin: 0 0 10px;
}
/*.search_block .result .item .img{
	display: block;
	position: relative;
	width: 100%;
	padding: 0 0 75%;
	margin: 0 0 10px;
}
.search_block .result .item .img img{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: none;
	object-fit: cover;
}*/
.search_block .result .item .title{
	display: inline-block;
	font-size: 18px;
	line-height: 1;
}
.search_block .result .item .date{
	display: block;
	opacity: .4;
}

.spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  text-align: center;
}
.spinner.active{
	display: block;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  margin: 0 5px;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.contacts_info{
	text-align: left;
	font-weight: 800;
	max-width: 600px;
	min-height: 10px;
	margin: 0 0 30px;
}
.feedback{
	/*background: #F6F2E5;*/
	background: #FFD55C;
	padding: 20px 20px 15px;
	width: 440px;
	max-width: 100%;
	margin: 0 0 30px;
}
.feedback .title{
	color: #444;
	font-size: 19px;
	font-weight: 700;
	/*font-family: 'Bliss Pro Regular';*/
	margin: 0 0 15px;
}

.feedback .wrapper > input,
.feedback .wrapper > textarea{
	background: rgba(255,255,255,.8);
	/*background: transparent;
	border: #ccc 1px solid;*/
	border: none;
	outline: none;
	border-radius: 5px;
	color: #111;
	font-size: 13px;
	font-family: 'MontserratRegular', Tahoma, Arial, Helvetica;
	width: 100%;
	height: 32px;
	transition: .3s;
	padding: 10px;
	margin: 0 0 15px;
}
.feedback .wrapper > textarea{
	height: 140px;
	resize: vertical;
}
.feedback .wrapper > input:focus,
.feedback .wrapper > textarea:focus{
	background: rgba(255,255,255,1);
}
.feedback form + .info{
	color: #fff;
	line-height: 1;
}
.feedback form + .info:before{
	background: #386343;
}
.feedback button{
	background: rgba(0,0,0,.3);
	color: #fff;
	font-size: 13px;
	margin: 0;
}
.feedback button:hover{
	background: rgba(0,0,0,.4);
}
.feedback .inp_bn_block,
.text_error .inp_bn_block{
	float: none;
}
.text_error .inp_bn_block{
	display: flex;
	border: #eee 3px solid;
}


.text_error .md_container .container > .wrapper{
	width: 500px;
	min-height: 300px;
}
.text_error .txt{
	display: inline-block;
	background: #f4f4f4;
	font-style: italic;
	/*font-weight: 800;*/
	padding: 15px 20px;
	margin: 10px 0 20px;
}
.text_error .txt strong{
	display: inline-block;
	background: #ffe900;
}
.text_error textarea{
	border: #eee 3px solid;
	font-family: 'MontserratRegular', Tahoma, Arial, Helvetica;
	width: 100%;
	height: 70px;
	resize: vertical;
	transition: .5s;
	padding: 10px;
	margin: 0 0 15px;
}
.text_error textarea:focus{
	height: 200px;
}
.bttn{
	background: #ffd55c;
	border: none;
	border-radius: 5px;
	color: #444;
	font-size: 16px;
	font-family: 'MontserratRegular', Tahoma, Arial, Helvetica;
	cursor: pointer;
	transition: .3s;
	padding: 8px 15px;
}
.bttn i{
	margin-left: 3px;
}
.bttn:hover{
	background: #EAC250;
}

.typo_info{
	background: #f4f4f4;
	text-align: center;
	padding: 15px 20px;
	margin: 30px 0 0;
}
.typo_info i{
	color: #000;
	font-weight: 800;
	font-style: normal;
}

.to_up{
	color: #888;
	text-align: center;
	position: fixed;
	right: 100%;
	transition: opacity .7s;
	opacity: 0;
	bottom: 10px;
	cursor: pointer;
}
.to_up.active{
	right: 30px;
	opacity: 1;
}
.to_up i{
	font-size: 16px;
	position: relative;
	top: 0;
	transition: .3s;
}
.to_up:hover i{
	top: -2px;
}
.to_up div{
	font-size: 9px;
	text-transform: uppercase;
}

.footer{
	background: #383838;
}
.footer .main_width{
	background: none;
}
.footer .nav_block,
.footer .copyright_block{
	justify-content: space-between;
}
.footer .nav_block{
	padding-top: 17px;
	padding-bottom: 20px;
}
.footer .nav_block .column{
	align-items: center;
}
.footer .logo{
	display: block;
	width: 164px;
	margin-right: 10px;
}
.footer .logo img{
	display: block;
	width: 100%;
	filter: grayscale(.8);
	opacity: .8;
	transition: .3s;
}
.footer .logo:hover img{
	opacity: 1;
	filter: grayscale(0);
}
.footer .menu{
	list-style: none;
}
.footer .nav_block .column:nth-child(2n){
	text-align: right;
}
.footer .menu li{
	display: inline-block;
	/*float: left;*/
	margin-left: 15px;
}
.footer .menu li > *{
	color: #ddd;
	font-weight: 900;
	cursor: pointer;
}
.footer .copyright_info{
	color: #bbb;
	font-size: 10px;
	max-width: 700px;
	padding: 0 0 20px;
}
.footer .copyright_info p{
	margin-bottom: 5px;
}
.footer .copyright_info p span{
	color: #ddd;
	font-weight: 800;
}
.footer .copyright_block{
	border-top: #666 1px solid;
	color: #aaa;
	font-family: "Helvetica", "MontserratRegular";
	font-size: 11px;
	padding: 17px 0 15px;
}

@media (max-width: 1490px){
	.subscribe_block.post_box {
	    background-size: 108px auto;
		background-position: calc(100% - 40px) 7px;
	}
	.subscribe_block.post_box form .cont{
		margin: 0 25px 0 0;
	}
}
@media (max-width: 1400px){
	h1, 
	.h1{
		padding-bottom: 20px;
	}
	.main_width{
		padding-top: 10px;
	}
	.padd_l_r{
		padding-right: 10px;
		padding-left: 10px;
	}
	.padd_t_v2 {
	    padding-top: 24px;
	}
	.padd_t_b_v2{
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.header{
		width: calc(100% + 20px);
		margin: 0 -10px;
	}
	.header .wrapper{
		height: 35px;
	}
	.header .lenguages{
		right: 25px;
	}
	.header .menu{
		height: 35px;
	}
	.header .menu > li:first-child{
		margin-left: 25px;
	}
	.main_width > .inblock:before, 
	.main_width > .inblock:after{
		width: 10px;
	}
	.header .menu > li > a:hover:before{
		bottom: 7px;
	}
	.main_logo{
		width: 266px;
		margin-bottom: 12px;
	}
	.top_posts{
		height: 380px;
		padding-top: 17px;
		padding-bottom: 17px;
	}
	.top_posts > .column:nth-child(1){
		width: 51%;
	}
	.top_posts > .column:nth-child(2){
		width: 49%;
		padding-left: 6px;
	}
	.top_posts > .column:nth-child(2) .post{
	    height: calc(50% - 3px);
	    margin-bottom: 6px;
	}
	.top_posts > .column:nth-child(2) .post:last-child{
	    margin-bottom: 0;
	}
	.projects_slider .project .image{
		padding: 0 0 400px;
	}
	.content_wrapper .sidebar{
		width: 245px;
		padding-left: 15px;
	}
	.content_wrapper .content_width, 
	.title_line .title, 
	.title_line .author_block{
		width: calc(100% - 245px);
	}


	.company_wrapper .sidebar {
	    width: 280px;
	    padding-left: 0;
	    margin-left: 20px;
	}
	.company_wrapper > .content {
	    width: calc(100% - 300px);
	}


	.pg_post .content_wrapper .content_width{
		padding-right: 5px;
	}
	.content_wrapper .sidebar .box{
		margin: 0 0 10px;
	}
	/*.sidebar .box .head .title{
		font-size: 19px;
	}*/
	.sidebar .blogers_block{
	    padding: 15px 10px 10px;
	}
	.content_wrapper .sidebar .subscribe_block{
		background-position: calc(100% + 35px) bottom;
		min-height: 120px;
		padding: 15px 13px 10px;
	}
	.content_wrapper .sidebar .facebook_g{
		background-position: calc(100% - 5px) center;
		background-size: auto calc(100% - 10px);
	    border: #1E81CE 2px solid;
	    min-height: 80px;
	    padding: 5px 9px;
	}
	.facebook_g .title{
		font-size: 14px;
		margin: 0;
	}
	.facebook_g .title2{
		margin-bottom: 2px;
	}
	.sidebar .blogers .bloger .image{
		width: 30px;
		margin: 0 7px 0 0;
	}
	.sidebar .blogers .bloger .image img{
		width: 30px;
		height: 30px;
	}
	.sidebar .blogers .bloger .image i{
		font-size: 30px;
	}
	.sidebar .blogers .bloger .cont {
	    width: calc(100% - 37px);
	}
	.content_wrapper .tag_posts_nav{
		padding-bottom: 10px;
	}
	.tag_posts_nav .title{
		font-size: 22px;
		padding: 13px 8px 9px;
		margin: 0 10px 10px;
	}
	.tag_posts_nav ul li{
		font-size: 15px;
		padding: 6px 10px;
	}
	.tag_posts_nav ul li span{
		padding: 4px 10px;
	}
	.sidebar .latest_posts{
		top: 40px;
	}
	.post_authors .author img{
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.post_authors .author i{
	    margin: 3px 5px 0 0;
	}
	.post_authors .author span{
		margin-top: 4px;
	}
	.projects_slider .head .title{
		margin-left: 25px;
	}
	.projects_slider .slick-next{
	    right: 34px;
	}
	.projects_slider .slick-prev{
		right: 71px;
	}
	.projects_slider .project .cont{
		left: 35px;
	}
	.projects_slider .project .cont .title{
	    font-size: 36px;
	    margin: 0 0 25px;
	}
	.tag_posts .post{
		padding: 10px 0;
	}
	.tag_posts .post:nth-child(2n){
		padding-left: 10px;
	}
	.search_block .result .item,
	.search_block .result .item:nth-child(5n){
	    width: calc(25% - 45px / 4);
	    margin: 0 15px 30px 0;
	}
	.search_block .result .item:nth-child(4n){
		margin-right: 0;
	}
	
	.service_wrapper > .content {
	    width: calc(100% - 330px);
	}
	.service_wrapper .sidebar {
	    width: 300px;
	    padding-left: 0;
	    margin-left: 30px;
	}
	.service_wrapper > .content .service_img{
		width: 200px;
	}
}
@media (max-width: 1350px){
	.subscribe_block.post_box {
	    background-size: 90px auto;
	    background-position: calc(100% - 20px) 4px;
	}
}
@media (max-width: 1300px){
	.main_width,
	.main_width_{
		width: calc(100% - 240px);
	}
	.blogers_nav .bloger{
		width: calc(25% - 22px - 30px / 4);
	}
	.blogers_nav .bloger,
	.blogers_nav > .bloger:nth-child(5n){
		margin-right: 10px;
	}
	.blogers_nav > .bloger:nth-child(4n){
		margin-right: 0;
	}
	.companies_block .item{
	    width: calc(20% - 8px);
	}
	.companies_block .item:nth-child(6n){
		margin-right: 10px;
	}
	.companies_block .item:nth-child(5n){
		margin-right: 0;
	}
	.banner_bg_block > .wrapper .bn img{
		max-width: 120px;
	}
}
@media (max-width: 1240px){
	.subscribe_block.post_box form > .wrapper {
	    width: 260px;
	}
}
@media (max-width: 1200px){
	h1, 
	.h1{
		font-size: 32px;
	}
	.main_width,
	.main_width_{
		width: 100%;
		max-width: 960px;
	}
	.posts .post .annotation{
		font-size: 13px;
	}
	.posts.v1.related.m .post:first-child .image{
		width: 52%;
	}
	.posts.v1.related.m .post:first-child .cont {
	    width: calc(48% - 15px);
	}
}
@media (max-width: 1100px){
	.to_up.active {
	    right: 10px;
	}
}
@media (max-width: 1050px){
	.footer{
		position: relative;
		z-index: 12;
		padding-bottom: 50px;
	}
	.to_up{
		position: absolute;
		transform: translateX(50%);
	}
	.to_up.active{
		right: 50%;
	}
}
@media (max-width: 1000px){
	.posts.ch3 .post,
	.posts.ch3 .post:nth-child(3n),
	.posts.v1.related .post{
		width: calc(50% - 7px);
		margin: 0 14px 30px 0;
	}
	.posts.ch3 .post:nth-child(2n){
		margin-right: 0;
	}
	.posts.ch4 .post,
	.posts.ch4 .post:nth-child(4n){
		width: calc(100% / 3 - 28px / 3);
		margin: 0 14px 30px 0;
	}
	.posts.ch4 .post:nth-child(3n){
		margin-right: 0;
	}
	.upcoming_events .event > .wrapper{
		padding-bottom: 75%;
	}
	.upcoming_events .event .cont{
		/*padding: 10px;*/
	}
	.upcoming_events .event .cont .event_group{
		font-size: 12px;
	}
	.upcoming_events .event .cont .title{
		font-size: 20px;
	}
	.upcoming_events .event .cont .date,
	.upcoming_events .event .cont .location{
		font-size: 13px;
	}
	.upcoming_events .event .cont .date{
		margin: 0 0 5px;
	}
	.footer .nav_block,
	.footer .nav_block .column{
		display: block;
	}
	.footer .nav_block .column{

	}
	.footer .nav_block .column:nth-child(2n) {
	    text-align: left;
	}
	.footer .menu li{
		margin: 0 15px 5px 0;
	}
	.footer .menu{
		margin: 15px 0 0;
	}
	.service_wrapper > .content {
	    width: 100%;
	}
	.service_wrapper .sidebar{
		display: flex;
	    width: 100%;
	    margin: 30px 0 0;
	}
	.service_wrapper .sidebar .box{
		width: calc(50% - 5px);
		margin: 0 10px 10px 0;
	}
	.service_wrapper .sidebar .box:nth-child(2n){
		margin-right: 0;
	}
	.service_wrapper .sidebar .feedback{
		width: 100%;
		margin: 0;
	}
	.portfolio_wrapper{
		flex-direction: column-reverse;
	}
	.portfolio_wrapper > .image,
	.portfolio_wrapper > .content{
		width: 100%;
	}
	.portfolio_wrapper > .content > .wrapper{
		position: static;
		padding: 0 0 20px;
	}
	.portfolio_wrapper > .content .text_block{
		min-height: 100px;
	}
	.companies_block .item{
	    width: calc(25% - 30px / 4);
	}
	.companies_block .item:nth-child(5n){
		margin-right: 10px;
	}
	.companies_block .item:nth-child(4n){
		margin-right: 0;
	}
	.company_wrapper .sidebar{
	    width: 250px;
	}
	.company_wrapper > .content{
	    width: calc(100% - 270px);
	}
}
@media (max-width: 980px){
	.header{
		width: 100%;
		padding: 0;
		margin: 0;
	}
}
@media (max-width: 960px){
	.main_width,
	.main_width_{
		max-width: 100%;
		box-shadow: none;
	}
}
@media (max-width: 940px){
	.subscribe_block.post_box form .cont {
	    margin: 0 10px 0 0;
	    width: 160px;
	}
	.subscribe_block.post_box form > .wrapper {
	    margin: 6px 0 0;
	}
}
@media (max-width: 900px){	
	.search_block .result .item,
	.search_block .result .item:nth-child(5n),
	.search_block .result .item:nth-child(4n){
	    width: calc(100% / 3 - 10px);
	    margin: 0 15px 30px 0;
	}
	.search_block .result .item:nth-child(3n){
		margin-right: 0;
	}
	.blogers_nav .bloger{
		width: calc(100% / 3 - 22px - 30px / 4);
	}
	.blogers_nav .bloger,
	.blogers_nav > .bloger:nth-child(4n){
		margin-right: 10px;
	}
	.blogers_nav > .bloger:nth-child(3n){
		margin-right: 0;
	}
}
@media (max-width: 870px){
	.upcoming_events .event{
		width: 100%;
		margin: 0 0 10px;
	}
	.upcoming_events .event > .wrapper{
		height: 170px;
		padding: 0;
	}
	.portfolio_slider .item .sticker{
		font-size: 13px;
	}
}
@media (max-width: 850px){
	.subscribe_block.post_box form > .wrapper {
	    width: 220px;
	}
}

/*--- MOBILE VERSION ---*/
@media (max-width: 800px){
	.header .menu_wrapper,
	.header .lenguages,
	.main_width > .inblock:before, 
	.main_width > .inblock:after,
	.posts.related .post .more,
	.sidebar .box.advertising,
	.share .socials div span,
	.typo_info,
	.pg_post .subscribe_block,
	.pg_post .facebook_g,
	.pg_post .sidebar .blogers_block,
	.main_logo{
		display: none;
	}
	.to_mob_sidebar,
	.header .logo,
	.advertising.mob{
		display: block;
	}
	.main_width{
		padding-top: 0;
	}
	.header .wrapper{
		height: 40px;
	}
	.header .to_search{
		right: 10px;
	}
	.top_posts{
		height: auto;
		padding-top: 0;
		padding-bottom: 0;
	}
	.top_posts > .column:nth-child(1),
	.top_posts > .column:nth-child(2){
		width: 100%;
		padding: 0;
	}
	.top_posts .post,
	.top_posts > .column:nth-child(2) .post{
		height: auto;
		min-height: 150px;
		margin-bottom: 6px;
	}
	.top_posts > .column:nth-child(1) .post .title{
		font-size: 18px;
	}
	.top_posts .post .cont{
		padding-top: 15px;
	}

	.content_wrapper .content_width, 
	.title_line .title, 
	.title_line .author_block,
	.company_wrapper > .content{
		width: 100%;
	}
	.content_wrapper .sidebar{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 0;
		margin-left: 0;
	}
	.content_wrapper .sidebar .subscribe_block,
	.content_wrapper .sidebar .facebook_g{
		width: calc(50% - 5px);
	}
	.content_wrapper .sidebar .subscribe_block{
		background-position: calc(100% - 10px) bottom;
		margin-right: 10px;
	}
	.sidebar .subscribe_block > .wrapper{
		width: 200px;
	}
	.posts.related{
		background: #f0f0f0;
		width: calc(100% + 20px);
		padding: 20px 10px;
		margin: 10px -10px;
	}
	.posts.related .post{
		background: none;
	}
	.posts.v1.related.m .post:first-child .title{
		font-size: 20px;
	}
	.posts.mv .post,
	.posts.mv .post:nth-child(4n),
	.posts.mv .post:nth-child(3n),
	.posts.v1.related .post{
		display: flex;
		width: 100%;
		min-height: 150px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.posts.mv .post .image,
	.popular_posts_block .post .image,
	.posts.v1.related.m .post:first-child .image{
		width: 35%;
		padding: 0;
		margin: 0;
	}
	.posts.mv .post .cont,
	.popular_posts_block .post .cont,
	.posts.v1.related.m .post:first-child .cont{
		width: 65%;
		padding-left: 10px;
	}
	.posts.mv .post .image{
		padding: 0;
	}
	.posts.mv .post .annotation{
		margin-bottom: 0;
	}
	.tag_posts_wrapper .content_wrapper{
		flex-direction: column-reverse;
	}
	.tag_posts_wrapper .more_button{
		margin-top: 0;
	}
	.tag_posts.mv .post,
	.tag_posts.mv .post:nth-child(2n),
	.tag_posts.mv .post:nth-child(2n+1),
	.tag_posts.mv .post:nth-child(3n){
		border-right: none;
		padding: 10px 0;
		margin: 0;
	}
	.tag_posts .post .image{
		min-height: auto;
	}
	.projects_slider .head .title{
		margin-left: 10px;
	}
	.projects_slider .slick-next{
		right: 20px;
	}
	.projects_slider .slick-prev{
		right: 55px;
	}
	.projects_slider .project .cont{
		top: 120px;
		left: 20px;
		width: calc(100% - 40px);
	}
	.projects_slider .project .cont .title{
		font-size: 32px;
	}
	.projects_slider .project .image{
		padding: 0 0 340px;
	}
	.upcoming_events_block .more_button{
		margin: 0 0 30px;
	}
	.pg_post .content_wrapper .content_width{
		padding-right: 0;
	}
	.subscribe_block.post_box{
		margin-bottom: 10px;
	}
	.subscribe_block.post_box form > .wrapper {
	    width: calc(100% - 300px);
	}
	.pg_landing h1{
		font-size: 36px;
	}
	.companies_block .item{
	    width: calc(100% / 3 - 20px / 3);
	}
	.companies_block .item:nth-child(4n){
		margin-right: 10px;
	}
	.companies_block .item:nth-child(3n){
		margin-right: 0;
	}
	.company_wrapper .related_posts .posts .post{
		min-height: 30px;
		margin: 0 0 10px;
	}
	.company_wrapper .related_posts .post .cont{
		width: 100%;
		padding: 0;
	}
	.posts .post .title{

	}
}
@media (max-width: 700px){
	.posts.mv .post_tags{
		display: none;
	}
	.projects_slider .project .cont{
	    top: 100px;
	}
	.projects_slider .project .cont .desc{
		padding-right: 0;
	}
	.services_block .service:hover{
		z-index: 5;
	}
	.services_block .service img{
		width: 100px;
	}
	.services_block .service .title{
		font-size: 16px;
	}
	.services_block .service .description {
	    font-size: 14px;
	    padding: 0 10px 25px;

	}
}
@media (max-width: 640px){
	.content_wrapper .sidebar .subscribe_block, 
	.content_wrapper .sidebar .facebook_g{
		width: 100%;
		margin-right: 0;
	}
	.sidebar .subscribe_block > .wrapper{
		width: 300px;
	}
	.sidebar .subscribe_block form > .wrapper{
		width: 100%;
	}
	.blogers_nav .bloger{
		width: calc(50% - 27px);
	}
	.blogers_nav .bloger,
	.blogers_nav > .bloger:nth-child(3n){
		margin-right: 10px;
	}
	.blogers_nav > .bloger:nth-child(2n){
		margin-right: 0;
	}
	.service_wrapper .sidebar{
		flex-direction: column-reverse;
	}
	.service_wrapper .sidebar .box{
		position: static;
		width: 100%;
		margin: 0 0 10px;
	}
}
@media (max-width: 600px){	
	.posts.mv .post .annotation{
		display: none;
	}
	.posts.mv .post, 
	.posts.mv .post:nth-child(4n), 
	.posts.mv .post:nth-child(3n),
	.posts.v1.related .post,
	.posts.v1.related.m .post:first-child{
		min-height: 110px;
	}
	.search_block .result .item,
	.search_block .result .item:nth-child(5n),
	.search_block .result .item:nth-child(4n),
	.search_block .result .item:nth-child(3n){
	    width: calc(50% - 7px);
	    margin: 0 14px 30px 0;
	}
	.search_block .result .item:nth-child(2n){
		margin-right: 0;
	}
	.subscribe_block.post_box{
	    background-position: calc(100% - 10px) bottom;
	    min-height: 120px;
		padding: 15px 13px 10px;
	}
	.subscribe_block.post_box > .wrapper {
	    width: 300px;
	}
	.subscribe_block.post_box form .cont{
		width: 100%;
	}
	.subscribe_block.post_box form > .wrapper{
		width: 100%;
	}
	.subscribe_block.post_box .info{
		margin-top: 33px;
	}
	.portfolio_slider.parthners .image img {
	    left: 10px;
	    top: 10px;
	    width: calc(100% - 20px);
	    height: calc(100% - 20px);
	}
	.service_wrapper > .content .service_img{
		display: block;
		float: none;
		margin: 0 auto 20px;
	}
	.service_wrapper > .content .service_img + p{
		display: block;
	}
	.company_wrapper .company_image{
		width: 100%;
		margin: 0 0 15px;
	}
	.company_wrapper .company_image img{
		margin: 0 auto;
	}
	.company_wrapper .description{
		width: 100%;
		padding: 0;
	}
}
@media (max-width: 550px){
	.services_block .service{
		flex-direction: row;
		width: 100%;
		margin: 0 0 10px;
	}
	.services_block .service .image{
		margin: 0;
	}
	.services_block .cont{
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: left;
		padding-left: 20px;
	}
	.services_block .service .title{
		margin: 0 0 7px;
	}
	.services_block .service .description{
		display: block;
		background: transparent;
		position: static;
		padding: 0;
	}
	.companies_block .item{
	    width: calc(50% - 5px);
	}
	.companies_block .item:nth-child(3n){
		margin-right: 10px;
	}
	.companies_block .item:nth-child(2n){
		margin-right: 0;
	}
}
@media (max-width: 500px){
	h2, .h2{
		font-size: 24px;
	}
	.posts .post .title,
	.posts.v1.related.m .post:first-child .title{
		font-size: 18px;
	}
	.posts.mv .post .title{
		padding: 0;
	}
	.posts.mv .post_category{
		font-size: 10px;
		margin: 0 0 5px;
	}
	.posts.mv .post_authors .author span{
		font-size: 11px;
	}
	.posts.mv .post, 
	.posts.mv .post:nth-child(4n), 
	.posts.mv .post:nth-child(3n){
		min-height: 90px;
	}
	.posts.mv .post .image, 
	.popular_posts_block .post .image,
	.posts.v1.related.m .post:first-child .image{
		width: 30%;
	}
	.posts.mv .post .cont, 
	.popular_posts_block .post .cont,
	.posts.v1.related.m .post:first-child .cont{
		width: 70%;
	}
	.popular_posts_block .post .image{
		padding-bottom: 100px;
	}
	.top_posts .post, 
	.top_posts > .column:nth-child(2) .post{
		min-height: 220px;
	}
	.top_posts .post .cont{
		padding: 15px 15px 5px;
	}
	.projects_slider .project .cont{
		top: 90px;
	}
	.projects_slider .project .cont .title{
		font-size: 24px;
		margin: 0 0 18px;
	}
	.projects_slider .project .cont .desc{
		font-size: 15px;
		padding: 0 0 15px;
	}
	.popular_posts_block > .title{
		padding: 15px 0 10px;
	}
	.text_block{
		font-size: 17px;
		text-align: inherit;
	}
	.text_block p.annotation{
	    font-size: 19px;
	}
	.text_block h3, .text_block .h3 {
	    font-size: 22px;
	}
	.gallery_block .gallery_box .image img{
		height: 260px;
	}
	.gallery_block .gallery_nav .image img{
		height: 60px;
	}
	.title_line .title .wrapper{
		padding: 0 0 20px;
	}
	.pg_landing h1{
		font-size: 32px;
	}
}
@media (max-width: 460px){
	h1, .h1{
		font-size: 28px;
	}
	.sidebar .subscribe_block > .wrapper,
	.subscribe_block.post_box > .wrapper{
		width: calc(100% - 120px);
	}
	.blogers_nav .bloger .image{
		width: 44px;
	}
	.blogers_nav .bloger .image img{
		width: 44px;
		height: 44px;
	}
	.blogers_nav .bloger .image i{
		font-size: 44px;
	}
	.blogers_nav .bloger .cont{
		width: calc(100% - 54px);
	}

	.title_line .author_block{
		flex-wrap: wrap;
	}
	.author_block .image{
		width: 100%;
		margin: 0 0 10px;
	}
	.author_block .cont{
		width: 100%;
	}
	.order_form .feedback{
		width: 100%;
	}
}
@media (max-width: 440px){
	.feedback {
	    width: 100%;
	    max-width: 100%;
	}
	#im2sx,
	#im2sx > *,
	#im2sx > * > *,
	#im2sx > * > * > #ioswto{
		padding-top: 0;
	}
	.posts.mv .post, 
	.posts.mv .post:nth-child(4n), 
	.posts.mv .post:nth-child(3n),
	.popular_posts_block .post,
	.posts.v1.related .post{
		flex-wrap: wrap;
		margin: 0 0 45px; 
	}
	.posts.mv .post:last-child,
	.posts.v1.related .post:last-child{
		margin-bottom: 20px;
	}
	.posts.mv .post .info_line{
		margin: 0 0 5px;
	}
	.posts.mv .post .image, 
	.popular_posts_block .post .image,
	.posts.v1.related.m .post:first-child .image{
		width: 100%;
		padding-bottom: 60%;
		margin: 0 0 5px;
	}
	.posts.mv .post .cont, 
	.popular_posts_block .post .cont,
	.posts.v1.related.m .post:first-child .cont{
		width: 100%;
		padding: 0;
	}
	.tag_posts.mv .post,
	.tag_posts.mv .post:nth-child(2n),
	.tag_posts.mv .post:nth-child(2n+1),
	.tag_posts.mv .post:nth-child(3n){
		padding-bottom: 30px;
		margin: 0;
	}
}
@media (max-width: 400px){	
	.search_block .result .item,
	.search_block .result .item:nth-child(5n),
	.search_block .result .item:nth-child(4n),
	.search_block .result .item:nth-child(3n),
	.search_block .result .item:nth-child(2n){
	    width: 100%;
	    margin: 0 0 35px;
	}
	.search_block .result .item .image{
		padding: 0 0 50%;
	}
}
@media (max-width: 370px){
	.content_wrapper .sidebar .subscribe_block,
	.subscribe_block.post_box{
		background-position: calc(100% + 35px) bottom;
	}
	.sidebar .subscribe_block > .wrapper,
	.subscribe_block.post_box > .wrapper{
	    width: calc(100% - 54px);
	}
	.blogers_nav .bloger{
		width: calc(100% - 22px);
	}
	.blogers_nav .bloger,
	.blogers_nav > .bloger:nth-child(2n){
		margin-right: 0;
	}
	.footer .copyright_block{
		display: block;
	}
	.footer .copyright_block .column:first-child{
		margin-bottom: 5px;
	}
	.order_form .checkboxes label{
		width: 100%;
	}
}