:root {
	--bg: #D9ECFF;
	--blue: #318CE7;	
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-stretch: normal;
	font: 15px Roboto-Regular, Arial, sans-serif;
	color: #333;
	background-color: var(--bg);
}
@font-face {
	font-family: 'Roboto-Bold'; 
	src: url(/fonts/Roboto-Bold.ttf); 
}
@font-face {
	font-family: 'Roboto-Regular'; 
	src: url(/fonts/Roboto-Regular.ttf); 
}
@font-face {
	font-family: 'RobotoCondensed-Regular'; 
	src: url(/fonts/RobotoCondensed-Regular.ttf); 
}
@font-face {
	font-family: 'RobotoCondensed-Bold'; 
	src: url(/fonts/RobotoCondensed-Bold.ttf); 
}
* {
	box-sizing: border-box;	
	outline: 0;
}
figure {
	margin: 0;
}
a {
	text-decoration: none;
	color: #0088CC;
	font-size: 1em;
}
input, select, textarea {
	border: 1px solid var(--border-color-input);
	font-size: 1em;
	padding-left: 5px;
}
select {
	cursor: pointer;
}
textarea {
	padding: 5px;
}
button {
	cursor: pointer;
}
h2 {
	margin: 0;
}
.page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;	
	overflow: hidden;
	padding: 0 10px;
}
footer {
	margin-top: auto;	
}
.w-page {
	max-width: 1370px;
	margin: auto;
	background-color: var(--bg-page);
}
.button {	
	font-size: 1em;
	padding: .7em 1em;	
	border: none;
	cursor: pointer;
	display: inline-block;
}
.button_default {	
	background-color: #EE452B;	
	color: white;
}
.button_color {	
	background-color: #0088CC;	
	color: white;
}
.button_cancel {	
	background-color: whitesmoke;	
	border: 1px solid #ccc;
	color: unset;
}

/* phone */

.phone {
	display: flex;	
	height: 24px;
}
.phone img {
	width: 24px;
	height: 24px;
	margin-right: 10px;;
}
.phone span {
	font-size: 18px;
	line-height: 21px;
	display: flex;
	align-items: center;
	text-align: center;		
}
.footer .phone span {
	font-size: 15px;	
}
.footer .phone img {
	width: 16px;	
}

/* main-row */

.main-row {
	display: flex;
	margin-top: 5px;
}
.main-col_1 {
	margin-right: 20px;
	width: 270px;
}
.main-col_2 {
	flex-grow: 1;
	background-color: white;
	padding: 10px;	
}
@media(max-width: 700px) {
	.main-row {
		flex-direction: column;			
		align-items: center;		
	}	
	.main-col_1 {
		width: 100%;
		margin-bottom: 20px;
		margin-right: unset;
	}
	.main-col_2 {
		width: 100%;		
	}
}
[v-cloak] {
	display: none;
 }
 .section-header {
	 margin: 0 0 10px;
	 font-size: 18px;
	 text-align: center;;
	 text-transform: uppercase;
 }
 .not-found {
   display: flex;
   justify-content: center;
}
.not-found__inner {
   color: red;
   margin: 30px 0;
   padding: 10px 20px;
   text-align: center;
   font-size: 18px;
   background-color: red;
   display: inline-block;
   color: white;   
   border: 4px double white;
}
.btn-sections  {
	display: flex;
	justify-content: center;
	height: 40px;	
}
.btn-sections button {
	height: inherit;	
	display: flex;
	align-items: center;
	border: none;
	background-color: white;
	font-size: 20px;
}
.btn-sections button span {
	padding-right: 10px;
}
.btn-back {
   display: inline-block;
   border: 1px solid #585858;   
   padding: 7px 12px;   
   font-size: 15px;
	cursor: pointer;
}
.btn-back:before {
   content: '<';
   display: inline-block;
   transform: translateY(1px);
	padding-right: 2px;
   font-size: 12px;
}