button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}


:root {
	--c-primary:rgb(0, 48, 153);
	--c-primary-hover:rgb(0, 67, 191);
	
	--c-accent:#e51740;
	--c-accent:#CC0029;
	--c-accent-hover:#f23057;
	
	--c-accent-2:#008C62;
	
	--c-grey:rgb(230, 233, 237);
	--c-grey-light:rgb(245, 246, 247);
	--c-grey-dark:rgb(93, 101, 112);
	
	--c-warn-light:rgb(247, 245, 238);
	
	--p:16px;
}

html,body {
	padding:0;
	margin:0;
	font-family: "Golos Text", sans-serif;
	font-size:16px;
	line-height:1.5;
	
}

a {
	color:var(--c-primary);
}
a:hover {
	color:var(--c-primary-hover);
}

a[href*='tel:'] {
	white-space:nowrap;
}
img {
	vertical-align:top;
	max-width:100%;
}

h1,.h1 {
	font-size:2em;
	margin:0.67em 0 0.33em;
	line-height: 1.15;
}

@media screen and (max-width:1350px){
	._menu {
		overflow:hidden;
		height:100dvh;
	}
}


.page {
	background-color:var(--c-grey);
}
.page__header{
	height:64px;
	background:#fff;
}
.page__content{
	padding:1px 0;
}


.header {
	position:sticky;
	top:0;
	height:64px;
	width:100%;
	
	background-color:#fff;
	
	z-index:100;
}

.header__container{
	display:flex;	
	align-items:center;
	height:100%;
}
.header__logo {
	height:100%;
	padding:8px 0;
	box-sizing:border-box;
	flex-shrink:0;
}
.header__menu {
	flex-grow:1;
	justify-content:center;
	display:flex;
}
.header__phone .btn {
	height:32px;
}
.header__burger {
	width:32px;
	height:32px;
	background-image:url(images/open.svg);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;	
	margin-left:16px;
	cursor:pointer;
	flex-shrink:0;
	display:none;
}


@media screen and (max-width:1350px){
	
	.header__burger {
		display:block;
	}
	._menu .header__burger {
		background-image:url(images/close.svg);
	}
}

@media screen and (max-width:520px){
	.header__phone .btn {
		padding:0 8px;
		font-size:14px;
	}
	.header__burger  {
		margin-left:8px; 
	}
}


@media screen and (max-width:370px){
	.header__logo {
		padding:16px 0;
	}
	.header__phone .btn {
		padding:0 6px;
		font-size:13px;
	}
}

.logo {
	display:flex;
	height:100%;
	align-items:center;
}

.logo__view {
	flex-shrink:0;
	height:100%;
}

.logo__view img{
	height:100%;
}

.logo__content{
	margin-left:12px;
	line-height:1;	
}
.logo__title{
	text-transform:uppercase;
	font-size:1.35em;
	font-weight:600;
	color:var(--c-accent);
	margin-top:-2px;
}
.logo__desc {
	margin-top:2px;
	
}

@media screen and (max-width:430px){
	.logo__desc{
		font-size:0.85em;
	}
	.logo__content{
		font-size:0.8em;
	}
	.logo__content {
		margin-left:8px;
	}
}

@media screen and (max-width:360px){
	.logo__content{
		font-size:0.7em;
	}
}


.menu {
	display:flex;
	list-style:none;
	
	margin:0;
	padding:0;
}


.menu a{
	text-decoration:none;
	color:#000;
	position:relative;
}
.menu a:after{
	content:"";
	width:24px;
	height:24px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateX(110%) translateY(-40%);

	background-image:url(images/arrow.svg);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;	
}

.menu__item{
	margin:0 calc(var(--p) * 2) 0 var(--p);
}


@media screen and (max-width:1350px){
	.menu {
		display:none;
	}
	._menu .menu {
		display:block;
		position:fixed;
		left:0;
		right:0;
		top:64px;
		height:calc(100dvh - 64px);
		background-color:#fff;
		flex-direction:column;
	}
	.menu__item{
		padding:var(--p) var(--p) var(--p) 0;
		border-bottom:1px solid var(--c-grey);
	}
	.menu__item a{
		display:flex;
		font-size:1.5em;
		font-weight:600;
	}
}



.btn {
	height: 48px;
	padding: 8px 24px;
	display: inline-flex;
	align-items: center;
	justify-content:center;
	box-sizing: border-box;
	background-color: var(--c-primary);
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.2s ease;
}
.btn:hover {
	color:#fff;
	background-color: var(--c-primary-hover);
}
.btn_long {
	width:100%;
	max-width:544px;
}

.breadcrumbs {
	display:flex;
	overflow:auto;
	font-size:0.9em;
	margin:16px 0;
}
.breadcrumbs__item {
	position:relative;
	color:var(--c-grey-dark);
	text-decoration:none;
	padding-right:8px;
	margin-right:8px;
	white-space:nowrap;
}
.breadcrumbs__item:after {
	content:"/";
	display:block;

	position:absolute;
	right:0;
	top:50%;
	transform:translateX(50%) translateY(-50%);
}
.breadcrumbs__item:hover:after {
	color:var(--c-grey-dark);	
}
.breadcrumbs__item:last-child:after {
	display:none;
}

.container {
	padding:0 16px;
	width:1600px;
	margin:0 auto;
	box-sizing:border-box;
	max-width:100%;
}
.container_content {
	width:1136px;
}

@media screen and (max-width:450px){
	.container{
		padding:0 8px;
	}
}

.work {
	height:28px;
	border-radius:28px;
	background-color:var(--c-accent-2);
	padding:0 12px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	margin-bottom:calc(var(--p) * 1.5);
}
.work_close {
	background-color:var(--c-accent);
}

.plato {
	border-radius:calc(var(--p) * 2);
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	padding:calc(var(--p) * 2) calc(var(--p) * 2.5) calc(var(--p) * 2.5);
	background:#fff;
	margin:calc(var(--p) * 2) 0;
	box-sizing:border-box;
	
	display:flex;
	flex-wrap:wrap;
	gap:var(--p);
}
.plato__address {
	width:100%;
}
.plato__worktime {
	width:calc(50% - var(--p) / 2);
}
.plato__contacts {
	width:calc(50% - var(--p) / 2);
}
.plato__question {
	width:100%;
}



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

	.plato {
		border-radius:calc(var(--p) * 1);
		padding:calc(var(--p) * 1.5) calc(var(--p) * 1.5) calc(var(--p) * 1.5);
		margin:calc(var(--p) * 1) 0;
		gap:calc(var(--p) * 0.5);
	}
	.plato__worktime {
		width:100%;
	}
	.plato__contacts {
		width:100%;
	}	
}

@media screen and (max-width:450px){
	.plato {
		border-radius:calc(var(--p) * 0.5);
		padding:calc(var(--p) * 1.5) calc(var(--p) * 1) calc(var(--p) * 1.5);
		margin:calc(var(--p) * 1) 0;
		gap:calc(var(--p) * 0.5);
	}
}

.block {
	background:var(--c-grey-light);
	border-radius:12px;
	box-sizing:border-box;
	padding:calc(var(--p) * 1.5);
	height:100%;
}

.block__title {
	font-weight:600;
	font-size:1.15em;
}

.block__content > :last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.metro {
	display:flex;
	flex-wrap:wrap;
}
.metro__item {
	display:flex;
	margin-right:24px;
	padding-left:16px;
	box-sizing:border-box;
	position:relative;
	white-space:nowrap;
}

.metro__item:before  {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:4px;
	transform:translateY(-50%);
	width:4px;
	height:4px;
	border-radius:4px;
	background:#ADACAC;
}
.metro__item_1:before {background:#EF161E;} /* Сокольническая линия */
.metro__item_2:before  {background:#2DBE2C;} /* Замоскворецкая линия */
.metro__item_3:before {background:#0078BE;} /* Арбатско-Покровская линия */
.metro__item_4:before {background:#00BFFF;} /* Филёвская линия */
.metro__item_4a:before {background:#00BFFF;} /* Филёвская линия */
.metro__item_5:before {background:#8D5B2D;} /* Кольцевая линия */
.metro__item_6:before {background:#ED9121;} /* Калужско-Рижская линия */
.metro__item_7:before {background:#800080;} /* Таганско-Краснопресненская линия */
.metro__item_8:before {background:#FFD702;} /* Калининская линия */
.metro__item_8a:before {background:#FFD702;} /* Солнцевская линия */
.metro__item_8kc:before {background:#FFD702;} /* Калининско-Солнцевская линия */
.metro__item_9:before {background:#999999;} /* Серпуховско-Тимирязевская линия */
.metro__item_10:before {background:#99CC00;} /* Люблинско-Дмитровская линия */
.metro__item_11:before {background:#82C0C0;} /* Большая кольцевая линия */
.metro__item_11a:before {background:#82C0C0;} /* Большая кольцевая линия */
.metro__item_11k:before {background:#231F20;} /* Каховская линия */
.metro__item_12:before {background:#A1B3D4;} /* Бутовская линия */
.metro__item_13:before {background:#B9C8E7;} /* Московский монорельс */
.metro__item_m1:before {background:#B9C8E7;} /* Московский монорельс */
.metro__item_14:before {background:#FFFFFF;} /* Московское центральное кольцо */
.metro__item_15:before {background:#DE64A1;} /* Некрасовская линия */
.metro__item_16:before {background:#03795F;} /* Троицкая линия */
.metro__item_17:before {background:#27303F;} /* Рублёво-Архангельская линия */
.metro__item_18:before {background:#AC1753;} /* Бирюлёвская линия  */


.metro__time {
	position:relative;
	padding-left:24px;
}
.metro__time:before {
	content:"";
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	top:50%;
	left:0;
	transform:translateY(-50%);
	
	background-image:url(images/walk.svg);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;	
}



.question {
}

.question_more {
	margin:0 var(--p);
}

.question__item {
	width:100%;
	border-bottom:1px solid var(--c-grey);
}

.question__title {
	position:relative;
	font-weight:600;
	font-size:1.15em;
	box-sizing:border-box;
	padding:var(--p) calc(var(--p) * 2) var(--p) 0;
	width:100%;
	cursor:pointer;
	user-select:none;
}

.question__title:after {
	content:"";
	width:calc(var(--p) * 1.5);
	height:calc(var(--p) * 1.5);
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);

	background-image:url(images/arrow.svg);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;		
	transition:all 0.2s ease;
}

.question__item._active .question__title:after {
	
	transform:rotate(-180deg) translateY(50%);
}


.question_more .question__title {
	color:var(--c-primary);
	font-size:1em;
}

.question__content {
	display:none;
	padding-bottom:var(--p);
}
.question__item._active .question__content {
	display:block;
}
.question__item:last-child {
	border-bottom:0;
}
.warn {
	border-radius:12px;
	background:var(--c-warn-light);
	border:2px solid var(--c-grey);
	padding:16px;
	margin:calc(var(--p) * 2) 0;
}
.warn_grey {
	background:var(--c-grey-light);
	border:2px solid var(--c-grey-light);
}

.warn__title {
	font-weight:600;
	font-size:1.15em;
}

.warn__content {
	margin-top:calc(var(--p) * 0.67);
}
.warn__content > :first-child {
	margin-top:0;
	padding-top:0;
}

.warn__content > :last-child {
	margin-bottom:0;	
	padding-bottom:0;
}

.services  {
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	margin:calc(var(--p) * 2) 0;
}
.services__item {
	flex-shrink:0;
	
	height:calc(var(--p) * 5);
	margin-right:var(--p);
	margin-bottom:var(--p);
}

.services img {
	height:100%;
}

@media screen and (max-width:450px){
	.services__item {
		height:auto;
		width:100%;
	}
	.services img {
		height:auto;
	}
}



.footer {
	padding:calc(var(--p) * 2) 0;
	display:flex;
	flex-wrap:wrap;
}
.footer__column {
	width:384px;
	max-width:100%;
	margin-right:32px;
	margin-bottom:32px;
	flex-shrink:0;
	
}
.footer__logo {
	height:calc(var(--p) * 4);
}
.footer__title {
	font-weight:600;
	margin-top:4px;
}
.footer-menu {
	
}
.footer-menu__item{
	margin-bottom:calc(var(--p) * 0.33);
}
.footer-menu__item:first-child {
	color:var(--c-accent);
	margin-bottom:var(--p);
}
.footer-menu__item a{
	text-decoration:none;
	color:#000;
}
.footer-menu__item:first-child a{
	color:var(--c-accent);
}
.footer-menu__item:first-child a:hover{
	color:var(--c-accent-hover);
}

@media screen and (min-width:600px){
	.only_mobile {
		display:none;
	}
}

@media screen and (max-width:600px){
	.only_desktop {
		display:none;
	}
}