*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

a,
label {
	-webkit-tap-highlight-color: transparent;
}

img {
	max-width: 100%;
}

sup {
	vertical-align: super;
}

h1,
h2,
h3,
h4,
h5,
figure,
p {
	margin: 0;
}

html {
	height: 100%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'MuseoCyrl', sans-serif;
  background-color: #F5F7F6;
  color: #2F2F2F;
  -webkit-overflow-scrolling: touch;
}

@font-face {
  font-display: swap;
  font-family: 'MuseoCyrl';
  src: url('https://uikit.planoplan.com/static/fonts/MuseoSansCyrl-300.woff2') format('woff2'),
  url('https://uikit.planoplan.com/static/fonts/MuseoSansCyrl-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'MuseoCyrl';
  src: url('https://uikit.planoplan.com/static/fonts/MuseoSansCyrl-500.woff2') format('woff2'),
  url('https://uikit.planoplan.com/static/fonts/MuseoSansCyrl-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('https://uikit.planoplan.com/static/fonts/Montserrat-SemiBold.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/Montserrat-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('https://uikit.planoplan.com/static/fonts/Montserrat-Bold.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/Montserrat-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	src: url('https://uikit.planoplan.com/static/fonts/RobotoCondensed-Light.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/RobotoCondensed-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	src: url('https://uikit.planoplan.com/static/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/RobotoCondensed-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	src: url('https://uikit.planoplan.com/static/fonts/RobotoCondensed-Bold.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/RobotoCondensed-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

.slide-down-opacity {
	transition-property: transform, opacity;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.slide-down-opacity-entering {
	visibility: visible;
	transform: translateY(0);
	opacity: 1;
}

.slide-down-opacity-exiting {
	transform: translateY(-10px);
	opacity: 0;
}

.slide-down-opacity-exited {
	visibility: hidden;
	opacity: 0;
	transform: translateY(-10px);
}

.fade-opacity {
	transition-property: opacity;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.fade-opacity-entering {
	visibility: visible;
	opacity: 1;
}

.fade-opacity-exiting {
	opacity: 0;
}

.fade-opacity-exited  {
	opacity: 0;
	visibility: hidden;
}

.slide-left {
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.slide-left-entering {
	visibility: visible;
	transform: translateX(0);
}

.slide-left-exiting {
	transform: translateX(100%);
}

.slide-left-exited {
	visibility: hidden;
	transform: translateX(100%);
}

.ReactModal__Overlay {
	background-color: transparent;
	transition: background-color 0.3s ease;
}

.ReactModal__Overlay--after-open {
	background-color: rgba(0, 0, 0, 0.5);
	overflow-y: auto;
}

.ReactModal__Overlay--before-close {
	background-color: transparent;
}

.ReactModal__Content {
	transition-property: opacity, transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	opacity: 0;
	transform: translate(-50%, -15%);
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
}

.ReactModal__Content--after-open {
	transform: translate(-50%, 0%);
	opacity: 1;
}

.ReactModal__Content--before-close {
	opacity: 0;
	transform: translate(-50%, -15%);
}

#__next {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

main {
	position: relative;
	flex: 1 1 auto;
}