/* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/navigations-crumbs-eng/style.min.css?1716970778467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news/slovnik_eng/bitrix/news.detail/.default/style.css?17283089347992*/
.mark-link {
   text-decoration: none;
   color: #0066cc;
}

.mark-link:visited{
   color: #0066cc;
}

.mark-link:hover {
  color: #0066cc;
  text-decoration-line: underline;
}

.detail-text a:hover {
  color: #0066cc;
  text-decoration-line: underline;
}

.modal-contents {
  border: 1.5px solid #920000;
  background: #ffffff;
  color: #000000;
  max-width: 450px;
  width: 100%;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
  padding-top: 35px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
}

.image-box > img { 
cursor: pointer;
}
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  width: 25%;
}

.column-row {
  float: left;
  width: 25%;
}

.column > img{
  width: 200px;
}


.column-row > img{
  width: 200px;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 9;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #2b2219f4;
}

/* Modal Content */
.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(255, 255, 255, 0.575);
  color: #000000;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  margin-right: 300px;
  margin-left: 300px;
  font-size: 14px;
  font-weight: 450;
  text-align: center;
  padding: 2px 16px;
  color: white;
  text-shadow: 4px 4px 6px black, 0 0 1em black, 0 0 0.2em black;
}

img.demo {
  opacity: 0.6;
  border: 1px solid #9A9898;
}

.active,
.demo:hover {
  opacity: 1;
  border: 1px solid #ffffff;
}


.begeviy{
background: #FFF4DB;
}

.article-actions {
  padding-left: 3% 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3%;
}

.article-actions > div > img {
  width: 30px !important;
  cursor: pointer;
  margin-bottom: 0;
  }
  
.article-actions > div > a > img {
  width: 30px !important;
  cursor: pointer;
  margin-bottom: 0;
 }


/* aticle BOOKMARK*/

.btn-bookmark {
  cursor: pointer;

  width: 30px;
  height: 30px;
  
}

.active-btn-bookmark {
	fill: black;
}

/*modal*/

.abbreviations-modal{
  position: fixed;
  width: 100%;
  height: 100%;
  background: transparent;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9;
  transition: all 0.8s ease 0s;
}

/* .abbreviations-modal:target {
  opacity: 1;
  visibility: visible;
} */

.abbreviations-modal.open {
  opacity: 1;
  visibility: visible;
}

.modal-body {
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3% 1%;
}


.modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.abbreviation-title {

  font-weight: 600;

}

.abbreviation-text {
  font-size: 1em;
  color: #000000;
}

.abbreviature-link {
	text-decoration: underline;
	text-decoration-color: white;
}

.link-wrapper {
  position: relative;
}

.share-buttons{
  display: none;
  background: #d0d0d0;
  border-radius: 5px;
  max-width: 50px;
  position: absolute;
  right: 6px;
  top: 15px;
  padding: 3px;
  /* transition: all 5s ease; */
}

.share-block{
background: rgb(201, 137, 137);
width: 30px;
height: 30px;
margin-bottom: 16px;
border: 1px solid #ccc;
text-align: center;
transition: 0.5s;
}

.share-block-active {
  display: block;
}

.share-block:hover{
  animation: share-animation 0.82s cubic-bezier(.36,.07,.19,.97) both;
  border-color: #0c7fd7;
}


.share-block i{
  font-size: 12px;
  position: relative;
  top: 5px;
}
.share-block span{
  display: block;
  position: relative;
  top: -9px;
  font-size: 10px;
  line-height: 1;
}

.share-btn-tg > img {
  width: 27px;
  height: 27px;
  text-align: center;
  margin-bottom: 0;
}

.share-btn-vk > img {
  width: 27px;
  height: 27px;
  text-align: center;
  margin-bottom: 0;
}

.share-btn-ok > img {
  width: 27px;
  height: 27px;
  text-align: center;
  margin-bottom: 0;
}

.share-buttons .tg{
  margin: auto;
  color: #3b5998;
  background: transparent;
  border: none;
}
.share-buttons .vk{
  margin: auto;
  color: #5E82A8;
  background: transparent;
  border: none;
}

.share-buttons .ok{
  margin: auto;
  color: #55acee;
  background: transparent;
  border: none;
}

/* Position the image container (needed to position the left and right arrows) */

.modal-gallery:target  {
  opacity: 1;
  visibility: visible;
}

.modal-gallery {
position: fixed;
width: 100%;
height: 100%;
background-color: #00000062;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
overflow-y: auto;
overflow-x: hidden;
transition: all 0.5s ease 0s;
}


.modal-gallery-body{
min-height: 100%;
display: flex;
justify-content: center;
align-items: center;

}

.gallery-modal-close {
position: absolute;
top: 5%;
right: 3%;
}

.gallery-modal-close > img {
width: 12px;
height: 12px;
}


.gallery-container {
background-color: #ffffff;
color: #000000;
min-width: 650px;
max-width: 650px;
height: 500px;
padding: 2%;
position: relative;
margin: 0 auto;
}


/* Hide the images by default */
.mySlides {
  text-align: center;
  display: none;
  margin: 0 auto;
}

.mySlides > img {
  margin: 0 !important;
  height: 750px;
  border: 1px solid #9A9898;
 /* max-width: 1000px; */
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
position: absolute;
top: 40%;
width: auto;
padding: 16px;
margin-top: -50px;
color: #ffffff;
font-weight: bold;
font-size: 20px;
border-radius: 3px 0 0 3px;
user-select: none;
-webkit-user-select: none;
}




/* Position the "next button" to the right */
.next {
border-radius:  0 3px 3px 0;
}

/* On hover, add a black background color with a little bit see-through */

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
/* .caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}
 */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.row {
margin: 3% auto;
}

.row > column {
align-items: center;
  margin: auto;
  text-align: center;
}


/* Six columns side by side */
.column {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}


.image-box img {
margin-bottom: 10px;
}

.photoDesc {
color: #111111;
font-size: 14px;
font-weight: 450;
margin: 5px 0 10px;
}

/* .abbreviations-modal:target {
  opacity: 1;
  visibility: visible;
} */

.modal-body_text {
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3% 1%;
}

.modal-content_text {
  border: 1.5px solid #920000;
  background: #ffffff;
  color: #000000;
  min-width: 450px;
max-width: 450px;
  padding: 2%;
  position: relative;
}

.modal-close_text {
  position: absolute;
  top: 10px;
  right: 10px;
}

.abbreviation-title_text {
  font-weight: 600;

}

.abbreviation-text_text {
  font-size: 1em;
  color: #000000;
}

.modal-link {
	font-size: 16px;
}

.article-box > p {
	font-size: 18px;
}

/* End */
/* /bitrix/templates/.default/components/bitrix/breadcrumb/navigations-crumbs-eng/style.min.css?1716970778467 */
/* /bitrix/templates/.default/components/bitrix/news/slovnik_eng/bitrix/news.detail/.default/style.css?17283089347992 */