/* Start:/local/templates/tula_2.0/css/normalize.css?16257106836138*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* End */


/* Start:/local/templates/tula_2.0/js/owl.carousel/owl.carousel.min.css?16170084343351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/tula_2.0/js/owl.carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/tula_2.0/components/bitrix/menu/social/style.css?16382370661155*/
.social-list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-list__item {
	margin-right: 18px;
}

.social-list__item:last-child {
	margin-right: 0;
}

.social-list__item-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	color: var(--color-blue);
	background-color: var(--color-white);
	border-radius: 50%;
}

.social-list__item-link:hover,
.social-list__item-link:focus {
	color: var(--color-black);
}

.social-list__item-link path {
	fill: currentColor;
}

@media screen and (max-width: 1023px) {
	.social-list {
		flex-direction: column;
	}

	.social-list__item {
		margin-right: 0;
		margin-bottom: 18px;
	}

	.social-list__item:last-child {
		margin-bottom: 0;
	}

	.footer__col .social-list {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: auto;
	}

	.footer__col .social-list__item {
		margin: 8px 18px 0 0;
	}

	.footer__col .social-list__item:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 374px) {
	.footer__col .social-list__item {
		margin-right: 8px;
	}
}
/* End */


/* Start:/local/templates/tula_2.0/components/bitrix/menu/header/style.css?16395436911571*/
.header-menu {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.header .header-menu {
	flex-shrink: 0;
	margin-right: 20px;
	margin-left: -10px;
}

.header-menu__item {
	margin-right: 10px;
}

.header-menu__item:last-child {
	margin-right: 0;
}

.header-menu__item-link {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-white);
	background-color: transparent;
	border: none;
	transition: background-color var(--transition-default) ease;
}

.header-menu__item-link:hover,
.header-menu__item-link:focus {
	color: var(--color-white);
	background-color: var(--color-dark-blue);
}

.header-menu__item-link svg {
	margin-left: 10px;
}

.header-menu__item-link path {
	fill: currentColor;
}

.header-menu__item-link--live-animate path {
	animation: live 1s infinite ease alternate;
}

@keyframes live {
	0% {
		fill: var(--color-white);
	}

	100% {
		fill: var(--color-red);
	}
}

@media screen and (max-width: 1199px) {
	.header-menu__item {
		margin-right: 5px;
	}
}

@media screen and (max-width: 1023px) {
	.header-menu {
		flex-direction: column;
	}

	.mobile-nav .header-menu {
		margin-top: 25px;
		padding-right: 50px;
	}

	.header-menu__item {
		margin: 5px 0;
	}

	.header-menu__item:first-child {
		margin-top: 0;
	}

	.header-menu__item:last-child {
		margin-bottom: 0;
	}

	.header-menu__item-link {
		padding: 5px 0;
		font-size: 20px;
		line-height: 1.25;
	}

	.header-menu__item-link:hover,
	.header-menu__item-link:focus {
		background-color: transparent;
	}
}
/* End */


/* Start:/local/templates/tula_2.0/components/bitrix/search.title/header/style.css?16382309663261*/
.search-form {
	position: relative;
	width: 100%;
}

.header .search-form {
	max-width: 300px;
}

.search-form__input {
	appearance: none;
	width: 100%;
	padding: 4px 30px 4px 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.28;
	color: var(--color-white);
	background-color: transparent;
	border: none;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	box-shadow: unset;
	transition: border-bottom-color var(--transition-default) ease;
}

.mobile-nav .search-form__input {
	border-bottom: 1px solid var(--color-white);
}

.search-form__input:hover,
.search-form__input:focus,
.search-form__input:not(:placeholder-shown) {
	border-bottom: 1px solid var(--color-white);
}

.search-form__input:focus {
	outline: none;
}

.search-form__input::-webkit-input-placeholder {
	color: transparent;
}
.search-form__input::-moz-placeholder {
	color: transparent;
}
.search-form__input:-ms-input-placeholder {
	color: transparent;
}
.search-form__input:-moz-placeholder {
	color: transparent;
}

.search-form__btn {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 100%;
	padding: 0 2px;
	border: none;
	background-color: transparent;
}

.search-form__btn:hover ~ .search-form__input {
	border-bottom: 1px solid var(--color-white);
}

@media screen and (max-width: 1023px) {
	.mobile-nav .search-form {
		margin-top: 30px;
	}

	.search-form__input {
		padding-right: 35px;
	}
}



.title-search-result {
	z-index: 10;
	position: absolute;
	display: none;
	padding: 25px 0 20px 30px;
	background-color: var(--color-white);
	box-shadow: 0px 0px 15px 2px rgba(158, 155, 153, 0.2);
}

.title-search-result__container {
	max-height: 453px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: var(--color-blue) var(--color-white);
}

.title-search-result__container::-webkit-scrollbar {
	width: 4px;
}

.title-search-result__container::-webkit-scrollbar-track {
	background: var(--color-white);
	border-radius: 4px;
}

.title-search-result__container::-webkit-scrollbar-thumb {
	background-color: var(--color-blue);
	border-radius: 4px;
}

.title-search-result__item {
	margin-bottom: 12px;
}

.title-search-result__item:last-child {
	margin-bottom: 0;
}

.title-search-result__item-link {
	display: inline-block;
	padding: 5px 10px;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.25;
	color: var(--color-black);
	background-color: transparent;
	transition: color var(--transition-default) ease, background-color var(--transition-default) ease;
}

.title-search-result__item-link:hover,
.title-search-result__item-link:focus {
	color: var(--color-black);
	background-color: var(--color-light-gray);
}

.title-search-result__item-link b {
	font-weight: 600;
	color: var(--color-blue);
	transition: color var(--transition-default) ease;
}

.title-search-result__item-link:hover b,
.title-search-result__item-link:focus b {
	color: var(--color-black);
}

@media screen and (max-width: 1023px) {
	.title-search-result {
		display: none !important;
	}
}
/* End */


/* Start:/local/templates/tula_2.0/components/bitrix/menu/footer/style.css?16395434541309*/
.footer-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-menu--center {
	justify-content: center;
}

.footer-menu__item {
	margin: 0 30px;
}
.footer-menu__item:first-child {
	margin-left: 0;
}

.footer-menu__item:last-child {
	margin-right: 0;
}

.footer-menu__item-link {
	display: flex;
	align-items: center;
	padding: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-white);
	background-color: transparent;
	border: none;
	transition: color var(--transition-default) ease;
}

.footer-menu__item-link:hover,
.footer-menu__item-link:focus {
	color: var(--color-gray-blue);
}

.footer-menu__item-link svg {
	margin-left: 10px;
}

.footer-menu__item-link path {
	fill: currentColor;
}

.footer-menu__item-link--live-animate path {
	animation: live 1s infinite ease alternate;
}

@keyframes live {
	0% {
		fill: var(--color-white);
	}

	100% {
		fill: var(--color-red);
	}
}

@media screen and (max-width: 1023px) {
	.footer-menu {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.footer-menu__item {
		margin: 0 8px 16px 0;
	}

	.footer-menu__item:last-child {
		margin-bottom: 0;
	}

	.footer-menu__item-link {
		font-size: 16px;
		font-weight: 600;
	}
}
/* End */


/* Start:/local/templates/tula_2.0/components/bitrix/socserv.auth.form/popup/style.css?16474818215916*/
.bx-authform-social-popup{
	display: none;
	background: #fff;
	width: auto;
	padding: 15px;
	font-size: 14px;
	white-space: nowrap;
}

.bx-authform-social-popup form{margin-bottom: 0;}

.bx-authform-social-popup input[type="text"] {
	display: inline-block;
	max-width: 150px;
	font-size: 18px;
	height: 30px;
	margin: 0;
	padding: 0 4px;
	border: 1px solid #CCD5DB;
	border-radius: 2px;
	background: #f8fafc;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx-authform-social ul {
  	padding: 5px 0 12px;
  	margin: 0 0 15px;
  	display: block;
}

.bx-authform-social ul li {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 5px;
}
.bx-authform-social ul li .bx-authform-social-icon {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(/local/templates/tula_2.0/components/bitrix/socserv.auth.form/popup/images/sprite.png);
	background-repeat: no-repeat;
	border-bottom: none;
}
.bx-authform-social ul li .bx-authform-social-icon:hover{opacity: .9;}
.bx-authform-social ul li .bx-authform-social-icon.box {background-position: 0 0;}
.bx-authform-social ul li .bx-authform-social-icon.dropbox {background-position: -44px 0;}
.bx-authform-social ul li .bx-authform-social-icon.bitrix24 {background-position: -88px 0;}
.bx-authform-social ul li .bx-authform-social-icon.yandex {background-position:-132px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid {background-position:-176px 0;}
.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki {background-position:-220px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google {background-position:-264px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mymailru {background-position:-308px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mailru2 {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.livejournal {background-position:-352px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveid {background-position:-484px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveinternet {background-position:-528px 0;}
.bx-authform-social ul li .bx-authform-social-icon.blogger {background-position:-572px 0;}
.bx-authform-social ul li .bx-authform-social-icon.vkontakte {background-position:-616px 0;}
.bx-authform-social ul li .bx-authform-social-icon.twitter {background-position:-660px 0;}
.bx-authform-social ul li .bx-authform-social-icon.facebook {background-position:-704px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google-plus {background-position:-748px 0;}
.bx-authform-social ul li .bx-authform-social-icon.office365 {background-position:-792px 0;}
.bx-authform-social ul li .bx-authform-social-icon.zoom {background-position:-836px 0;}



.socserv-list {
	display: flex;
	flex-direction: column;
}

.socserv-list__long-wrap {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.socserv-list__long-item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 0 18px 0;
	padding: 9px 50px;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5;
	color: var(--color-black);
	background-color: var(--color-white);
	border: 1px solid var(--color-gray);
	transition: background-color var(--transition-default) ease;
}

.socserv-list__long-item:hover {
	color: var(--color-black);
	background-color: var(--color-light-gray);
}

.socserv-list__long-item:active {
	background-color: var(--color-white);
}

.socserv-list__long-icon-wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 47px;
	height: calc(100% - 1px);
}

.socserv-list__long-item:last-child {
	margin-bottom: 0;
}

.socserv-list__separate {
	position: relative;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5;
	color: var(--color-gray);
	text-align: center;
}

.socserv-list__separate::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-gray);
}

.socserv-list__separate span {
	padding: 0 18px;
	background-color: var(--color-white);
}

.socserv-list__short-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: -20px;
}

.socserv-list__short-item {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(50% - 10px);
	height: 48px;
	margin-bottom: 20px;
	padding: 0;
	background-color: var(--color-blue);
	border: none;
	opacity: 1;
	transition: opacity var(--transition-default) ease;
}

.socserv-list__short-item:hover {
	opacity: 0.9;
}

.socserv-list__short-item:active {
	opacity: 1;
}

.socserv-list__short-item--Telegram {
	position: relative;
	background-color: #0088cc;
	overflow: hidden;
}

.socserv-list__short-item--VKontakte {
	background-color: #2787f5;
}

.socserv-list__short-item--Twitter {
	background-color: #00acee;
}

.socserv-list__short-item--Telegram .telegram.bx-authform-social-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: none;
}

.socserv-list__short-item--Telegram .bx-authform-social-popup {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	opacity: 0;
}

.socserv-list__short-item--Telegram .bx-authform-social-popup form {
	width: 100%;
	height: 100%;
}

.socserv-list__short-item--Telegram .bx-authform-social-popup iframe {
	width: 100% !important;
	height: 100% !important;
	transform: scaleY(1.7);
	transform-origin: top;
}

@media screen and (max-width: 767px) {
	.socserv-list__long-wrap {
		margin-bottom: 18px;
	}

	.socserv-list__long-item {
		margin-bottom: 12px;
	}

	.socserv-list__short-wrap {
		margin-top: 18px;
	}
}
/* End */


/* Start:/local/templates/tula_2.0/styles.css?16432003733421*/
:root {
	--color-dark-blue: #0a4978;
	--color-bright-blue: #154bb5;
	--color-blue: #005b9e;
	--color-light-blue: #01b1ec;
	--color-gray-blue: #99bdd8;
	--color-black: #000000;
	--color-dark-gray: #5b5b5b;
	--color-gray: #b4b4b4;
	--color-light-gray: #efefef;
	--color-white: #ffffff;
	--color-red: #ff4545;
	--color-error: #ce0000;
	--transition-default: 0.2s;
	--offset-container: 30px;
}

.visually-hidden,
input[type="radio"].visually-hidden,
input[type="checkbox"].visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

a {
	color: var(--color-blue);
	text-decoration: none;
	transition: color var(--transition-default) ease;
}

a:hover,
a:focus {
	color: var(--color-black);
}

button {
	appearance: none;
	cursor: pointer;
}

button:focus {
	outline: none;
}

button:focus-visible {
	outline: auto
}

.page-wrap img,
.footer-wrap img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1023px) {
	:root {
		--offset-container: 16px;
	}
}



.text-number {
	float: left;
	display: flex;
	flex-direction: column;
	padding: 0 34px 0 0;
	color: #000000;
}

.text-number p {
	margin: 0;
}

.text-number__number {
	display: block;
	font-weight: 700;
	font-size: 72px;
	line-height: 1.25;
}

.text-number__text {
	display: block;
	font-weight: 600;
	font-size: 28px;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.text-number {
		float: none;
	}

	.text-number__text {
		line-height: 1.1;
	}
}



.text-quote {
	position: relative;
	width: 100%;
	max-width: 995px;
	margin: 48px auto;
	padding: 16px 0;
	font-style: italic;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	color: #000000;
}

.text-quote::before,
.text-quote::after {
	content: "";
	position: absolute;
	left: 50%;
	width: 60%;
	height: 1px;
	background-color: var(--color-gray);
	transform: translateX(-50%);
}

.text-quote::before {
	top: 0;
}

.text-quote::after {
	bottom: 0;
}

@media screen and (max-width: 1023px) {
	.text-quote {
		max-width: 630px;
		margin-top: 32px;
		margin-bottom: 32px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 18px;
	}

	.text-quote::before,
	.text-quote::after {
		width: 76%;
	}
}

@media screen and (max-width: 767px) {
	.text-quote::before,
	.text-quote::after {
		width: 100%;
	}
}



.photo-one-text {
	width: 100%;
	max-width: 996px;
	margin: 22px 0;
}

.photo-one-text {
	display: block;
	width: 100%;
	max-height: 664px;
	object-fit: contain;
}

.photo-one-text__caption {
	margin: 16px 0 0 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2;
	text-align: right;
	color: #5b5b5b;
}

.photo-one-text__caption p:first-child {
	margin-top: 0;
}

.photo-one-text__caption p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
	.photo-one-text__caption {
		margin-top: 12px;
	}
}



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

.table th,
.table td {
	vertical-align: bottom;
	text-align: left;
	font-weight: 600;
	font-size: 18px;
	color: var(--color-black);
	border-bottom: 1px solid var(--color-gray);
}

.table th {
	padding: 6px 12px;
	font-weight: 600;
	line-height: 1.2;
}

.table td {
	padding: 12px;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (max-width: 1023px) {
	.table {
		display: inline-block;
		overflow-x: auto;
	}
}
/* End */


/* Start:/local/templates/tula_2.0/template_styles.css?165908126457457*/
html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	display: flex;
	flex-direction: column;
	min-width: 320px;
	min-height: 100vh;
	font-family: "Source Serif Pro", serif;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
	color: var(--color-black);
	background-color: var(--color-white);
	-webkit-text-size-adjust: none;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 50px var(--color-white) inset;
	-webkit-text-fill-color: var(--color-black);
}

::-webkit-input-placeholder {
	color: var(--color-gray);
}

::-moz-placeholder {
	color: var(--color-gray);
}

:-ms-input-placeholder {
	color: var(--color-gray);
}

:-moz-placeholder {
	color: var(--color-gray);
}

input[type="submit"] {
	border-radius: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.disable-hover,
.disable-hover * {
	pointer-events: none !important;
}

.disable-scroll {
	overflow: hidden;
}

.disable-scroll body {
	position: fixed;
	width: 100%;
}

.container {
	width: 100%;
	max-width: 1404px;
	margin: 0 auto;
	padding-left: var(--offset-container);
	padding-right: var(--offset-container);
}

.page-wrap > .container {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 1024px) {
	a,
	label,
	button {
		-webkit-tap-highlight-color: transparent;
	}
}

@media screen and (max-width: 1023px) {
	#bx-panel {
		display: none !important;
	}

	.container {
		padding-left: var(--offset-container);
		padding-right: var(--offset-container);
	}
}



.tia {
	display: block;
	width: 100%;
}

.tia img {
	display: block;
	width: 100%;
	height: 100%;
}

.tia-top {
	align-self: center;
	max-width: 1920px;
	margin: 0 auto;
}





.tia-bottom {
	display: flex;
	flex-direction: column;
	margin-top: 60px;
}

.tia-bottom-line {
	max-width: 1344px;
	margin: 0 auto 48px;
}

.tia-bottom__grid {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -24px;
}

.tia-bottom__grid-item {
	flex: 0 0 25%;
	width: 100%;
	max-width: 25%;
	padding: 0 24px;
}

@media screen and (max-width: 1023px) {
	.tia-bottom {
		margin-top: 48px;
	}

	.tia-bottom-line {
		margin-bottom: 22px;
	}

	.tia-bottom__grid {
		margin: 0 -11px;
	}

	.tia-bottom__grid-item {
		flex-basis: 50%;
		max-width: 50%;
		padding: 0 11px 22px;
	}
}

@media screen and (max-width: 499px) {
	.tia-bottom-line {
		margin-bottom: 20px;
	}

	.tia-bottom__grid-item {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0 11px 20px;
	}
}



.header-wrap {
	background-color: var(--color-blue);
}

.header {
	padding-top: 24px;
	padding-bottom: 14px;
}

.header__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.header__logo {
	display: inline-block;
}

.header__logo img {
	display: block;
	pointer-events: none;
}

.header__menu-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__search {
	max-width: 300px;
}

.header__nav-btn {
	display: none;
}

.mobile-nav {
	display: none;
}

.social-fixed {
	display: none;
}

@media screen and (max-width: 1023px) {
	.header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.header__top {
		margin-bottom: 0;
	}

	.header__top .social-list {
		display: none;
	}

	.header__menu-line {
		display: none;
	}

	.search-form__btn {
		width: 26px;
		height: 26px;
		padding: 0;
	}

	.header__nav-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 -5px 0 0;
		padding: 5px;
		background-color: transparent;
		border: none;
	}

	.mobile-nav {
		z-index: 100;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		overflow-y: auto;
		padding: 0 var(--offset-container) 24px;
		background-color: var(--color-blue);
		visibility: hidden;
		pointer-events: none;
		transform: translateX(100%);
		transition: visibility 0.2s ease, transform 0.2s ease;
		-webkit-overflow-scrolling: touch;
	}

	.mobile-nav--show {
		visibility: visible;
		transform: translateX(0);
		pointer-events: auto;
	}

	.header__search {
		max-width: unset;
	}

	.social-fixed {
		z-index: 101;
		position: fixed;
		bottom: 24px;
		right: 16px;
		display: block;
		visibility: hidden;
		pointer-events: none;
		transform: translateX(200%);
		transition: visibility 0.2s ease, transform 0.2s ease;
	}

	.social-fixed--show {
		visibility: visible;
		transform: translateX(0);
		pointer-events: auto;
	}
}

@media screen and (max-width: 767px) {
	.header__logo img {
		width: 116px;
		height: 36px;
	}
}



.footer-wrap {
	margin-top: auto;
	background-color: var(--color-blue);
}

.footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 50px;
	padding-bottom: 16px;
}

.footer__logo {
	display: block;
	margin-bottom: 60px;
}

.footer__logo img {
	display: block;
	pointer-events: none;
}

.footer__nav-wrap--mobile {
	display: none;
}

.footer__nav {
	width: 1076px;
	margin-bottom: 58px;
}

.footer__nav-separator {
	width: 100%;
	height: 1px;
	margin: 12px 0;
	background-color: var(--color-white);
}

.footer__text {
	max-width: 880px;
	margin: 40px 0 20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.28;
	text-align: center;
	color: var(--color-white);
}

.footer__bottom-bar {
	display: flex;
	width: 100%;
}

.footer__bottom-bar-item {
	flex: 0 0 33.333333%;
	display: flex;
}

.footer__bottom-bar-item a {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	color: var(--color-white);
	transition: color var(--transition-default) ease;
}

.footer__bottom-bar-item a:hover,
.footer__bottom-bar-item a:focus {
	color: var(--color-gray-blue);
}

.footer__bottom-bar-item--center {
	justify-content: center;
}

.footer__bottom-bar-item--right {
	justify-content: flex-end;
}

@media screen and (max-width: 1136px) {
	.footer__nav {
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.footer {
		align-items: flex-start;
		padding-top: 36px;
		padding-bottom: 44px;
	}

	.footer__logo {
		margin-bottom: 50px;
	}

	.footer__nav-wrap--desktop {
		display: none;
	}

	.footer__nav-wrap--mobile {
		display: flex;
		width: 100%;
	}

	.footer__col {
		flex: 0 0 50%;
		display: flex;
		flex-direction: column;
	}

	.footer__text {
		margin-top: 48px;
		margin-bottom: 16px;
		text-align: left;
		font-size: 12px;
	}

	.footer__bottom-bar {
		flex-direction: column;
	}

	.footer__bottom-bar-item {
		flex-basis: 100%;
	}

	.footer__bottom-bar-item--center,
	.footer__bottom-bar-item--right {
		justify-content: flex-start;
	}

	.footer__bottom-bar-item a {
		margin-bottom: 26px;
	}

	.footer__bottom-bar-item:last-child a {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.footer {
		padding-bottom: 100px;
	}

	.footer__logo img {
		width: 116px;
		height: 36px;
	}
}



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

.wrap-404__info-container {
	margin-top: 105px;
}

.wrap-404__title {
	margin-bottom: 16px;
	font-weight: 600;
	font-size: 36px;
	line-height: 120%;
}

.wrap-404__text {
	max-width: 330px;
	font-weight: normal;
	font-size: 24px;
	line-height: 120%;
}

.wrap-404 .wrap-404__img {
	width: 100%;
	max-width: 650px;
}

@media screen and (max-width: 1023px) {
	.wrap-404 {
		flex-direction: column;
	}

	.wrap-404__info-container {
		margin-top: 0;
		margin-bottom: 48px;
	}

	.wrap-404__title {
		font-size: 24px;
		text-align: center;
	}

	.wrap-404__text {
		margin: 0 auto;
		font-size: 20px;
		line-height: 150%;
		text-align: center;
	}

	.wrap-404 .wrap-404__img {
		margin: 0 auto;
		max-width: 550px;
	}
}

@media screen and (max-width: 767px) {
	.wrap-404__info-container {
		margin-top: 0;
		margin-bottom: 56px;
	}

	.wrap-404 .wrap-404__img {
		margin: 0 auto;
		max-width: 328px;
	}
}



.page-wrap {
	padding: 30px 0 60px;
}

.news-mix-wrap,
.photo-wrap,
.articles-wrap,
.video-wrap {
	margin-bottom: 60px;
}

@media screen and (max-width: 1023px) {
	.page-wrap {
		padding: 20px 0 22px;
	}
}

@media screen and (max-width: 767px) {
	.page-wrap {
		padding: 20px 0 48px;
	}

	.news-mix-wrap,
	.photo-wrap,
	.articles-wrap,
	.video-wrap {
		margin-bottom: 48px;
	}
}



.area-title {
	display: inline-block;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.6;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--color-black);
}

.area-title__line {
	display: inline;
	border-bottom: 4px solid var(--color-blue);
}

.area-title a {
	color: inherit;
}

.area-title a:hover,
.area-title a:focus {
	color: var(--color-blue);
}

.page-title {
	margin: 0 0 30px 0;
}

@media screen and (max-width: 1023px) {
	.area-title {
		font-size: 22px;
	}

	.page-title {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.area-title__line {
		border-bottom-width: 3px;
	}
}



.msg-text {
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--color-black);
}



.date {
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-gray);
	text-transform: lowercase;
}

.date--blue {
	color: var(--color-blue);
}



.img-container {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 66.66%;
	overflow: hidden;
}

.img-container--border {
	--border-width: 2px;

	background-repeat: no-repeat;
	background-image:
			linear-gradient(to right, var(--color-blue) 100%, var(--color-blue) 100%),
			linear-gradient(to bottom, var(--color-blue) 100%, var(--color-blue) 100%),
			linear-gradient(to right, var(--color-blue) 100%, var(--color-blue) 100%),
			linear-gradient(to bottom, var(--color-blue) 100%, var(--color-blue) 100%);
	background-size:
			0 var(--border-width),
			var(--border-width) 0,
			0 var(--border-width),
			var(--border-width) 0;
	background-position:
			100% 0,
			100% 0,
			0 100%,
			0 100%;
	transition: background-size 0.3s ease;
}

@media (hover: hover) {
	.img-container--border:hover,
	.img-container--border:focus {
		background-size:
				100% var(--border-width),
				var(--border-width) 100%,
				100% var(--border-width),
				var(--border-width) 100%;
	}

	.img-container--border:focus {
		outline: none;
	}
}

.img-container img {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (hover: hover) {
	.img-container img {
		transform: scale(1.02);
		transition: transform 0.35s ease;
		will-change: transform;
		image-rendering: -webkit-optimize-contrast;
	}

	.img-container:hover img,
	.img-container:focus img {
		transform: scale(1);
	}
}



@media screen and (max-width: 767px) {
	.overflow-slider-wrap {
		width: 100vw;
		margin-left: calc(var(--offset-container) * -1);
		overflow: hidden;
	}

	.overflow-slider-wrap > *:not(.owl-carousel) {
		margin-left: var(--offset-container);
		margin-right: var(--offset-container);
	}

	.overflow-slider-wrap .owl-carousel .owl-stage-outer {
		overflow: visible;
	}

	.overflow-slider-wrap .owl-carousel .owl-stage {
		display: flex;
		margin-left: -25.5px;
	}



	.slider-dots .owl-dots {
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}

	.slider-dots .owl-dots button.owl-dot {
		width: 10px;
		height: 10px;
		margin: 0 5px;
		border-radius: 50%;
		background-color: var(--color-light-gray);
		transition: background-color var(--transition-default) ease;
	}

	.slider-dots button.owl-dot.active {
		background-color: var(--color-blue);
	}
}



.yt-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90px;
	height: 60px;
	text-align: center;
	background-color: var(--color-black);
	border-radius: 50% / 10%;
	opacity: 0.7;
	transform: translate(-50%, -50%);
	transition: opacity var(--transition-default) ease, background-color var(--transition-default) ease;
}

.yt-play::before {
	content: "";
	position: absolute;
	top: 9%;
	right: -5%;
	left: -4%;
	bottom: 10%;
	background-color: inherit;
	border-radius: 5% / 50%;
}

.yt-play::after {
	border-style: solid;
	border-width: 13px 0 13px 24px;
	border-color: transparent transparent transparent var(--color-white);
	content: "";
	height: 0;
	top: 50%;
	left: 53%;
	position: absolute;
	width: 0;
	transform: translate(-50%, -50%);
}

@media (hover: hover) {
	a:hover .yt-play,
	a:focus .yt-play {
		background-color: var(--color-blue);
		opacity: 1;
	}
}

@media screen and (max-width: 1023px) {
	.yt-play {
		width: 42px;
		height: 28px;
	}

	.yt-play::before {
		top: 10%;
		left: -5%;
	}

	.yt-play::after {
		border-width: 8px 0 8px 14px;
	}
}



.tag {
	padding: 10px 14px;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.25;
	color: var(--color-blue);
	background-color: var(--color-white);
	border: 1px solid var(--color-blue);
	text-transform: capitalize;
	transition: color var(--transition-default), background-color var(--transition-default);
}

.tag--large {
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

a.tag:hover,
a.tag:focus {
	color: var(--color-white);
	background-color: var(--color-blue);
}




.main-card-news {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--color-gray);
}

.main-card-news__img-wrap {
	margin-bottom: 16px;
}

.main-card-news__name {
	margin: 0;
	font-weight: 600;
	font-size: 36px;
	line-height: 1.2;
	color: var(--color-black);
}

.main-card-news__name:hover,
.main-card-news__name:focus {
	color: var(--color-blue);
}

.main-card-news__desc {
	margin: 12px 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-black);
}

.main-card-news__desc p:first-child {
	margin-top: 0;
}

.main-card-news__desc p:last-child {
	margin-bottom: 0;
}

.main-card-news__time {
	align-self: flex-end;
	margin: auto 0 0 0;
}

@media screen and (max-width: 1023px) {
	.main-card-news__img-wrap {
		margin-bottom: 12px;
	}

	.main-card-news__name {
		font-size: 24px;
	}

	.main-card-news__desc {
		margin: 10px 0 12px 0;
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.main-card-news__img-wrap {
		margin-bottom: 10px;
	}

	.main-card-news__desc {
		margin-top: 6px;
	}
}



.line-card-news {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--color-gray);
}

.line-card-news__img-wrap {
	margin-bottom: 12px;
}

.line-card-news__name {
	margin: 0 0 8px 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-black);
}

.line-card-news__name:hover,
.line-card-news__name:focus {
	color: var(--color-blue);
}

.line-card-news__time {
	align-self: flex-end;
	margin: auto 0 0 0;
}

@media screen and (max-width: 1023px) {
	.line-card-news__name {
		margin-bottom: 24px;
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.line-card-news__name {
		margin-bottom: 16px;
		font-size: 18px;
	}
}



.simple-card-news {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-gray);
}

.simple-card-news__time {
	margin: 0 0 4px 0;
}

.simple-card-news__name {
	display: block;
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-black);
}

.simple-card-news__name:hover,
.simple-card-news__name:focus {
	color: var(--color-blue);
}

@media screen and (max-width: 1023px) {
	.simple-card-news__name {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.simple-card-news__name {
		font-size: 18px;
	}
}



.no-photo-card-news {
	display: flex;
	flex-direction: column;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--color-gray);
}
.no-photo-card-news__name {
	display: block;
	margin: 0 0 10px 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-black);
}

.no-photo-card-news__name:hover,
.no-photo-card-news__name:focus {
	color: var(--color-blue);
}

.no-photo-card-news__desc {
	margin: 0 0 9px 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-black);
}

.no-photo-card-news__desc p:first-child {
	margin-top: 0;
}

.no-photo-card-news__desc p:last-child {
	margin-bottom: 0;
}

.no-photo-card-news__time {
	align-self: flex-end;
	margin: 0;
}


@media screen and (max-width: 1023px) {
	.no-photo-card-news__name {
		margin-bottom: 8px;
		font-size: 14px;
	}

	.no-photo-card-news__desc {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.no-photo-card-news__name {
		font-size: 16px;
	}

	.no-photo-card-news__desc {
		font-size: 16px;
	}
}



.title-card-news {
	display: flex;
	flex-direction: column;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--color-gray);
}

.title-card-news__name {
	align-self: flex-start;
	margin: 0 0 10px 0;
	font-weight: 600;
	font-size: 28px;
	line-height: 1.3;
	color: var(--color-black);
	transition: color var(--transition-default) ease;
}

.title-card-news__name:hover,
.title-card-news__name:focus {
	color: var(--color-blue);
}

.title-card-news__date {
	align-self: flex-end;
	margin: auto 0 0 0;
}

@media screen and (max-width: 1023px) {
	.title-card-news__name {
		font-size: 24px;
		line-height: 1.2;
	}
}



.insert-card-news {
	display: block;
	width: 100%;
	margin: 40px 0;
	padding: 30px 30px 22px 30px;
	background-color: var(--color-light-gray);
}

.insert-card-news__title {
	margin: 0 0 10px 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--color-blue);
	transition: color var(--transition-default) ease;
}

.insert-card-news:hover .insert-card-news__title,
.insert-card-news:focus .insert-card-news__title {
	color: var(--color-black);
}

.insert-card-news__desc {
	margin: 0 0 22px 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-dark-gray);
}

.insert-card-news__desc p:first-child {
	margin-top: 0;
}

.insert-card-news__desc p:last-child {
	margin-bottom: 0;
}

.insert-card-news__date {
	margin: 0;
}

@media screen and (max-width: 1023px) {
	.insert-card-news {
		margin: 32px 0;
		padding: 20px 16px 16px 16px;
	}

	.insert-card-news__title {
		margin-bottom: 16px;
		font-size: 20px;
	}

	.insert-card-news__desc {
		margin-bottom: 16px;
	}
}



.tula-widget {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tula-widget__weather {
	flex-shrink: 0;
	margin-right: 40px;
}

.tula-widget__currency {
	flex-grow: 1;
}

@media screen and (max-width: 1023px) {
	.tula-widget {
		flex-direction: column;
		align-items: stretch;
	}

	.tula-widget__weather {
		flex-grow: 1;
		margin-right: 0;
		margin-bottom: 28px;
	}
}

@media screen and (max-width: 767px) {
	.tula-widget__weather {
		margin-bottom: 30px;
	}
}



.simple-quote {
	display: flex;
	width: 100%;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--color-gray);
}

.simple-quote__img-wrap {
	flex-shrink: 0;
	width: 33.33%;
}

.simple-quote__img-container {
	position: relative;
	flex-grow: 1;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
}

.simple-quote__img-wrap img {
	position: absolute;
	top: -50%;
	left: -50%;
	right: -50%;
	bottom: -50%;
	display: block;
	width: 100%;
	margin: auto;
}

.simple-quote__content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	margin-left: 12px;
}

.simple-quote__title {
	margin: 4px 0 0 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-black);
	transition: color var(--transition-default) ease;
}

.simple-quote__title:hover,
.simple-quote__title:focus {
	color: var(--color-blue);
}

.simple-quote__desc {
	margin: 10px 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-black);
}

.simple-quote__date {
	align-self: flex-end;
	margin: auto 0 0 0;
}

@media screen and (max-width: 767px) {
	.simple-quote__img-wrap {
		width: 130px;
	}
}



.round-quote {
	display: flex;
	width: 100%;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--color-gray);
}

.round-quote__img-wrap {
	flex-shrink: 0;
	width: 24.5%;
	max-width: 170px;
	margin-bottom: 12px;
}

.round-quote__img-container {
	position: relative;
	flex-grow: 1;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	border-radius: 50%;
	overflow: hidden;
}

.round-quote__img-wrap img {
	position: absolute;
	top: -50%;
	left: -50%;
	right: -50%;
	bottom: -50%;
	display: block;
	width: 100%;
	margin: auto;
}

.round-quote__content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	margin-left: 15px;
}

.round-quote__title {
	margin: 4px 0 0 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.3;
	color: var(--color-black);
}

.round-quote__desc {
	margin: 4px 0 18px;
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.3;
	color: var(--color-black);
}

.round-quote__date {
	align-self: flex-end;
	margin: auto 0 0 0;
}

@media screen and (max-width: 1023px) {
	.round-quote__img-wrap {
		width: 35.4%;
	}

	.round-quote__content {
		margin-left: 13px;
	}

	.round-quote__title {
		margin-top: 0;
		font-size: 18px;
		line-height: 1.2;
	}

	.round-quote__desc {
		margin-bottom: 5px;
		font-size: 16px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 767px) {
	.round-quote {
		justify-content: space-between;
	}

	.round-quote__img-wrap {
		width: 120px;
	}

	.round-quote__desc {
		margin-bottom: 7px;
	}
}



.simple-article {
	display: flex;
	flex-direction: column;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--color-gray);
}

.simple-article__title {
	margin: 0 0 10px 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-black);
	transition: color var(--transition-default) ease;
}

.simple-article__title:hover,
.simple-article__title:focus {
	color: var(--color-blue);
}

.simple-article__desc {
	margin: 0 0 10px 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-black);
	word-break: break-word;
}

.simple-article__desc p:first-child {
	margin-top: 0;
}

.simple-article__desc p:last-child {
	margin-bottom: 0;
}

.simple-article__date {
	align-self: flex-end;
	margin: auto 0 0 0;
}

@media screen and (max-width: 1023px) {
	.simple-article__title {
		font-size: 16px;
	}

	.simple-article__desc {
		margin-bottom: 12px;
	}
}

@media screen and (max-width: 767px) {
	.simple-article__title {
		font-size: 18px;
	}

	.simple-article__desc {
		margin-bottom: 9px;
	}
}



.marked-article {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	padding-left: 16px;
	border-left: 4px solid var(--color-blue);
}

.marked-article__date {
	margin: 0 0 8px 0;
}

.marked-article__name {
	margin: 0;
	font-weight: 600;
	font-size: 28px;
	line-height: 1.3;
	color: var(--color-black);
}

.marked-article__name:hover,
.marked-article__name:focus {
	color: var(--color-blue);
}

@media screen and (max-width: 1023px) {
	.marked-article {
		padding-left: 8px;
	}

	.marked-article__name {
		font-size: 20px;
	}
}

@media screen and (max-width: 767px) {
	.marked-article {
		flex-direction: column-reverse;
		padding-left: 0;
		padding-bottom: 4px;
		border-left: none;
		border-bottom: 1px solid var(--color-gray);
	}

	.marked-article__name {
		position: relative;
		margin-bottom: 9px;
		padding-left: 12px;
		font-size: 24px;
	}

	.marked-article__name::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 4px;
		background-color: var(--color-blue);
	}

	.marked-article__date {
		align-self: flex-end;
		margin-bottom: 0;
		margin-top: auto;
	}
}



.play-video-card__img-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.play-video-card__img-wrap img {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (hover: hover) {
	.play-video-card__img-wrap img {
		transform: scale(1.02);
		transition: transform 0.35s ease;
		will-change: transform;
		image-rendering: -webkit-optimize-contrast;
	}

	.play-video-card:hover img,
	.play-video-card:focus img {
		transform: scale(1);
	}
}

.play-video-card__foreground {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 15px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(75, 75, 75, 0.14) 17.08%, rgba(255, 255, 255, 0) 24.01%);
}

.play-video-card__header {
	display: flex;
	align-items: center;
	width: 90%;
}

.play-video-card__logo {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	margin-right: 30px;
	background-color: var(--color-blue);
	border-radius: 50%;
}

.play-video-card__short-name {
	margin: 0;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.16;
	color: var(--color-white);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.play-video-card__duration {
	display: none;
}

.play-video-card__name {
	display: none;
}

@media screen and (max-width: 1023px) {
	.play-video-card__img-wrap {
		height: 0;
		padding-top: 56.79%;
	}

	.play-video-card__header {
		display: none;
	}

	.play-video-card__name {
		display: block;
		margin: 10px 0 0 0;
		font-weight: 600;
		font-size: 18px;
		line-height: 1.2;
		color: var(--color-black);
	}
}



.video-one {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 55.77%;
}

.video-one__img-wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-one__img-wrap img {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (hover: hover) {
	.video-one__img-wrap img {
		transform: scale(1.02);
		transition: transform 0.35s ease;
		will-change: transform;
		image-rendering: -webkit-optimize-contrast;
	}

	.video-one:hover img,
	.video-one:focus img {
		transform: scale(1);
	}
}

.video-one__foreground {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 15px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(75, 75, 75, 0.14) 17.08%, rgba(255, 255, 255, 0) 24.01%);
}

.video-one__header {
	display: flex;
	align-items: center;
	width: 90%;
}

.video-one__logo {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	margin-right: 30px;
	background-color: var(--color-blue);
	border-radius: 50%;
}

.video-one__short-name {
	margin: 0;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.16;
	color: var(--color-white);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.video-one__duration {
	display: none;
}

@media screen and (max-width: 767px) {
	.video-one__foreground {
		background: none;
	}

	.video-one__header {
		display: none;
	}

	.video-one__logo {
		width: 32px;
		height: 32px;
		margin-right: 10px;
	}

	.video-one__logo svg {
		width: 17px;
		height: 8px;
	}

	.video-one__short-name {
		font-size: 14px;
	}

	.video-one__play-btn {
		display: none;
	}

	.video-one__duration {
		position: absolute;
		bottom: 4px;
		right: 4px;
		display: block;
		padding: 2px;
		font-weight: 400;
		font-size: 10px;
		line-height: 1.2;
		color: var(--color-white);
		background: rgba(0, 0, 0, 0.8);
		border-radius: 1px;
	}
}



.line-video-card {
	display: flex;
}

.line-video-card__img-wrap {
	position: relative;
	flex-shrink: 0;
	width: 32.1%;
	min-height: 116px;
	overflow: hidden;
}

.line-video-card__img-wrap img {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (hover: hover) {
	.line-video-card__img-wrap img {
		transform: scale(1.02);
		transition: transform 0.35s ease;
		will-change: transform;
		image-rendering: -webkit-optimize-contrast;
	}

	.line-video-card:hover img,
	.line-video-card:focus img {
		transform: scale(1);
	}
}

.line-video-card__foreground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 4px;
}

.line-video-card__play-btn {
	display: none;
}

.line-video-card__duration {
	position: absolute;
	bottom: 4px;
	right: 4px;
	padding: 2px;
	font-weight: 400;
	font-size: 10px;
	line-height: 1.2;
	color: var(--color-white);
	background: rgba(0, 0, 0, 0.8);
	border-radius: 1px;
}

.line-video-card__name-wrap {
	flex-grow: 1;
	margin-left: 12px;
}

.line-video-card__date {
	margin: 0 0 10px 0;
}

.line-video-card__name {
	margin: 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-black);
	transition: color var(--transition-default) ease;
}

.line-video-card:hover .line-video-card__name,
.line-video-card:focus .line-video-card__name {
	color: var(--color-blue);
}

@media screen and (max-width: 1023px) {
	.line-video-card {
		flex-direction: column;
	}

	.line-video-card__img-wrap {
		width: 100%;
		min-height: unset;
		height: 0;
		padding-top: 56.79%;
		overflow: hidden;
	}

	.line-video-card__play-btn {
		display: block;
	}

	.line-video-card__duration {
		display: none;
	}

	.line-video-card__name-wrap {
		flex-grow: 0;
		margin-left: 0;
	}

	.line-video-card__date {
		display: none;
	}

	.line-video-card__name {
		margin-top: 10px;
		font-weight: 600;
		font-size: 18px;
		line-height: 1.2;
		color: var(--color-black);
	}
}



.news-wrap-col {
	display: flex;
}

.news-wrap-col__wide {
	flex-grow: 1;
	width: calc(100% - 348px);
}

.news-wrap-col__feed {
	flex-shrink: 0;
	width: 300px;
	margin-left: 48px;
}

.news-wrap-col__feed-content {
	padding-left: 10px;
	border-left: 1px solid var(--color-gray);
}

@media screen and (max-width: 1023px) {
	.news-wrap-col__wide {
		width: 100%;
	}

	.news-wrap-col__feed {
		display: none;
	}
}



.simple-video-card__img-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 55.52%;
	overflow: hidden;
}

.simple-video-card__img-wrap img {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (hover: hover) {
	.simple-video-card__img-wrap img {
		transform: scale(1.02);
		transition: transform 0.35s ease;
		will-change: transform;
		image-rendering: -webkit-optimize-contrast;
	}

	.simple-video-card:hover img,
	.simple-video-card:focus img  {
		transform: scale(1);
	}
}

.simple-video-card__foreground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 4px;
}

.simple-video-card__duration {
	position: absolute;
	bottom: 4px;
	right: 4px;
	padding: 2px;
	font-weight: 400;
	font-size: 10px;
	line-height: 1.2;
	color: var(--color-white);
	background: rgba(0, 0, 0, 0.8);
	border-radius: 1px;
}

.simple-video-card__name-wrap {
	margin-top: 12px;
}

.simple-video-card__name {
	margin: 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--color-black);
	transition: color var(--transition-default) ease;
}

.simple-video-card:hover .simple-video-card__name,
.simple-video-card:focus .simple-video-card__name  {
	color: var(--color-blue);
}

@media screen and (max-width: 1023px) {
	.simple-video-card__name {
		font-size: 18px;
	}
}



.project-card__img-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 133%;
	overflow: hidden;
}

.project-card__img-wrap img {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (hover: hover) {
	.project-card__img-wrap img {
		transform: scale(1.02);
		transition: transform var(--transition-default) ease;
		will-change: transform;
		image-rendering: -webkit-optimize-contrast;
	}

	.project-card:hover img,
	.project-card:focus img {
		transform: scale(1);
	}
}

.project-card__foreground {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 18px;
	background-color: rgba(0, 0, 0, 0.4);
	transition: background-color var(--transition-default) ease;
}

@media (hover: hover) {
	.project-card:hover .project-card__foreground,
	.project-card:focus .project-card__foreground {
		background-color: rgba(0, 0, 0, 0.2);
	}
}

.project-card__name {
	margin: auto 0 0 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--color-white);
}

.project-card > .project-card__name {
	display: none;
}

@media screen and (max-width: 1279px) {
	.project-card__name {
		font-size: 18px;
	}
}

@media screen and (max-width: 1023px) {
	.project-card__name {
		font-size: 16px;
	}
}



.load-more {
	position: relative;
	display: block;
	margin: 35px auto 0;
	padding: 5px;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.25;
	color: var(--color-blue);
	background-color: transparent;
	border: none;
	transition: color var(--transition-default) ease;
}

.load-more-review {
	margin-left: -5px;
}

.load-more--load {
	pointer-events: none;
}

@media (hover: hover) {
	.load-more:hover,
	.load-more:focus {
		color: var(--color-black);
	}
}

.load-more__default-state {
	display: flex;
	align-items: center;
	opacity: 1;
	transition: opacity var(--transition-default) ease;
}

.load-more--load .load-more__default-state {
	opacity: 0;
}

.load-more__default-state svg {
	margin-left: 12px;
	transform: translateY(0);
	transition: transform var(--transition-default) ease;
}

@media (hover: hover) {
	.load-more:hover .load-more__default-state svg,
	.load-more:focus .load-more__default-state svg {
		transform: translateY(3px);
	}
}

.load-more__default-state svg path {
	stroke: currentColor;
}

.load-more__action-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity var(--transition-default) ease;
}

.load-more--load .load-more__action-icon {
	opacity: 1;
	animation: round-load-btn 0.5s linear 0s infinite;
}

@keyframes round-load-btn {
	from {
		transform: translate(-50%, -50%) rotate(0);
	}

	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@media screen and (max-width: 1023px) {
	.load-more {
		margin-top: 25px;
	}
}



.detail-picture-wrap {
	width: 100%;
	max-width: 996px;
	height: 50vh;
	margin-bottom: 32px;
}

.detail-picture-wrap--slider {
	max-width: 600px;
	height: auto;
}

.detail-picture-wrap__caption {
	margin: 16px 0 0 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2;
	text-align: right;
	color: var(--color-dark-gray);
}

.detail-picture-wrap__caption p:first-child {
	margin-top: 0;
}

.detail-picture-wrap__caption p:last-child {
	margin-bottom: 0;
}

.detail-picture-wrap__slider .owl-stage-outer {
	cursor: grab;
}

.detail-picture-wrap__slider.owl-grab .owl-stage-outer {
	cursor: grabbing;
}

.detail-picture-wrap__slider .owl-dots {
	display: flex;
	justify-content: center;
	margin-top: 26px;
}

.detail-picture-wrap__slider .owl-dots button.owl-dot {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background-color: var(--color-light-gray);
	transition: background-color var(--transition-default) ease;
}

.detail-picture-wrap__slider button.owl-dot.active {
	background-color: var(--color-blue);
}

.detail-picture-wrap__img {
	object-fit: contain;
	object-position: left;
}

.page-wrap .detail-picture-wrap__img {
	height: 100%;
}

.detail-picture-wrap__numbers {
	position: absolute;
	bottom: -6px;
	right: 0;
	font-weight: 400;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.04em;
	color: var(--color-gray);
}

@media screen and (max-width: 1023px) {
	.detail-picture-wrap {
		margin-bottom: 32px;
	}

	.detail-picture-wrap__caption {
		margin-top: 12px;
	}

	.detail-picture-wrap__slider .owl-dots {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.detail-picture-wrap {
		height: auto;
		width: 100%;
	}
}



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

.share__title {
	margin-right: 15px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-black);
}

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

.share__item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	margin: 8px 9px;
	background-color: var(--color-blue);
	border-radius: 50%;
	transition: background-color var(--transition-default) ease;
}

@media (hover: hover) {
	.share__item:hover {
		background-color: var(--color-black);
	}

	.share__item:focus-visible {
		background-color: var(--color-black);
	}
}



@media screen and (max-width: 767px) {
	.fancybox-slide {
		padding-left: var(--offset-container);
		padding-right: var(--offset-container);
	}
}



.btn {
	position: relative;
	display: inline-block;
	padding: 12px 26px;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-white);
	background-color: var(--color-blue);
	border: none;
	cursor: pointer;
	transition: background-color var(--transition-default) ease, color var(--transition-default) ease;
}

.btn--white {
	color: var(--color-blue);
	background-color: var(--color-white);
	border: 1px solid var(--color-blue);
	transition:
			background-color var(--transition-default) ease,
			border-color var(--transition-default) ease,
			color var(--transition-default) ease;
}

@media (hover: hover) {
	.btn:hover,
	.btn:focus {
		color: var(--color-white);
		background-color: var(--color-dark-blue);
	}

	.btn:focus {
		outline: none;
	}

	.btn:focus-visible {
		box-shadow: 0px 0px 0px 2px var(--color-black) inset;
	}

	.btn:active {
		background-color: var(--color-blue);
	}

	.btn--white:hover,
	.btn--white:focus {
		color: var(--color-white);
		background-color: var(--color-blue);
	}

	.btn--white:active {
		background-color: var(--color-dark-blue);
		border-color: var(--color-dark-blue);
	}
}

@media screen and (max-width: 767px) {
	.btn {
		padding: 12px;
	}
}

.btn[disabled],
.btn--white[disabled] {
	background-color: var(--color-gray);
	border-color: var(--color-gray);
	color: var(--color-white);
	pointer-events: none;
}

.btn__loading {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	transform: translate(-50%, -50%);
}

.btn--loading .btn__text {
	opacity: 0;
}

.btn--loading .btn__loading {
	display: block;
	animation: round-load-btn 1s linear 0s infinite;
}

.btn--white .btn__loading path {
	fill: var(--color-blue);
	transition: fill var(--transition-default) ease;
}

@media (hover: hover) {
	.btn--white:hover .btn__loading path,
	.btn--white:focus .btn__loading path {
		fill: var(--color-white);
	}
}

.period-btn:not(.period-btn--set) .period-btn__select {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 26px;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-blue);
	background-color: var(--color-white);
	border: 1px solid var(--color-blue);
	transition:
			background-color var(--transition-default) ease,
			border-color var(--transition-default) ease,
			color var(--transition-default) ease;
}

@media (hover: hover) {
	.period-btn:not(.period-btn--set) .period-btn__select:focus {
		outline: none;
	}

	.period-btn:not(.period-btn--set) .period-btn__select:hover,
	.period-btn:not(.period-btn--set) .period-btn__select:focus {
		color: var(--color-white);
		background-color: var(--color-blue);
	}

	.period-btn:not(.period-btn--set) .period-btn__select:active {
		background-color: var(--color-dark-blue);
		border-color: var(--color-dark-blue);
	}
}

.period-btn__select svg {
	margin-left: 12px;
	transform: rotate3d(0, 6, 1, 180deg);
	transition: transform var(--transition-default) ease;
}

.period-btn__select--show svg {
	transform: rotate3d(0, 0, 1, 180deg);
}

.period-btn__select path {
	stroke: currentColor;
}

.period-btn__clear {
	display: none;
	transition: color var(--transition-default) ease;
}

.period-btn__clear path {
	stroke: currentColor;
}

.period-btn--set {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 21px;
	border: 1px solid var(--color-blue);
}

.period-btn--set .period-btn__select {
	margin: 0;
	padding: 0 5px;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-blue);
	background-color: transparent;
	border: none;
}

.period-btn--set .period-btn__select svg {
	display: none;
}

.period-btn--set .period-btn__clear {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 25px;
	padding: 5px;
	color: var(--color-blue);
	background-color: transparent;
	border: none;
}

@media (hover: hover) {
	.period-btn__clear:hover,
	.period-btn__clear:focus {
		color: var(--color-black);
	}

	.period-btn__clear:focus {
		outline: none;
	}

	.period-btn__clear:focus-visible {
		outline: auto;
	}
}

@media screen and (max-width: 767px) {
	.period-btn:not(.period-btn--set) .period-btn__select {
		padding: 12px;
	}

	.period-btn--set {
		padding: 12px;
	}

	.period-btn__select svg {
		margin-left: 20px;
	}

	.period-btn--set {
		justify-content: space-between;
	}

	.period-btn--set .period-btn__clear {
		margin-left: 12px;
	}
}



.section-menu {
	display: flex;
	justify-content: flex-start;
}

.section-menu__item {
	margin: 0 8px 8px 0;
	padding: 12px 26px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-blue);
	text-align: center;
	white-space: nowrap;
	background-color: var(--color-white);
	border: none;
	transition:
			background-color var(--transition-default) ease,
			color var(--transition-default) ease;

}

.section-menu__item:last-child {
	margin-right: 0;
}

.section-menu__item--active {
	color: var(--color-white);
	background-color: var(--color-blue);
}

.section-menu__item:hover,
a.section-menu__item:focus {
	color: var(--color-white);
	background-color: var(--color-blue);
}

.section-menu__item:not(.section-menu__item--active):active {
	background-color: var(--color-dark-blue);
}

@media screen and (max-width: 767px) {
	.section-menu__item {
		margin-right: 4px;
		padding: 10px 24px;
	}
}



.album-preview-card__foreground {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 18px;
}

.album-preview-card__foreground::before {
	z-index: -1;
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.album-preview-card__name {
	margin: 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--color-white);
}

.album-preview-card__date {
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-white);
}

@media screen and (max-width: 1023px) {
	.album-preview-card__name {
		font-size: 18px;
	}
}



.ti-popup-overlay {
	z-index: 199;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--transition-default) ease, visibility var(--transition-default) ease;
}

.ti-popup-overlay--show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.ti-popup {
	z-index: 200;
	position: fixed;
	top: 50%;
	left: 50%;
	display: flex;
	width: 700px;
	background-color: transparent;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(-50%, -50%);
	transition: opacity var(--transition-default) ease, visibility var(--transition-default) ease;
}

.ti-popup--notice {
	width: 436px;
}

.ti-popup--show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.ti-popup__logo-wrap {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 260px;
	padding: 40px;
	background-color: var(--color-blue);
	transform: translateX(20%);
	transition: transform var(--transition-default) ease;
}

.ti-popup--show .ti-popup__logo-wrap {
	transform: translateX(0);
}

.ti-popup__logo-wrap img {
	display: block;
}

.ti-popup__main {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: var(--color-white);
	transform: translateX(20px);
	transition: transform var(--transition-default) ease;
}

.ti-popup--show .ti-popup__main {
	transform: translateX(0);
}

.ti-popup__header {
	display: flex;
	align-items: center;
	padding: 25px 19px;
}

.ti-popup--notice .ti-popup__header {
	padding: 16px 16px 18px;
}

.ti-popup__control {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -5px;
	padding: 5px;
	color: var(--color-gray);
	background-color: transparent;
	border: none;
	transition: color var(--transition-default) ease;
}

.ti-popup__control--close {
	margin-left: auto;
}

@media (hover: hover) {
	.ti-popup__control:hover,
	.ti-popup__control:focus {
		color: var(--color-black);
	}

	.ti-popup__control:focus {
		outline: none;
	}

	.ti-popup__control:focus-visible {
		outline: auto;
	}
}

.ti-popup__control--back path {
	fill: currentColor;
}

.ti-popup__control--close path {
	stroke: currentColor;
}

.ti-popup__body {
	padding: 36px 44px 36px 36px;
}

.ti-popup--notice .ti-popup__body {
	padding: 0 58px 22px;
}

.ti-popup__title {
	margin: 0 0 20px 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--color-black);
}

.ti-popup--notice .ti-popup__title {
	text-align: center;
}

.ti-popup--notice .ti-popup__content {
	text-align: center;
}

.ti-popup--notice .ti-popup__content .btn {
	width: 100%;
}

.ti-popup__footer {
	padding: 18px 44px 18px 36px;
}

.ti-popup__privacy {
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2;
	color: var(--color-gray);
}

.ti-popup__privacy a {
	color: inherit;
	text-decoration: underline;
}

.ti-popup__privacy a:hover,
.ti-popup__privacy a:focus {
	color: var(--color-black);
}

@media screen and (max-width: 1023px) {
	.ti-popup {
		width: 424px;
	}

	.ti-popup__logo-wrap {
		display: none;
	}

	.ti-popup__header {
		padding: 25px 32px;
	}

	.ti-popup__body {
		padding: 25px 32px;
	}

	.ti-popup__footer {
		padding: 18px 32px;
	}

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

@media screen and (max-width: 767px) {
	.ti-popup {
		width: 100%;
		padding: 0 var(--offset-container);
	}

	.ti-popup__header {
		padding: 16px;
	}

	.ti-popup__body {
		padding: 16px;
	}

	.ti-popup__title {
		margin-bottom: 16px;
		font-size: 20px;
	}

	.ti-popup__footer {
		padding: 16px;
	}

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



.form-footer-help {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-black);
}

.form-footer-help__link {
	margin: -5px 0;
	padding: 5px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	text-decoration: underline;
	color: var(--color-blue);
	background-color: transparent;
	border: none;
	transition: color var(--transition-default) ease;
}

.form-footer-help__link:hover,
.form-footer-help__link:focus {
	color: var(--color-black);
}

.recovery-result {
	display: none;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-black);
}

.recovery-result p:first-child {
	margin-top: 0;
}

.recovery-result p:last-child {
	margin-bottom: 0;
}

.recovery-result btn {
	width: 100%;
	margin-top: 30px;
}



.ti-form__field-wrap {
	display: flex;
	flex-direction: column;
}

.ti-form__field-wrap--row {
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}

.ti-form__field-wrap--hide {
	display: none;
}

.ti-form__btn-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
}

.ti-form__btn-wrap--wide button {
	width: 100%;
}

.ti-form__link-btn {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: inherit;
	line-height: 1.5;
	color: var(--color-dark-gray);
	background-color: transparent;
	border: none;
	transition: color var(--transition-default) ease;
}

.ti-form__link-btn--blue {
	color: var(--color-blue);
}

@media (hover: hover) {
	.ti-form__link-btn:hover,
	.ti-form__link-btn:focus {
		color: var(--color-black);
	}

	.ti-form__link-btn:focus {
		outline: none;
	}

	.ti-form__link-btn:focus-visible {
		outline: auto;
	}
}

.ti-form__result-msg {
	position: relative;
	margin-bottom: 16px;
	padding: 8px 10px;
	color: var(--color-black);
	background-color: var(--color-light-gray);
}

.ti-form__result-msg p {
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
}

.ti-form__desc {
	margin-bottom: 18px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-dark-gray);
}

.ti-form__desc p:first-child {
	margin-top: 0;
}

.ti-form__desc p:last-child {
	margin-bottom: 0;
}

.ti-form__field {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 12px;
}

.ti-form__field:last-child {
	margin-bottom: 0;
}

.ti-form__field-wrap--row .ti-form__field {
	flex: 0 0 50%;
	max-width: 50%;
	height: 100%;
	margin-bottom: 0;
	padding-left: 12px;
	padding-right: 12px;
}

.ti-form__field--research {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(100%);
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.ti-form__label {
	align-self: flex-start;
	margin-bottom: 4px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-dark-gray);
	cursor: pointer;
}

.ti-form__label:not(.ti-form__label--no-pointer) {
	cursor: pointer;
}

.ti-form__input {
	flex-grow: 1;
	flex-shrink: 0;
	width: 100%;
	padding: 12px 16px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-black);
	background-color: var(--color-white);
	border: 1px solid var(--color-gray);
	border-radius: 0;
	transition: border-color var(--transition-default) ease;
}

.ti-form__input::-ms-reveal {
	display: none;
}

.ti-form__input::-ms-clear {
	display: none;
}

.ti-form__input::-webkit-outer-spin-button,
.ti-form__input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.ti-form__input:not(.ti-form__input--no-hover):hover,
.ti-form__input:not(.ti-form__input--no-hover):focus {
	border-color: var(--color-blue);
}

.ti-form__input:focus {
	outline: none;
}

.ti-form__input:read-only {
	background-color: var(--color-light-gray);
}

.ti-form__input:read-only:hover,
.ti-form__input:read-only:focus {
	border-color: var(--color-gray);
}

.ti-form__input--error,
.ti-form__field--error .ti-form__input {
	border-color: var(--color-error);
}

.ti-form__input-msg {
	margin: 6px 0 0 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-gray);
}

.ti-form__field--error .ti-form__input-msg {
	color: var(--color-error);
}

.ti-form__input-btn-wrap {
	position: relative;
	width: 100%;
}

.ti-form__input-btn {
	position: absolute;
	top: 50%;
	right: 11px;
	padding: 5px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-dark-gray);
	background-color: transparent;
	border: none;
	transform: translateY(-50%);
	transition: color var(--transition-default) ease;
}

@media (hover: hover) {
	.ti-form__input-btn:hover {
		color: var(--color-black);
	}

	.ti-form__input-btn:focus {
		outline: none;
	}

	.ti-form__input-btn:focus-visible {
		outline: auto;
	}
}

.ti-form__privacy-info {
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
	color: var(--color-gray);
}

.ti-form__privacy-info a {
	color: inherit;
	text-decoration: underline;
}

.ti-form__privacy-info a:hover,
.ti-form__privacy-info a:focus {
	color: var(--color-black);
}

.ti-form__radio-field {
	display: flex;
}

.ti-form__radio {
	cursor: pointer;
}

.ti-form__radio span {
	display: block;
	padding: 12px 26px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-blue);
	background-color: var(--color-white);
	border: 1px solid var(--color-blue);
	transition:
			background-color var(--transition-default) ease,
			color var(--transition-default) ease;
}

.ti-form__radio input:checked + span {
	color: var(--color-white);
	background-color: var(--color-blue);
}

.ti-form__radio input:focus-visible + span {
	color: var(--color-white);
	background-color: var(--color-dark-blue);
}

@media (hover: hover) {
	.ti-form__radio span:hover {
		color: var(--color-white);
		background-color: var(--color-dark-blue);
	}
}

.ti-form__checkbox-field {
	display: flex;
}

.ti-form__checkbox {
	margin-right: 36px;
	cursor: pointer;
}

.ti-form__checkbox:last-child {
	margin-right: 0;
}

.ti-form__checkbox span {
	position: relative;
	display: block;
	padding-left: 30px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-black);
}

.ti-form__checkbox span::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: var(--color-white);
	border: 2px solid var(--color-gray);
	transform: translateY(-50%);
	transition: border-color var(--transition-default) ease;
}

.ti-form__checkbox--round span::before {
	border-radius: 50%;
}

.ti-form__checkbox input:checked + span::before {
	border-color: var(--color-blue);
}

.ti-form__checkbox span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 4px;
	width: 10px;
	height: 10px;
	background-color: transparent;
	transform: translateY(-50%);
	transition: background-color var(--transition-default) ease;
}

.ti-form__checkbox--round span::after {
	border-radius: 50%;
}

.ti-form__checkbox input:checked + span::after {
	background-color: var(--color-blue);
}

.ti-form__checkbox input:focus-visible + span {
	outline: auto;
}

.ti-form__select {
	appearance: none;
	position: relative;
	width: 100%;
	padding: 12px 40px 12px 16px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: var(--color-black);
	border: 1px solid var(--color-gray);
	background-color: var(--color-white);
	box-shadow: none;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1 9 9 1 1' stroke='%23B4B4B4' stroke-width='2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: 50%;
	cursor: pointer;
	transition: border-color var(--transition-default) ease;
}

.ti-form__select:hover,
.ti-form__select:focus {
	border-color: var(--color-blue);
}

.ti-form__select:focus {
	outline: none;
}

@media screen and (max-width: 767px) {
	.ti-form__field-wrap--row .ti-form__field {
		flex-basis: 100%;
		max-width: unset;
		margin-bottom: 12px;
	}

	.ti-form__field-wrap--row .ti-form__field:last-child {
		margin-bottom: 0;
	}

	.ti-form__checkbox-field {
		flex-direction: column;
	}

	.ti-form__checkbox {
		margin-right: 0;
		margin-bottom: 12px;
	}

	.ti-form__checkbox:last-child {
		margin-bottom: 0;
	}

	.ti-form__radio span {
		padding: 8px 16px;
		font-size: 16px;
		line-height: 1.2;
		text-align: center;
	}
}



.msg-page-block {
	position: relative;
	margin-bottom: 24px;
	padding: 24px 24px 24px 54px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: var(--color-black);
	background-color: var(--color-light-gray);
}

.msg-page-block::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 24px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-50%);
}

.msg-page-block--error::before {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 18a8 8 0 110-16.001A8 8 0 0112 20z' fill='%23DF1125'/%3E%3Cpath d='M14.71 9.29a.999.999 0 00-1.42 0L12 10.59l-1.29-1.3a1.004 1.004 0 10-1.42 1.42l1.3 1.29-1.3 1.29a1 1 0 000 1.42.998.998 0 001.42 0l1.29-1.3 1.29 1.3a.998.998 0 001.42 0 .997.997 0 00.219-1.095.998.998 0 00-.22-.325L13.41 12l1.3-1.29a.997.997 0 00.22-1.095.998.998 0 00-.22-.325z' fill='%23DF1125'/%3E%3C/svg%3E");
}

.msg-page-block--success::before {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 18a8 8 0 110-16.001A8 8 0 0112 20z' fill='%23188450'/%3E%3Cpath d='M14.7 8.39l-3.78 5-1.63-2.11a1.002 1.002 0 00-1.58 1.23l2.43 3.11a1 1 0 001.23.277 1 1 0 00.35-.287l4.57-6a1.006 1.006 0 10-1.6-1.22h.01z' fill='%23188450'/%3E%3C/svg%3E");
}

.msg-page-block--warning::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22.56 16.3L14.89 3.58a3.43 3.43 0 00-5.78 0L1.44 16.3a3 3 0 00-.05 3A3.37 3.37 0 004.33 21h15.34a3.37 3.37 0 002.94-1.66 3 3 0 00-.05-3.04zm-1.7 2.05a1.31 1.31 0 01-1.2.65H4.34a1.31 1.31 0 01-1.2-.65 1 1 0 010-1l7.69-12.73a1.48 1.48 0 012.36 0l7.67 12.72a1 1 0 010 1.01z' fill='%23FAA104'/%3E%3Cpath d='M12 17a1 1 0 100-2 1 1 0 000 2zM12 8a1 1 0 00-1 1v4a1 1 0 002 0V9a1 1 0 00-1-1z' fill='%23FAA104'/%3E%3C/svg%3E");
}

.msg-page-block .errortext {
	color: var(--color-black);
}

.msg-page-block p:first-child {
	margin-top: 0;
}

.msg-page-block p:last-child {
	margin-bottom: 0;
}



.subscription-info {
	max-width: 648px;
}

.subscription-info p:first-child {
	margin-top: 0;
}

.subscription-info p:last-child {
	margin-bottom: 0;
}

.subscription-info__add {
	color: var(--color-dark-gray);
}

.subscription-info__add a[href^=tel] {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.subscription-info .btn {
		width: 100%;
	}

	.subscription-info__add a[href^=tel] {
		white-space: nowrap;
	}
}
/* End */
/* /local/templates/tula_2.0/css/normalize.css?16257106836138 */
/* /local/templates/tula_2.0/js/owl.carousel/owl.carousel.min.css?16170084343351 */
/* /local/templates/tula_2.0/components/bitrix/menu/social/style.css?16382370661155 */
/* /local/templates/tula_2.0/components/bitrix/menu/header/style.css?16395436911571 */
/* /local/templates/tula_2.0/components/bitrix/search.title/header/style.css?16382309663261 */
/* /local/templates/tula_2.0/components/bitrix/menu/footer/style.css?16395434541309 */
/* /local/templates/tula_2.0/components/bitrix/socserv.auth.form/popup/style.css?16474818215916 */
/* /local/templates/tula_2.0/styles.css?16432003733421 */
/* /local/templates/tula_2.0/template_styles.css?165908126457457 */