/*
Theme Name: Manifest Divi Child
Version: 1.0.1
Template: Divi
*/

/* main */
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100..900&family=Inter:opsz,wght@14..32,100..900&family=Tenor+Sans&display=swap");
@font-face {
   font-family: "Libre Caslon Condensed";
   src: url("./fonts/LibreCaslonCondensed/EQWaTNALCQPCpHfp0iD2fo11FWI.woff2");
   font-style: normal;
   font-weight: 400;
   font-display: swap;
}
/* @font-face {
   font-family: "Libre Caslon Condensed";
   src: url("./fonts/LibreCaslonCondensed/QOxoKOsz4E9KQBLyLM1fPofYo2U.woff2");
   font-style: normal;
   font-weight: 700;
   font-display: swap;
}
@font-face {
   font-family: "Libre Caslon Condensed";
   src: url("./fonts/LibreCaslonCondensed/JDPpSXPHv4xgk654gj4D285A.woff2");
   font-style: italic;
   font-weight: 700;
   font-display: swap;
}
@font-face {
   font-family: "Libre Caslon Condensed";
   src: url("./fonts/LibreCaslonCondensed/RKoa5gwljH3De2txXIONNTcaSQU.woff2");
   font-style: italic;
   font-weight: 400;
   font-display: swap;
}
@font-face {
   font-family: "Libre Caslon Condensed";
   src: url("./fonts/LibreCaslonCondensed/ZN9aiTAaNCkpwyJ0m3I9kg2Yyoc.woff2");
   font-style: normal;
   font-weight: 500;
   font-display: swap;
} */
html {
   margin-top: 0 !important;
}
body {
   font-family: "Hanken Grotesk", Arial, Helvetica, sans-serif;
   font-weight: 400;
   color: #474645;
   font-size: 16px;
   line-height: 1.5;
   width: 100%;
   min-width: 320px;
   margin: 0px;
   background: #eee;
}
.body {
   max-width: 3000px;
   margin: 0 auto;
   overflow: hidden;
   overflow: clip;
   width: 100%;
   background-color: #33221b;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.trans {
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

p {
   margin-bottom: 18px;
   padding: 0;
}
ol,
ul {
   margin-bottom: 18px;
}
a {
   color: #35502e;
}
.black {
   font-weight: 900;
}
.ebold {
   font-weight: 800;
}
.bold {
   font-weight: 700;
}
.sbold {
   font-weight: 600;
}
.medium {
   font-weight: 500;
}
.norm {
   font-weight: 400;
}
.light {
   font-weight: 300;
}
.thin {
   font-weight: 100;
}

.big4 {
   font-size: 1.375em;
} /*22*/
.big3 {
   font-size: 1.25em;
} /*20*/
.big2 {
   font-size: 1.125em;
} /*18*/
.big {
   font-size: 1.0625em;
} /*17*/
.small {
   font-size: 0.93em;
} /*15*/
.small2 {
   font-size: 0.857em;
} /*14*/
.white {
   color: #fff !important;
}
.upper {
   text-transform: uppercase;
}
.noupper {
   text-transform: none;
}
.italic {
   font-style: italic;
}
.uline {
   text-decoration: underline;
}
.noline {
   text-decoration: none;
}
.nowrap {
   white-space: nowrap;
}

ul.mark-list {
   padding-left: 10px;
   list-style: none outside none;
}
ul.mark-list > li {
   margin-bottom: 5px;
   padding-left: 15px;
   position: relative;
}
ul.mark-list > li:before {
   content: "\2714";
   position: absolute;
   left: 0;
   color: #51bdfe;
}
ol > li {
   margin-bottom: 5px;
}
svg {
   display: inline-block;
}

#et-main-area h1,
#et-main-area h2,
#et-main-area h3 {
   font-family: inherit;
   color: #33221b;
   font-size: 3.125em;
}
h1,
h2,
h3,
.h2,
.h3 {
   text-align: center;
   margin: 30px 0 28px;
   font-weight: 400;
   line-height: 1.15;
   text-transform: none;
   padding: 0;
}
h4,
h5,
h6 {
   font-family: inherit;
   color: #33221b;
   font-weight: 700;
   margin: 0 0 10px;
   font-size: 1.1em;
}

input,
button,
select,
textarea {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
}
#et-main-area .form-elem,
#content-area input[type="text"],
#content-area input[type="tel"],
#content-area input[type="email"] {
   font-family: "Inter", "Hanken Grotesk", Arial, Helvetica, sans-serif;
   height: 42px;
   font-size: 15px;
   line-height: 1.2;
   width: 100%;
   border-radius: 6px;
   padding: 5px 16px;
   border: 1px solid rgba(204, 204, 204, 0.5);
   box-shadow: 0 0 1px rgba(204, 204, 204, 0.3);
   font-weight: 400;
   background-color: #fff;
   color: #33221b;
   text-align: left;
   outline: 0 none !important;
   transition: all 0.3s ease;
}
#et-main-area .form-elem:focus,
#content-area input[type="text"]:focus,
#content-area input[type="tel"]:focus,
#content-area input[type="email"]:focus {
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
#et-main-area textarea.form-elem {
   height: 120px;
   resize: vertical;
}

#et-main-area .form-elem::-moz-placeholder {
   color: #404040;
   opacity: 1;
}
#et-main-area .form-elem::-webkit-input-placeholder {
   color: #404040;
}
#et-main-area .form-elem:-ms-input-placeholder {
   color: #404040;
}
#et-main-area .form-elem::-ms-input-placeholder {
   color: #404040;
}
#et-main-area .form-elem::placeholder {
   color: #404040;
}
#content-area input[type="text"]::-moz-placeholder {
   color: #404040;
   opacity: 1;
}
#content-area input[type="tel"]::-moz-placeholder {
   color: #404040;
   opacity: 1;
}
#content-area input[type="email"]::-moz-placeholder {
   color: #404040;
   opacity: 1;
}
#content-area input[type="text"]::-webkit-input-placeholder {
   color: #404040;
}
#content-area input[type="tel"]::-webkit-input-placeholder {
   color: #404040;
}
#content-area input[type="email"]::-webkit-input-placeholder {
   color: #404040;
}
#content-area input[type="text"]::placeholder {
   color: #404040;
}
#content-area input[type="tel"]::placeholder {
   color: #404040;
}
#content-area input[type="email"]::placeholder {
   color: #404040;
}

.image-note {
   position: relative;
}
.image-note:after {
   content: "*Representative image - not actual Manifest lawyer or client";
   position: absolute;
   bottom: 25px;
   right: 25px;
   left: 25px;
   font-size: 0.8em;
   color: rgba(255, 255, 255, 0.7);
   line-height: 1.2;
   font-weight: 300;
   text-align: right;
}
/* header */
.header {
   width: 100%;
   background-color: #33221b;
   padding-bottom: 30px;
   height: 78px;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 2;
   padding-top: 0px !important;
   margin-top: 0 !important;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#et-main-area {
   margin-top: 78px;
   background: #fff;
   z-index: 1;
   position: relative;
}
@media (max-width: 2999px) {
   #et-main-area {
      border-radius: 20px 20px 0 0;
   }
}

.dropdown {
   height: 100%;
   transition: background 0.3s ease;
}
.dropdown-body {
   position: fixed;
   width: 100%;
   left: 0;
   top: 77px;
   opacity: 0;
   transition: opacity 0.4s ease;
}
.dropdown-content {
   display: none;
   position: absolute;
   z-index: 1;
   background: #33221b;
   left: 50%;
   top: 0;
   width: 3200px;
   margin-left: -1600px;
   overflow: hidden;
   border-top: 1px solid #473832;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.dropdown:hover {
   background: #35502e;
}
.dropdown:hover .menu-root-item svg {
   transform-origin: 60% 60%;
   transform: scaleY(-1);
}
.dropdown:hover .dropdown-content {
   display: block;
}
.dropdown:hover .dropdown-body {
   opacity: 1;
}
.dropdown-content.dropdown-individ-content.forchide { display: none !important;}

.header .menu {
   height: 78px;
   flex-wrap: nowrap;
   position: relative;
   flex-basis: 44%;
}
.header .menu:first-child {
   left: -5px;
   justify-content: flex-start;
}

.header .menu:last-child {
   justify-content: flex-end;
}
.header .logo {
   flex-basis: 12%;
}
.header .logo svg,
.mob-logo svg {
   display: block;
   margin: 0 auto;
}
.menu-root-item span + svg {
   margin-left: 10px;
}
.menu-root-item {
   padding: 0;
}
@media (min-width: 1200px) {
   .menu-root-item {
      padding: 0 8px;
   }
}
@media (min-width: 1380px) {
   .menu-root-item {
      padding: 0 34px;
   }
}
.menu-root-item,
.consultation {
   display: flex;
   height: 100%;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   letter-spacing: -0.28px;
   font-family: "Inter", "Hanken Grotesk", Arial, Helvetica, sans-serif;
}
.consultation button {
   background-color: #fff;
   border-radius: 5px;
   border: 1px solid rgba(51, 34, 27, 0.4);
   outline: none;
   color: #33221b;
   padding: 6px 16px;
   cursor: pointer;
   white-space: nowrap;
}
.consultation button:hover {
   background-color: rgba(255, 255, 255, 0.65);
}

.menu-item-title {
/*    margin-bottom: 24px;
 */   margin-bottom: 18px;
}
.menu-item-href {
   text-decoration: none;
   color: #fff;
   font-weight: 500;
   transition: color 0.2s ease;
}
a.menu-item-href:hover {
   color: rgba(255, 255, 255, 0.65);
}
.menu-item-href svg {
   transition: transform 0.4s ease;
   min-width: 10px;
   margin-left: 6px;
 }
.menu-item-list li:last-child {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.menu-item-list li {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.menu-item-list .menu-item-href {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   padding: 6px 8px;
}
.menu-item-title .menu-item-href {
   /* font-size: 1.3em; */
   font-size: 1.87em;
   font-weight: 400;
}
.menu-item-block {
   padding: 78px 0 60px;
}
.menu-item-block .menu-item-href {
/*    font-size: 1.0625em;
 */   font-size: 1.3125em;
   margin-bottom: 8px;
   display: inline-block;
}
.menu-item-image {
   position: relative;
   display: block;
   margin-bottom: 30px;
   background: #000;
   border-radius: 11px;
   margin: 0 -1px 30px;
   border: 1px solid rgb(0, 0, 0, 0.1);
   background-clip: padding-box;
   overflow: hidden;
}
.menu-item-image img {
   border-radius: 10px;
   opacity: 1;
   transition: opacity 0.3s ease;
}
.menu-item-image svg {
   position: absolute;
   right: 20px;
   bottom: 20px;
   transition: transform 0.4s ease;
}
.menu-item-image:hover svg,
.menu-item-href:hover svg {
   transform: rotate(90deg);
}
.menu-item-image:hover img {
   opacity: 0.6;
}
.menu-item-text {
   color: #bebebe;
   font-size: 0.875em;
   line-height: 1.35;
}

.dropdown-content .row-flex.row-menu-icons { justify-content: center; margin: 100px 0 120px;}
.dropdown-content .row-flex.row-menu-icons > div {
	flex: 1 1 0;
   max-width: 435px;
}
a.menu-item-icon {   
	background: rgba(255, 255, 255, 0.08);
	padding: 30px;
	border-radius: 20px;
	gap: 23px;
	display: flex;
	border: 1px solid rgba(255, 255, 255, 0.2);
	height: 100%;
}
a.menu-item-icon .menu-item-href {
	font-size: 1.87em;
	font-weight: 400;
	white-space: nowrap;
   margin-bottom: 6px;
}
a.menu-item-icon .menu-item-text {
	font-size: 1em;
}
a.menu-item-icon .menu-item-href > span { opacity: 0; transition: opacity .3s ease;}
a.menu-item-icon svg { flex:0 0 61px}
a.menu-item-icon svg rect, 
a.menu-item-icon svg path { transition: all .3s ease;}
a.menu-item-icon svg rect {
  fill: #1e140a;
}
a.menu-item-icon svg path {
  fill: #fff;
  stroke: #fff;
}
a.menu-item-icon svg.gpsvg path {
   fill: transparent !important;
 }
a.menu-item-icon:hover svg rect {
  fill: #a1c398;
}
a.menu-item-icon:hover svg path {
  fill: #1e140a;
  stroke: #1e140a;
}
a.menu-item-icon:hover .menu-item-href > span { opacity: 1;}


@media (max-width: 1379px) {
   a.menu-item-icon .menu-item-href {
      font-size: 1.5em;
   }
}




.menu-item-title .menu-item-href,
.menu-item-block .menu-item-href,
.menu-item-icon .menu-item-href,
.dropdown-individ-content-right .dropdown-right-title {
 font-family: "Libre Caslon Condensed", serif;
 font-style: normal;
 font-weight: 400;
}

.dropdown-lawers-content {
   padding: 50px 0;
}
.dropdown-lawers-content .menu-item-href {
   padding: 6px 0;
}

.dropdown-individ-content-left .dropdown-column {
   max-width: 280px;
   padding: 0 15px;
   width: 45%;
   margin-bottom: 15px;
}
.dropdown-individ-content-left .dropdown-column:last-child {
   margin-bottom: 0;
}
.dropdown-individ-content-left {
   margin-right: 5px;
}
.dropdown-individ-content-left .column-flex {
   height: 740px;
   flex-wrap: wrap;
   padding: 50px 5% 0 3%;
}
.dropdown-individ-content-right {
   height: 100%;
   background: url("img/menu-bg.jpg") no-repeat center center;
   background-size: cover;
   margin-right: calc((1470px - 3200px) / 2);
   margin-left: -35px;
   color: #fff;
}
.dropdown-individ-content-right .inner {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100%;
   padding: 30px 0 30px 35px;
   width: min(1470px/2, 100vw/2);
   text-align: center;
}
.dropdown-individ-content-right .consultation {
   height: auto;
}
.dropdown-individ-content-right .dropdown-right-title {
/*    font-size: 2.625em;
 */   font-size: 2.5em;
   line-height: 1.2;
   margin-bottom: 20px;
}
.dropdown-individ-content-right .inner p {
   font-size: 1.25em;
   line-height: 1.3;
   max-width: 518px;
   margin-bottom: 48px;
   font-weight: 300;
}

.dropdown-content.dropdown-resources-content .container,
.dropdown-content.dropdown-businesses-content .container,
.dropdown-content.dropdown-about-content .container,
.dropdown-content.dropdown-lawers-content .container {
   max-width: 1382px;
}

.dropdown-resources-content { padding-top: 50px; padding-bottom: 40px;}
.dropdown-resources-content .menu-item-list .menu-item-href {
   line-height: 1.2;
   font-weight: 400;
   padding-top: 10px;
   padding-bottom: 10px;
 }
 .dropdown-resources-content .menu-item-list li.menu-item-spec,
 .burger-menu-item__content .menu-item-list li.menu-item-spec {   opacity: .7; }
 .dropdown-resources-content .menu-item-list li.menu-item-spec,
 .burger-menu-item__content .menu-item-list li:last-child {   border-bottom: 0 none; }
/*  .dropdown-resources-content .menu-item-title .menu-item-href {   font-size: 1.125em;}
 */
 .dropdown-content .row-flex.row-menu-blocks { justify-content: center;}
 .dropdown-content .row-flex.row-menu-blocks > div {
	flex: 1 1 0;
   max-width: 308px;
}

.menu-item-avatar {
   border-radius: 100%;
   width: 30px;
   height: 30px;
}
.menu-item.with-icon {
   gap: 12px;
   display: flex;
   align-items: center;
}
.menu-item-card {
   border-radius: 20px;
   display: flex;
   background-color: #fff;
   padding: 20px;
   height: 150px;
   width: 280px;
   justify-content: space-between;
}

.menu-item-phone-button {
   background-color: rgb(206, 224, 91);
   align-items: center;
   display: flex;
   flex: none;
   flex-direction: row;
   gap: 10px;
   height: min-content;
   justify-content: flex-end;
   overflow: visible;
   padding: 7px 20px 7px 17px;
   position: relative;
   text-decoration: none;
   width: min-content;
   border-radius: 30px;
   border: 1px solid rgba(66, 25, 7, 0.65);
}

.menu-item-phone-button p {
   font-size: 18px;
   white-space: nowrap;
   font-weight: 400;
}

.dropdown-column {
   min-width: 180px;
}

/** quote section **/

.wp-block-pullquote {
   border-radius: 20px;
   padding: 20px 10px;
   background-color: #f3f3f3;
   border: 1px solid rgba(24, 134, 182, 0.2);
}

.wp-block-pullquote > blockquote {
   border-left: none !important;
   margin: 0px !important;
}

blockquote > p {
   font-size: 1.625em;
   line-height: 40px;
   color: rgb(66, 25, 7) !important;
}

blockquote > cite {
   font-size: 14px !important;
   letter-spacing: 0px;
   line-height: 16px;
   color: rgb(138, 138, 138) !important;
}

/** table section **/

.wp-block-table {
   font-size: 0.875em;
}

tbody {
   background-color: #fafafa;
}

td {
   border: 1px solid rgba(0, 0, 0, 0.1) !important;
   min-height: 40px !important;
}

/** yellow background text **/
.yellow-background-text {
   border: 1px solid rgba(24, 134, 182, 0.2);
   background-color: #fff4f0;
   font-size: 14px;
   line-height: 20px;
   color: rgb(66, 25, 7);
   padding: 20px;
   border-radius: 20px;
}

/*///////////////*/

/* main */
.dark-bg,
.beg-bg,
.gray-bg {
   position: relative;
   z-index: 0;
   padding: 1px 0;
}
.dark-bg:before,
.beg-bg:before,
.gray-bg:before {
   content: "";
   display: block;
   width: 102vw;
   margin-left: -51vw;
   top: 0;
   left: 50%;
   height: 100%;
   background: #33221b;
   position: absolute;
   z-index: -1;
   pointer-events: none;
   user-select: none;
}
.gray-bg:before {
   background: #fafafa;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.beg-bg:before {
   background: #EDEBE7;
   border-bottom: 1px solid #e8e7e6;
}

.category-container,
.search-page-container,
.index-container {
   padding-top: 19px;
}
.home .index-container {
   padding-top: 43px;
}

.home-articles-container,
.news-articles-container,
.search-results-articles {
   margin-bottom: 50px;
}
h1.home-main-title {
   max-width: 650px;
   margin: 0 auto 36px;
   letter-spacing: -0.4px;
}
.index-subtitle {
   font-size: 1.3em;
   text-align: center;
   color: #33221b;
   line-height: 1.524;
   max-width: 530px;
   margin: 0 auto 38px;
}
.category-news .index-subtitle {
   max-width: 890px;
}
.index-subtitle a,
.content-sub-header a {
   color: inherit;
   text-decoration: underline;
}
.index-subtitle a:hover,
.content-sub-header a:hover {
   text-decoration: none;
}

.home-search-input-container {
   text-align: center;
   margin-bottom: 90px;
}

.home-search-input-container label {
   position: relative;
   display: inline-block;
}
.home-search-input-container label svg {
   position: absolute;
   left: 20px;
   top: 50%;
   margin-top: -11px;
   pointer-events: none;
   user-select: none;
}

input.search-field {
   font-family: "Inter", "Hanken Grotesk", Arial, Helvetica, sans-serif;
   height: 58px;
   font-size: 16px;
   border-radius: 10px;
   padding: 10px 20px 10px 55px;
   width: 348px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   font-weight: 500;
   background-color: #fff;
   color: #222;
   text-align: left;
   outline: 0 none !important;
   transition: all 0.3s ease;
}
input.search-field:focus {
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
input.search-field::-moz-placeholder {
   color: #33221b;
   font-weight: 500;
   opacity: 1;
}
input.search-field::-webkit-input-placeholder {
   color: #33221b;
   font-weight: 500;
}
input.search-field::placeholder {
   color: #33221b;
   font-weight: 500;
}

.page-marks {
   margin: 46px auto 35px;
}
.page-marks .page-mark .inner {
   background: #35502e;
   border-radius: 6px;
   color: #fff;
   font-size: 1.1em;
   line-height: 1.333;
   padding: 7px 17px 8px;
   font-weight: 300;
   border: 2px solid rgba(255, 255, 255, 0.08);
}
.page-marks .page-mark .inner a {
   color: inherit;
}

@media screen and (min-width: 1200px) {
   .home-articles-preview-container,
   .news-articles-preview-container,
   .search-results-container,
   .author-page-info {
      margin-left: 88px;
      margin-right: 88px;
   }
}
@media screen and (min-width: 1512px) {
   .home-articles-preview-container, 
   .search-results-container {
      margin-left: 120px;
      margin-right: 120px;
   }
   .author-results-container {
      margin-left: 88px;
      margin-right: 88px;
   }
}
@media screen and (max-width: 991px) {
   .home-articles-preview-container,
   .news-articles-preview-container,
   .search-results-container {
      margin-left: auto;
      margin-right: auto;
      max-width: 620px;
   }
}


.articles-item {
   margin-bottom: 45px;
}
.articles-item a.image {
   display: block;
   width: 100%;
   margin-bottom: 8px;
   overflow: hidden;
   position: relative;
   border-radius: 10px;
   background: #f7f8f5;
}
.articles-item a.image img {
   transition: transform 0.3s ease;
   color: #e6e6dd;
}
.articles-item a.image:hover img {
   transform: scale(1.05);
}
.articles-item .articles-image {
   height: auto;
   object-fit: cover;
   object-position: center center;
}
/* 3:2 images */
.common-articles-preview-container .articles-item a.image {
   padding-bottom: 66.66%; 
} 
.common-articles-preview-container .articles-item .articles-image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/* news images */
.news-articles-preview-container .articles-item .articles-image {height: 279px;}
@media screen and (min-width: 640px) and (max-width: 991px) {
   /* 3:2 nomobile news images */
   .news-articles-preview-container .articles-item a.image {
      padding-bottom: 66.66%; 
   } 
   .news-articles-preview-container .articles-item .articles-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }
}
@media screen and (min-width: 640px) {
   /* 1:1 nomobile images */
   .cat-articles-preview-container .articles-item a.image {
      padding-bottom: 100%; 
   } 
   .cat-articles-preview-container .articles-item .articles-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }
}
.articles-item .articles-title {
   margin-bottom: 10px;
   font-size: 1.25em;
   line-height: 1.4;
   font-weight: 500;
   color: #33221b;
}
.cat-articles-preview-container .articles-item .articles-title { margin-bottom: 15px;}
.articles-item .articles-title a {
   color: inherit;
}
.articles-item .articles-date {
   font-size: 0.75em;
   font-weight: 600;
   color: #767776;
   line-height: 1.2;
   text-transform: uppercase; padding-top: 2px;
}
.articles-item .articles-topdate,
.articles-item .articles-readmore {
   display: none;
}
.articles-item .articles-metadata {
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.articles-item .articles-author {
   color: #33221b;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: -0.3px;
   white-space: nowrap;
}
.articles-item .articles-author > * {
   vertical-align: middle;
   display: inline-block;
}
.articles-item .articles-author img {
   width: 19px;
   height: 19px;
   margin-right: 5px;
   border-radius: 50%;
}
.articles-item .articles-categories a,
.articles-item .articles-categories span {
   display: inline-block;
   vertical-align: middle;
   height: 24px;
   padding: 1px 8px 2px;
   background: #f0f1e8;
   border-radius: 8.3px;
   border: 1px solid rgba(51, 34, 27, 0.05);
   font-size: 16px;
   font-weight: 500;
   color: #33221b;
   line-height: 1.2;
   letter-spacing: -0.3px;
   transition: all 0.2s ease;
   white-space: nowrap;
   cursor: pointer;
}
.articles-item .articles-categories a:hover,
.articles-item .articles-categories span:hover {
   background: #eaeae4;
}
.articles-item .articles-categories a + a {
   display: none;
}
.articles-item .articles-info {
   padding: 0 5px 0 10px;
}

@media screen and (min-width: 992px) {
   .category-news .articles-item .articles-info {
      height: 117px;
      height: 144px;
   }
   .category-news .articles-item:nth-child(6n + 4),
   .category-news .articles-item:nth-child(6n + 6) {
      margin-top: -171px;
      margin-top: -178px;
   }
   .category-news .articles-item:nth-child(2n) .articles-image {
      height: 376px;
      height: 383px;
   }
   .category-news .articles-item {
      margin-bottom: 46px;
      margin-bottom: 26px;
   }
   .category-news .articles-item .articles-title {
      font-size: 1.14em;
   }
}
@media screen and (min-width: 1380px) {
   .category-news .articles-item .articles-info {
      height: 144px;
   }
   .category-news .articles-item:nth-child(6n + 4),
   .category-news .articles-item:nth-child(6n + 6) {
      margin-top: -151px;
      margin-top: -178px;
   }
   .category-news .articles-item:nth-child(2n) .articles-image {
      height: 396px;
      height: 423px;
   }
}
@media screen and (min-width: 1512px) {
   .category-news .articles-item .articles-info {
      height: 124px;
   }
   .category-news .articles-item:nth-child(6n + 4),
   .category-news .articles-item:nth-child(6n + 6) {
      margin-top: -158px;
   }
   .category-news .articles-item:nth-child(2n) .articles-image {
      height: 430px;
      height: 437px;
   }
   .category-news .articles-item .articles-title {
      font-size: 1.25em;
   }
}
.articles-item.hidden-article { display: none;}            
.border-btn {
    border-radius: 8px;
    border: 1px solid #D2CECB;
    background: #fff;
    padding: 10px 20px 11px;
    display: block;
    margin: 0;
    outline: 0 none !important;
    box-shadow: none !important;
    transition: background .3s ease;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}    
.border-btn:hover { background: #f7f8f5;  }
.show-more-btn {
    margin: -40px auto 70px;
    position: relative;
}


.pagination {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 5px;
   margin: -40px 0 70px;
 }
.pagination .page-numbers {
   width: 36px;
   height: 36px;
   font-size: 13.5px;
   font-weight: 500;
   color: #33221B;
   border-radius: 8px;
   padding: 8.5px 4px;
   line-height: 1.2;
   text-align: center;
   border: 1px solid transparent;
   background: transparent;
   transition: all .2s ease;
 }
.pagination .page-numbers.current,
.pagination a.page-numbers:hover {
   border: 1px solid rgba(0,0,0,.1);
 }
 .pagination .page-numbers.current {
   background: #F0F0F0;
 }
 .pagination a.page-numbers:hover {
   background: #fbfbfb;
 }
 .news-articles-container + .pagination {margin: -10px 0 70px;}
 @media (max-width: 639px) { .articles-preview-mobile-row .pagination { margin-top: 0 !important;} }


/* categories-menu */
.categories-menu-toggle {
	display: none;
	position: relative;
	color: #33221B;
	border-top: 1px solid #D3D0CE;
	border-bottom: 1px solid #D3D0CE;
	padding: 14px 15px 15px;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 18px;
   background: transparent;
   transition: all .3s ease;
}
.categories-menu-toggle.open { background: #F8F8F8; border-bottom-color: transparent;}
.categories-menu-toggle:after {
   content: '';
   position: absolute;
   right: 21px;
   top: 45%;
   transform: translateY(-50%);
   width: 11px;
   height: 9px;
   background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' fill='none' viewBox='0 0 11 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8.25L5.5 3.75L10 8.25' stroke='%2333221B' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center;
}
.categories-menu-toggle.open:after {
   transform: scaleY(-1);
}
.categories-menu {
   margin: -2px 0 15px;
   overflow: hidden;
}
.categories-menu .categories-menu-title {
	font-weight: 600;
	padding: 8px 0 8px 15px;
   color: #474645;
}
.categories-menu .categories-menu-item + .categories-menu-title { margin-top: 32px}
.categories-menu .categories-menu-item a {
	padding: 8px 15px;
	display: inline-block;
   border-radius: 4.5px;
	transition: background .2s ease;
	color: #474645;
}
.categories-menu .categories-menu-item a.active, .categories-menu .categories-menu-item a:hover { background:#f6f5f5}

.categories-menu .categories-menu-list {
	display: block;
	width: 155px;
	float: right;
	max-width: 100%;
}
.categories-menu .categories-menu-list > li  { 
   margin-bottom:8px; 	
   font-size: 17px;
	line-height: 20px;
}
@media (max-width: 991px) {
   .col-categories-menu {
      order: -1;
      margin-top: -8px;
      margin-bottom: 30px;
   }
   .categories-menu-toggle { display: block; }
   .categories-menu {      margin: 0;   }
    .categories-menu .categories-menu-list { 
      display: none;
      width: auto;
      float: none;
      margin-bottom: 0;
  }
  .categories-menu .categories-menu-list > li {	display: inline-block;}
  .categories-menu .categories-menu-title {	padding: 1px 0;	width: 100%;}
  .categories-menu .categories-menu-item a {
      padding: 10px 14px;
      margin-right: 11px;
      border-radius: 9.5px;
      color: #33221B;
      font-weight: 500;
      font-size: 18px;
      background: #FBFBFB;
      border:1px solid #d8d5d3;
   }
   .categories-menu .categories-menu-list > li {
      margin-bottom: 15px;
   }
   .categories-menu .categories-menu-item + .categories-menu-title {
      margin-top: 0;
   }


}

/* bottom-subscribe-form */
.bottom-subscribe-form { position: relative; z-index: 0; padding: 1px 0;}
.bottom-subscribe-form-inner {
	background: url("./img/bottom-subscribe-form-bg.jpg") no-repeat center center #574a38;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
	background-size: cover;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 3px;
	display: flex;
	flex-direction: column;
	height: 570px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}
.bottom-subscribe-form .image-note:after { text-align: left; bottom: 22px; }
.bottom-subscribe-form-inner .sform-title {
   font-size: 2.8em;
   margin-bottom: 34px;
   line-height: 1.2;
 }
.bottom-subscribe-form-inner .sform-text {
   font-size: 13px;
   margin-top: 13px;
 }
 .bottom-subscribe-form-inner .hbspt-form {
	position: relative;
}
.bottom-subscribe-form-inner .hbspt-form form {
	position: relative;
	max-width: 340px;
	margin: 0 auto;
}
.bottom-subscribe-form-inner .hbspt-form label[for^="email"] {
   display: none;
}
.bottom-subscribe-form-inner .hbspt-form input[type="email"] {
   font-family: "Inter", "Hanken Grotesk", Arial, Helvetica, sans-serif;
   height: 56px;
   font-weight: 500;
   line-height: 1.2;
   width: 100%;
   border: 1px solid rgba(255,255,255,.35);
   padding: 12px 125px 12px 20px;
   color: #33221B;
   font-size: 16px;
   border-radius: 10px;

}
.bottom-subscribe-form-inner .hbspt-form input[type="submit"] {
	font-family: "Inter", "Hanken Grotesk", Arial, Helvetica, sans-serif;
	position: absolute;
	top: 4px;
	right: 4px;
	height: 48px;
	width: 115px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 5.5px;
	border: 1px solid rgba(255,255,255,.4);
	color: #fff;
	padding: 12px;
	background: #33221b;
	transition: background .3s ease;
	cursor: pointer;
	text-align: center;
}
.bottom-subscribe-form-inner .hbspt-form input[type="submit"]:hover {
   background-color: #453129;
}
.bottom-subscribe-form-inner .hbspt-form div.input {
   margin-bottom: 10px;
}
.bottom-subscribe-form-inner .hbspt-form ul.hs-error-msgs {
   padding: 0 !important;
   margin: 0 !important;
}
.bottom-subscribe-form-inner .hbspt-form ul.hs-error-msgs li {
   list-style: none outside none;
   color: #ff0000;
   font-size: 12px;
   padding: 0;
   margin: 0 0 10px;
   line-height: 1.2;
}
.bottom-subscribe-form-inner .hbspt-form ul.hs-error-msgs li a {
   cursor: pointer;
   text-decoration: underline;
   color: #b4dcff;
}
.bottom-subscribe-form-inner .hbspt-form ul.hs-error-msgs li a:hover {
   text-decoration: none;
}
.bottom-subscribe-form-inner .hbspt-form .hs_error_rollup {
	display: none;
}
.bottom-subscribe-form-inner .hbspt-form .submitted-message {
	font-weight: 700;
	font-size: 1.1em;
	color: #090;
}
@media screen and (max-width: 1199px) {
   .bottom-subscribe-form-inner {
      height: 430px;
   }
}
@media screen and (max-width: 767px) {
   .bottom-subscribe-form-inner {
      height: 340px;
      padding-top: 20px;
   }
   .bottom-subscribe-form-inner .sform-title {
      font-size: 27px;
      margin-bottom: 34px;
      line-height: 1.3;
   }
}
 @media screen and (min-width: 530px) {
   .bottom-subscribe-form:before { 
      content: "";
      display: block;
      width: 102vw;
      margin-left: -51vw;
      bottom: 0;
      left: 50%;
      height: 100%;
      position: absolute;
      z-index: -1;
      background: linear-gradient(to bottom,  #ffffff 0%,#33221b 70%,#33221b 100%);
   }
   .bottom-subscribe-form-inner .sform-image {
      display: none;
   }
 }
 @media screen and (max-width: 529px) {
   .bottom-subscribe-form-inner {
      background: #edece8;
      color: #33221B;
      text-align: left;
      padding: 58px 13px 13px 13px;
      border-radius: 0 0 15px 15px;
      margin: 0 -13px -26px;
      display: block;
      height: auto;
   }
   .bottom-subscribe-form-inner.image-note::after { content: none;}
   .sform-image.image-note::after { content: "*Representative image"; font-weight: 600; left: 22px;}

   .bottom-subscribe-form-inner .hbspt-form input[type="email"] {
      height: 58px;
      border: 1px solid rgba(0,0,0,.1);
      padding: 12px 110px 12px 16px;
   }
   .bottom-subscribe-form-inner .hbspt-form input[type="submit"] {
      width: 100px;
      top: 5px;
      right: 5px;
   }

   .bottom-subscribe-form-inner .hbspt-form,
   .bottom-subscribe-form-inner .sform-title,
   .bottom-subscribe-form-inner .sform-text,
   .bottom-subscribe-form-inner .sform-image {
      max-width: 328px;
      margin-left: auto;
      margin-right: auto;
   }
   .bottom-subscribe-form-inner .sform-image {
      max-width: 368px;
   }
   .bottom-subscribe-form-inner .sform-text {
      margin-top: 20px;
      margin-bottom: 44px;
   }
   .bottom-subscribe-form-inner .hbspt-form form {
      max-width: none;
   }
   .bottom-subscribe-form-inner .sform-image img {
      border-radius: 10px;
   }


 }
 @media screen and (max-width: 375px) {
   .bottom-subscribe-form-inner .hbspt-form,
   .bottom-subscribe-form-inner .sform-title,
   .bottom-subscribe-form-inner .sform-text,
   .bottom-subscribe-form-inner .sform-image {
      max-width: none;
   }
 }


/* article */

/** article header **/
.breadcrumbs-outer {
   overflow: hidden;
}
.breadcrumbs {
   font-size: 0.9375em;
   font-weight: 700;
   white-space: nowrap;
   color: #666361;
   display: inline-block;
}
.breadcrumbs a::after {
   content: "";
   display: inline-block;
   height: 7px;
   width: 5px;
   background-image: url("data:image/svg+xml;utf8,%3Csvg width='5' height='7' viewBox='0 0 5 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.860085 6.90625L2.76918 3.82386H4.19602V3.9233L2.1875 6.90625H0.860085ZM0.860085 0.801136H2.1875L4.19602 3.78409V3.88352H2.76918L0.860085 0.801136Z' fill='%239F9995'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   vertical-align: middle;
   margin: 0 8px;
}
.breadcrumbs a:last-child::after {
   margin-right: 4px;
}
.breadcrumbs a {
   color: inherit;
   font-weight: 500;
}
@media screen and (min-width: 1200px) {
   .home .index-container .breadcrumbs-outer {
      display: none;
   }
}
.article-content {
   margin-bottom: 42px;
}
.article-content-header {
   padding-top: 0;
}
#et-main-area .article-content-header h1 {
   text-align: left;
   font-size: 2.5em;
   line-height: 1.2;
}
.article-content-header .content-sub-header {
   color: #33221b;
   font-size: 1.25em;
   line-height: 1.4;
   margin-bottom: 30px;
   margin-top: -2px;
}
.article-content-header .page-marks {
   font-size: 0.875em;
}
.article-content-header .page-marks .inner {
   background: #33221b;
   padding: 8px 17px 9px;
   margin-bottom: 1px;
}
.left-column .inner {
   padding-top: 88px;
}
@media screen and (min-width: 1380px) {
   .article-content-header .left-content-header {
      margin-left: 88px;
      padding-right: 40px;
      padding-top: 85px;
      padding-bottom: 85px;
   }
   .article-content {
      margin-left: 88px;
      margin-right: 30px;
   }
   .related-articles-container {
      margin-left: 88px;
      margin-right: 88px;
   }
   .left-column .inner {
      padding-right: 40px;
   }
}
@media screen and (min-width: 1512px) {
   .article-content-header .left-content-header,
   .left-column .inner {
      padding-right: 94px;
   }
}

.tooltip {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   text-decoration: underline;
}
.tooltip + .tooltiptext,
.tooltip .tooltiptext {
   border-radius: 10px;
   font-size: 0.875em;
   line-height: 1.5;
   border: 1px solid rgba(0, 0, 0, 0.1);
   background: #fff;
   visibility: hidden;
   width: auto;
   height: auto;
   text-align: center;
   padding: 5px 0;
   border-radius: 6px;
   max-width: 400px;
   width: 50vw;
   height: auto;
   padding: 20px;
   position: absolute;
   bottom: -20px;
   z-index: 10;
   margin-left: -80px;
   pointer-events: none;
}
.tooltip:hover + .tooltiptext,
.tooltip:hover .tooltiptext {
   visibility: visible;
}

.article-author-reviewer-info {
   font-size: 1.0625em;
   color: #33221b;
   line-height: 1.7;
   position: relative;
}
.article-author-reviewer-info span {
   display: inline-block;
   vertical-align: middle;
}
.article-author-reviewer-info span .tooltip {
   display: inline-block;
   vertical-align: middle;
}
.article-author-reviewer-info .article-author-link a {
	color: inherit;
	text-decoration: underline;
}
.author-block {
	background: #fafafa;
	border-radius: 10px;
	padding: 10px;
	margin: 65px 0 50px;
	border: 1px solid rgba(0,0,0,.1);
}
.author-block-title {
	background: #fff;
	border-radius: 6px;
	display: inline-block;
	padding: 5px 10px;
	color: #33221B;
	font-size: 15px;
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
}
.author-block-content {
   padding: 20px;
 }
 .author-block-image {
   float: left;
   margin-right: 20px;
 }
 .author-block-image img {
	border-radius: 50%;
	border: 0 none;
}
 .author-block-info {
   overflow: hidden;
 }
 .author-block-name {
   color: #33221B;
   font-size: 23px;
   font-weight: 600;
   margin-bottom: 20px;
 }
 .author-block-description b:first-child {
	display: block;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: -18px;
}
 .author-block-link {
	margin-top: 28px;
	margin-bottom: 12px;
}
 .author-block-link a {
	font-size: 14px;
	font-weight: 500;
	color: #616161;
}
.author-block-link a > * {
   display: inline-block;
   vertical-align: middle;
}







.content-article-image-container {
   overflow: hidden;
   min-height: 718px;
   max-height: 850px;
   height: 100%;
   margin-right: calc((1470px - 3000px) / 2);
   margin-left: -15px;
}
.content-article-image {
   object-fit: cover;
   object-position: center 0;
   height: 100%;
   width: 100%;
   color: #fff;
}

@media (max-width: 2999px) {
   .content-article-image-container,
   .dropdown-individ-content-right {
      margin-right: calc((1470px - 100vw) / 2);
   }
}
@media (max-width: 1511px) {
   .content-article-image-container,
   .dropdown-individ-content-right {
      margin-right: calc((1320px - 100vw) / 2);
   }
}
@media (max-width: 1379px) {
   .content-article-image-container,
   .dropdown-individ-content-right {
      margin-right: calc((1140px - 100vw) / 2);
   }
}
@media (max-width: 1199px) {
   .content-article-image-container,
   .dropdown-individ-content-right {
      margin-right: calc((940px - 100vw) / 2);
   }
   .content-article-image-container {
      min-height: 650px;
      max-height: 720px;
   }
}
@media (max-width: 991px) {
   .content-article-image-container {
      margin: 0 8vw;
      min-height: 0;
      border-radius: 10px;
/*       height: 395px;
 */   }
}
@media (max-width: 639px) {
   .content-article-image-container {
      margin: 0 auto;
   }
}

/** article right **/

.right-column .inner {
   background: #fafafa;
   margin-left: -15px;
   border-left: 1px solid rgba(0, 0, 0, 0.1);
   padding: 145px 0 150px 48px;
   position: relative;
   z-index: 0;
   position: sticky;
   top: -50px;
}
.right-column .inner::after {
   background: #fafafa;
   content: "";
   display: block;
   left: 0;
   width: 1300px;
   height: 100%;
   top: 0;
   z-index: -1;
   position: absolute;
}
.right-column .inner > div {
   float: none;
}

/* temp */
#block-8 {
   display: none;
}
#block-12 > div,
.right-column .right-column-header {
   font-weight: 500 !important;
   font-size: 1.4375em !important;
   font-family: inherit !important;
   color: inherit !important;
   letter-spacing: -0.5px;
   line-height: inherit !important;
   margin-bottom: 35px;
}
.right-column .shortcode-toc,
.right-column .right-column-list {
   margin: 0;
   max-width: none;
}
.right-column .shortcode-toc ul,
.right-column .right-column-list ul {
   padding: 0;
   margin: 0;
   list-style: none outside none;
}
.right-column .shortcode-toc a,
.right-column .right-column-list a {
   font-family: inherit;
   background: transparent;
   border-radius: 4.55px;
   color: #474645 !important;
   font-size: 1.0625em;
   line-height: 1.46;
   padding: 10px;
   display: block;
   padding: 5px 16px;
   margin-bottom: 20px;
   transition: all 0.2s ease;
}
.right-column .shortcode-toc a:hover,
.right-column .shortcode-toc a.active,
.right-column .right-column-list a:hover {
   background: #f1f0f0;
   text-decoration: none;
}
.right-column .shortcode-toc ul > li,
.right-column .right-column-list ul > li {
   padding: 0;
   margin: 0 !important;
}

.right-column .shortcode-toc ul > li > ul a,
.right-column .right-column-list ul > li > ul a {
   padding-left: 30px;
}

/** article left **/

#content-area {
   font-family: "Inter", "Hanken Grotesk", Arial, Helvetica, sans-serif;
   letter-spacing: -0.08px;
}
#content-area a {
   color: #474645;
   text-decoration: underline;
}
#content-area a:hover {
   color: #33221b;
   text-decoration: none;
}
#content-area .wp-block-buttons a.wp-block-button__link {
   color: #fff;
   text-decoration: none;
}
#content-area p,
#content-area ul,
#content-area ol {
   margin-bottom: 24px;
}
#content-area figure {
   margin-bottom: 30px;
}
#content-area ol {
   padding-left: 25px;
   list-style: decimal outside;
}
#content-area ol > li {
   padding-left: 2px;
   margin-bottom: 5px;
   line-height: inherit;
}
#content-area ul {
   padding-left: 25px;
   list-style: disc outside;
}
#content-area ul > li {
   padding-left: 2px;
   margin-bottom: 0;
   line-height: inherit;
}

#content-area h2,
#content-area h3,
#content-area .h2,
#content-area .h3 {
   text-align: left;
   font-size: 1.875em;
   letter-spacing: -0.5px;
   line-height: 1.33;
   padding-top: 28px;
}
#content-area h3 {
   font-size: 1.625em;
   margin-top: 24px;
}
#main-content {
   background: transparent;
}

#left-area-content .top-post-block {
   background: #fafafa;
   padding: 1px 58px 25px 58px;
   margin-bottom: 60px;
   border-left: 7px solid #33221b;
}
#left-area-content .top-post-block .h3 {
   padding-top: 20px;
   margin-bottom: 40px;
}
#left-area-content .top-post-block ul {
   padding: 0 !important;
}

#left-area-content .top-post-block ul > li {
   position: relative;
   list-style: none outside none;
   padding: 14px 5px 16px 75px;
   border-top: 1px solid rgba(71, 70, 69, 0.15);
}
#left-area-content .top-post-block ul > li::before {
   content: "";
   display: block;
   position: absolute;
   left: 34px;
   top: 50%;
   margin-top: -10px;
   width: 20px;
   height: 20px;
   background: url("img/mark.png");
}

.article-note {
   margin-bottom: 60px;
}
.article-note,
.article-note table tr > td {
   font-size: inherit;
   color: #474645;
   line-height: inherit;
   border: 0 none !important;
   border-radius: 10px;
}
.article-note table tr > td {
   padding: 30px 45px 30px 115px;
   background: url("img/note.png") no-repeat 30px center #fafafa;
}

.article-share-container {
   color: #999999;
   line-height: 1.1;
   margin-top: 44px;
   margin-bottom: 66px;
}
.article-share-text {
   font-size: 1.25em;
   font-weight: 700;
   border-right: 1px solid #b2b2b2;
   margin-right: 14px;
   padding-bottom: 2px;
}
.article-share-container a {
   display: block;
}
.addtoany_content .addtoany_header {
	color: #999999;
	line-height: 1.1;
	font-size: 1.2em;
	font-weight: 600;
}
/** article related **/

.related-articles-container .related-articles-header {
   color: #fff;
   text-align: center;
   font-size: 2.8em;
   margin-top: 95px;
   margin-bottom: 54px;
}
.related-articles-container .related-articles-items {
   margin-bottom: 85px;
}
.related-articles-container .articles-item {
   margin-bottom: 20px;
}
.related-articles-container .articles-item .inner {
   background: #453129;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 10px;
   padding: 17px 17px 78px 17px;
   height: 100%;
}
.related-articles-container .articles-info {
   padding: 28px 24px 0;
}
.related-articles-container .articles-metadata {
   margin-bottom: 0;
}
.related-articles-container .articles-topdate {
   display: block;
   font-size: 1.0625em;
   color: #fff;
   font-weight: 700;
   margin-bottom: 28px;
}
.related-articles-container .articles-title {
   color: #fff;
   font-size: 1.625em;
   line-height: 1.2;
   font-weight: 400;
}
.related-articles-container .articles-date {
   display: none;
}
.related-articles-container .articles-readmore {
   display: block;
   font-size: 1.18em;
   font-weight: 500;
   position: absolute;
   bottom: 36px;
}
.related-articles-container .articles-readmore a {
   color: rgba(255, 255, 255, 0.5);
   transition: color 0.2s ease;
   display: flex;
   align-items: center;
}
.related-articles-container .articles-readmore a:hover {
   color: rgba(255, 255, 255, 0.7);
}

/* search page */

.search-results-count {
   text-align: center;
   margin-bottom: 30px;
   font-weight: 500;
}
.search-noresults {
   font-weight: 500;
   font-size: 1.4em;
   width: 100%;
}

/* first-steps */
.first-steps-container {
   background: #fff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 15px;
   padding: 50px;
   margin-bottom: 2px;
   margin-top: 80px;
}
.article-first-steps .first-steps-container {
   margin-top: 0;
}

h4.fs-title {
   font-size: 2.1875em;
   font-weight: 500;
   margin-bottom: 14px;
   padding: 0;
}
.fs-subtitle {
   font-size: 1.25em;
   line-height: 24px;
}
.fs-left .inner {
   float: left;
}
.fs-left .inner:after {
   text-align: left;
}
.fs-left img {
   border-radius: 10px;
}
@media screen and (min-width: 1512px) {
   .fs-right .inner {
      margin: 0 38px 0 -52px;
   }
}
.fs-row {
   display: flex;
   gap: 12px;
   margin-bottom: 12px;
   flex-wrap: nowrap;
}
.fs-row > div {
   flex: 0 1 100%;
}
.fs-subtitle,
.fs-form-fields,
.fs-form-checks {
   margin-bottom: 45px;
}

.fs-form-fields input[type="text"],
.fs-form-fields input[type="email"] {
   font-size: 16px !important;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.fs-phone-cfield {
   display: flex;
   flex-flow: row nowrap;
   align-items: stretch;
   position: relative;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
   border: 1px solid rgba(204, 204, 204, 0.5);
   border-radius: 6px;
}
.fs-phone-cfield input[type="tel"] {
   box-shadow: none !important;
   border: 0 none !important;
   font-size: 16px !important;
   height: 40px !important;
   padding-left: 2px !important;
   border-radius: 0 6px 6px 0 !important;
}
.fs-info svg {
   color: green;
   margin-bottom: 10px;
   stroke-width: 4px;
}
.fs-info.fs-error svg {
   color: red;
}
.fs-info-header {
   font-size: 1.25em;
   font-weight: 600;
   margin-bottom: 20px;
}
.fs-form-checks label {
   cursor: pointer;
   margin-bottom: 16px;
   display: flex;
   flex-flow: row nowrap;
   align-items: flex-start;
}
.fs-form-checks label input {
   flex-shrink: 0;
   accent-color: #35502e;
   width: 15px;
   height: 15px;
   margin-left: 0px;
   margin-right: 10px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   opacity: 0.6;
}
.fs-form-checks label span {
   color: #33221b;
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
}
.fs-form-checks label span a {
   text-decoration: underline;
}
.fs-form-checks label span a:hover {
   text-decoration: none;
}
.fs-form-submit {
   margin-bottom: 16px;
}
.fs-form-submit input {
   width: 100%;
   height: 40px;
   cursor: pointer;
   border-radius: 8px;
   border: 0 none;
   outline: 0 none !important;
   color: #fff;
   font-size: 16px;
   background: #9aa897;
   transition: all 0.3s ease;
}
.fs-form-submit input:hover {
   background: #748770;
}
.fs-form-text {
   font-size: 12px;
   line-height: 16px;
   color: #a1a1aa;
   font-weight: 500;
}

.fs-phone-cfield .country-select {
    position: relative;
    display: inline-block;
}
.fs-phone-cfield .country-select-trigger {
	padding: 8px 5px 8px 15px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	width: 100px;
  font-size: 16px;
  line-height: 1.2;
  height: 100%;
}
.fs-phone-cfield .country-flag {
	flex: 0 0 auto;
	width: 15px;
}
.fs-phone-cfield .country-arrow {
	color: #aaa;
	font-size: 10px;
}
.fs-phone-cfield .country-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    width: 250px;
}
.fs-phone-cfield .country-dropdown.show {
    display: block;
}
.fs-phone-cfield .country-item {
    padding: 8px 12px;
    cursor: pointer;
}
.fs-phone-cfield .country-item:hover {
    background: #f5f5f5;
}

/*   form fix */
.wpcf7-form .wpcf7-list-item-label, .wpcf7-form .fs-form-checks > p > br, .wpcf7-form .country-select p > br {
	display: none !important;
}
.wpcf7-form p, .wpcf7-form .wpcf7-list-item {
	margin: 0 !important;
}
.wpcf7-form .wpcf7-spinner {
	position: absolute;
	left: auto;
	top: auto;
	margin-top: 8px;
	opacity: .15;
	margin: 8px 0 0 -30px;
}
.wpcf7-form  .wpcf7-not-valid-tip {
	position: absolute;
	bottom: -18px;
	font-size: 11px;
	right: 0;
	background: #ffe5e5;
	white-space: nowrap;
}
.wpcf7-form  .wpcf7-response-output {display: none;}


/* author page */
@media screen and (min-width: 1200px) {
   .author-page-container .breadcrumbs-outer {
      display: none;
   }
}
.author-page-container.search-page-container {
   padding-top: 0 !important;
 } 
.author-results-container {
	margin-top: 68px;
}
#et-main-area .author-page-info h1 {
	text-align: left;
	font-weight: 600;
   margin-top: -8px;
	margin-bottom: 20px;
}
#et-main-area .author-results-container h2 {
	line-height: 1.1;
	font-size: 2.5em;
	margin-bottom: 40px;
}
 .author-page-info {
	display: flex;
   padding: 50px 0;
}
 .author-page-info .author-page-image {
   flex: 0 0 auto;
   margin-right: 95px;
 }

 .author-page-info .author-page-image .inner {
	overflow: hidden;
	border-radius: 10px;
}
.author-page-info .author-page-image img {
	object-fit: cover;
	object-position: center;
   height: 396px;
   width: 350px;
	margin: -1px 0;
   background: #e1ddd5;
} 
.author-page-info .author-page-description { color: #33221B; line-height: 1.3;}
.author-page-info .author-info {
	font-size: 1.1em;
   margin-bottom: 30px;
}

.author-page-info .author-info > b:first-child {
	font-size: 1.366em;
	margin-bottom: 10px;
	display: block;
	font-weight: 400 !important;
}
.author-page-info .author-areas-title {
	font-size: 1.25em;
	margin-bottom: 10px;
}
.author-page-info .author-areas-links {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 30px;
 }
 .author-page-info .author-areas-links a,  
 .author-page-info .author-areas-links b {
   background: #fff;
   font-size: 15px;
   font-weight: 400;
   padding: 8px 18px;
   border-radius: 6px;
   border: 1px solid rgba(255,255,255,.1);
   white-space: nowrap;
 }
.author-page-info .author-areas-links b { background: #f4f3f0;}
 .author-page-info .author-social {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
.author-page-description > div:last-child {
	margin-bottom: 0;
}
.author-page-info .author-page-description a {
	transition: opacity .2s ease;
}
.author-page-info .author-page-description a:hover {
	opacity: .75;
}
@media screen and (min-width: 1380px) {
   .author-page-info {
      align-items: center;
   }
}
@media screen and (max-width: 1511px) {
   .author-page-info .author-page-image {
      margin-right: 50px;
   }

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

   #et-main-area .author-page-info h1 {
      font-size: 2.8em;
   }
}
@media screen and (max-width: 991px) {
   .author-page-info .author-page-image {
      margin-right: 30px;
   }
   .author-page-info .author-page-image img {
      height: 282px;
      width: 250px;
   }
   .author-page-info .author-info {
      margin-bottom: 20px;
   }
}
@media screen and (max-width: 767px) {
   .author-page-info .author-page-image img {
      height: 170px;
      width: 150px;
   }
}
@media screen and (max-width: 639px) {
   #et-main-area .author-page-info h1 {
      font-size: 2.5em;
   }
   .author-page-info .author-page-image {
      margin-right: 20px;
   }
   .author-page-info .author-page-image img {
      height: 113px;
      width: 100px;
   }
}
@media screen and (max-width: 479px) {
   .author-page-info {
      flex-wrap: wrap;  
      justify-content: center; 
      padding-bottom: 13px;
   }
   .author-page-info .author-page-description { width: 100%;}
   .author-page-info .author-page-image {
      order: 2;
      flex-shrink: 1;
      margin-top: 30px;
      margin-right: 0;
   }
   .author-page-info .author-page-image img {
      height: auto;
      width: 100%;      
   }
   
}


/* footer */
.footer {
   padding: 48px 0 32px;
   border-bottom: 9px solid #4c7b3e;
}
.footer .container {
   padding: 0 23px;
}
.footer-logo svg {
   width: 100% !important;
   height: auto !important;
}
.footer-logo {
   margin-left: -0.5%;
   margin-right: -0.5%;
}
.footer-logo,
.footer-main-links .footer-column {
   margin-bottom: 45px;
}
.footer a {
   color: inherit;
   text-decoration: none;
}
.footer a:hover {
   text-decoration: underline;
}
.footer-main-links .footer-column.footer-column-contact a {text-decoration: none;}
.footer-main-links .footer-column-title {
   font-family: "Tenor Sans", "Hanken Grotesk", Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 13px;
   color: #f1e6d2;
   margin-bottom: 19px;
}
.footer-main-links .footer-column-title + .footer-column-title {
	margin-top: -3px;
}
.footer-main-links .footer-column-item {
   color: #fff;
   font-size: 1.03em;
   font-weight: 400;
   margin-bottom: 8px;
   line-height: 1.2;
}
.footer-main-links .footer-column-item + .footer-column-title {   margin-top: 19px; }
.footer-main-links div.footer-column-item {
   margin-bottom: 20px;
   font-size: 0.875em;
   line-height: 1.5;
}
.footer-main-links .footer-column-item .footer-column-title {
	margin-bottom: 9px;
}
.footer-main-links .footer-column-item a span {opacity: .7;}


.footer-legal-text {
   font-size: 0.71em;
   color: #fff;
   font-weight: 300;
   margin-bottom: 35px;
   padding-top: 18px;
}
.footer-copyright {
   color: #fff;
   opacity: 0.4;
   font-size: 0.8125em;
}
.footer-sep {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-textlinks {
   color: #fff;
   padding: 19px 0;
   font-size: 13px;
}
.footer-soclinks {
   padding: 22.5px 0;
}
.footer-soclinks svg {
   display: block;
}

@media screen and (min-width: 768px) {
   .footer-textlinks,
   .footer-textlinks + .footer-sep {
      display: none !important;
   }
}
@media screen and (min-width: 1380px) {
   .footer-main-links .footer-column {
      width: auto;
   }
}

/* mob-header */

.mob-header {
   visibility: hidden;
   height: 0px;
   display: none;
   background-color: #33221b;
   height: 68px;
}

#mob-check {
   display: none;
}

.mob-menu-btn {
   height: 38px;
   display: -ms-grid;
   display: flex;
   flex-flow: column;
   align-items: center;
   justify-content: center;
   z-index: 120;
   width: 38px;
   border-radius: 4px;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background: rgba(255, 255, 255, 0.02);
}
.mob-menu-btn div {
   background-color: #fff;
   position: relative;
   width: 19px;
   height: 2px;
   margin: 3.2px 0;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   pointer-events: none;
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}
#mob-check:checked + .burger-menu-label .mob-menu-btn > .top {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   margin: 0 0 -1px;
}

#mob-check:checked + .burger-menu-label .mob-menu-btn > .bottom {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   margin: -1px 0 0;
}
#mob-check:checked ~ .mob-menu {
   height: calc(100vh - 68px + 1px);
   position: absolute;
}

.mob-menu {
   background-color: #33221b;
   color: #fff;
   margin: 0;
   display: -ms-grid;
   display: flex;
   flex-direction: column;
   clear: both;
   width: 100%;
   height: 0px;
   overflow-y: auto;
   transition: height 0.4s ease;
   z-index: 120;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   padding: 0 13px;
}
.mob-header .navigation,
.burger-menu-label {
   height: 100%;
}
.burger-menu-label {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 13px;
}
.burger-menu-item input {
   position: absolute;
   opacity: 0;
   z-index: -1;
}
.burger-menu-item__content {
   max-height: 0;
   overflow: hidden;
   transition: all 0.35s;
   padding: 0 15px;
   border-bottom: 1px solid transparent;
}

.burger-menu-item__content .header-section {
   font-size: 16px;
   margin: 28px 0 16px;
   color: rgba(255, 255, 255, 0.7);
}
.burger-menu-item__content .header-section a,
a.burger-menu-item__label {
   color: inherit;
   transition: color 0.2s ease;
   color: rgba(255, 255, 255, 0.7);
}
.burger-menu-item__content .header-section a:hover,
a.burger-menu-item__label:hover {
   color: #fff;
}
.burger-menu-item__content .header-link-box,
.burger-menu-item__content .header-section:last-child {
   margin-bottom: 36px;
}
.burger-menu-item__content .header-link {
   border: 1px solid rgba(255, 255, 255, 0.1);
   white-space: nowrap;
   background: rgba(0, 0, 0, 0.2);
   display: inline-block;
   margin: 4px 2px;
   border-radius: 6px;
   padding: 5px 12px;
   font-size: 16px;
   color: #f8f8f8;
   transition: all 0.2s ease;
}
.burger-menu-item__content .header-link svg {
   margin-left: 5px;
   transition: transform 0.4s ease;
}
.burger-menu-item__content .header-link:hover {
   background: #35502e;
}
.burger-menu-item__content .header-link:hover svg {
   transform: rotate(90deg);
}

.burger-menu-item__label {
   display: flex;
   cursor: pointer;
   justify-content: space-between;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
/*    font-size: 20px;
 */   font-size: 24px;
   font-family: "Libre Caslon Condensed", serif;
   font-style: normal;
   font-weight: 400;
   align-items: center;
   padding: 13px 20px 14px 15px;
   transition: all 0.3s ease;
}
.burger-menu-item:first-child .burger-menu-item__label {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.burger-menu-item .burger-menu-item__label a {
   display: none;
}
.burger-menu-item input:checked + .burger-menu-item__label a {
   display: block;
}

.burger-menu-item input:checked ~ .burger-menu-item__content {
   max-height: none;
   background: rgba(255, 255, 255, 0.01);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.burger-menu-item input:checked ~ .burger-menu-item__label svg {
   transform-origin: 60% 60%;
   transform: scaleY(-1);
}
.burger-menu-item input:checked ~ .burger-menu-item__label {
   background: rgba(255, 255, 255, 0.03);
   border-bottom-color: transparent;
}

.burger-menu-item.burger-menu-bottom {
   background: url("img/menu-bg.jpg") no-repeat center center;
   background-size: cover;
   border-radius: 10px;
   height: 400px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin-bottom: 13px;
   margin-top: 24px;
}
.burger-menu-bottom .burger-menu-bottom-title {
   font-size: 30px;
   line-height: 1.2;
   color: #fff;
/*    font-weight: 500;
 */   font-family: "Libre Caslon Condensed", serif;
   font-style: normal;
   font-weight: 400;
   margin-bottom: 15px;
}
.burger-menu-bottom p {
   line-height: 1.34;
   font-size: 16px;
   margin: 0 auto 32px;
   max-width: 360px;
}
.burger-menu-bottom .consultation button {
   font-size: 15px;
}
.burger-menu-bottom .consultation {
   height: auto;
}

.burger-menu-item__content .menu-item-block {
   padding: 0;
}
.burger-menu-item.burger-menu-item-bus .row-flex,
.burger-menu-item.burger-menu-item-about .row-flex {
   margin-top: 30px;
}
.burger-menu-item.burger-menu-item-bus .menu-item-list > li {
   border: 0 none;
    margin: 10px 0 0;
 }
 .burger-menu-item.burger-menu-item-bus .menu-item-list .menu-item-href {
   padding-left: 0;
   font-size: 1.125em;
 }
.burger-menu-item__content .menu-item-image {
   margin-bottom: 20px;
}
.burger-menu-item__content .menu-item-image svg {
   right: 15px;
   bottom: 15px;
   width: 19px;
   height: 19px;
}
.burger-menu-item__content .row-flex.row-item-blocks > div {
	flex: 1 0 0;
	max-width: 232px;
	min-width: 190px;
}

.corporate-clients-card {
   position: relative;
   display: block;
   margin: 20px 0;
}

.corporate-clients-card__image {
   position: relative;
   border-radius: 20px;
   display: flex;
   background-color: #fff;
   padding: 20px;
   height: 185px;
   justify-content: space-between;
}

.corporate-clients-card__image > div {
   position: absolute;
   border-radius: inherit;
   inset: 0px;
}

.corporate-clients-card__image img,
.corporate-clients-card__link img {
   display: block;
   width: 100%;
   height: 100%;
   border-radius: inherit;
   object-position: center center;
   object-fit: cover;
   image-rendering: auto;
}

.corporate-clients-card__link {
   position: absolute;
   right: 15px;
   width: 30px;
   bottom: 14px;
}

.call-us-card {
   border-radius: 20px;
   display: flex;
   background-color: #fff;
   justify-content: space-between;
   padding: 10px;
   flex-flow: row;
   gap: 12px;
   align-items: center;
   margin: 20px 0;
}

.call-us-card > div:first-child {
   width: 120px;
   position: relative;
   height: 130px;
   flex-shrink: 0;
}

.call-us-card > div > div {
   position: absolute;
   border-radius: 10px;
   inset: 0px;
}

.call-us-card h3 {
   font-size: 18px;
   text-align: center;
}

.call-us-card__phone {
   background-color: rgb(206, 224, 91);
   align-items: center;
   display: flex;
   flex: none;
   flex-direction: row;
   gap: 10px;
   height: min-content;
   justify-content: flex-end;
   overflow: visible;
   padding: 7px 20px 7px 17px;
   position: relative;
   text-decoration: none;
   width: min-content;
   border-radius: 30px;
   border: 1px solid rgba(66, 25, 7, 0.65);
}

.call-us-card__phone > div:first-child {
   width: 18px;
   height: 18px;
   aspect-ratio: inherit;
}

.call-us-card__phone p {
   font-size: 18px;
   white-space: nowrap;
   font-weight: 400;
   padding: 0;
}

.h1b-visa {
   border-radius: 20px;
   display: flex;
   background-color: #fff;
   justify-content: space-between;
   padding: 10px;
   flex-flow: row;
   gap: 12px;
   align-items: center;
   margin: 20px 0;
}

.h1b-visa__image {
   display: block;
   width: 150px;
   flex-shrink: 0;
}

.h1b-visa__text-box__text {
   font-size: 18px;
   display: block;
}

.h1b-visa__text-box__link.h1b-visa__text-box__link {
   display: block;
   font-size: 15px;
   color: rgb(22, 172, 238);
}

.award-card {
   border-radius: 20px;
   display: flex;
   background-color: #fff;
   justify-content: space-between;
   padding: 20px;
   flex-flow: row;
   gap: 12px;
   align-items: center;
   margin: 20px 0;
}

.award-card .award-card__text {
   font-size: 22px;
   color: rgb(66, 25, 7);
}

.award-card .award-card__image {
   width: 42px;
}

.contact-box {
   display: flex;
   justify-content: space-between;
   padding-top: 40px;
}

.contact-box__phone {
   display: flex;
   flex-direction: column;
   align-items: end;
}

.contact-box__phone__number {
   display: flex;
   gap: 12px;
}

.contact-box__phone__number span {
   font-size: 21px;
}

.contact-box__messengers {
   display: flex;
   gap: 12px;
}

.contact-box__messengers a,
.contact-box__messengers img {
   width: 30px;
   height: 30px;
   display: block;
}

@media screen and (max-width: 1511px) {
   .news-articles-preview-container .articles-item .articles-image {      height: 245px;   }
   .related-articles-container .articles-title {
      font-size: 1.5em;
   }
}
@media screen and (max-width: 1379px) {
   .news-articles-preview-container .articles-item .articles-image {      height: 205px;   }
   .article-content-header .left-content-header {
      margin-left: 40px;
      padding-top: 60px;
      padding-bottom: 60px;
   }
   .article-content {
      margin-left: 40px;
   }
   .article-content-header .left-content-header,
   .left-column .inner {
      padding-right: 20px;
      padding-top: 44px;
   }
   #et-main-area .article-content-header h1 {
      font-size: 2.3em;
   }

   .article-author-reviewer-info div {
      width: 100%;
   }
   .article-author-reviewer-info .article-author-info span:last-child {
      display: none;
   }

   .right-column .inner {
      padding: 100px 0 100px 35px;
   }
   .right-column .shortcode-toc a,
   .right-column .right-column-list a {
      margin-bottom: 10px;
   }

   .fs-subtitle,
   .fs-form-fields {
      margin-bottom: 36px;
   }
   .fs-form-checks {
      margin-bottom: 38px;
   }

   .fs-left {
      align-self: flex-start;
      margin-top: 5px;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1379px) {
   .footer-main-links .footer-column-item {
      font-size: 0.9em;
   }
}

@media screen and (max-width: 1199px) {
   body {
      font-size: 15px;
   }

   /* моб на основном */
   .header {
      visibility: hidden;
      height: 0px;
      display: none;
      padding-bottom: 0px;
   }
   .mob-header {
      display: block;
      visibility: visible;
      left: 0;
      position: fixed;
      right: 0;
      top: 0px;
      z-index: 2;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   }
   .breadcrumbs-outer {
      top: -53px;
      position: absolute;
      text-align: center;
      left: 15px;
      width: 940px;
   }
   .breadcrumbs {
      font-family: "Inter", "Hanken Grotesk", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.7); 
   }
   .index-container,
   .category-container,
   .search-page-container {
      padding-top: 1px !important;
   }
   body.modal-open {
      height: 100vh;
      overflow: hidden;
   }
   body.modal-open .mob-header {
      position: static;
      margin-top: -1px;
   }
   .body {
      padding-top: 1px;
   }
   #et-main-area {
      margin-top: 146px;
   }
   body.modal-open #et-main-area {
      margin-top: 79px;
   }
   body.modal-open .breadcrumbs-outer {
      visibility: hidden;
   }
   .home-search-input-container {
      margin-bottom: 70px;
   }

   .footer-logo,
   .footer-main-links .footer-column {
      margin-bottom: 40px;
   }
   #et-main-area .article-content-header h1 {
      font-size: 2.1em;
   }
   .index-subtitle {
      font-size: 1.2em;
   }
   .article-content-header .left-content-header,
   .article-content {
      margin-left: 0;
   }
   #left-area-content .top-post-block {
      padding-left: 35px;
      padding-right: 35px;
   }
   .related-articles-container .articles-info {
      padding: 28px 18px 0;
   }
   .related-articles-container .articles-title {
      font-size: 1.3em;
   }
   .related-articles-container .related-articles-header {
      margin: 75px auto 45px;
      font-size: 2.5em;
   }

   .first-steps-container {
      padding: 25px 30px 30px;
   }
   .footer-main-links .footer-column {
      width: 19.499%;
    }
   .footer-main-links .footer-column.footer-column-contact { 
      width: 22%;
    }
}

@media screen and (max-width: 991px) {
   .mob-header {
      box-shadow: none;
   }
   .breadcrumbs-outer {
      width: calc(100vw - 26px);
      text-align: left !important;
      left: auto;
   } 
   .container {
      padding-left: 13px !important;
      padding-right: 13px !important;
   }
   .article-content-header .page-marks {
      justify-content: center;
      font-size: unset;
   }
   .content-article-image-container.image-note::after {
      text-align: left;
   }

   .article-content-header {
      padding: 0;
   }
   .article-content-header::before {
      content: none;
   }

   .articles-item {
      margin-bottom: 40px;
   }

   .news-articles-preview-container .articles-item .articles-image { height: auto; } 

   .articles-item .articles-title {
      margin-bottom: 15px;
   }

   .article-content-header .left-content-header,
   .left-column .inner {
      padding-right: 0;
   }
   .article-content-header .left-content-header {
      display: block;
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 50px;
   }
   .related-articles-container {
      margin-left: auto;
      margin-right: auto;
      max-width: 800px;
   }
   .related-articles-container .related-articles-header {
      margin: 60px auto 40px;
      font-size: 2.2em;
   }
   .related-articles-container .related-articles-items {
      margin-bottom: 60px;
      justify-content: center;
   }

   .fs-left {
      display: none;
   }
   .first-steps-container {
      padding-top: 42px;
      padding-bottom: 50px;
   }
   .fs-right .inner {
      max-width: 650px;
      margin: 0 auto;
   }

   .footer-main-links .footer-column {
      width: 18.499%;
    }
    .footer-main-links .footer-column.footer-column-contact {
      width: 26%;
    }
    .footer-copyright > div {
      order: 6;
      width: 100%;
   }

   .burger-menu-item__content .row-flex.row-item-blocks > div {
      flex: 0 0 200px;
   }
   .burger-menu-item__content .menu-item-text {
      color: rgba(190, 190, 190, 0.7);
      margin-bottom: 30px;
   }


}

@media screen and (max-width: 767px) {
   
   .footer-main-links .footer-column {
      margin-bottom: 20px;
   }
   .footer-legal-text {
      padding-top: 18px;
   }
   .footer-main-links .footer-column {
      width: 50%;
    }
    .footer-main-links .footer-column.footer-column-contact {
      width: 100%;
    }
    .footer-main-links .footer-column-item a span br {
      display: none;
   }
   .footer-copyright a {
      display: none;
   }

}

@media screen and (max-width: 639px) {
   h1.home-main-title,
   .index-subtitle,
   h1.search-results-title {
      max-width: none !important;
      text-align: left;
   }
   #et-main-area h1,
   #et-main-area .article-content-header h1 {
      font-size: 30px;
      margin-bottom: 28px;
   }
   .page-marks {
      justify-content: flex-start !important;
      margin: 35px auto 32px;
   }
   .page-marks .page-mark .inner {
      background: #426539 !important;
      font-size: 14px;
      padding: 4px 10px !important;
      font-weight: 400;
   }
   .home-search-input-container {
      margin-bottom: 45px;
   }
   .home-search-input-container label,
   input.search-field {
      width: 100%;
   }
   input.search-field {
      height: 50px;
      border-radius: 6px;
      font-weight: 400;
      padding-left: 42px;
      padding-right: 18px;
   }
   input.search-field::placeholder {
      font-weight: 400;
   }
   .home-search-input-container label svg {
      left: 18px;
      margin-top: -6px;
      width: 13px;
      height: 13px;
   }

   .search-results-count {
      text-align: left;
   }



   .articles-item {
      width: 100% !important;
   }
/* old */
    .articles-item .inner {
      max-width: 418px;
      margin: 0 auto;
   }
   .articles-item .articles-title {
      line-height: 1.22;
      font-size: 18px;
      font-weight: 400;
   } 
/* /old */

   .articles-preview-mobile-row .articles-item {
      margin-bottom: 0;
   }
   .articles-preview-mobile-row .articles-item .inner {
      display: flex;
      max-width: none;
   }
   .articles-preview-mobile-row .articles-item + .articles-item .inner {
      border-top: 1px solid #e9e8e7;
      padding-top: 25px;
   }
   .articles-preview-mobile-row .articles-item a.image {
      width: 100px;
      height: 100px;
      margin-right: 20px;
      margin-bottom: 25px;
      flex-shrink: 0;
   }
      /* 1:1 mobile images */
   .articles-preview-mobile-row .articles-item .articles-image
    {
      height: 100px;
   }
   .articles-preview-mobile-row .articles-item .articles-info {
      padding: 0;
   }
   .articles-preview-mobile-row .articles-item .articles-title {
      line-height: 1.4;
      font-size: 18px;
      font-weight: 500;
   }
   .articles-preview-mobile-row .articles-item .articles-categories a, 
   .articles-preview-mobile-row .articles-item .articles-categories span {
      height: 20px;
      padding: 2px 8px;
      font-size: 12px;
   }
   .show-more-btn {      margin: -25px auto 45px auto;   }
   .articles-preview-mobile-row .show-more-btn {      margin: -25px 0 45px 120px;   }

   .index-subtitle,
   .article-content-header .content-sub-header,
   .article-author-reviewer-info {
      font-size: 16px;
      line-height: 1.34;
      margin-bottom: 30px;
   }
   .article-author-reviewer-info div {
      width: 100%;
   }
   .article-author-reviewer-info .bold {
      font-weight: 500;
   }
   .article-author-reviewer-info .article-author-info span:last-child {
      display: none;
   }
   .article-author-reviewer-info .tooltip {
      text-decoration: none;
   }
   .article-author-reviewer-info .tooltiptext {
      display: none !important;
   }
   .article-content-header .left-content-header {
      margin-bottom: 35px;
   }
   .left-column .inner {
      padding-top: 40px;
   }
   #content-area h2,
   #content-area h3,
   #content-area .h2,
   #content-area .h3 {
      font-size: 25px;
      line-height: 1.4;
      padding-top: 5px;
   }
   #content-area h3 {
      font-size: 22px;
   }
   #left-area-content .top-post-block {
      padding-left: 30px;
      padding-right: 30px;
   }
   #left-area-content .top-post-block ul > li::before {
      left: 18px;
   }
   #left-area-content .top-post-block ul > li {
      padding-left: 54px;
   }
   #left-area-content .top-post-block {
      margin-bottom: 40px;
      padding-bottom: 1px;
   }
   #left-area-content .top-post-block .h3 {
      padding-top: 2px;
      margin-bottom: 30px;
   }
   .related-articles-container .articles-readmore {
      font-size: 14px;
      bottom: 28px;
   }
   .related-articles-container .articles-topdate {
      font-size: 12px;
      margin-bottom: 22px;
   }
   .related-articles-container .articles-item .inner {
      padding: 10px 10px 78px 10px;
   }
   .related-articles-container .related-articles-header {
      font-size: 27px;
      margin-top: 50px;
   }
   h4.fs-title {
      font-size: 27px;
      font-weight: 400;
   }
   .fs-subtitle {
      font-size: 16px;
   }
   .fs-form-fields input[type="text"],
   .fs-form-fields input[type="email"],
   .fs-form-fields input[type="tel"] {
      font-size: 15px !important;
   }
   .fs-form-checks label span {
      font-size: 16px;
      font-weight: 400;
   }
   .fs-form-checks label span br {
      display: none;
   }
   .first-steps-container {
      padding-bottom: 30px;
   }
}

@media screen and (min-width: 640px) and (max-width: 991px) {
   .index-logo-container,
   .category-container .page-marks,
   .index-container .page-marks,
   .article-content-header .article-header-container,
   .article-content-header .article-author-reviewer-info,
   .article-content {
      padding-left: 8vw;
      padding-right: 8vw;
   }
}

@media screen and (min-width: 360px) and (max-width: 639px) {
   .index-logo-container,
   .category-container .page-marks,
   .index-container .page-marks,
   .article-content-header .article-header-container,
   .article-content-header .article-author-reviewer-info,
   .article-content,
   .categories-menu-wrap {
      padding-left: 20px;
      padding-right: 20px;
   }
}

@media screen and (min-width: 360px) and (max-width: 639px) {
   #left-area-content .top-post-block {
      margin-left: -10px;
      margin-right: -10px;
   }
   #content-area .wp-block-table,
   .action-block {
      margin-left: -20px !important;
      margin-right: -20px !important;
   }
}

@media screen and (max-width: 575px) {
   .footer {
      padding-bottom: 24px;
   }
   .footer-logo {
      margin-bottom: 35px;
   }
   .footer-row.footer-main-links {
      justify-content: flex-start;
      row-gap: 30px;
   }
   .footer-main-links .footer-column {
      width: 50%;
      margin-bottom: 0;
   }
   .footer-main-links .footer-column-title {
      font-size: 11.5px;
   }
   .footer-main-links .footer-column-item {
      font-size: 13px;
   }
   .footer-legal-text {
      font-size: 10px;
      color: rgba(255, 255, 255, 0.7);
      font-weight: 300;
      margin-bottom: 20px;
   }
   .footer-copyright {
      font-size: 12.5px;
   }

   .article-note {
      border: 1px solid rgba(0, 0, 0, 0.1) !important;
   }
   .article-note table tr > td {
      background-position: 22px 22px;
      padding: 100px 22px 22px;
   }
}

@media screen and (max-width: 529px) {
   .fs-row {
      flex-wrap: wrap;
   }
}

@media screen and (max-width: 479px) {
   .articles-preview-mobile-row .articles-item .articles-date,
   .articles-preview-mobile-row .articles-item .articles-author {
      font-size: 11px;
      padding: 0;
   }
   .articles-preview-mobile-row .articles-item .articles-title {
      margin-bottom: 8px;
   }
   .articles-preview-mobile-row .articles-item .articles-metadata:first-child {
      margin-bottom: 6px;
   }


   .burger-menu-item.burger-menu-item-bus .row-flex > div,
   .burger-menu-item.burger-menu-item-about .row-flex > div {
      width: 100%;
      max-width: 250px;
      margin: 0 auto;
      flex-basis: auto;
   }
   .burger-menu-item .menu-item-image img {
      width: 100%;
      height: auto;
   }
   
   .author-block-content {      padding: 20px 12px 20px 0;   }
   .author-block-image {      margin-right: 10px;   }
}

@media screen and (max-width: 375px) {
   #et-main-area .article-content-header h1 {
      font-size: 26px;
   }
   .first-steps-container {
      padding: 30px 15px 30px;
   }
   .fs-subtitle,
   .fs-form-fields,
   .fs-form-checks {
      margin-bottom: 25px;
   }
   .fs-form-checks label span {
      font-size: 16px;
      font-weight: 400;
   }
   .footer-textlinks a {
      font-size: 12px;
   }

}
