* {
	box-sizing: border-box;
}

/*#main_navigation_wrap {
	margin-top: -23px;
}
*/
body {
	margin: 0;
	padding: 0;
	font-family: 'Lato', Verdana;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #212529;
}

body .menu-main ul li a {
	font-family: 'Lato', Verdana;
}

.main-header .part-line,
.main-header .part-line .btn-header {
	font-family: Lato;
}

/*img {
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}*/

/*.main-navigation,
#main_navigation_wrap {
	margin-top: -23px;
}
*/
.menu-wrap .menu-main > ul {
	justify-content: space-between;
}

.menu-wrap .menu-top ul li.wp-last {
	margin-right: 0;
}

.menu-wrap .menu-main > ul > li.wp-last {
	padding-right: 0;
}

body .footer .more a,
body .footer ul li a,
body .footer ul li.title-li a,
body .footer .title, .footer .title a,
.menu-wrap .menu-main ul li.dropdown .menu-dropdown > ul li.title-li a {
    font-family: 'Lato', Verdana;
    font-weight: 400;
}

.main-navigation-wrap .menu-top ul li, 
.main-navigation-wrap .menu-top ul li a,
.main-navigation-wrap .menu-main ul li a,
.main-navigation-wrap .menu-main ul li.dropdown .menu-dropdown > ul li a {
	font-family: 'Lato', Verdana;
	font-weight: 400;
}

 .custom-wp {
 	display: none !important;
 }

 .main-navigation-wrap .container {
 	width: 100%;
 }

.customize-support img, .fancybox-image, .fancybox img, .customize-support .logo a img, img.lazyloaded, img.dsq-widget-avatar, img.loaded {
    opacity: 1;
}

.container {
	max-width: 1464px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: content-box;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
}

.hero, .section {
	padding: 120px 0;
}

.posts.section {
	padding-top: 0;
}

.section-search {
	padding: 40px 0;
}

.bg-gray {
	background-color: #F9FAFF;
}

.text-center {
	text-align: center;
}

a {
	transition: .24s;
}

img {
	display: block;
}

h1, h2, h3 {
	font-style: normal;
	font-weight: 600;
	margin: 0;
}

h1 {
	font-size: 40px;
	line-height: 52px;
	margin-bottom: 32px;
}

h2 {
	font-size: 32px;
	line-height: 44px;
	margin-bottom: 40px;
}
	
h3 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 12px;
}

.hero-front-page {
	text-align: center;
}

.btn-watch-yt {
    font-family: 'Lato';
    font-style: normal; 
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #212529;
    text-decoration: none;
    border: 2px solid #E00707;
    display: inline-block;
    padding: 14px 84px 14px 38px;
    position: relative;
    box-shadow: inset 0 0 0 0 #E00707;
    transition: box-shadow 0.4s ease-in-out;
}

.btn-watch-yt:before {
    content: '';
    background-image: url(../img/icon-yt.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 32px;
    height: 24px;
    position: absolute;
    right: 38px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 2s;
}

.btn-watch-yt:hover {
    box-shadow: inset 0 0 0 .5px #E00707;
    background-color: rgba(224, 7, 7, 0.02);
}

/*.slider-post-wrapper .postSlider {
	padding-right: 4px;
}
*/
.post-slider {
	display: flex;
}

.post-content .post-text p {
	margin: 0;
}

/*.post-slider .swiper-slide {
	height: auto;
}*/

.post-slide-part:nth-child(odd) {
    margin-bottom: 24px;
}

.post {
	background-color: #ffffff;
	position: relative;
/*	border: 1px solid #D6DDEC;*/
	box-shadow: inset 0 0 0 1px #D6DDEC;
}

.post .thumb-wrap {
/*	border-bottom: 1px solid #D6DDEC;*/
	position: relative;
    max-height: 400px;
    overflow: hidden;
    height: 100%;
}

.post .thumb-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #D6DDEC;
    z-index: 1;
}

.post .thumb-wrap img {
    width: 100%;
    position: relative;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.post .post-title a {
	color: #212529;
	text-decoration: none;
	position: relative;
	display: inline;
	font-size: 24px;
    line-height: 36px;
}

.post .post-title a:before {
	content: '';
	height: 20px;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.post .post-title a:hover {
/*	border-bottom: 1px solid #212529;*/
	color: #0A4CB5;
	box-shadow: 0 1px 0 #0A4CB5;
}

.post .post-content {
	padding: 32px;
	display: flex;
	flex-direction: column;
}

.postSlider .post .post-content {
	padding-bottom: 82px;
	overflow: hidden;
}

.post-slide-part.post .post-content {
	min-height: 398px;
}

.postSlider .post .tags {
	position: absolute;
	bottom: 32px;
    overflow: hidden;
}

.part-left-inner {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.part-left-inner .meta {
	margin: 0;
	flex-wrap: wrap;
	flex: 1;
}

.meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.meta,
.meta a {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #576680;
	text-decoration: none;
}

.meta a:hover {
	color: #0A4CB5;
    box-shadow: 0 1px 0 #0A4CB5;
}

.meta a:hover .author {
	box-shadow: 0 1px 0 #0A4CB5;
}

.meta > li:not(:last-child) {
	margin-right: 28px;
	position: relative;
}

.meta > li:not(:last-child):before {
    content: '';
    background-color: #576680;
    width: 4px;
    height: 4px;
    position: absolute;
    border-radius: 50%;
    right: -16px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.meta .author-wrap,
.meta .author-wrap a {
	display: flex;
	align-items: center;
}

.related .meta .author-wrap {
	margin-bottom: 0;
}

.part-left-inner .img,
.meta .author-wrap .img {
	width: 40px;
    height: 40px;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.part-left-inner .img {
	width: 40px;
}

.part-left-inner .img img,
.meta .author-wrap .img img {
	max-width: 40px;
	height: auto;
}

.posts .post .post-text { 
	margin-bottom: 14px;
}

.posts .post .post-text,
.posts .post .post-text p {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.tags {
	display: flex;
	flex-wrap: wrap;
}

.postSlider .tags {
	flex-wrap: initial;
}

.tags a {
	display: block;
	padding: 8px 24px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #576680 !important;
	text-decoration: none;
	background-color: #F0F5FF;
	border-radius: 24px;
	margin-top: 14px;
	margin-right: 16px;
	white-space: nowrap;
}

.tags a:hover {
	box-shadow: inset 0 0 0 1px #0A4CB5;
	color: #212529 !important;
}

.tags a { display: none; }
.tags a:nth-child(-n+3) { display: inline-block; }

/*slider*/
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    transition-property: transform
}

.post-slider-nav {
    display: flex;
    justify-content: center;    
}

.post-slider-nav > div {
    width: 48px;
    height: 48px;
    border: 1px solid #576680;
    margin: 40px 8px 0 8px;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;   
}

.post-slider-nav > div:before {
    content: '';
    border: solid #576680;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: relative;
    left: -4px;
    width: 9px;
    height: 12px;
    box-sizing: border-box;
}

.post-slider-nav > div:first-child:before {
    transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 4px;
}

.post-slider-nav > div.swiper-button-disabled:before,
.post-slider-nav > div.swiper-button-disabled,
.post-slider-nav > div.swiper-button-disabled:hover {
    border-color: #9CA5B8;
    cursor: default;
}

.post-slider-nav > div:not(.swiper-button-disabled):hover {
    border-color: #0A3B89;
    box-shadow: inset 0 0 0 1px #0A3B89;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.post-slider-nav > div:not(.swiper-button-disabled):hover:before {
    border-color: #0A4CB5;
}

.post-slider-nav > div.swiper-button-lock {
	display: none;
}

/**/
.heading-set {
	margin-bottom: 28px;
}

.heading-set,
.post-list-settings {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.heading-set h2 {
	margin: 0;
}

.post-list-settings {
	display: flex;
	width: 100%;
	max-width: 942px;
}

.post-list-settings .title {
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #576680;
	margin-right: 20px	;
}

.view-btns {
	display: flex;
}

.view-btns .btn-view {
	width: 64px;
	height: 64px;
	border: 1px solid #D6DDEC;
	transition: .24s;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.view-btns .btn-view:first-child {
	margin-right: -1px;
}

.list-view .view-btns .btn-list-view:hover,
.list-view .view-btns .btn-list-view,
.grid-view .view-btns .btn-grid-view:hover,
.grid-view .view-btns .btn-grid-view {
	z-index: 2;
}


.view-btns .btn-view svg rect {
	fill: #576680;
	transition: .24s;
}

.view-btns .btn-view:hover svg rect,
.list-view .btn-view.btn-list-view svg rect,
.grid-view .btn-view.btn-grid-view svg rect  {
	fill: #0A4CB5;
}

.search-archive .btn-search.clicked svg path,
.search-archive .btn-search:hover svg path {
	stroke: #0A4CB5;
}

.view-btns .btn-view:hover,
.list-view .btn-view.btn-list-view,
.grid-view .btn-view.btn-grid-view {
	border-color: #0A4CB5;
}

#section_view .btn-view.active svg {
	animation: styleBounce .6s normal forwards ease;
}


.search-archive .search-form {
	width: 100%;
}

.search-archive {
	position: relative;
	z-index: 2;
	width: 100%;
	margin-left: 26px;
}

.search-inputs {
	display: flex;
}

.search-archive input {
    border: 1px solid #D6DDEC;
    padding: 16px 28px;
    font-size: 20px;
    outline: none;
    color: #212529;
    height: 64px;
    display: block;
	transition: .24s;
	border-radius: 0;
    -webkit-border-radius: 0;
}

.search-archive .input-field,
.search-archive .input-field input {
	width: 100%;
}

/* .search-archive input.search-field {
	border-right: 0;
} */

.search-archive input:not(:focus):hover {
	border-color: #9CA5B8;
	border-right-color: #9CA5B8;
}

/*.search-archive input.search-field:valid,*/
.search-archive input:focus {
    border-color: #0A4CB5;
}

.search-archive input:focus + .label {
	color: #0A4CB5;
}

.search-archive .input-field {
	position: relative;
	margin-right: -1px;
	z-index: 0;
}

.search-archive .input-field:has(input:focus),
.search-archive .input-field:hover {
	z-index: 2;
}

.search-archive .input-field label {
    position: absolute;
    top: 17px;
    left: 31px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #576680;
    transition: all ease-in-out 0.2s;
    cursor: text;
}

.search-archive .input-field input:focus + .label,
.search-archive .input-field input:valid + .label {
    top: -8px;
    left: 20px;
	font-size: 14px; 
	background-color: #FFF;
	color: #212529;
    padding: 0 8px;
    z-index: 0;	
    font-weight: 400;
}

.search-archive .input-field input:focus + .label {
    color: #0A4CB5;
}

.search-archive .btn-search {
	position: relative;
	z-index: 1;
}

.search-archive .btn-search svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.search-archive .btn-search.clicked input {
	pointer-events: none;
}

.search-archive .btn-search.clicked svg {
	animation: styleBounce .6s normal forwards ease;
}

.search-archive .search-submit {
	background-color: transparent;
	position: relative;
	cursor: pointer;
    transition: .24s;
    width: 64px;
}

.search-archive .search-submit:hover {
	border-color: #0A4CB5;
}

.search-suggestions {
	display: none;
	list-style: none;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
	margin-top: -1px;
	background-color: #ffffff;
	border: 1px solid #9CA5B8;
	max-width: 657px;
	box-shadow: 0px 10px 20px 0px rgba(106, 109, 112, 0.05), 0px 1px 16px 0px rgba(106, 109, 112, 0.05);
}

.search-suggestions li {
	border-bottom: 1px solid #D6DDEC;
}

.search-suggestions li:last-child {
	border-bottom: 0;
}

.search-suggestions .search-no-found,
.search-suggestions li a {
	padding: 12px 20px;
	display: block;
	text-decoration: none;
}
 
.search-suggestions li a:hover {
	background-color: #F9FAFF;
}

.search-suggestions .search-no-found,
.search-suggestions li a .title-s {
	color: #212529;
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 4px;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;	
}

.search-suggestions .search-no-found {
	margin: 0;
	font-size: 16px;
	font-style: italic;
	text-align: center;
	color: #576680;
	font-weight: 400;
}

.search-suggestions li a .short-text {
	color: #576680;
	font-family: Lato;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.search-suggestions li a .short-text p {
	margin: 0;
}

.search-suggestions.loading {
	height: 65.90px;
	overflow: hidden;
}


.search-suggestions.loading:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: url(../img/loader.gif) center no-repeat #fff;
    background-size: 40px;
}

.search-form .btn-clear {
	display: none;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.btn-clear:hover svg path {
	stroke: #0A4CB5;
}

.search-suggestions .btn-results {
    border: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
    color: #0A4CB5;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 16px 20px;
    width: 100%;
    text-align: left;
    cursor: pointer;
} 

.search-suggestions .btn-results svg {
    position: relative;
    top: 2px;
    left: 4px	
}

.search-suggestions .btn-results:hover {
	background-color: #F9FAFF;
}



.posts .post {
	box-shadow: inset 0 0 0 0 transparent;
	border-bottom: 1px solid #D6DDEC;
}

.posts .post:not(:last-child) {
	margin-bottom: 40px;
}

.postSlider .post-slide-part {
	height: calc(50% - 12px);
}

.posts .post .post-content {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
	align-items: center;
	padding: 0 0 40px 0;
	min-height: auto;
}

.posts .post .post-content .part-left {
	width: 100%;
	max-width: 964px;
	margin-right: 40px;
}

.posts .post .post-content .part-left .part-left-inner {
	display: flex;
}

.posts .post .post-content .post-thumb {
	width: 100%;
	max-width: 374px;
	max-height: 208px;
	overflow: hidden;
/*	border: 1px solid #D6DDEC;*/
	box-shadow: 0 0 0 1px #D6DDEC;
}

.posts .post .post-content .post-thumb img {
	width: 374px;
	height: 208px;
}

/*grid view*/

.grid-view .heading-set {
	margin-bottom: 28px;
}

.grid-view .posts {
	display: flex;
	flex-wrap: wrap;
	margin-top: -12px;
	margin-left: -12px;
	margin-right: -12px;
}

.grid-view .posts .post {
	flex-basis: 50%;
	border-bottom: 0;
	position: relative;
	z-index: 1;
	padding: 44px;
}

.grid-view .posts .post:before {
	content: '';
    box-shadow: inset 0 0 0 1px #D6DDEC;
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 12px;
    right: 12px;
    z-index: -1;
}

.grid-view .posts .post:not(:last-child),
.grid-view .posts .post {
	margin-top: 0;
	margin-bottom: 0;
}

.grid-view .posts .post .post-content {
	padding: 0;
}

.grid-view .posts .post .post-content .part-left .post-text {
	margin-bottom: 55px;
}

.grid-view .posts .post .post-content .part-left {
	max-width: 100%;
	margin-right: 0;
}

.grid-view .posts .post .post-content .tags {
    position: absolute;
    bottom: 45px;
    left: 45px;
}

.grid-view .posts .post .post-thumb {
	display: none;
}



/* pagination */

.paginations {
	position: relative;
	margin-top: 40px;
}

.pagination.v3 {
	position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
}

.pagination .screen-reader-text {
	display: none;
	font-size: 0;
	line-height: 0;
	margin: 0;
}


.pagination .prev,
.pagination .next {
	font-size: 0;
}

.pagination .nav-links,
.pagination {
	text-align: center;
	display: flex;
	justify-content: center;
}

.navigation.pagination,
.navigation.pagination .nav-links {
	margin-top: 0;
}

.pagination a,
.pagination span {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #576680;
	padding: 9px 17px;
	width: 48px;
	height: 48px;
	text-decoration: none;
	border: 1px solid #576680;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 4px;
	position: relative;
}

.pagination .prev {
	margin-right: 20px;
}

.pagination .next {
	margin-left: 20px;
}

.pagination a:hover,
.pagination .current {
	border-color: #0A4CB5;
	color: #0A4CB5;
}

.pagination .current {
	background-color: #F0F5FF;
}

.pagination .prev:before,
.pagination .next:before {
    content: '';
    border: solid #576680;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    left: -4px;
    width: 9px;
    height: 12px;
    box-sizing: border-box;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -6px;
    right: 0;
    margin: auto;
}

.pagination .prev:before {
	border-width: 2px 0 0 2px;
	left: 4px;
}


.pagination-wrap.first-page .page-numbers:nth-of-type(2),
.pagination.first-page .page-numbers:nth-of-type(2),
.pagination .page-numbers.dots,
.pagination .page-numbers:nth-last-child(2) {
	display: none;
}

.pagination-wrap.first-page .page-numbers.current:nth-of-type(2),
.pagination.first-page .page-numbers.current:nth-of-type(2) {
	display: flex;
}

.pagination span.prev, 
.pagination span.next,
.pagination span.prev:before, 
.pagination span.next:before {
	border-color: #9CA5B8;
}



.pagination.v2 .page-numbers {
	margin: 0;
} 

.pagination .pages-count {
	position: relative;
	border-color: transparent;
    margin-right: 15px;
    margin-left: 13px;
}
 
.pagination.v2 .pages-count:before {
    content: '/';
    position: absolute;
    top: 9px;
    left: -1px;
}


.pagination.v2 .prev {
	margin-right: 24px;
}

.pagination.v2 .next {
	margin-left: 0;
}

.pagination.v2 .prev.first:before,
.pagination.v2 .prev.first,
.pagination.v2 .next.last:before,
.pagination.v2 .next.last {
	border-color: #9CA5B8;
	pointer-events: none;
}

.input-pagination input {
	font-family: 'Lato', Verdana;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #576680;
    color: #576680;
    width: 48px;
    height: 48px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #576680;
    padding: 6px;
    text-align: center;
}

.input-pagination input:hover,
.input-pagination input:focus {
	border-color: #0A4CB5;
    color: #0A4CB5;
}

.input-pagination input:focus {
	background-color: #F0F5FF;
	outline: none;
}

/* Chrome, Safari, Edge, Opera */
.input-pagination input::-webkit-outer-spin-button,
.input-pagination input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-pagination input[type=number] {
  -moz-appearance: textfield;
}


.pagination.v3 .parts-inner {
	display: flex;
	align-items: center;
}

.pagination.v3 .pages-count {
	margin: 0;
}

.pagination.v3 .parts-inner .page-name,
.pagination.v3 .parts-inner .pages-count,
.pagination.v3 .parts-inner .btn-submit {
	color: #576680;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.pagination.v3 .parts-inner .page-name {
	margin-right: 12px;
}

.pagination.v3 .parts-inner .pages-count {
	margin-left: 8px;
}

.pagination.v3 .parts-inner .btn-submit {
    color: #0A4CB5;
    font-weight: 600;
    margin-left: 20px;
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    height: 48px;
    transition: .3s;
}

.pagination.v3 .parts-inner .btn-submit .text {
	margin-right: 4px;
}

.pagination.v3 .parts-inner .btn-submit:hover {
	color: #0A3B89;
}

.pagination.v3 .parts-inner .btn-submit path {
	transition: .3s;
}

.pagination.v3 .parts-inner .btn-submit:hover path {
	fill: #0A3B89;
}

/*@media (min-width: 1920px) {
	.container {
		max-width: 1464px;
	}
}*/


@keyframes styleBounce {
  0%   {transform: scale(1);}
  25%  {transform: scale(0.9);}
  50%  {transform: scale(1.1);}
  100% {transform: scale(1);}
}

.btn {
	padding: 16px 40px;
	font-family: 'Lato';
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	text-decoration: none;
	display: inline-block;
}

.btn.trt {
	color: #0A4CB5;
	background-color: transparent;
	border: 1px solid #0A4CB5;
}

.btn.trt:hover {
    color: #0A3B89;
    border-color: #0A3B89;
    box-shadow: inset 0 0 0 1px #0A4CB5;
    transition: .3s;
}


/* breadcrumbs  */
.breadcrumbs-section {
	padding: 32px 0 24px;
}

ul.breadcrumbs {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.breadcrumbs li {
	position: relative;
}

ul.breadcrumbs li:before {
    content: '';
    position: absolute;
    background-image: url(../img/arrow.svg);
    width: 6px;
    height: 11px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 5px;
    left: -16px;
}

ul.breadcrumbs li:first-child:before {
  content: none;
}

ul.breadcrumbs li:not(:last-child) {
	margin-right: 28px;
}

ul.breadcrumbs li a,
ul.breadcrumbs li span {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: initial;
  	display: -webkit-box;
  	-webkit-line-clamp: 1;
  	-webkit-box-orient: vertical;
}

ul.breadcrumbs li a {
	text-decoration: none;
	color: #576680;
}

ul.breadcrumbs li span {
	color: #212529;
}

ul.breadcrumbs li a:hover {
	color: #0A4CB5;
	position: relative;
}

ul.breadcrumbs li a:hover:before {
	content: '';
	position: absolute;
	bottom: 0;
	background-color: #0A4CB5;
	height: 1px;
	width: 100%;
}

/* section-some-product */

.section-some-product {
	padding: 0;
}

.product-block-bg {
	background-color: #F9FAFF;	
}

.product-block-bg .product-block {
	position: relative;
	border-top: 0;
	border-bottom: 0;
}

.product-block-bg .product-block:before {
	content: '';
    background: url(../img/server2-2x.png);
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100%;
    max-width: 552px;
    width: 100%;
    height: 228px;
    bottom: 15px;
    right: -36px;
}

.product-block {
	display: flex;
	justify-content: space-between;
	padding: 80px 0;
	border-top: 1px solid #D6DDEC;
	border-bottom: 1px solid #D6DDEC;
}


.product-block .product-title {
	font-family: Lato;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	margin: 0 0 28px;
	max-width: 720px;
}

.product-block .product-title span {
	color: #0A4CB5;
}

.product-block .img-wrap img {
	display: block;
	width: 100%;
	max-width: 436px;
}


/* Article  */

.section-article {
	padding: 80px 0;
}

.section-article .title-article {
	font-family: Lato;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 44px;
	margin: 0 0 32px;
}


ul.meta-article {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
	display: flex;
}

ul.meta-article li {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #576680;
    display: flex;
    align-items: center;	
}

ul.meta-article li:not(:last-child) {
	margin-right: 40px;
}

ul.meta-article li svg {
	margin-right: 12px;
	width: 28px;
}

.author-article .author {
	display: flex;
	align-items: center;
	margin: 0 0 52px;
}

.author-article .author .author-inner {
	display: flex;
	width: 100%;
    max-width: 116px;
}

.author-article .author .author-img {
    margin-right: 24px;
    max-width: 92px;
    width: 100%;
}

.author-article .author .img,
.author-article .author .img img {
	width: 100%;
    max-width: 92px;
    max-height: 92px;
    height: auto;
    border-radius: 50%;
}

.author-article .author-name,
.author-article .author-name a {
	color: #212529;
	font-family: Lato;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	margin: 0 0 8px;
	text-decoration: none;
}

.author-article .author-name span {
	font-weight: 400;
	color: #576680;
}

.author-article .author-name a:hover {
	color: #0A4CB5;
    box-shadow: 0 1px 0 #0A4CB5;
}

.author-article .author-desc {
	color: #576680;
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.author-article .author-desc p {
	margin: 0;
}

.pm-block .author-article .author-desc,
.pm-block .author-article .author-desc  p {
	color: #212529;
	font-size: 20px;
	line-height: 32px;
}

.pm-block .author {
	display: flex;
	flex-direction: column;
}

.pm-block .author-article .author .author-inner {
	max-width: 100%;
	align-items: center;
	margin-bottom: 20px;
}

.pm-block .author-article .author .img {
	max-width: 72px;
	max-height: 72px;
}

.pm-block .author-article .author-name span {
	display: block;
}

.pm-block .author-article .author {
	margin: 0;
}

.pm-block .author-article .author .img {
	margin-right: 24px;
}

.author-article .author-desc a {
	color: #0A4CB5;
}

.author-article .author-desc a:hover {
	color: #0A3B89;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
	display: block;
	margin: 40px auto 20px auto;
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}


.article-content,
.article-content p {
	color: #212529;
	font-family: Lato;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
}

.article-content a.fancybox + em {
	margin-bottom: 6px;
}

.article-content p:not(:last-child) {
	margin: 0 0 14px;
}

.article-content a {
	color: #0A4CB5;
}

.article-content a:hover {
	color: #0A3B89;
}

.article-content img {
	max-width: 100%;
	width: auto;
    height: auto;
	max-height: 760px;
    display: block;
    margin: 12px auto;
}

.article-content img.white-screenshots {
	border: 1px solid #D6DDEC;
}

.article-content ul,
.article-content ol {
	margin: 20px 0;
}

.article-content ul li:not(:last-child),
.article-content ol li:not(:last-child) {
	margin-bottom: 14px;
}

.article-content h2, .article-content h3 {
	margin: 40px 0 20px;
}

.article-grid {
	display: flex;
	justify-content: space-between;
}

.article-wrap {
	width: 100%;
	max-width: 968px;
	margin-right: 0;
	flex: 1;
}

.article-sidebar {
	width: 432px;
	margin-left: 64px;
	will-change: min-height;
}

.article-sidebar .article-sidebar-inner {
	width: 100%;
	max-width: 432px !important;
	position: relative;
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
}

/*tables*/

.table-scroll {
    overflow:auto;
    margin-top: 20px;
    margin-bottom: 20px;
/*    -moz-box-shadow:    inset 0 0 10px #555555;
   -webkit-box-shadow: inset 0 0 10px #555555;
   box-shadow:         inset 0 0 10px #555555;*/
} 

.table-scroll table {
	margin: 0;
}

@media (max-width:400px){
    .table-scroll3 {
        max-width: 705px;
        overflow:auto;
        margin-bottom: 20px;
        -moz-box-shadow:    inset 0 0 10px #555555;
       -webkit-box-shadow: inset 0 0 10px #555555;
       box-shadow:         inset 0 0 10px #555555;
    } 
}

/*@media (max-width:500px){
    .entry p {
       word-break: break-all;
    }
}*/

@media (max-width:762px){
    .table-scroll2 {
        max-width: 705px;
        overflow:auto;
        margin-bottom: 20px;
        -moz-box-shadow:    inset 0 0 10px #555555;
       -webkit-box-shadow: inset 0 0 10px #555555;
       box-shadow:         inset 0 0 10px #555555;
    } 
}

@media (max-width: 1430px) {
    .table-scroll4 {
        max-width: 705px;
        overflow: auto;
        margin-bottom: 20px;
        -moz-box-shadow: inset 0 0 10px #555555;
        -webkit-box-shadow: inset 0 0 10px #555555;
        box-shadow: inset 0 0 10px #555555;
    }
}

.article-content .caption-img {
	text-align: center;
	color: #576680;
	font-size: 16px;
	font-style: italic;
	font-weight: 500;
	line-height: 24px
}

.article-content table {
	width: 100%;
	border: 0;
    border-spacing: 0;
    border-spacing: 0;
}


.article-content table th {
	border: 1px solid #0A3B89;
	border-top: 0;
	border-right: 0;
    background-color: #0A4CB5;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
}

.article-content table tr:first-child th {
	border-top: 1px solid #0A3B89;
}

.article-content table th:last-child {
	border-right: 1px solid #0A3B89;
}

.article-content table td {
	border: 1px solid #D6DDEC;
	border-top: 0;
	border-right: 0;
}

.article-content table td:last-child {
	border-right: 1px solid #D6DDEC;
}

.article-content table td:first-child,
.article-content  table tr td:first-child {
    border-left: 1px solid #D6DDEC;
}

.article-content table th,
.article-content table td {
	padding: 12px 20px;
	vertical-align: top;
	word-break: break-all;
}

.article-content table tr:first-child td {
	border-top: 1px solid #D6DDEC;
}

body .entry .table-scroll table, body .entry .table-scroll2 table, body .entry .table-scroll3 table, body .entry .table-scroll4 table {
    margin: 0;
}

body .entry .table-scroll, body .entry .table-scroll2, body .entry .table-scroll3, body .entry .table-scroll4 table {
    margin-bottom: 20px;
}

/*/tables*/

.block-help {
	border: 1px solid #D6DDEC;
	padding: 40px;
	text-align: center;
	margin-bottom: 30px;
}

.block-help .title {
	color: #212529;
	font-family: Lato;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
}

.block-help .sub {
	color: #576680;
	font-family: Lato;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin: 12px 0 0;
}

.block-help .youtube-red {
	position: relative;
	width: 84px;
	height: 60px;
	margin: 40px auto;
}

.block-help .youtube-red:before {
	content: '';
	background-image: url(../img/youtube-red.svg);
	background-repeat: no-repeat;
	width: 84px;
	height: 60px;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;

}

.btn-video-modal {
	font-family: Lato;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	text-align: center;
	background-color: #0A4CB5;
	color: #ffffff;
	padding: 16px;
	cursor: pointer;
	max-width: 328px;
	margin: 0 auto;

}

.btn-video-modal:hover {
	transition: .2s;
	background-color: #0A3B89;
}

/*fancy*/

.fancybox__nav,
.fancybox__footer,
.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right .f-button:not(:last-child) {
	display: none !important;
}

.fancybox__backdrop {
	background: rgba(0, 0, 0, 0.40) !important;
    backdrop-filter: blur(3px) !important;
} 
/*/fancy*/

/*popup*/
.modal-backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.40);
	backdrop-filter: blur(3px);
	z-index: 999;
}

.fancybox__content > .f-button.is-close-btn {
    width: 34px;
    height: 34px;
    color: #576680 !important;
    background: transparent !important;
    width: 28px !important;
    height: 28px !important;
    position: absolute;
    top: 22px !important;
    right: 22px !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

.fancybox__content > .f-button.is-close-btn svg {
    width: 30px;
    height: 30px;
    fill: #576680 !important;
    border-radius: 0 !important;
    stroke: currentColor;
    stroke-width: 1.2px;
    transition: opacity .15s ease;
    pointer-events: none;
    opacity: 1 !important;
    transition: .3s;
}

.fancybox__content > .f-button.is-close-btn:hover {
	color: #0A3B89 !important;
}

.form-for-video {
	display: none;
	padding: 80px 60px;
	background-color: #ffffff;
	margin: 0 auto;
	max-width: 860px;
}

.form-submit .title {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #212529;
    margin: 0 0 52px;
}

.form-submit .input-field input {
    border: 1px solid #D6DDEC;
    outline: none;
    height: 64px;
    width: 100%;
	font-family: Lato;
	font-size: 20px;
    line-height: 28px;
    padding: 0 28px;
    color: #212529;
    transition: .24s;
}

.form-submit .input-field.field-error input {
	border-color: #C90A0A;
}

.form-submit .input-field.field-error input:valid + .label, 
.form-submit .input-field.field-error input:focus + .label, 
.form-submit .input-field.field-error input:focus + .error + .label, 
.form-submit .input-field.field-error input:focus + .error + .error + .label, 
.form-submit .input-field.field-error input:focus + .error + .error + .error + .label, 
.form-submit .input-field.field-error input:valid + .error + .label, 
.form-submit .input-field.field-error input:valid + .error + .error + .label,
.form-submit .input-field.field-error input:valid + .error + .error + .error + .label {
	color: #C90A0A;	
}

.form-for-video .thank-page:before {
    content: none;
}

.form-for-video .thank-page_text {
    padding-top: 0;
}

.form-for-video .input-field {
    position: relative;
}

.form-for-video .input-field:not(:last-child) {
    margin-bottom: 24px;
}

.form-submit .input-field input:not(:focus):hover {
    border-color: #9CA5B8;
}

.form-submit .input-field input:focus {
    border-color: #0A4CB5;
    box-shadow: inset 0 0 0 0.6px #0A4CB5;
}

.form-submit .input-field label {
    font-size: 16px;
    position: absolute;
    top: 18px;
    left: 26px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: #576680;
    transition: all ease-in-out 0.2s;
    cursor: text;
}

.form-submit .input-field input:valid + .label,
.form-submit .input-field input:focus + .label,
.form-submit .input-field input:focus + .error + .label, 
.form-submit .input-field input:focus + .error + .error + .label,
.form-submit .input-field input:focus + .error + .error + .error + .label,
.form-submit .input-field input:valid + .error + .label, 
.form-submit .input-field input:valid + .error + .error + .label, 
.form-submit .input-field input:valid + .error + .error + .error + .label {
	top: -9px;
	left: 20px;
    background-color: #FFF;
    color: #0A4CB5;
    padding: 0 8px;
    z-index: 1;
    font-weight: 400;
}

.input-field input:focus + .error + .label, .input-field input:focus + .error + .error + .label, .input-field input:focus + .error + .error + .error + .label, .input-field input:valid + .error + .label, .input-field input:valid + .error + .error + .label, .input-field input:valid + .error + .error + .error + .label, .input-field input:focus + .label, .input-field input:valid + .label, .input-field textarea:focus + .label, 
.input-field.has-focus input + label + .label, .input-field.has-value > input + label.label {
    top: -6px;
    left: 22px;
    font-size: 14px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 700;
}

/**/

.checkbox-wrap .checkbox .checkbox-main {
    vertical-align: middle;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.checkbox-wrap .checkbox label {
	display: flex;
}

.checkbox-wrap .checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
}

.form-submit .checkbox-wrap .checkbox .checkbox-main .check {
    color: #576680;
    width: 24px;
    height: 24px;
    border: 1px solid;
    border-radius: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.form-submit .checkbox-wrap .checkbox .checkbox-main .check:before {
    margin-top: 0;
    margin-left: 11px;
    animation: none;
}

.checkbox-wrap .checkbox input[type=checkbox]:checked+.checkbox-main .check {
    color: #125DD3;
    border: 0;
}

.checkbox-wrap .checkbox input[type=checkbox]:checked+.checkbox-main .check:before {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    -webkit-animation: checkbox-on .3s forwards ease-out;
    animation: checkbox-on .3s forwards ease-out;
}

.checkbox-wrap .checkbox .checkbox-main .check:before {
    position: absolute;
    content: "";
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    -webkit-animation: checkbox-off .3s forwards ease-out;
    animation: checkbox-off .3s forwards ease-out;
}

.form-submit .checkbox-wrap .checkbox .checkbox-main:before {
    left: 10px;
    top: 10px;
}

.checkbox-wrap {
    margin: 40px 0 30px 0;
    position: relative;
    z-index: 0;
}

.checkbox-wrap .checkbox-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    cursor: pointer;
}

.checkbox-wrap .checkbox-text a {
    color: #125DD3;
    text-decoration: none;
}

.checkbox-wrap .checkbox-text a:hover {
    color: #103586;
}

@-webkit-keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

.form-submit .btn {
	font-family: 'Lato';
	border: 0;
	width: 100%;
    background-color: #0A4CB5;
    border-color: #0A4CB5;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    padding: 21px 18px;
    height: auto;
    border-radius: 0;
    text-align: center;
    cursor: pointer;
}

.form-submit .btn:hover {
	transition: .3s;
    color: #ffffff;
    background-color: #0A3B89;
    border-color: #0A3B89;
}

.modal-close {
	position: absolute;
	top: 24px;
	right: 24px;
	cursor: pointer;
	transition: .3s;
}

.modal-close:hover svg path {
	stroke: #0A3B89;
	transition: .3s;
}

.modal-backdrop {
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}

.modal-backdrop.show {
	opacity: 1;
	visibility: visible;
	transition: .3s;
}

.post-navigation {
	margin-top: 58px;
}

.post-navigation a {
	color: #0A4CB5;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	text-decoration: none;
}

.post-navigation a svg {
	position: relative;
	top: 4px;
}

.post-navigation a:hover {
	color: #0A3B89;
}

.post-navigation a:hover svg path {
	fill: #0A3B89;
}

.related-materials-sidebar {
	border: 1px solid #D6DDEC;
	padding: 40px;
}

.related-materials-sidebar .block-title {
	margin: 0 0 20px;
	color: #212529;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
}


.related-materials-sidebar .related .title a {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; 
	text-decoration: none;
	color: #212529;
	display: inline-block;
}

.related-materials-sidebar .related:not(:last-child) .title {
	border-bottom: 1px solid #D6DDEC;
	padding-bottom: 16px;
    margin-bottom: 16px;
}


.related-materials-sidebar .related .title a:hover {
	color: #0A4CB5;
	text-decoration: underline;
}


.related-materials-block {
	margin-top: 80px;
}

.related-materials-block .block-title {
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;
	margin: 0 0 20px;
}

.related-materials-block .related-materials {
	display: flex;
	margin-left: -12px;
	margin-right: -12px;

}

.related-materials-block .related-materials .related {
	margin: 0 12px;
	flex: 1;
}

.related-materials-block .related-materials .img {
    max-height: 225px;
    overflow: hidden;
}

.related-materials-block .related-materials .img,
.related-materials-block .related-materials .img img {
	width: 100%;
	max-width: 472px;
}

.related-materials-block .related-materials .img img {
	margin: 0 auto;
}

.related-materials-block .related-materials .meta {
	margin: 16px 0;
}

.related-materials-block .related-materials .title a {
	color: #0A4CB5;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-decoration: none;
	display: inline-block;
}

.related-materials-block .related-materials .title a:hover {
	color: #0A3B89;
}

.tags-wrap {
	margin-bottom: 32px;
}

.tags-wrap .block-title {
	margin-bottom: 0;
}

.share-socials-wrap {

}

.article-sidebar .v2 .tags {
	margin-top: 2px;
}

.v2 .related-materials {
	margin-bottom: 32px;
}

.sidebar-set {
	margin-top: 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.blog-home {
	display: flex;
	align-items: center;
	color: #0A4CB5;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
	text-decoration: none;
}

.blog-home svg {
	margin-right: 8px;
	transition: .2s;
}

.blog-home:hover {
	color: #0A3B89;
}

.blog-home:hover svg {
	transform: scale(1.2);
	transition: .2s;
}

.blog-home:hover svg path {
	fill: #0A3B89;
}

.article-sidebar .tags {
	margin-top: 7px;
}

.share-socials {
	display: flex;
	align-items: center;
}

.share-socials .btn-share {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	background-color: ;
}

.share-socials .btn-share:not(:last-child) {
	margin-right: 12px;
}

.share-socials .btn-share:before {
	content: '';
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    background-size: 100%;
    border-radius: 50%;
    transition: .2s;
}

.share-socials .btn-share:hover:before {
	transform: scale(1.2);
}

.share-socials .btn-share.icon-share-x:before {
	background-image: url(../img/icon-share-tw-2x.png);
}

.share-socials .btn-share.icon-share-ln:before {
	background-image: url(../img/icon-share-ln-2x.png);
}

.share-socials .btn-share.icon-share-rd:before {
	background-image: url(../img/icon-share-rd2x.png);
}

.no-results-found {
	padding: 72px 0 440px;
	text-align: center;
}

.no-results-found h2 {
	color: #576680;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px;
	margin: 0;
}

.pm-block { 
	position: relative;
	margin-top: 80px;
	padding: 60px 120px;
	background-color: #ffffff;
	border: 1px solid #D6DDEC;
/*	box-shadow: 0px 10px 20px 0px rgba(106, 109, 112, 0.05), 0px 1px 16px 0px rgba(106, 109, 112, 0.05);*/
}

.pm-block .title {
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	margin: 0 0 20px;
}


.desktop-show {
	display: block;
}

.laptop-small-show,
.laptop-show {
	display: none;
}

.author-info.v2 {
	padding: 32px;
	background-color: #F9FAFF;
	display: flex;
	margin: 0 0 28px;
}

.author-info.v2 .img {
	width: 152px;
	height: 152px;
	margin-right: 24px;
}

.author-info.v2 .img img{
	width: auto;
	height: auto;
	max-width: 152px;
	max-height: 152px;
	width: 100%;
	height: auto;
}

.author-info.v2 .author-text {
	flex: 1;
	font-family: Lato;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; 	
}

.author-info.v2 .author-text .name {
	font-weight: 700;
	margin-bottom: 8px;
}

ul.author-socials {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	display: flex;
	align-items: center;
}

ul.author-socials li a {
	display: block;
	width: 24px;
	height: 24px;
}

ul.author-socials li:not(:last-child) {
	margin-right: 12px;
}

ul.author-socials li a svg {
	width: 24px;
	height: 24px;
}

.section-title-more {
	justify-content: space-between;
}

.section-title-more .more {
	margin-top: 6px;
}

.section-title-more .more a,
.section-title-more .more span {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	color: #0A4CB5;
	text-decoration: none;
	display: inline-block;
	transition: .3s;
}

.section-title-more .section-title .more a:hover,
.section-title-more .section-title .btn-block:hover .more span {
  color: #0A3B89;
}

.section-title-more .more a:active,
.section-title-more .btn-block:active .more span {
    transform: scale(.97);
}

.section-title-more .more a svg,
.section-title-more .more span svg {
  margin-left: 5px;
  vertical-align: middle;
}

.section-title-more .more a svg path,
.section-title-more .more span svg path {
    fill: #0A4CB5;
}

.form-main .input-field.field-error .error,
.form-main .checkbox-wrap .error-checkbox {
    color: #C90A0A;
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 28px 0px;
}

.thank-page {
	text-align: center;
}

.thank-page p:first-child {
	font-weight: 600;
}

/* Preloader */
.preloader {
    overflow: hidden;
}

.preloader .forms-tabs {
/*  opacity: .2;*/
  transition: .3s;
} 

.preloader .overlay_loader {
    display: block;
}

.overlay_loader {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(16,53,134,.4);
    top: 0;
    left: 0;
    z-index: 10005;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.overlay_loader .loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    animation: rotateAnim 2s infinite ease;
    -webkit-animation: rotateAnim 2s infinite ease;
}

.overlay_loader .loader div {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #6adb9d;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: translateAnim 2s infinite ease;
    -webkit-animation: translateAnim 2s infinite ease;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.overlay_loader .loader div:nth-child(1) {
    top: -25px;
    animation-name: translateAnimTop;
    -webkit-animation-name: translateAnimTop;
}

.overlay_loader .loader div:nth-child(2) {
    left: 25px;
    animation-name: translateAnimRight;
    -webkit-animation-name: translateAnimRight;
}

.overlay_loader .loader div:nth-child(3) {
    top: 25px;
    animation-name: translateAnimBottom;
    -webkit-animation-name: translateAnimBottom;
}

.overlay_loader .loader div:nth-child(4) {
    left: -25px;
    animation-name: translateAnimLeft;
    -webkit-animation-name: translateAnimLeft;
}

/* Preloder */
@keyframes rotateAnim {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(90deg);
    }
    75% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@-webkit-keyframes rotateAnim {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(90deg);
    }
    75% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
    }
}

@keyframes translateAnimTop {
    0% {
        transform: translateY(0px);
        background: #6adb9d;
    }
    25% {
        transform: translateY(0px);
        background: #6adb9d;
    }
    50% {
        transform: translateY(-20px);
        background: none;
    }
    75% {
        transform: translateY(-20px);
        background: none;
    }
    100% {
        transform: translateY(0px);
        background: #6adb9d;
    }
}

@-webkit-keyframes translateAnimTop {
    0% {
        -webkit-transform: translateY(0px);
        background: #6adb9d;
    }
    25% {
        -webkit-transform: translateY(0px);
        background: #6adb9d;
    }
    50% {
        -webkit-transform: translateY(-20px);
        background: none;
    }
    75% {
        -webkit-transform: translateY(-20px);
        background: none;
    }
    100% {
        -webkit-transform: translateY(0px);
        background: #6adb9d;
    }
}

@keyframes translateAnimBottom {
    0% {
        transform: translateY(0px);
        background: #6adb9d;
    }
    25% {
        transform: translateY(0px);
        background: #6adb9d;
    }
    50% {
        transform: translateY(20px);
        background: none;
    }
    75% {
        transform: translateY(20px);
        background: none;
    }
    100% {
        transform: translateY(0px);
        background: #6adb9d;
    }
}

@-webkit-keyframes translateAnimBottom {
    0% {
        -webkit-transform: translateY(0px);
        background: #6adb9d;
    }
    25% {
        -webkit-transform: translateY(0px);
        background: #6adb9d;
    }
    50% {
        -webkit-transform: translateY(20px);
        background: none;
    }
    75% {
        -webkit-transform: translateY(20px);
        background: none;
    }
    100% {
        -webkit-transform: translateY(0px);
        background: #6adb9d;
    }
}

@keyframes translateAnimLeft {
    0% {
        transform: translateX(0px);
        background: #6adb9d;
    }
    25% {
        transform: translateX(0px);
        background: #6adb9d;
    }
    50% {
        transform: translateX(-20px);
        background: none;
    }
    75% {
        transform: translateX(-20px);
        background: none;
    }
    100% {
        transform: translateX(0px);
        background: #6adb9d;
    }
}

@-webkit-keyframes translateAnimLeft {
    0% {
        -webkit-transform: translateX(0px);
        background: #6adb9d;
    }
    25% {
        -webkit-transform: translateX(0px);
        background: #6adb9d;
    }
    50% {
        -webkit-transform: translateX(-20px);
        background: none;
    }
    75% {
        -webkit-transform: translateX(-20px);
        background: none;
    }
    100% {
        -webkit-transform: translateX(0px);
        background: #6adb9d;
    }
}

@keyframes translateAnimRight {
    0% {
        transform: translateX(0px);
        background: #6adb9d;
    }
    25% {
        transform: translateX(0px);
        background: #6adb9d;
    }
    50% {
        transform: translateX(20px);
        background: none;
    }
    75% {
        transform: translateX(20px);
        background: none;
    }
    100% {
        transform: translateX(0px);
        background: #6adb9d;
    }
}

@-webkit-keyframes translateAnimRight {
    0% {
        -webkit-transform: translateX(0px);
        background: #6adb9d;
    }
    25% {
        -webkit-transform: translateX(0px);
        background: #6adb9d;
    }
    50% {
        -webkit-transform: translateX(20px);
        background: none;
    }
    75% {
        -webkit-transform: translateX(20px);
        background: none;
    }
    100% {
        -webkit-transform: translateX(0px);
        background: #6adb9d;
    }
}

/* End Preloder */

}

@media screen and (max-width: 1919px) {

	.post .thumb-wrap {
		max-height: 308px;
	}

	.posts .post .post-content .post-thumb,
	.posts .post .post-content .post-thumb img {
		max-width: 288px;
		max-height: 160px;
	}

	.article-content img {
		max-height: 600px;
	}

	.pm-block-inner {
		max-width: 1064px;
		margin: 0 auto;
	}

	.pm-block {
		padding: 60px 80px;
	}

	.post-slide-part.post .post-content {
		min-height: 358px;
	}

	.posts .post .post-text, 
	.posts .post .post-text p {
		font-size: 16px;
		line-height: 24px;
	}

	.postSlider .post .tags {
		max-width: 540px;
	}

	.container {
		max-width: 1224px;
	}

	.product-block .img-wrap img {
		max-width: 396px;
	}


	.article-sidebar {
		width: 392px;
		margin-left: 24px;
	}

	.article-sidebar .article-sidebar-inner {
		width: 392px !important;
	}

	.article-wrap {
    	width: 66%;
	}


	.block-help {
		padding: 40px;
	}
	.product-block .product-title {
		font-size: 24px;
		line-height: 36px;
	}

	.product-block .btn {
		font-size: 16px;
	    padding: 16px 20px;
		text-align: center;
	}

	.section-article .title-article {
		font-size: 28px;
		line-height: 40px;
	}

	.author-article .author-name,
	.author-article .author-name a,
	.author-article .author-desc,
	.article-content, .article-content p {
		font-size: 16px;
		line-height: 24px;
	}

	.article-content, .article-content p {
		margin: 8px 0;
	}

	.article-content, .article-content p:last-child {
		margin-bottom: 0;
	}

	.author-article .author-desc {
		font-size: 14px;
		line-height: 20px; 
	}

/*	.article-content h2,
	.article-content h3	{
		margin: 40px 0 20px;
	}*/

	.article-content h2, .article-content h3 {
		font-size: 24px;
		margin: 36px 0 12px;
	}

	.block-help .title {
		font-size: 24px;
		line-height: 36px;
	}

	.block-help .sub,
	.related-materials-block .related-materials .title a {
		font-size: 16px;
		line-height: 24px;
	}

	.btn-video-modal {
		font-size: 16px;
		line-height: 1;
	}

	.article-content h4 {
		font-size: 24px;
		font-weight: 600;
		line-height: 36px;
		margin: 30px 0 20px;
	}

	.pm-block {
		margin-top: 40px;
		padding: 40px;
	}

	.pm-block .title {
		font-size: 24px;
		line-height: 36px;
	}

	.pm-block .author-article .author-desc,
	.pm-block .author-article .author-desc p {
		font-size: 16px;
		line-height: 24px;
	}	

	.author-article .author {
		margin: 0 0 36px;
	}

}

@media (min-width: 1360px) and (max-width: 1919px) {

	.article-wrap {
		max-width: 728px;
	}

	.no-results-found {
	    padding: 72px 0 240px;
	}  
 
	.postSlider .post .thumb-wrap img {
		position: absolute;
		height: 100%;
		width: auto;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.post-list-settings {
	    max-width: 823px;
	} 

	.product-block-bg .product-block:before {
		bottom: 16px;
	}

	.container {
		max-width: 1224px;
		padding-left: 0;
		padding-right: 0;
	}

	h1 {
		font-size: 36px;
		line-height: 52px;
	}

	.btn-watch-yt {
		font-size: 16px;
	}

	h3,
	.postSlider .post .post-title a {
		font-size: 20px;
		line-height: 28px;
	}

	.postSlider .post .post-content .post-text {
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width: 1359px) {

	.no-results-found {
	    padding: 72px 0 140px;
	}  

	.product-block-bg .product-block:before {
		max-width: 371px;
    	height: 154px;
    	right: -25px;
		bottom: 38px;
	}

	.product-block .left-side {
		max-width: 398px;
	}

	.post-list-settings {
		max-width: 100%;
	}

	.post .thumb-wrap {
		max-height: 288px;
	}

	.postSlider .post .thumb-wrap {
		height: 288px;
	}

	.postSlider .post .thumb-wrap img {
		top: 50%;
    	transform: translateY(-50%);
	}

	.table-scroll {
		max-width: 808px;
	}

	.blog-home,
	.related-materials-sidebar.v2 .set-wrap .block-title {
		display: none; 
	}

	.related-materials-sidebar .block-title {
		margin: 0 0 12px;
	}

	.article-content, .article-content p {
		margin: 8px 0;
	}

	.related-materials-sidebar.v2 {
		margin-top: 36px;
	}

	.pm-block {
		padding: 40px 60px;
	}

	.set-wrap {
		display: flex;
		justify-content: space-between;
	}

	.related-materials-sidebar.v2 .related .title:before {
		content: none;
	}

	.related-materials-sidebar.v2 .related .title {
		padding-left: 0;
	}

	.article-content img {
		max-height: 500px;
	}

	.article-sidebar .v2 .tags {
		margin-top: -14px;
	}

	.post .thumb-wrap img {
	    top: 0;
	    transform: translateY(0);
	}

	.meta .author-wrap .img {
		overflow: visible;
	}

	.meta .author-wrap .img img {
		border-radius: 50%;
	}

	.postSlider .post .tags {
		max-width: 100%;
	}

	.desktop-show {
		display: none;
	}

	.laptop-show {
		display: block;
	}

	.postSlider .post .tags {
    	position: relative;
    	bottom: 0;
	}

	.hero, .section {
	    padding: 72px 0;
	}

	.container {
		max-width: 808px;
	}


	h1 {
    	font-size: 28px;
    	line-height: 36px;
	}

	h2 {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 32px;
	}

	h3,
	.post .post-title a {
		font-size: 20px;
		line-height: 28px;
	}

	.postSlider .post .post-content {
		min-height: 100%
	}

	.postSlider .post-promo.post .post-content {
		min-height: auto;
	}

	.post .post-text {
	    margin-bottom: 14px;
	}

	.postSlider .post .post-content {
		padding-bottom: 32px;
	}

	.btn-watch-yt {
		font-size: 16px;
		line-height: 24px;
	}

	.post .tags {
		position: relative;
		bottom: 0;
	}

	.postSlider .swiper-wrapper {
		flex-direction: column;
	}
	.post-slide-part:nth-child(odd),
	.post-slide-part:not(:last-child),
	.post.post-promo,
	.post.post-slide-part {
		margin-bottom: 20px;
	}

	.post.post-slide-part {
		height: auto !important;
	}	

	.post-slider-nav {
		display: none;
	}

	.post .post-text {
		font-size: 16px;
		line-height: 24px;
	}

	.heading-set {
    	flex-direction: column;
    	align-items: flex-start;
	}

	.heading-set h2 {
		margin-bottom: 32px;
	}

	.search-archive .input-field input,
	.post-list-settings,
	.search-archive,
	.search-archive input,
	.search-archive .input-field {
		width: 100%;
	}

	.breadcrumbs-section {
		padding: 16px 0;
	}

	.product-block,
	.section-article {
		padding: 48px 0;
	}

	.article-content h4 {
		font-size: 20px;
		line-height: 28px;
	}	

	.product-block .product-title {
		font-size: 20px;
		line-height: 28px;
	}

	.product-block .product-title {
		max-width: 398px;
	}

	.product-block .img-wrap img {
		max-width: 332px;
	}

	.section-article .title-article {
		font-size: 24px;
		line-height: 36px;
		margin: 0 0 28px;
	}

	.article-sidebar .block-help {
		display: none;
	}

	.article-content .block-help {
		margin-top: 30px;
	}

	.form-for-video {
		padding: 72px 40px;
	}

	.form-submit .title {
		font-size: 20px;
		line-height: 28px;
	}

	.article-grid {
		flex-direction: column; 
	}

	.article-wrap {
		width: 100%;
	}

	.article-sidebar {
		width: 100%;
		height: auto !important;
		margin: 0;

	}
	.article-sidebar .article-sidebar-inner {
		position: relative !important;
	    top: 0 !important;
    	left: 0 !important;
    	transform: translate3d(0, 0, 0) !important;
    	width: 100% !important;
    	max-width: 100% !important;
	}

	.related-materials-sidebar {
		border: 0;
		padding: 0;
	}

	.related-materials-sidebar .related:not(:last-child) .title {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 12px;
	}

	.related-materials-sidebar .related .title {
		position: relative;
		padding-left: 16px;
	}

	.related-materials-sidebar .related .title:before {
		content: '';
		background-color: #0A4CB5;
		width: 6px;
		height: 6px;
		left: 0;
		top: 50%;
		margin-top: -1px;
		border-radius: 50%;
		position: absolute;
	}

	.related-materials-sidebar .related .title a {
		color: #0A4CB5;
	}

	.sidebar-set {
    	margin-top: 36px;
	}

	.article-sidebar .tags {
		margin-top: 22px;
	}

	.pm-block {
		margin-top: 48px;
	}

	.pm-block .title {
		font-size: 20px;
		line-height: 28px;
	}

	.block-help .youtube-red {
		margin: 20px auto;
	}

	.block-help .youtube-red,
	.block-help .youtube-red:before {
		width: 72px;
		height: 52px;
	}

	.search-suggestions {
		max-width: 543px;
	}

	.paginations .pagination.v3 {
		position: relative;
		margin-top: 0;
	}

	.paginations {
		display: flex;
		justify-content: space-between;
	}
}

.mobile-show {
	display: none;
}

@media screen and (max-width: 1024px) {
	.article-content h3 {
		font-size: 20px;
	}
}

.hide-1023 {
	display: block;
}

.show-1023 {
	display: none;
}

.pagination.hide-1023 {
	display: flex;
}

@media screen and (max-width: 1023px) {

	.hide-1023 {
		display: none;
	}

	.show-1023 {
		display: block;
	}

	.pagination.show-1023 {
		display: flex;
	}

	.pagination.hide-1023 {
		display: none;
	}


	.search-archive {
		margin-left: 0;
	}

	.product-block {
		display: block;
	}

	.product-block-bg .product-block:before {
		content: none;
	}

	.product-block .left-side {
		max-width: 100%;
	}

	.footer .footer-socials .social-icons ul li svg {
		max-width: 32px;
		 width: 100%;

	} 
	.container {
		max-width: 600px;
	}

	.posts .post .post-content .part-left {
		margin-right: 0;
	}

	.post-list-settings .title,
	.post-list-settings .view-btns,
	.posts .post .post-content .post-thumb {
		display: none;
	}
	.search-inputs {
		margin-left: 0;
	}
	.grid-view .posts .post:before {
		content: none
	}

	.grid-view .posts {
		margin-left: 0;
		margin-right: 0;
	}

	.posts .post,
	.grid-view .posts .post {
		flex-basis: 100%;
		box-shadow: inset 0 0 0 1px #D6DDEC;
		border: 0
	}

	.author-info,
	.postSlider .post .post-content,
	.posts .post,
	.grid-view .posts .post {
		padding: 15px;
	}

	.author-article .author-info {
		padding: 0;
	}

	.posts .post .post-content {
		padding: 0;
	}

	.heading-set,
	.posts .post:not(:last-child),
	.grid-view .posts .post:not(:last-child) {
		margin-bottom: 20px;
	}
	
	.post .post-text {
		margin-bottom: 14px;
	}
	.posts .post .post-text,
	.grid-view .posts .post .post-content .part-left .post-text {
		margin-bottom: 20px;
	}

	.post .tags,
	.grid-view .posts .post .post-content .part-left .tags {
		position: relative;
		bottom: 0
	}

	.product-block .left-side {
		text-align: center;
	}

	.product-block .right-side {
		display: none;
	}

	.product-block .product-title {
		max-width: 560px;
		margin: 0 auto;
	}

	.img-hero-mobile img {
		margin: 38px auto 25px auto;
    	max-width: 371px;
	}

	.mobile-show {
		display: block;
	}

	.related-materials-block .block-title {
		font-size: 20px;
	}

	.related-materials-block .related-materials {
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
	}

	.related-materials-block .related-materials .related {
		margin: 0 0 24px;
	}

	.related-materials-block .related-materials .img {
		margin: 0 auto;
		max-width: 100%;
	}

	.related-materials-block .related-materials .img img {
		max-width: 100%;
	}

	.related-materials-block .related-materials .meta {
		margin: 16px 0 8px;
	}

	.postSlider .tags {
		flex-wrap: wrap;
	}

	.laptop-small-hide {
		display: none !important;
	}

	.laptop-small-show {
		display: block;
	}

	.author-article .author-name, 
	.author-article .author-name a,
	.author-article .author-name span {
		font-size: 16px;
		line-height: 24px;
	}

}

.author .author-img {
	margin-right: 24px;
}

.hide-767 {
	display: block;
}

.show-767 {
	display: none;
}

.pagination.hide-767 {
	display: flex;
}

@media screen and (max-width: 767px) {

	.pagination.hide-767,
	.hide-767 {
		display: none;
	}

	.show-767 {
		display: block;
	}

	.pagination.show-767 {
		display: flex;
	}

	.paginations {
		flex-direction: column;
	}

	.paginations .pagination.v3 {
		margin-top: 23px;
	}

	.postSlider .post .thumb-wrap {
		height: auto;
	}

	.postSlider .post .thumb-wrap img {
		top: 0;
    	transform: translateY(0);
	}

	.article-wrap .author-article .author {
		margin: 0 0 8px;
	}

	.article-wrap .author-article {
		margin-bottom: 28px;
	}

	.pm-block {
		padding: 40px;
	}

	.hero, .section {
    	padding: 48px 0;
	}
	.container {
		box-sizing: border-box;
	}
	.img-hero-mobile img {
		width: 100%;
	}
	.product-block .btn {
	    font-size: 16px;
	    width: 100%;
	    padding: 16px 8px;
	}

	.section-article .title-article {
    	margin: 0 0 20px;
	}

	ul.meta-article {
		flex-wrap: wrap;
	}
	ul.meta-article li {
		margin-bottom: 20px;
	}

	ul.meta-article li:last-child {
		margin-bottom: 0;
	}
	.author-article .author {
		margin: 0 0 36px;
	}

	ul.meta-article li svg {
		margin-right: 8px;
	}
/*	.author-article .author .img, .author-article .author .img img {
		max-width: 60px;
		max-height: 60px;
	}*/

	.author-article .author .author-img {
		max-width: 60px;
		margin-right: 16px;
	}

/*	.article-sidebar {
		display: none;
	}*/

	.article-content .block-help {
		margin-top: 30px;
	}

	.form-for-video {
		padding: 64px 32px;
	}

	.form-submit .title {
		font-size: 20px;
		line-height: 28px;
	}	

	.article-content .block-help {
		margin-top: 30px;
	}

	.form-for-video {
		padding: 32px 16px;
	}

	.form-submit .title {
		font-size: 20px;
		line-height: 28px;
	}

	.fancybox__content > .f-button.is-close-btn {
		top: 16px !important;
		right: 16px !important;
		width: 20px !important;
		height: 20px !important;
	}

	.show-768-1023 {
		display: none;
	}

	.pm-block {
/*		padding: 40px 0;*/
		box-shadow: none;

		border-top: 1px solid #D6DDEC;
		border-bottom: 1px solid #D6DDEC;
	}

	.pm-block .author-article .author {
		display: block;
	}

	.pm-block .author-article .author .img {
		margin-right: 16px;
	}

	.author-article .author .author-inner {
		max-width: 100%;
		align-items: center;
		margin-bottom: 20px;
	}

	.author-article .author-name span {
		display: block;
	}

	.author-article .author-name, 
	.author-article .author-name a,
	.author-article .author-name span {

	}

	.pm-block .author-article .author-desc, 
	.pm-block .author-article .author-desc p {

	}

	.author-article .author .img {
		margin-right: 24px;
	}

	.author-article .author {
		margin: 0 0 36px;
	}

	.author-article .author-name {
		margin: 0 0 4px;
	}
 
	ul.meta-article {
		margin: 0;
	}

}

/*@media screen and (min-width: 767px) {
	h2 {
		font-size: 28px;
		line-height: 36px;
	}
}*/

@media screen and (max-width: 638px) {
	.author-info {
		flex-direction: column;
	}

	.author-info .img {
	    margin-right: 0;
    	margin-bottom: 20px;
	}

}

@media screen and (max-width: 500px) {


	.pm-block {
		padding: 40px 0;
		border: 0;
		border-top: 1px solid #D6DDEC;
		border-bottom: 1px solid #D6DDEC;
	}
	.set-wrap {
		flex-direction: column;
	}
	.form-submit .input-field label {
	    top: 24px;
    	left: 12px;
    	white-space: nowrap;
    	font-size: 14px;
        overflow:hidden; 
        white-space:nowrap; 
        text-overflow: ellipsis;   
        max-width: 250px; 	
	}

	.form-submit .input-field input {
		padding: 0 12px;
	}	
	.form-main .input-field.field-error .error, .form-main .checkbox-wrap .error-checkbox {
		padding: 5px 6px 0;
	}

	.form-submit .input-field input:valid + .label, .form-submit .input-field input:focus + .label, .form-submit .input-field input:focus + .error + .label, .form-submit .input-field input:focus + .error + .error + .label, .form-submit .input-field input:focus + .error + .error + .error + .label, .form-submit .input-field input:valid + .error + .label, .form-submit .input-field input:valid + .error + .error + .label, .form-submit .input-field input:valid + .error + .error + .error + .label {
		left: 6px;
	}
}


@media screen and (max-width: 480px) {
	.part-left-inner .meta .author-wrap {
		width: 100%;
	}
	.part-left-inner .meta .author-wrap:before {
		content: none;
	}
}