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, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

*, *:after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

blockquote, q {
	quotes: none;
}
ul {
	list-style: disc;
}
input {
	vertical-align: middle;
}
table, th, td {
	border: 0 none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
th, td {
	padding: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td {
	vertical-align: top;
}
th {
	vertical-align: top;
	font-weight: bold;
}
a {
	text-decoration: none;
	color: #1a1a1a;
}



html, body {
	height: 100%;
	font-family: 'Inter', sans-serif;
}



.layout_main {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.layout_width {
    max-width: 1296px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.articles_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.section_title {font-size: 18px; font-weight: 900; padding: 20px 24px;}

.article_grid {width: 50%; padding: 0 24px 34px 24px;}
.article_grid .article_body {position: relative;}
.article_grid .article_header {font-size: 32px; padding: 13px 0 5px 0; line-height: 1.1em; }
.article_grid .article_header h3 {font-weight: 900;}
.article_grid .article_header span {font-weight: 400;}
.article_grid .article_subheader {font-size: 14px; padding-bottom: 5px; line-height: 1.15em;}
.article_grid .article_header a:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: 2;}
.article_grid .article_author {font-size: 1em;  color: #888; padding: 5px 0; line-height: 1.1em; font-weight: 400;}
.article_grid .article_body:hover .article_header a {color: #009999;}
.article_grid .article_media_wrapper img {width: 100%; height: auto; vertical-align: bottom;}
.article_grid .heading {display: inline-block; font-size: 10px; font-style: normal; text-transform: uppercase; color: #fff; background: #009999; padding: 1px 6px 0; margin-right: 8px; position: absolute; top: 15px; left: 15px; line-height: 1.3em; z-index: 2;}

.about {padding: 0 24px;}

.about p {font-weight: 400; padding-bottom: 20px; font-size: 1em;}
.about ul {padding-left: 20px; margin-top: 0px;}

.about_b {border-top: 1px solid #E5E5E5; height: 38px;}

.copy {padding: 0 24px; color: #888; margin-top: 90px; padding-bottom: 60px;}

.copy p {font-weight: 400; padding-bottom: 20px; font-size: 1em;}

.header_bg {background-image: url(../img/bg_h.jpg); background-size: cover; background-position: top right; position: relative;}

.header_z {position: relative; top: -20px; width: 55%; max-width: 1000px; overflow: hidden;}
.header_z > img {height: 625px; width: auto; float: right;}

.header_logo {position: absolute; top: 90px; left: 50px;}

.header_logo img {width: 394px; height: auto; vertical-align: bottom;} 

.z_desc {font-weight: 700; color: #fff;}

.main_header {margin-bottom: 30px;}

.header_tagline {position: absolute; bottom: 45px; right: 50px; color: #fff; font-size: 24px; font-weight: 900;}

.e_logo {padding: 16px 6px 14px 6px;}
.e_logo_h {width: 100%; max-width: 320px; margin-left: auto; margin-right: auto;}
.e_logo_h img {width: 100%; height: auto;}

img.v {display: none;}

.o_logo {padding: 30px 24px 10px 24px; display: flex; flex-direction: row; flex-wrap: wrap;}
.o_logo_item {margin-right: 40px;}

.about_unit {padding-top: 30px;}
.articles_unit {padding-top: 10px;}

.small_header {background: #009999; padding: 22px 24px;}

.header_width {width: 100%; max-width: 1008px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px;}

.header_width > a img {width: 260px; vertical-align: bottom;}

.small_header .z_desc {padding-top: 0; font-size: 12px;}

.layout_article_width {
    max-width: 1008px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.post_photo_article img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.article_header_unit {padding: 24px;}

.article_title {font-size: 48px; line-height: 1.1em; font-weight: 900; padding-top: 15px;}

.article_author {color: #888; padding-top: 10px;}

.post__social__item {
    display: inline-block;
    width: 55px;
    height: 35px;
    border: #888 1px solid;
    margin: 25px 13px 0 0;
    text-align: center;
    cursor: pointer;
}

.post__social__item > span {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-top: 5px;
}


.text {padding: 0 24px;}

.text p {font-weight: 400; padding-bottom: 20px; font-size: 1.2em;}
.text ul, .text ol {padding-left: 20px; margin-top: 0px; font-size: 1.2em;}
.text li {padding-bottom: 8px;}

.about li {padding-bottom: 8px;}

.text .header1 {font-size: 28px; font-weight: 900; padding-top: 22px; padding-bottom: 16px;}

.text a {
    color: #009999;
    border-bottom: #009999 2px solid;
}

.tpic {
    padding: 20px 0;
}

.tpic img {
    width: 100%;
    height: auto;
}

.tpic_text {
    font-size: 14px;
    color: #888;
    padding-top: 8px;
}

.o_logo_n { display: flex; padding: 0 12px;}
.o_logo_n img {
    height: 100%;
    max-height: initial;
}

.o_logo_n img:nth-child(2) {
    margin: 10px 0px 20px;
}

@media screen and (min-width: 580px) {
    .header_bg {height: 450px;}
}

@media screen and (min-width: 960px) {
    .header_bg {height: 605px;}
}

@media screen and (max-width: 1400px) {    
    .header_z {width: 70%;}
}

@media screen and (max-width: 1070px) {    
    .header_z {width: 80%;}
}

@media screen and (max-width: 960px) {
    .header_z img {height: 470px;}
    .header_z {width: 80%;}
    .header_logo img {width: 260px; height: auto; vertical-align: bottom;}
    .header_tagline {font-size: 20px;}
    .article_grid .article_header {font-size: 28px;}
}

@media screen and (max-width: 800px) {
    .header_z {width: 90%;}
    .header_tagline {bottom: 30px; right: 35px; font-size: 18px;}
    .header_logo {top: 60px; left: 40px;}
    .article_title {font-size: 40px;}
}

@media screen and (max-width: 600px) {
    .header_z {width: 98%;}
    .header_tagline {right: 30px; font-size: 16px;}
}

@media screen and (max-width: 580px) {    
    /*.header_z > img {transform: rotate(90deg); width: 100%; height: auto;}*/
    img.v {display: block;}
    img.h {display: none;}
    .header_z > img {width: 100%; height: auto;}
    .header_z {width: 100%; padding: 6% 3% 46% 6%;}
    .header_logo {top: calc(40px + 6%); left: calc(30px + 6%);}
    .header_z > img {
    height: auto;
        width: 100%;
}
    .header_z {top: 0;}
    .header_tagline {display: none;}
    .header_bg {background-image: url(../img/bg_v.jpg); background-size: cover; background-position: bottom; position: relative;}
    .e_logo_h {max-width: 300px;}
}

@media screen and (max-width: 640px) { 
.article_grid {width: 100%; padding-bottom: 36px;}
.article_grid .article_header {font-size: 28px;}
.about_unit {padding-top: 10px;}
.articles_unit {padding-top: 0;}
.article_title {font-size: 30px;}
.header_width {padding-left: 0px; padding-right: 0px;}
}

@media screen and (max-width: 380px) {    
    .header_logo img {width: 200px; display: block;}
    .z_desc {padding-top: 2px; font-size: 14px;}
    .e_logo_h {max-width: 240px;}
    .article_grid .article_header {font-size: 22px;}
    .o_logo .o_logo_item:nth-child(1) {width: 125px;}
    .o_logo .o_logo_item:nth-child(2) {width: 90px;}
    .o_logo .o_logo_item img {width: 100%; height: auto;}
    .o_logo_item {margin-right: 25px;}
    .article_title {padding-top: 0;}
    .header_width > a img {width: 200px;}
}