:root {
	/* Параметры ширины страницы и блоков */
	--full-page-width: 100%;
	--base-page-width: 1210px;
	/* Параметры бэкграунда страницы */
	--page-bg-color: #FFFFFF;
	--page-bg-grey: #F3F3F3;
	/* Параметры цвета кнопок */
	--button-bg-blue: #0191B6;
	--button-bg-green: #0C7C59;
	--button-bg-red: #C6281E;
	--button-bg-black: #000000;
	--button-bg-white: #FFFFFF;
	--button-bg-yellow: #F9D80D;
	--font-color-grey: #C4C4C4;
	--button-bg-blue-hover: #006A85;
	/* Параметры шрифтов */
	--page-logo-font: 'SamsungSharpSans';
	--page-head-font: 'KZCenturyGothic';
	--page-text-font: 'SamsungOne';
	/* Параметры цветов */
	--page-color-black: #000000;
	--page-color-blue: #207A97;
	/* Параметры цвета шрифтов */
	--fc-main: #000000;
	--fc-grey: #9C9C9C;
	--fc-blue: #009FFD;
	--fc-green: #0C7C59;
	--fc-red: #993B3B;
	--fc-white: #FFFFFF;
	--fc-link: #207A97;
	--fc-yellow: #FFC400;
	--fc-dark-grey: #4E5058;
	/* Параметры цвета линий */
	--page-line-header: #BABABA;
	--page-line-black: #000000;
	--page-line-grey: #C4C4C4;
	--page-line-white: #FFFFFF;
	--page-line-blue: #0191B6;
	/* Параметры слайдеров */
	--slider-top-height: 750px;
	--slider-places-height: 990px;
}

* {
	box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: var(--page-bg-color);
	font-family: var(--page-text-font);
	color: var(--fc-main);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

h1, h2, h3 {
	font-family: var(--page-head-font);
}

h4, h5, h6 {
	font-family: var(--page-text-font);
}

a {
	color: var(--fc-link);
}

a:hover {
	text-decoration: underline;
}

.hidden {
	display: none !important;
}

.vrt-link {
	cursor: pointer !important;
}

.clear{
	clear:both;
}

/* ----------------------------------------------------- Хедер ----------------------------------------------------- */

#header {
	flex: 0 0 auto;
	width: var(--full-page-width);
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin: 0;
	padding: 0;
	background-color: var(--page-bg-color);
	border-bottom: 1px solid var(--page-line-header);
}

#header.home-page {
	background-color: var(--page-bg-grey) !important;
	border-bottom: none !important;
}

#header .header-container {
	height: 124px;
	width: var(--base-page-width);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 30px 0;
	padding: 0;
}

#header .header-container .hc-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

#header .header-container .hc-item.left {
	width: 50%;
}

#header .header-container .hc-item.left .hc-title {
	font-family: var(--page-logo-font);
	font-size: 64px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#header .header-container .hc-item.left .hc-options {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	font-family: var(--page-text-font);
	font-size: 16px;
	font-weight: bold;
}

#header .header-container .hc-item.left .hc-options .hc-langs-menu {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0 10px 0 0;
	padding: 0;
}

#header .header-container .hc-item.left .hc-options .hc-langs-menu .hc-lang-item {
	display: flex;
	margin: 0 5px 0 0;
	padding: 0 10px;
	text-transform: uppercase;
	border-left: 1px solid var(--page-color-black);
	cursor: pointer;
}

#header .header-container .hc-item.left .hc-options .hc-langs-menu .hc-lang-item.active {
	color: var(--fc-link);
	cursor: default;
}

#header .header-container .hc-item.left .hc-options .hc-langs-menu .hc-lang-item:first-child {
	border-left: none;
	padding-left: 5px;
}

#header .header-container .hc-item.left .hc-options .hc-langs-menu .hc-lang-item:hover {
	color: var(--fc-link);
}

#header .header-container .hc-item.left .hc-options .hc-bvi-menu {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0 24px 0 0;
	padding: 0;
	cursor: pointer;
}

#header .header-container .hc-item.left .hc-options .hc-bvi-menu i {
	margin: auto auto;
}

#header .header-container .hc-item.left .hc-options .hc-bvi-menu:hover i {
	color: var(--fc-link);
}

#header .header-container .hc-item.left .hc-options .hc-weather {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	margin: 0 14px 0 0;
	padding: 0;
}

#header .header-container .hc-item.left .hc-options .hc-weather img {
	width: 21px;
	height: 20px;
	display: flex;
	margin: auto 0;
}

#header .header-container .hc-item.left .hc-options .hc-weather span {
	font-size: 20px;
	line-height: 20px;
	margin: auto 0;
	margin-left: 8px;
}

#header .header-container .hc-item.left .hc-options .hc-aqi {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	font-size: 14px;
	line-height: 14px;
}

#header .header-container .hc-item.left .hc-options .hc-aqi span {
	margin: auto 0;
}

#header .header-container .hc-item.right {
	width: 50%;
}

#header .header-container .hc-item.right .hc-nav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: flex-start;
	font-family: var(--page-head-font);
	font-size: 20px;
	font-weight: bold;
}

#header .header-container .hc-item.right .hc-nav a.hc-nav-item {
	padding-bottom: 6px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	color: var(--fc-main);
	text-decoration: none;
}

#header .header-container .hc-item.right .hc-nav a.hc-nav-item:hover {
	color: var(--fc-link);
	border-bottom: 2px solid var(--fc-link);
}

#header .header-container .hc-item.right .hc-search {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	margin: 0;
	padding: 8px 20px;
	height: 50px;
	border: 1px solid var(--page-color-black);
	border-radius: 25px;
}

#header .header-container .hc-item.right .hc-search i {
	flex: 0 0 auto;
	display: flex;
	margin: auto 0;
	margin-right: 16px;
	font-size: 14px;
}

#header .header-container .hc-item.right .hc-search input[type=text] {
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
	border: none;
	background-color: var(--page-bg-color);
	font-size: 14px;
}

#header.home-page .header-container .hc-item.right .hc-search input[type=text] {
	background-color: var(--page-bg-grey) !important;
}

#header .header-container .hc-item.right .hc-search input[type=text]:focus {
	outline: none;
}

#header .header-container .hc-item.right .hc-search:hover i,
#header .header-container .hc-item.right .hc-search:hover input::placeholder {
	color: var(--fc-blue);
}

/* ----------------------------------------------------- Контент ----------------------------------------------------- */

#content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	width: var(--full-page-width);
	height: auto;
}

#content .page-container {
	width: var(--full-page-width);
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#content .page-container .page-block {
	width: var(--base-page-width);
	min-width: var(--base-page-width);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0;
	padding: 30px 0;
}

#content .page-container .page-block.indent-10 {
	margin-top: 10px !important;
}

#content .page-container .page-block.indent-20 {
	margin-top: 20px !important;
}

#content .page-container .page-block.indent-30 {
	margin-top: 30px !important;
}

#content .page-container .page-block.indent-40 {
	margin-top: 40px !important;
}

#content .page-container .page-block.indent-50 {
	margin-top: 50px !important;
}

/* ----------------------------------------------------- Футер ----------------------------------------------------- */

#footer {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: var(--full-page-width);
	background-color: var(--page-bg-grey);
}

#footer .footer-container {
	flex: 0 0 auto;
	width: var(--base-page-width);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 50px auto;
	padding: 0;
}

#footer .footer-container .fc-info {
	width: 324px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#footer .footer-container .fc-info .fci-logo {
	font-size: 64px;
	font-family: var(--page-logo-font);
	font-weight: bold;
	margin-bottom: 20px;
}

#footer .footer-container .fc-info .fci-text {
	font-size: 12px;
	font-family: var(page-text-font);
	color: var(--fc-dark-grey);
	margin-bottom: 30px;
}

#footer .footer-container .fc-info .fci-currency {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 14px;
	font-family: 'Manrope';
	margin-bottom: 20px;
	width: 80%;
	text-decoration: none;
	color: var(--fc-main);
}

#footer .footer-container .fc-info .fci-currency span {
	font-weight: bold;
	margin-right: 6px;
}

#footer .footer-container .fc-info .fci-sn {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 18px;
	margin-bottom: 20px;
	width: 60%;
}

#footer .footer-container .fc-info .fci-sn .fci-sn-item {
	cursor: pointer;
}

#footer .footer-container .fc-info .fci-sn .fci-sn-item:hover {
	color: var(--fc-link);
}

#footer .footer-container .fc-info .fci-search {
	width: 80%;
	height: 58px;
	background-color: var(--page-color-black);
	color: var(--fc-white);
	border-radius: 29px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 16px 28px;
	margin-bottom: 20px;
}

#footer .footer-container .fc-info .fci-search i {
	flex: 0 0 auto;
	margin: auto 0;
	cursor: pointer;
}

#footer .footer-container .fc-info .fci-search input[type=text] {
	flex: 1 1 auto;
	border: none;
	margin: auto 0;
	margin-left: 15px;
	background-color: var(--page-color-black);
	color: var(--fc-white);
	font-size: 15px;
}

#footer .footer-container .fc-info .fci-search input[type=text]:focus {
	outline: none;
}

#footer .footer-container .fc-info .fci-search input[type=text]::placeholder {
	color: var(--fc-white);
}

#footer .footer-container .fc-info .fci-copyright {
	font-size: 12px;
	line-height: 18px;
	font-family: var(--page-text-font);
	color: var(--fc-dark-grey);
}

#footer .footer-container .fc-info .fci-copyright a {
	color: var(--fc-red);
	text-decoration: none;
}

#footer .footer-container .fc-info .fci-copyright a:hover{
	color: var(--fc-link);
	text-decoration: underline;
}

#footer .footer-container .fc-nav {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 20px 60px 0 160px;
}

#footer .footer-container .fc-nav .fcn-menu {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 30px;
}

#footer .footer-container .fc-nav .fcn-menu .fcnm-column {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#footer .footer-container .fc-nav .fcn-menu .fcnm-column .fcnm-title {
	font-size: 24px;
	font-family: var(--page-text-font);
	font-weight: bold;
	margin-bottom: 20px;
}

#footer .footer-container .fc-nav .fcn-menu .fcnm-column a.fcnm-item {
	font-size: 14px;
	font-family: var(--page-text-font);
	margin-bottom: 8px;
	color: var(--fc-dark-grey);
	text-decoration: none;
}

#footer .footer-container .fc-nav .fcn-menu .fcnm-column a.fcnm-item:hover {
	color: var(--fc-link);
	text-decoration: underline;
}

#footer .footer-container .fc-nav .fcn-contacts {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#footer .footer-container .fc-nav .fcn-contacts .fcnc-title {
	font-size: 24px;
	font-family: var(--page-text-font);
	font-weight: bold;
	margin-bottom: 20px;
}

#footer .footer-container .fc-nav .fcn-contacts .fcnc-address {
	font-size: 14px;
	font-family: var(--page-text-font);
	margin-bottom: 12px;
	color: var(--fc-dark-grey);
}

#footer .footer-container .fc-nav .fcn-contacts .fcnc-phones {
	font-size: 16px;
	font-family: var(--page-text-font);
	font-weight: bold;
}

#footer .footer-container .fc-nav .fcn-contacts .fcnc-phones span.fcnc-phone-next {
	margin-left: 20px;
}