/*
Theme Name: Belarusian Library Association / DMI Mag
Theme URI: https://bla.by/
Author: Anton A. Sawko
Author URI: https://anton.sawko.com/
Version: 1.0
Text Domain: dmimag
License: 
License URI:
Description:
Requires at least: 4.9.6
Requires PHP: 5.2.4
Tags:
*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

/*@import url('assets/css/nav.css');
@import url('assets/css/layout.css');
@import url('assets/css/card.css');
@import url('assets/css/singular.css');*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer,
header, main, nav, section {
	display: block;
}

html, body {
	width: 100%;
	min-height:100%;
  min-width: 320px;
	font-size:16px;
  line-height: 1.25;
  font-family: 'Fira Sans', sans-serif;
	font-style: normal;
  font-weight: 300; /* 400 */
  color: #363636;
  background-color: #ffffff;
}

/* link */

a, .dmi-card a, .dmi-button-more, .dmi-logo a, .dmi-logo a:hover, .dmi-menu-primary a:hover  {
  color: #1a346f;
  text-decoration: none;
}

a:hover {
  color: #d9cba0;
}

.dmi-card a:hover {
  text-decoration: underline;
}

.dmi-button-more:hover, .dmi-card-project .dmi-card-title a {
  color: #d9cba0;
}

.dmi-card .dmi-button-more:hover {
  text-decoration: none;
}

.dmi-social a:hover {
  background-color:  #d9cba0; /*#730c27;*/
}

.dmi-menu-visually a, .dmi-menu-primary a {
  color: #000000;
}

.dmi-lang-current {
  color: #d9cba0;
}

/* Footer down */

.dmi-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
}

/* end Footer down */

/* dmi */

.overflow-hidden {
  overflow: hidden;
}

/* Grid */

.dmi-wrap {
  width: 100%;
  margin: 0 auto;  
}

.dmi-grid {
  margin: 0 auto;
}

.dmi-width {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Row */

.dmi-grid-row {
  display: flex;
  flex-wrap: wrap;
}

.dmi-row-reverse {
  flex-direction: row-reverse;
}

/* end Row */

/* Col */

.dmi-grid-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
}

.dmi-grid-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.dmi-grid-col-1 {
}

.dmi-grid-col-2 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.dmi-grid-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.dmi-grid-col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.dmi-grid-col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.dmi-grid-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.dmi-grid-col-7 {
}

.dmi-grid-col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.dmi-grid-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.dmi-grid-col-10 {
}

.dmi-grid-col-11 {
}

.dmi-grid-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* end Col */

/* Border */

.dmi-border {
  border: 1px solid #f9f9f9;
}

.dmi-border-top {
  border-top: 1px solid #f9f9f9;
}

.dmi-border-left {
  border-left: 1px solid #f9f9f9;
}

.dmi-border-right {
  border-right: 1px solid #f9f9f9;
}

.dmi-border-bottom {
  border-bottom: 1px solid #f9f9f9;
}

/* Background */

.dmi-background {
  background-color: #f9f9f9;
}

/* header/footer */

.header-sticky-active {
  position: fixed;
  top:0;
  width: 100%;
  box-shadow: 0px 0px 5px 0px rgb(41 39 89 / 15%);
  z-index: 9999;  
}

.header-sticky-active .dmi-logo-img, .header-sticky-active .dmi-topbar {
  display: none;
}

.header-sticky-active .dmi-logo-title {
  margin-left: 0;
}

.dmi-topbar {
  justify-content: flex-end;
  height: 30px;
  align-items: center;
  padding:0 20px;
}

.dmi-header {
  height: 85px;
  align-items: center;
  position: relative;
}

.header-sticky-active .dmi-header {
  max-height: 65px;
}

footer .dmi-header {
  height:50px;
}

.dmi-header .dmi-width {
  justify-content: space-between;
  padding:0 20px;
  align-items: center;
}

.dmi-logo {
  
}

.dmi-logo-img {
  width: 80px;
  height: 135px;
  position: absolute;
  top: -30px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url('assets/images/bg-logo.png');
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 12px;
}

.dmi-logo-img img {
  width: auto;
  height: 80%;
}

footer .dmi-logo-img {
  width: 40px;
  height: 68px;
  background-size: 100% auto;
  top:-9px;
  padding-bottom: 6px;
}

.dmi-logo-title {
  max-width: 250px;
  font-size: 20px;
  color: #1a346f;
  margin-left: 100px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}

footer .dmi-logo-title {
  font-size: 14px;
  margin-left: 50px;
  max-width: 190px;
}

.dmi-topbar .dmi-grid-col {
  margin-left: 30px;
}

.dmi-topbar .dmi-grid-col:first-child {
  margin-left: 0;
}

.dmi-social {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dmi-social a {
  width: 24px;
  height: 24px;
  background-color: #1a346f;
  border-radius: 50%; 
  margin-left: 10px;
  background-position: center;
  background-size: 40% auto;
  background-repeat: no-repeat;
}

.dmi-social a:first-child {
  margin-left: 0;
}

footer .dmi-grid-row:nth-child(2) {
  margin-top: 30px;
  margin-bottom: 30px;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 300;
}

footer .dmi-grid-row:nth-child(2) .dmi-grid-col:nth-child(2) {
  padding: 0 20px;
}

.dmi-ctrl-enter {
  padding-left: 120px;
  min-height: 40px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('assets/images/icon/ctrl-enter.png');
}

@media only screen and (max-width: 1024px) {
  footer .dmi-grid-row:nth-child(2) > .dmi-grid-col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  
  footer .dmi-ctrl-enter {
    display: none;
  }
  
  footer .dmi-grid-row:nth-child(2) > .dmi-grid-col:nth-child(2) {
    order: 1;
    padding: 0;
  }
  
  footer .dmi-grid-row:nth-child(2) > .dmi-grid-col:nth-child(3) {
    order: 3;
    margin-bottom: 0;
  }
}

/* facebook */

.facebook-social {
   background-image: url('assets/images/icon/social/facebook.svg');
}

/* nav */

nav ul {
  list-style: none;
  padding:0;
  margin: 0;
  display: flex;
  flex-direction: row;
  position: relative;
}

.dmi-nav-secondary > .dmi-grid-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dmi-menu-lang {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

.dmi-menu-visually { 
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}

.dmi-menu-lang ul li {
  margin-left: 10px;
}

.dmi-menu-lang ul li:first-child {
  margin-left: 0;
}

.dmi-menu-visually ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 30px;
  background-position: center left;
  background-repeat: no-repeat;
  background-image: url('assets/images/icon/glasses.svg');
  background-size: 20px auto;
  height: 20px;
}

header .dmi-nav-primary {
  /*overflow: hidden;*/
}

.dmi-menu-primary ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 16px;
  font-weight: 300; /* 400 */
  text-transform: lowercase;
}

.dmi-menu-primary > ul > li {
  margin-left: 15px;
  margin-right: 15px;
  padding: 10px 0;
}

header .dmi-menu-primary > ul > li {
  white-space: nowrap;
}

.menu-item-has-children {
  position: relative;
}

nav .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgb(41 39 89 / 15%);
  padding: 20px 20px 5px 20px;
  z-index: 999;
  min-width: 230px;
}

nav .sub-menu li {
  padding: 0 0 15px 0;
}

/*nav .sub-menu li .sub-menu {
  top: 120%;
}*/

nav ul li:hover > ul {
  display: flex;
}

.dmi-menu-bars {
  width: 30px;
  height: 24px;
  margin-right: 30px;
  cursor: pointer;
  display: none;
}

@media only screen and (max-width: 1200px) {
  .dmi-menu-bars {
    display: block;
  }
  
  header .dmi-nav-primary, .dmi-topbar {
    display: none;
  }
  
  .dmi-header {
    height: 65px;
    margin-top: 17px; 
  }
  
  .header-sticky-active .dmi-header {
    margin-top: 0;
  }

  .dmi-logo-img {
    width: 60px;
    height: 101px;
    top: -17px;
    background-size: 100% auto;
    padding-bottom: 8px;
  }
  
  .dmi-logo-title {
    font-size: 18px;
    max-width: 220px;
    margin-left: 80px;
  }
}

@media only screen and (max-width: 600px) {
  .dmi-header {
    height: 50px;
  }
  
  .dmi-logo-img {
    width: 50px;
    height: 84px;
  }
  
  .dmi-logo-title {
    font-size: 15px;
    max-width: 180px;
    margin-left: 65px;
  }
  
  .dmi-menu-bars {
    margin-right: 0;
  }
  
  header .dmi-button-go {
    display: none!important;
  }
}

@media only screen and (max-width: 400px) {
  .dmi-header {
    margin-top: 13px; 
  }
  
  .dmi-logo-img {
    width: 45px;
    height: 76px;
    padding-bottom: 7px;
    top: -13px;
  }
  
  .dmi-logo-title {
    margin-left: 60px;
    font-size: 14px;
  }
}

.dmi-menu-bars ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dmi-menu-bars ul li {
  background-color: #1a346f;
  height: 2px;
}

.dmi-menu-bars ul:hover li {
  background-color: #730c27;
}

/* main */

main {
  /*max-width: 1380px;
  margin: 0 auto;
  padding: 0 20px;*/
  overflow: hidden;
}

main .dmi-grid {
  /*max-width: 1100px;*/
  margin: 0 auto;
  padding: 60px 20px;
}

.dmi-title-header {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  height:130px;
}

.archive .dmi-title-header {
  margin-bottom: 20px;
}

.dmi-title, .dmi-archive-title {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 400;
  color: #1a346f;
  position: absolute;
  z-index: 99;
  bottom: 30px;
  left:20px;
}

.dmi-title-second {
  font-size: 130px;
  line-height: 1;
  font-weight: 700;
  color: #f9f9f9;
  position: absolute;
  z-index: 9;
  text-transform: lowercase;
}

@media only screen and (max-width: 1024px) {
  .dmi-title-header {
    height: 80px;
  }
  
  .dmi-title, .dmi-archive-title {
    bottom: 10px;
  }

  .dmi-title-second {
    font-size: 80px;
  }
}

.dmi-grid-content {
  /*max-width: 870px;
  margin: 0 auto;*/
}

.dmi-grid-widget {
  margin-bottom: 20px;
}

.dmi-grid-widget:last-child {
  margin-bottom: 0;
}

/* card news */

.dmi-card {
  width: 100%;
  max-width: 870px;
  margin: 0 auto 30px;
}

.dmi-card-date {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}

.dmi-project-type {
  font-size: 40px;
  font-weight: 400;
  color: #1a346f;
  margin-bottom: 10px;
}

.single .dmi-project-type {
  font-size: 34px;
}

/*.dmi-card-project .dmi-card-description {
  font-size: 24px;
}*/

h2.dmi-card-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 10px;
}

h3.dmi-card-title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 10px;
}

h4.dmi-card-title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 10px;
}

h5.dmi-card-title {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 10px;
}

h6.dmi-card-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}

/* member */

.dmi-member {
  max-width: 800px;
  display: flex;
  flex-direction: row;
}

@media only screen and (max-width: 560px) {
  .dmi-member {
    flex-direction: column;
    align-items: center;
  }
  
  .dmi-member-title {
    text-align: center;
  }
}

.dmi-member-image {
  margin-right: 30px;
  overflow: hidden;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  flex: 0 0 150px;
  max-width: 150px;
  border: 3px solid #d9cba0;
}

.dmi-member-image img {
  display: block;
  margin: 0 auto;
}

.dmi-member-text {
  padding: 10px 0 10px 0;
}

.dmi-member-text div {
  margin-bottom: 5px;
}

.dmi-member-text div:last-child {
  margin-bottom: 0;
}

.dmi-member-text span, .dmi-member-position_in, .dmi-member-title {
  font-weight: 400;
}

.dmi-member-title {
  font-size: 18px;
  color: #1a346f;
}

/*.dmi-member-departments:not(:empty):before {
  content: '(';
}

.dmi-member-departments:not(:empty):after {
  content: ')';
}*/

a.dmi-member-department {
  color: #d9cba0;
}

.dmi-member-department:after {
  content: ',';
}

.dmi-member-department:last-child:after {
  content: '';
}


/* button */

.dmi-button {
  
}

.dmi-button-go {
  text-transform: uppercase;
  color: #ffffff!important;
  font-size: 12px;
  font-weight: 400;
  background-color: #1a346f;
  border-radius: 4px;
  padding: 10px 20px;
  text-align: center;
  display: inline-block;
}

.dmi-button-go:hover {
  color: #ffffff!important;
  background-color: #730c27;
  text-decoration: none!important;
}

.dmi-more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.dmi-card .dmi-more {
  margin-top: 10px;
}

.dmi-more-right {
  justify-content: flex-end;
}

.dmi-button-more {
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  padding: 0 20px 0 0;
  height: 25px;
}

.dmi-button-more:after {
  content: '';
  position: absolute;
  width: 90px;
  height: 15px;
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url('assets/images/icon/arrow-more.png');
  bottom: 0;
  right: 0;
}

/* Singular */

article {
  background-position: top 150px left;
  background-size: auto;
  background-repeat: no-repeat;
}

.dmi-grid-post, .dmi-grid-project, .dmi-grid-training, .dmi-grid-contacts {
  background-position: top 50px left;
  background-size: auto;
  background-repeat: no-repeat;
}

.dmi-grid-contacts {
  background-position: top left;
  background-size: auto 100%;
}

article.post, .dmi-grid-post {
  background-image: url(assets/images/bg-news.png);
}

article.project, .dmi-grid-project {
  background-image: url(assets/images/bg-project.png);
}

article.training, .dmi-grid-training {
  background-image: url(assets/images/bg-training.png);
}

.dmi-grid-contacts {
  background-image: url(assets/images/bg-contacts.png);
}

article .dmi-label {
  margin-bottom: 5px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
}

@media only screen and (max-width: 1024px) {
  article.post, .dmi-grid-post, article.project, .dmi-grid-project, article.training, .dmi-grid-training, .dmi-grid-contacts {
    background-image: none;
  }
}

/* Share */

.ya-share2__container_size_l .ya-share2__badge .ya-share2__icon {
  height: 32px!important;
  width: 32px!important;
  background-size: 32px 32px!important;
}

@media only screen and (max-width: 768px) {
  .ya-share2__container_size_l .ya-share2__badge .ya-share2__icon {
    height: 26px!important;
    width: 26px!important;
    background-size: 26px 26px!important;
  }
}

.ya-share2__badge, .ya-share2__mobile-popup-badge {
  background-color: #1a346f!important;
}

.ya-share2__badge:hover, .ya-share2__mobile-popup-badge:hover {
  background-color: #d9cba0!important;
  opacity: 1;
}

.ya-share2__container_mobile .ya-share2__badge {
  border-radius: 4px!important;
}

.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
  margin: 2px 5px 0 0!important;
}

/* */

.dmi-article-header, .dmi-article-content, .dmi-article-footer {
  max-width: 800px;
  margin: 0 auto;
}

.dmi-article-tools {
  color: #747e89;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 5px;
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;*/
}

.dmi-article-date {
  font-size: 13px;
}

.dmi-article-category {
  margin-top: 5px;
  /*margin-left: 10px;*/
  /*text-transform: uppercase;*/
}

.dmi-article-category a {
  color: #747e89;
}

.dmi-article-category a:after {
  content: ', ';
}

.dmi-article-category a:last-child:after {
  content:'';
}

.dmi-article-category a:hover {
  color: #c60a00;
}

h1.dmi-article-title {
  font-size: 30px;
  line-height: normal;
  margin-bottom: 15px;
  color: #1a346f;
  font-weight: 400;
}

.dmi-project-type + .dmi-article-title {
  color: #d9cba0;
}

.dmi-article-description {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
}

.dmi-article-share {
  margin-bottom: 30px;
}

.dmi-article-content {
  font-size: 16px;
  line-height: 1.618;
  margin-bottom: 20px;
  /*overflow: hidden;*/
}

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

  .dmi-article-share {
    margin-bottom: 15px;
  }

}

@media only screen and (max-width: 768px) {
  h1.dmi-article-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 480px) {
  h1.dmi-article-title {
    font-size: 20px;
  }
  
  .dmi-article-description {
    font-size: 16px;
  }
  
  .dmi-article-content {
    font-size: 14px;
  }
}

.dmi-article-content a {
  color: #c60a00;
  text-decoration: underline;
}

.dmi-article-content a:hover {
  color: #1a346f;
  /*text-decoration: underline;*/
}

.dmi-article-content h2 {
  font-size: 36px;
}

.dmi-article-content h3 {
  font-size: 32px;
}

.dmi-article-content h4 {
  font-size: 28px;
}

.dmi-article-content h5 {
  font-size: 24px;
}

.dmi-article-content h6 {
  font-size: 20px;
}

.dmi-article-content h2,
.dmi-article-content h3,
.dmi-article-content h4,
.dmi-article-content h5,
.dmi-article-content h6 {
  font-weight: 500;
}

.dmi-article-content h2,
.dmi-article-content h3,
.dmi-article-content h4,
.dmi-article-content h5,
.dmi-article-content h6,
.dmi-article-content p, .dmi-article-content ul, .dmi-article-content ol, .fotorama { /* , .dmi-article-content div*/
  margin-bottom: 15px;
}

.dmi-article-content p:last-child, .dmi-article-content ul:last-child, .dmi-article-content ol:last-child { /* .dmi-article-content div:last-child */
  margin-bottom: 0;
}

.dmi-article-content strong {
  font-weight: 500;
}

.dmi-article-content em {
  font-style: italic;
}

.dmi-article-content blockquote {
  margin-left: -100px;
  margin-right: -100px;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: normal;
  /*font-style: italic;*/
  position: relative;
  color: #747e89;
  padding: 10px 50px;
  position: relative;
}

@media only screen and (max-width: 900px) {
  .dmi-article-content blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}

.dmi-article-content blockquote:before {
  content: '';
  position: absolute;
  top:0;
  left:0;
  width: 28px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('assets/images/quote-left.svg');
}

.dmi-article-content blockquote:after {
  content: '';
  position: absolute;
  bottom:0;
  right:0;
  width: 28px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('assets/images/quote-right.svg');
}

.dmi-article-content ul {
  padding: 0 20px;
}

.dmi-article-content ul li {
  list-style: none;
	padding-left: 25px;
	position: relative;
	margin-bottom: 10px;
  min-height: 32px;
}

.dmi-article-content ul li:before {
  content: '';
  background-color: #1a346f;
  position: absolute;
	top: 7px;
	left: 0;
  width: 7px;
  height: 7px;
	border-radius: 2px;
}

.dmi-article-content ol {
  counter-reset: dmimagCounter;
	padding: 0 20px;
}

.dmi-article-content ol li {
  list-style: none;
	padding-left: 40px;
  padding-top: 5px;
	position: relative;
	margin-bottom: 10px;
  min-height: 32px;
}

.dmi-article-content ol li:before {
  counter-increment: dmimagCounter;
  content: counter(dmimagCounter); 
  color: #ffffff;
  background-color: #1a346f;
  position: absolute;
	top: 0;
	left: 0;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
	border-radius: 3px;
  font-size: 14px;
}

.dmi-article-content ol[style="list-style-type: lower-alpha;"] li:before {
  content: counter(dmimagCounter, lower-alpha);
}

.dmi-article-content ol[style="list-style-type: lower-greek;"] li:before {
  content: counter(dmimagCounter, lower-greek);
}

.dmi-article-content ol[style="list-style-type: lower-roman;"] li:before {
  content: counter(dmimagCounter, lower-roman);
}

.dmi-article-content ol[style="list-style-type: upper-roman;"] li:before {
  content: counter(dmimagCounter, upper-roman);
}

.dmi-article-content ol[style="list-style-type: upper-alpha;"] li:before {
  content: counter(dmimagCounter, upper-alpha);
}

/* Contacts */

.dmi-grid-contacts {
  margin-top: 50px;
}

.dmi-grid-contacts > .dmi-grid-col {
  max-width: 870px;
  margin: 0 auto 30px;
}

.dmi-grid-contacts .dmi-grid-row {
  margin-bottom: 30px!important;
}

.dmi-contacts-company, .dmi-contacts-label, .dmi-contacts-val  {
  font-size: 22px;
}

.dmi-contacts-company, .dmi-contacts-label {
  font-weight: 400;
}

.dmi-contacts-label {
  color: #1a346f;
}

@media only screen and (max-width: 1024px) {
  .dmi-grid-contacts {
    margin-top: 30px;
  }
  
  .dmi-contacts-label {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.dmi-contacts-val p {
  margin-bottom: 0;
}

.dmi-grid-contacts .dmi-button-go {
  margin-right: 40px;
  font-size: 14px;
  margin-bottom: 10px;
}

/* Images */

.dmi-article-media {
  max-width: 920px;
  margin: 0 auto;
  margin-bottom:20px;
}

.dmi-article-thumbnail {
  width:100%;
  height:auto;
  box-shadow: 0 0 5px 0 rgb(199,197,197,0.75);
  border: 10px solid #f9f9f9;
  background-color: #f9f9f9;
}

.dmi-article-thumbnail img {
  max-width: 100%;
  height: auto;
  display: block;
  margin:0 auto;
  
}

.dmi-article-thumbnail-description, .wp-caption-text {
  margin-top: 5px;
  font-size: 12px;
  font-style: italic;
  padding: 0 10px;
}

.wp-caption-text {
  margin-top: 0;
}

.dmi-article-content img {
  max-width: 100%;
  height: auto!important;
}

.dmi-article-content figure {
  max-width: 100%!important;
  margin: 0;
}

.dmi-article-content .alignnone, .dmi-article-content .alignright, .dmi-article-content .alignleft, .dmi-article-content .aligncenter {
  margin-bottom: 15px!important;
}

.dmi-article-content .aligncenter {
  margin: 0 auto 15px;
}

.dmi-article-content .alignright {
  float: right;
  margin: 0 0 15px 15px;
}

.dmi-article-content .alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

@media only screen and (max-width: 768px) {
  .dmi-article-content .alignnone, .dmi-article-content .alignright, .dmi-article-content .alignleft, .dmi-article-content .aligncenter {
    margin: 0 auto;
    float: none;
  }
}

/* Table */

.dmi-table-container {
  overflow-x: auto;
  margin-bottom: 20px
}

.dmi-article-content table {
  width: 100%!important;
  border: 1px solid #d4d4d4;
  border-collapse: collapse;
}

.dmi-article-content table td {
  border: 1px solid #d4d4d4;
  font-size: 15px;
  padding: 5px 10px;
}

/* Full width and response iframe */

.dmi-iframe-video { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0; 
	overflow: hidden;
	margin-bottom:15px;
}

.dmi-iframe-content { 
	overflow-x: auto;
	margin-bottom:15px;
}

.dmi-iframe-content iframe {
  max-width: 100%;
}

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

.dmi-article-content iframe {
  display: block;
  margin: 0 auto;
}

.dmi-article-content .fb-post.fb_iframe_widget {
  display: block;
  margin: 0 auto;
  max-width: 500px;
}

.dmi-article-content .twitter-tweet.twitter-tweet-rendered, .dmi-article-content .instagram-media.instagram-media-rendered {
  margin: 0 auto!important;
}

/* News footer */

.dmi-article-footer {
  margin-bottom: 20px;
}

.dmi-article-tags {
  margin-bottom: 30px;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.dmi-article-tags .dmi-label {
  width:100%;
}

.dmi-article-tags a {
  font-size: 14px; 
  margin-right: 10px;
  white-space: nowrap;
}

/* Table */

.dmi-article-container {
  overflow-x: auto;
  margin-bottom: 20px
}

.dmi-article-content table {
  width: 100%!important;
  border: 1px solid #d4d4d4;
  border-collapse: collapse;
}

.dmi-article-content table td {
  border: 1px solid #d4d4d4;
  font-size: 15px;
  padding: 5px 10px;
}

/* Pagination */

.dmi-paginate {
  justify-content: center;
  margin: 40px auto 35px;
  font-size: 14px;
}

.dmi-paginate ul {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.dmi-paginate ul li {
  margin: 0 5px 5px 5px;
}

.dmi-paginate ul li a.page-numbers, .dmi-paginate ul li .current, .dmi-paginate ul li .dots {
  display: block;
  padding: 8px 13px;
  border-radius: 3px;
}

.dmi-paginate ul li a.page-numbers  {
  color: #ffffff;
  background-color: #1a346f;
}

.dmi-paginate ul li .current {
  color: #ffffff;
  background-color: #d9cba0;
}

.dmi-paginate ul li a:hover {
  background-color: #d9cba0;
}

/* modal */

.dmi-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left:0;
  width: 40%;
  z-index: 9999;
  overflow-y: auto;
  padding: 30px;
  box-shadow: 0px 0px 5px 0px rgb(41 39 89 / 15%);
  background-color: #ffffff;
  margin-left: -110%!important;
  transition: .7s linear;
}

.dmi-modal-active {
  transition: .7s linear;
  margin-left: 0!important;
}

@media only screen and (max-width: 1024px) {
  .dmi-modal {
    width: 100%;
  }
}

.dmi-modal div, .dmi-modal a, .dmi-modal nav {
  position: relative;
  z-index: 2;
}

.dmi-modal .dmi-logo-title {
  max-width: 100%;
  font-size: 20px;
  margin-left: 0px;
  margin-right: 74px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 400px) {
  .dmi-modal .dmi-logo-title {
    font-size: 16px;
  }
}

.dmi-modal .dmi-menu-visually, .dmi-modal .dmi-menu-lang {
  margin-bottom: 20px;
}

.dmi-modal .dmi-menu-primary ul {
  flex-direction: column;
  justify-content: start;
  text-transform: none;
  font-size: 17px;
}

.dmi-modal .dmi-menu-primary  > ul > li {
  margin-left: 0;
  margin-right: 0;
}

.dmi-modal .dmi-menu-primary .sub-menu {
  display: flex;
  position: static;
  background-color: transparent;
  box-shadow: none;
  padding: 20px 20px 0 20px;
  min-width: auto;
}

.dmi-close {
  width: 24px;
  height: 24px;
  position: absolute!important;
  cursor: pointer;
  right: 30px;
  top: 30px;
}

.dmi-close span {
  position: absolute;
  display: block;
  width: 24px;
  height: 2px;
  background-color: #1a346f;
}

.dmi-close span:first-child {
  top: 11px;
  transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.dmi-close span:last-child {
  top: 11px;
  transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

/* Visually */

body.visually, .visually .dmi-title, .visually .dmi-archive-title {
  color: #000000;
}

.visually .dmi-logo-img {
  background-image: url('assets/images/bg-logo-dark.png');
}

.visually .dmi-button-go,
.visually .dmi-social a,
.visually .dmi-paginate ul li a.page-numbers,
.visually .dmi-paginate ul li .current,
.visually .dmi-menu-bars ul li,
.visually .ya-share2__badge, 
.visually .ya-share2__mobile-popup-badge {
  background-color: #000000!important;
}

.visually a, .visually .dmi-card a, .visually .dmi-button-more, .visually .dmi-logo a, .visually .dmi-logo a:hover, 
.visually .dmi-menu-primary a:hover,
.visually .dmi-article-title, .visually .dmi-article-date {
  color: #000000;
  /*text-decoration: none;*/
}

.visually .dmi-logo-title, .visually .dmi-menu-primary ul, .visually .dmi-article-date {
  font-weight: 400;
}

.visually .dmi-title, 
.visually .dmi-archive-title, 
.visually .dmi-card-title,
.visually .dmi-article-title,
.visually .dmi-article-content a,
.visually .dmi-button-go, .visually .dmi-paginate ul li a.page-numbers, .visually .dmi-paginate ul li .current {
  font-weight: 500;
}