/* Start:/local/templates/history/template_styles.css?175706742312248*/
@font-face {
    font-family: 'Gosha Sans';
    src: url('/local/templates/history/font/GoshaSans-Medium.eot');
    src: local('Gosha Sans Medium'), local('GoshaSans-Medium'),
        url('/local/templates/history/font/GoshaSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/history/font/GoshaSans-Medium.woff2') format('woff2'),
        url('/local/templates/history/font/GoshaSans-Medium.woff') format('woff'),
        url('/local/templates/history/font/GoshaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
}
body {
	font-family: Inter;
	font-size: 20px;
	line-height: 133%;
	color: var(--color-dark-grey);
	background: var(--color-beige);
/*	background: linear-gradient(181.68deg, #FFFFFF -4.39%, #FFECD9 40.38%, #FFF1E3 100.71%);*/
	font-weight: 300;

	--color-pink: rgba(221, 187, 188, 1);
	--color-pink-transp: rgba(221, 187, 188, 1);
	--color-dark-grey: rgba(61, 61, 61, 1);
	--color-grey: rgba(177, 177, 177, 1);
	--color-beige: rgba(235, 223, 211, 1);
	--color-red: rgba(165, 28, 48, 1);
	--color-light-beige: rgba(245, 236, 226, 1);
	--color-dark-beige: rgba(253, 231, 211, 1);
}
img {
	max-width: 100%;
}
a {
	color: var(--color-red);
	text-decoration: none;
}
a:hover {
	opacity: 0.8;
}
h1 {
  font-size: 48px;
  line-height: 52px;
  margin-bottom: 32px;
  font-family: 'Gosha Sans', sans-serif;
  letter-spacing: -1px;
}
h2, .h2 {
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 22px;
  font-family: 'Gosha Sans', sans-serif;
  letter-spacing: -1px;
}

.rounded {
	border-radius: 18px;
}
.site-tag {
	background: var(--color-pink);
	display: inline-block;
	border-radius: 16px;
	padding: 10px 20px;
	font-size: 18px;
	line-height: 30px;
}
.btn {
	background: var(--color-red);
	color: var(--color-beige);
	text-transform: uppercase;
	padding: 26px 40px;
	font-size: 17px;
	line-height: 17px;
	border-radius: 16px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1.5px;
	border: none;
}
.btn.transparent {
	background: none;
	border: none;
	color: var(--color-dark-grey);
	padding-left: 15px;
	padding-right: 15px;
}
.wrapper {
	max-width: 1350px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
}

.main-banner {
	background: url("/local/templates/history/images/banner.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	padding: 60px;
}
.main-banner__block {
	background: var(--color-beige);
	padding: 34px;
	width: 650px;
	max-width: 100%;
}
.main-banner__tags {
	margin-bottom: 60px;
}
.main-banner__header {
	font-size: 58px;
	line-height: 54px;
	font-family: 'Gosha Sans', sans-serif;
	margin-bottom: 22px;
  letter-spacing: -1px;
}
.main-banner__text {
	margin-bottom: 40px;
}
.main-banner__logo {
	padding: 4px 4px 2px;
	background: #fff;
	border-radius: 3px;
}
.main-banner__logo img {
	display: block;
	width: 300px;
}
.main-banner__block .btn {
	width: 100%;
}

.main-content {
	background: var(--color-beige);
	padding: 140px 0;
}
.bottom-banner {
	border-radius: 26px;
	background: url("/local/templates/history/images/banner2.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	padding: 60px;
	overflow: hidden;
}
.bottom-banner .main-banner__block {
	float: right;
}
.main-banner__logo {
	position: absolute;
	right: 60px;
	top: 0px;
}

.footer {
	background: var(--color-light-beige);
	font-size: 14px;
	line-height: 18px;
	padding: 60px 0 120px;
}
.footer__content {
	display: grid;
	grid-template-columns: 315px 357px 320px auto;
	gap: 20px;
}
.footer__content img {
	margin-bottom: 24px;
}
.footer__copyright, .footer_developers {
	opacity: 0.7;
}
.footer__socials {
	margin-bottom: 24px;
  padding-top: 4px;
}
.footer__socials a {
	display: inline-block;
	width: 39px;
	height: 39px;
	border-radius: 6px;
	background: url("/local/templates/history/images/vk.svg") center center no-repeat var(--color-pink);
	margin-right: 7px;
}
.footer__socials a:last-child {
	background-image: url("/local/templates/history/images/tg.svg");
}
.footer__socials a:hover {
	background-color: rgba(221, 187, 188, 0.8);
}
.footer__header {
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 8px;
}
.footer p {
	margin: 8px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
}
.footer p a {
	font-weight: 400;
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid;
}
.footer p a:hover {
	opacity: 0.7;
}

.form.fancybox-content {
	background: var(--color-beige);
	border-radius: 16px;
	padding: 40px;
	width: 535px;
}
.form__header {
	font-size: 30px;
	line-height: 38px;
	font-family: 'Gosha sans', sans-serif;
	letter-spacing: -1px;
	margin-bottom: 16px;
}
.form__description {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 22px;
    font-weight: 300;
    letter-spacing: -0.25px;
}
.form input[type="text"], .form textarea {
	border-radius: 4px;
	background: var(--color-beige);
	border: 1px solid rgba(177, 177, 177, 1);
	color: rgba(100, 100, 100, 1);
	line-height: 26px;
	padding: 12px;
	width: 100%;
	font-family: Inter, sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}
.form .field {
	margin-bottom: 16px;
}
.file-inp:last-child {

}
.form .errortext {
	margin-bottom: 16px;
	display: block;
}
.form label {
	font-size: 14px;
	line-height: 22px;
  font-weight: 300;
}


.file-inp.new {
	border: 1px solid var(--color-grey);
	padding: 74px 27px 24px;
	background: url("/local/templates/history/images/pict.svg") center 24px no-repeat;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: var(--color-red);
	font-weight: 300;
  position: relative;
}
.file-inp.new::before {
	display: block;
	content: 'Загрузите изображение в формате';
}
.file-inp.new::after {
	display: block;
	content: 'JPEG, PNG. Максимальный размер файла — 5 МБ';
	color: rgba(168, 168, 168, 1);
}
.file-inp.new input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
}
.file-inp:not(.new) {
	margin-bottom: 10px;
  font-size: 14px;
}
.file-inp:not(.new):first-child:before {
	content: 'Фотографии:';
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
}
.file-inp:not(.new) input {
	display: none;
}
.file-inp.filled span {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	position: relative;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.file-inp.filled span:before, .file-inp.filled span:after {
	content: "";
	display: block;
	position: absolute;
  width: 12px;
  height: 2px;
  transform: rotate(45deg);
  border-radius: 2px;
  background: var(--color-red);
    top: 7px;
    left: 3px;
}
.file-inp.filled span:after {
	transform: rotate(-45deg);
}
.mf-buttons {
	display: flex;
	justify-content: space-between;
}
.form .btn:not(.transparent) {
	width: 330px;
}

.custom-checkbox {    
	display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 10px;
}
.custom-checkbox input{
  appearance: none;
	width: 20px;
	height: 20px;
	position: relative;
}
.custom-checkbox input:before {
	background: var(--color-pink);
	width: 24px;
	height: 24px;
	border-radius: 2px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
.custom-checkbox input:checked:before {
	border-color: #F4802D;	
}
.custom-checkbox input:checked:after {
  width: 15px;
  height: 12px;
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
	background: url("/local/templates/history/images/tick.svg") no-repeat;
}
.custom-checkbox input:disabled:before {
	border-color: #DADADB;	
}

.main-years, .main-photos {
	text-align: center;
}
.main-years > p, .main-photos > p {
	max-width: 1055px;
	margin: 0 auto;
}
.main-years__panel {
	display: flex;
	gap: 6px;
  justify-content: center;
  margin: 11px 0 0;
  position: sticky;
  top: 20px;
  background: var(--color-beige);
  padding: 20px;
  border-radius: 20px;
    display: inline-block;
}
.main-years__panel a {
	display: block;
	color: var(--color-dark-grey);
	padding: 10px 20px;
	font-size: 18px;
	line-height: 30px;
	display: inline-block;
}
.main-years__panel a.active, .main-years__panel a:hover {
	background: var(--color-red);
	color: var(--color-light-beige);
	border-radius: 16px;
	opacity: 1;
}
.main-years__item {
	margin: 20px 0 100px;
	border-radius: 26px;
	font-size: 16px;
	line-height: 26px;
}
.main-years__item table {
	width: 100%;
	border: none;
}
.main-years__item table td {
	border: none;
	text-align: left;
	width: 50%;
}
.main-years__item table td:first-child {
	padding-right: 20px;
}
.main-years__item table td:last-child {
	padding-left: 20px;
}
.main-years__item table td img {
	border-radius: 18px;
}
.main-years__item table td:first-child img {
/*	margin-right: -40px;*/
}
.main-years__item table td:last-child img {
/*	margin-left: -40px;*/
}
.main-years__item ul {
	margin-left: 20px;
}

.main-photos > p {
	margin-bottom: 40px;
}
.gallery-list {
	margin: 15px 0;
}
.gallery-list img {
	border-radius: 18px;
}
.gallery-list a {
	display: block;
}
.main-photos {
	margin-bottom: 140px;
}
.gallery-more {
	margin-top: 25px;
}
.main-years__item__quotes-header {

}
.main-years__item__quotes-item {
	border-radius: 18px;
	background: rgba(245, 236, 226, 1);
	padding: 20px;
	display: flex;
	gap: 20px;
}
.main-years__item__quotes {
	text-align: left;
	margin: 80px 0 0;
}
.main-years__item__quotes-item {
	margin: 20px 0 0;
}
.main-years__item__quotes-item img {
	border-radius: 13px;
	max-width: 234px;
}
.main-years__item__quotes-text {
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
}
.main-years__item__quotes-item .site-tag {
	padding: 5px 20px;
	font-size: 16px;
}

@media screen and (max-width:1200px) {
	body {
		font-size: 16px;
	}
	h1 {
		font-size: 32px;
		line-height: 30px;
    font-weight: 500;
	}
	.main-banner, .bottom-banner {
		padding: 30px;
	}
	.main-banner__block {
		padding: 24px;
		width: 400px;
	}
	.main-banner__tags {
    margin-bottom: 40px;
	} 
	.main-banner__header {
		font-size: 32px;
		line-height: 30px;
		margin-bottom: 16px;
    font-weight: 500;
	}
	.main-banner__text {
    margin-bottom: 24px;
	}
	.site-tag {
		padding: 5px 20px;
		font-size: 16px;
	}
	.footer {
		padding: 40px 0;
	}
	.footer__content {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.footer p {
		font-size: 14px;
		margin: 4px 0;
	}
	.footer__header {
		font-size: 14px;
	}
	.btn {
		font-size: 16px;
		line-height: 17px;
		padding: 21px 35px;
	}
	.main-banner__logo {
		right: 30px;
		top: 30px;
		width: 257px;
	}
	.main-content {
		padding: 80px 0;
	}
	.form.fancybox-content {
		padding: 32px 22px;
	}
	.main-years__panel {
/*		position: static;*/
		display: flex;
		overflow-x: scroll;
    display: flex;
    width: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding: 9px 0 0;
    border-radius: 0;
    padding: 5px 0 10px;
    top: 0px;
	}
	.main-years__panel a {
		font-size: 16px;
		line-height: 30px;
		white-space: nowrap;
		padding: 5px 20px;
	}
}
@media screen and (max-width:736px) {
	.main-banner, .bottom-banner {
		padding: 20px 16px 16px;
	}
	.bottom-banner {
		padding: 344px 16px 16px;
	}
	.main-banner > .wrapper, .bottom-banner > .wrapper {
		padding: 324px 0 0;
	}
	.main-banner__logo {
		right: 0;
		top: 0;
		left: 0;
	}
	.footer {
		padding: 32px 0 91px;
    position: relative;
	}
	.footer__content {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.footer_developers, .footer__copyright {
		display: none;
	}
	.footer__socials {
		position: absolute;
		left: 16px;
		bottom: 32px;
		margin: 0;
	}
	.footer__content img {
    margin-bottom: 0px;
	} 
	.footer .wrapper {
		position: static;
	}
	.main-years__item table td {
		display: block;
		width: 100%;
		margin-bottom: 16px;
	}
	.main-years__item table td:first-child, .main-years__item table td:last-child {
		padding: 0;
	}
	.main-years__item table td img {
	}
	.main-years__item {
		margin-bottom: 60px;
		font-size: 14px;
	}
	.main-photos > p {
		margin-bottom: 20px;
	}
	.main-photos {
    margin-bottom: 100px;
	}
	.gallery-list {
    margin: 1px 0;
	}
	.gallery-more {
    margin-top: 15px;
	}
	.main-years__item__quotes {
		margin-top: 60px;
	}
	.main-years__item__quotes-item img {
		max-width: 100%;
	}
	.main-years__item__quotes-item {
		flex-wrap: wrap;
		font-size: 14px;
	}
	.main-years__item__quotes-item .site-tag {
		background: none;
	}
}
/* End */
/* /local/templates/history/template_styles.css?175706742312248 */