/* Start:/local/assets/css/libs/normalize.css?16279328096161*/
/*! 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` and `picture` element consistently in IE.
 */

main, picture {
  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/instyle_2021/components/bitrix/menu/mobile/style.css?1630916938593*/
#menu-mobile {
	padding: 0;
	margin: 0 0 50px 0;
	list-style: none;
}

#menu-mobile li {
	margin-bottom: 20px;
}

#menu-mobile li a {
	font-family: Gotham;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
	text-decoration: none;
}

#menu-mobile li a:hover {
	text-decoration: underline;
}

#acer2021MobileMenu {
	background-color: rgb(255, 255, 255);
	text-align: center;
	margin-left: -20px;
	width: calc(100% + 40px);
}

#acer2021MobileMenu a {
	display: inline-block;
	vertical-align: top;
}

#acer2021MobileMenu a img {
	vertical-align: top;
}
/* End */


/* Start:/local/templates/instyle_2021/components/bitrix/menu/social-mobile/style.css?1626985323312*/
#wrapper > aside .social {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0 0 0 auto;
	list-style: none;
}

#wrapper > aside .social > li > a > svg {
	fill: rgba(255, 255, 255, .0);
	transition: all .3s;
}

#wrapper > aside .social > li > a:hover > svg {
	fill: rgba(255, 255, 255, .3);
}
/* End */


/* Start:/local/templates/instyle_2021/components/bitrix/menu/general/style.css?16309356163520*/
header > nav {
	height: 47px;
	display: flex;
	align-items: center;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	position: relative;
}
header > nav > button {
	padding: 0;
	margin: 12px 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

header > nav > .item {
	padding: 10px 10px 15px 10px;
}

@media (max-width: 899.98px) {
	header > nav > .item {
		display: none;
	}
}

header > nav > .item > a {
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
	color: #494747;
	text-decoration: none;
}

header > nav > .item > a > strong {
	font-family: Gotham Narrow;
}

header > nav > .item > .childrens {
	display: none;
	position: absolute;
	margin-top: 15px;
	padding: 40px;
	right: 0;
	left: 0;
	z-index: 990;
	background-color: #494747;
}

header > nav > .item.show > .childrens {
	display: flex;
}

header > nav > .item > .childrens > .menu {
	flex: 0 1 45%;
}

header > nav > .item > .childrens > .menu > .section {
	display: inline-block;
	margin-bottom: 21px;
	font-family: Boita;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 31px;
	color: #FFFFFF;
	text-decoration: none;
}

header > nav > .item > .childrens > .menu > ul {
	list-style: none;
	padding: 0;
	margin: 0 0 21px 0;
}

header > nav > .item > .childrens > .menu > ul > li > a {
	font-family: Gotham;
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

header > nav > .item > .childrens > .menu > ul > li > a:hover {
	text-decoration: underline;
}

header > nav > .item > .childrens > .menu > .all {
	font-family: Gotham Narrow;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.03em;
	color: #FFFFFF;
	text-transform: uppercase;
}

header > nav > .item > .childrens > .articles {
	display: flex;
	flex: 1 0 55%;
}

header > nav > .item > .childrens > .articles > .item {
	width: 50%;
	text-decoration: none;
	flex: 0 0 auto;
}

header > nav > .item > .childrens > .articles > .item > .name {
	padding: 14px 20px 10px 0;
	font-family: Gotham;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
}

header > nav > .item > .childrens > .articles > .item > .image {
	position: relative;
	height: 200px;
	overflow: hidden;
}

header > nav > .item > .childrens > .articles > .item > .image > img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
	max-width: 120%;
	max-height: 120%;
}

header > nav > .item > .childrens > .articles > .item > .section {
	font-family: Gotham Narrow;
	font-style: normal;
	font-weight: 600;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #FFFFFF;
}

header > nav > .hovered {
	position: absolute;
	bottom: 0;
	opacity: 0;
	height: 8px;
	background-color: #494747; 
}

#menu__button {
	margin-right: auto;
	opacity: 1;
	transition: opacity .3s;
}

@media (max-width: 729.98px) {
	#menu__button {
		margin-right: 20px;
		margin-left: auto;
	}
}

#search__button {
	margin-left: auto;
	opacity: 1;
	transition: opacity .3s;
}

@media (max-width: 729.98px) {
	#search__button {
		display: none;
	}
}

#menu__button.hide, #search__button.hide {
	opacity: 0;
}


header > nav > .acer2021 {
	margin-top: 3px;
}

@media (max-width: 729.98px) {
	header > nav > .acer2021 {
		display: none;
	}
}
/* End */


/* Start:/local/templates/instyle_2021/components/bitrix/menu/footer/style.css?1629804255319*/
footer nav {
	display: flex;
	flex-direction: column;
	align-items: start;
	
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
}

footer nav > a {
	color: #494747;
	text-decoration: none;
	margin-bottom: 10px;
}

footer nav > a:hover {
	text-decoration: underline;
}
/* End */


/* Start:/local/templates/instyle_2021/components/bitrix/menu/social/style.css?1629804434443*/
footer .social {
	display: flex;
	padding: 0;
	margin: 0 0 0 auto;
	list-style: none;
	align-self: self-start;
}

@media (max-width: 575.98px) {
	footer .social {
		display: none;
	}
}

footer .social > li {
	margin-right: 12px;
}

footer .social > li:last-child {
	margin-right: 0;
}

footer .social > li > a > svg {
	fill: rgba(255, 255, 255, .0);
	transition: all .3s;
}

footer .social > li > a:hover > svg {
	fill: rgba(73, 71, 71, .1);
}
/* End */


/* Start:/local/templates/instyle_2021/components/instyle/search.sidebar/.default/style.css?16287756273916*/
#right {
	background-color: rgb(255, 255, 255) !important;
}

#search-sidebar {
	height: 100vh;
	max-height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	display: flex;
	flex-direction: column;
}

#search-sidebar .search {
	position: relative;
	flex: 0 0 auto;
}

#search-sidebar .search > button {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	cursor: pointer;
}

#search-sidebar .search > input {
	width: 100%;
	box-sizing: border-box;
	padding: 12.5px 12.5px 12.5px 35px;
	border: 0;
	outline: 0;
	border-radius: 10px;
	background-color: rgb(73, 71, 71);
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #FFFFFF;
}

#search-sidebar .search > input::-moz-placeholder, #search-sidebar .search > input::-webkit-input-placeholder, #search-sidebar .search > input:-ms-input-placeholder, #search-sidebar .search > input:-moz-placeholder {
	color: #FFFFFF;
	opacity: .5;
}

#search-sidebar .loading {
	text-align: center;
	opacity: 0;
	transition: all .3s;
	flex: 0 0 auto;
}

#search-sidebar .loading.show {
	opacity: 1;
}

#search-sidebar .loading .animate {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
	#search-sidebar .loading .animate {
		width: 30px;
		height: 30px;		
	}
}

#search-sidebar .loading .animate div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(73, 71, 71);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

#search-sidebar .loading .animate div:nth-child(1) {
  left: 8px;
  animation: loading-animate1 0.6s infinite;
}

#search-sidebar .loading .animate div:nth-child(2) {
  left: 8px;
  animation: loading-animate2 0.6s infinite;
}

#search-sidebar .loading .animate div:nth-child(3) {
  left: 32px;
  animation: loading-animate2 0.6s infinite;
}

#search-sidebar .loading div:nth-child(4) {
  left: 56px;
  animation: loading-animate3 0.6s infinite;
}

@keyframes loading-animate1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes loading-animate3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes loading-animate2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

#search-sidebar .items {
	flex: 1 1 auto;
	overflow: auto;
}

#search-sidebar .items > .item {
	max-width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

@media (max-width: 767.98px) {
	#search-sidebar .items > .item {
		flex-wrap: wrap;
	}
}

#search-sidebar .items > .item:last-child {
	margin-bottom: 0;
}

#search-sidebar .items > .item > .image {
	width: 15%;
	flex: 0 0 auto;
}

@media (max-width: 767.98px) {
	#search-sidebar .items > .item > .image {
		width: 100%;
		margin-bottom: 5px;
	}
}

#search-sidebar .items > .item > .image > a {
	display: block;
}

#search-sidebar .items > .item > .image > a > img {
	width: 100%;
}

#search-sidebar .items > .item > .description {
	width: 85%;
	padding-left: 20px;
	box-sizing: border-box;
	flex: 0 0 auto;
}

@media (max-width: 767.98px) {
	#search-sidebar .items > .item > .description {
		width: 100%;
		padding-left: 0;		
	}
}

#search-sidebar .items > .item > .description > header > a {
	font-family: Boita;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 31px;
	color: #494747;
	text-decoration: none;
}

#search-sidebar .items > .item > .description > header > a:hover {
	text-decoration: underline;
}

#search-sidebar .items > .item > .description > p {
	font-family: Boita;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	color: #494747;
}
/* End */


/* Start:/local/templates/instyle_2021/styles.css?162655132118356*/
@font-face {
    font-family: 'Gotham Narrow';
    src: url('/local/assets/fonts/Gotham/GothamNarrow-Book.eot');
    src: local('Gotham Narrow Book'), local('GothamNarrow-Book'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Book.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Book.woff') format('woff'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Book.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-Black.eot');
    src: local('Gotham Black'), local('Gotham-Black'),
        url('/local/assets/fonts/Gotham/Gotham-Black.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-Black.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-Black.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-Black.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/local/assets/fonts/Gotham/GothamNarrow-Light.eot');
    src: local('Gotham Narrow Light'), local('GothamNarrow-Light'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Light.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Light.woff') format('woff'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Light.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Light.svg#GothamNarrow-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-Medium.eot');
    src: local('Gotham Medium'), local('Gotham-Medium'),
        url('/local/assets/fonts/Gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-Medium.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-Medium.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-Medium.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-ThinItalic.eot');
    src: local('Gotham Thin Italic'), local('Gotham-ThinItalic'),
        url('/local/assets/fonts/Gotham/Gotham-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-ThinItalic.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-ThinItalic.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-ThinItalic.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-ThinItalic.svg#Gotham-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-Light.eot');
    src: local('Gotham Light'), local('Gotham-Light'),
        url('/local/assets/fonts/Gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-Light.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-Light.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-Light.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('/local/assets/fonts/Gotham/Gotham-Ultra.eot');
    src: local('Gotham Ultra'), local('Gotham-Ultra'),
        url('/local/assets/fonts/Gotham/Gotham-Ultra.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-Ultra.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-Ultra.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-Ultra.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-Ultra.svg#Gotham-Ultra') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/local/assets/fonts/Gotham/GothamNarrow-Thin.eot');
    src: local('Gotham Narrow Thin'), local('GothamNarrow-Thin'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Thin.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Thin.woff') format('woff'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Thin.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Thin.svg#GothamNarrow-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('/local/assets/fonts/Gotham/Gotham-BookItalic.eot');
    src: local('Gotham Book Italic'), local('Gotham-BookItalic'),
        url('/local/assets/fonts/Gotham/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-BookItalic.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-BookItalic.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-BookItalic.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-BookItalic.svg#Gotham-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-Thin.eot');
    src: local('Gotham Thin'), local('Gotham-Thin'),
        url('/local/assets/fonts/Gotham/Gotham-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-Thin.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-Thin.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-Thin.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-Thin.svg#Gotham-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-MediumItalic.eot');
    src: local('Gotham Medium Italic'), local('Gotham-MediumItalic'),
        url('/local/assets/fonts/Gotham/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-MediumItalic.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-MediumItalic.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-MediumItalic.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-MediumItalic.svg#Gotham-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Extra';
    src: url('/local/assets/fonts/Gotham/Gotham-ExtraLight.eot');
    src: local('Gotham Extra Light'), local('Gotham-ExtraLight'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLight.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLight.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLight.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLight.svg#Gotham-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Extra';
    src: url('/local/assets/fonts/Gotham/Gotham-ExtraLightItalic.eot');
    src: local('Gotham Extra Light Italic'), local('Gotham-ExtraLightItalic'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLightItalic.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLightItalic.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLightItalic.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-ExtraLightItalic.svg#Gotham-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-Bold.eot');
    src: local('Gotham Bold'), local('Gotham-Bold'),
        url('/local/assets/fonts/Gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-Bold.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-Bold.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-Bold.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-LightItalic.eot');
    src: local('Gotham Light Italic'), local('Gotham-LightItalic'),
        url('/local/assets/fonts/Gotham/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-LightItalic.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-LightItalic.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-LightItalic.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-LightItalic.svg#Gotham-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-BlackItalic.eot');
    src: local('Gotham Black Italic'), local('Gotham-BlackItalic'),
        url('/local/assets/fonts/Gotham/Gotham-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-BlackItalic.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-BlackItalic.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-BlackItalic.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-BlackItalic.svg#Gotham-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/local/assets/fonts/Gotham/Gotham-BoldItalic.eot');
    src: local('Gotham Bold Italic'), local('Gotham-BoldItalic'),
        url('/local/assets/fonts/Gotham/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-BoldItalic.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-BoldItalic.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-BoldItalic.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-BoldItalic.svg#Gotham-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow XLight';
    src: url('/local/assets/fonts/Gotham/GothamNarrow-XLight.eot');
    src: local('Gotham Narrow Extra Light'), local('GothamNarrow-XLight'),
        url('/local/assets/fonts/Gotham/GothamNarrow-XLight.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-XLight.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/GothamNarrow-XLight.woff') format('woff'),
        url('/local/assets/fonts/Gotham/GothamNarrow-XLight.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-XLight.svg#GothamNarrow-XLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow Ultra';
    src: url('/local/assets/fonts/Gotham/GothamNarrow-Ultra.eot');
    src: local('Gotham Narrow Ultra'), local('GothamNarrow-Ultra'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Ultra.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Ultra.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Ultra.woff') format('woff'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Ultra.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Ultra.svg#GothamNarrow-Ultra') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/local/assets/fonts/Gotham/GothamNarrow-Black.eot');
    src: local('Gotham Narrow Black'), local('GothamNarrow-Black'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Black.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Black.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Black.woff') format('woff'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Black.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/GothamNarrow-Black.svg#GothamNarrow-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('/local/assets/fonts/Gotham/Gotham-UltraItalic.eot');
    src: local('Gotham Ultra Italic'), local('Gotham-UltraItalic'),
        url('/local/assets/fonts/Gotham/Gotham-UltraItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-UltraItalic.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-UltraItalic.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-UltraItalic.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-UltraItalic.svg#Gotham-UltraItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('/local/assets/fonts/Gotham/Gotham-Book.eot');
    src: local('Gotham Book'), local('Gotham-Book'),
        url('/local/assets/fonts/Gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Gotham-Book.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Gotham-Book.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Gotham-Book.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Boita';
    src: url('/local/assets/fonts/Gotham/Boita-Bold.eot');
    src: local('Boita Bold'), local('Boita-Bold'),
        url('/local/assets/fonts/Gotham/Boita-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Gotham/Boita-Bold.woff2') format('woff2'),
        url('/local/assets/fonts/Gotham/Boita-Bold.woff') format('woff'),
        url('/local/assets/fonts/Gotham/Boita-Bold.ttf') format('truetype'),
        url('/local/assets/fonts/Gotham/Boita-Bold.svg#Boita-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Boita';
    src: url('/local/assets/fonts/Boita/Boita-Medium.eot');
    src: local('Boita Medium'), local('Boita-Medium'),
        url('/local/assets/fonts/Boita/Boita-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Boita/Boita-Medium.woff2') format('woff2'),
        url('/local/assets/fonts/Boita/Boita-Medium.woff') format('woff'),
        url('/local/assets/fonts/Boita/Boita-Medium.ttf') format('truetype'),
        url('/local/assets/fonts/Boita/Boita-Medium.svg#Boita-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Boita';
    src: url('/local/assets/fonts/Boita/Boita-ExtraBold.eot');
    src: local('Boita ExtraBold'), local('Boita-ExtraBold'),
        url('/local/assets/fonts/Boita/Boita-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Boita/Boita-ExtraBold.woff2') format('woff2'),
        url('/local/assets/fonts/Boita/Boita-ExtraBold.woff') format('woff'),
        url('/local/assets/fonts/Boita/Boita-ExtraBold.ttf') format('truetype'),
        url('/local/assets/fonts/Boita/Boita-ExtraBold.svg#Boita-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Boita';
    src: url('/local/assets/fonts/Boita/Boita-Light.eot');
    src: local('Boita Light'), local('Boita-Light'),
        url('/local/assets/fonts/Boita/Boita-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Boita/Boita-Light.woff2') format('woff2'),
        url('/local/assets/fonts/Boita/Boita-Light.woff') format('woff'),
        url('/local/assets/fonts/Boita/Boita-Light.ttf') format('truetype'),
        url('/local/assets/fonts/Boita/Boita-Light.svg#Boita-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Boita';
    src: url('/local/assets/fonts/Boita/Boita-Regular.eot');
    src: local('Boita Regular'), local('Boita-Regular'),
        url('/local/assets/fonts/Boita/Boita-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/Boita/Boita-Regular.woff2') format('woff2'),
        url('/local/assets/fonts/Boita/Boita-Regular.woff') format('woff'),
        url('/local/assets/fonts/Boita/Boita-Regular.ttf') format('truetype'),
        url('/local/assets/fonts/Boita/Boita-Regular.svg#Boita-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
	font-family: 'Gotham';
	font-weight: 400;
}
/* End */


/* Start:/local/templates/instyle_2021/template_styles.css?16309427114632*/
* {
	box-sizing: border-box;
}

html {
	position: relative;
	max-width: 100vw;
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

body {
	position: relative;
	overflow-x: hidden;
	max-width: 100%;
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

svg {
	vertical-align: top;
}

#wrapper {
	width: 100%;
	display: flex;
	align-self: flex-start;
	position: relative;
}

body.overlay {
	overflow: hidden;
}

#body {
	position: relative;
	width: 100vw;
	max-width: 100%;
	min-height: 100vh;
	flex: 0 0 auto;
}

#body:before {
	content: '';
	display: block;
	width: 100%;
	max-width: 1010px;
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	background-color: rgb(255, 255, 255);
}

#menuOverlay {
	display: none;
	padding: 20px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 991;
	background-color: rgba(255, 255, 255);
	opacity: .8;
	animation: menuOverlayShow .3s;
	align-items: flex-start;
	cursor: pointer;
}

#menuOverlay.show {
	display: flex;
}

#menuOverlay > button {
	position: sticky;
	top: 10px;
	padding: 0;
	border: 0;
	background: #FFFFFF;
	cursor: pointer;
	transition: all .6s;
}

#menuOverlay > .search {
	margin-left: auto;
}

@keyframes menuOverlayShow {
  0%   { opacity: 0; }
  100% { opacity: .8; }
}

#wrapper > aside {
	box-sizing: border-box;
	flex: 0 0 auto;
	position: relative;
	background-color: #494747;
	transition: all .6s;
	z-index: 2;
}

#left {
	width: 316px;
	margin-left: -316px;
}

#left > .wrapper {
	height: 100vh;
	padding: 20px;
	box-sizing: border-box;
	position: sticky;
	top: 0;
	overflow-y: auto;
}

#left .logo {
	margin-bottom: 14px;
}

#search-mobile {
	position: relative;
	margin-bottom: 20px;
}

#search-mobile > button {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	cursor: pointer;
}

#search-mobile > input {
	width: 100%;
	box-sizing: border-box;
	padding: 12.5px 12.5px 12.5px 35px;
	border: 0;
	outline: 0;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.1);
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #FFFFFF;
}

#search-mobile input::-moz-placeholder, #search-mobile input::-webkit-input-placeholder, #search-mobile input:-ms-input-placeholder, #search-mobile input:-moz-placeholder {
	color: #FFFFFF;
	opacity: .5;
}

#left hr {
	height: 1px;
	margin-bottom: 20px;
	background: #FFFFFF;
	opacity: 0.1;
	border: 0;
}

body.menu__show #left {
	margin-left: 0;
}

#right {
	width: calc(100% - 60px);
}

body.search__show #left {
	width: 0;
	margin-left: calc(60px - 100%);
}

.container {
	width: 100%;
	max-width: 1010px;
	box-sizing: border-box;
	padding: 0 15px;
	margin: 0 auto;
}

.container .container {
	padding: 0;
}

#logo {
	padding: 25px 0 10px 0;
	position: relative;
	transition: all .3s;
}

#logo.small {
	padding: 10px 0;
}

#logo svg {
	transition: all .3s;
}

#logo.small svg {
	width: 101px;
	height: auto;
}

@media (max-width: 729.98px) {
	#logo {
		padding-top: 0;
		margin-bottom: -55px;
	}
	
	#logo svg {
		width: 101px;
	}
}

#logo > a{
	display: block;
	margin: 0 auto;
	width: 186px;
	text-align: center;
	position: relative;
	z-index: 1;
}

#body > header {
	position: sticky;
	top: 0;
	background-color: rgb(255, 255, 255);
	z-index: 990;
}

body.overlay #body > header {
	z-index: 1;
}

@media (max-width: 729.98px) {
	#body > header {
		padding: 0;
	}
}

/* #body > header:after { */
	/* content: ''; */
	/* display: block; */
	/* height: 2px; */
	/* width: 100%; */
	/* position: absolute; */
	/* left: 0; */
	/* z-index: 980; */
	/* background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0) 100%); */
/* } */

#body > main {
	position: relative;
	padding-top: 25px;
}

#body > footer {
	position: relative;
	z-index: 2;
	padding-top: 25px;
	padding-bottom: 30px !important;
	background-color: rgb(255, 255, 255);
}

#body > footer > .wrapper {
	display: flex;
	flex-wrap: wrap;
	padding: 0 15px !important;
}

#copyright {
	padding: 15px 0;
	flex: 1 0 100%;
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #A8A8A8;
}


/* Advertising */

.adfox {
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.adfox-container {
	margin: 0 auto;
	width: 100%;
	max-width: 1010px;
}

.adfox-mobile {
	display: none;
	
}

@media (max-width: 767.98px) {
	.adfox-pc {
		display: none;
	}
	
	.adfox-mobile {
		display: block;
	}

}

.adfox-content-center {
	vertical-align: top;
}

.adfox-content-center > div {
	margin: 0 auto;
}
/* End */
/* /local/assets/css/libs/normalize.css?16279328096161 */
/* /local/templates/instyle_2021/components/bitrix/menu/mobile/style.css?1630916938593 */
/* /local/templates/instyle_2021/components/bitrix/menu/social-mobile/style.css?1626985323312 */
/* /local/templates/instyle_2021/components/bitrix/menu/general/style.css?16309356163520 */
/* /local/templates/instyle_2021/components/bitrix/menu/footer/style.css?1629804255319 */
/* /local/templates/instyle_2021/components/bitrix/menu/social/style.css?1629804434443 */
/* /local/templates/instyle_2021/components/instyle/search.sidebar/.default/style.css?16287756273916 */
/* /local/templates/instyle_2021/styles.css?162655132118356 */
/* /local/templates/instyle_2021/template_styles.css?16309427114632 */