/*!
Theme Name: Creamel Theme
Theme URI: http://underscores.me/
Author: Serhii Ivanov
Author URI: http://koyot.info
Description: Serhii Ivanov - Web Developer
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: creamel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Arbat Homes is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');

:root {
	--font-size-body: 1rem;
	--font-size-12: 0.75rem;
	--font-size-18: 1.125rem;
	--font-size-24: 1.5rem;
	--font-size-32: 2rem;
	--font-size-36: 2.25rem;
	--font-size-48: 3rem;
	--font-size-64: 4rem;
	
	--text-white: #FFFFFF;
	--text-black: #0F0F0F;
	--text-blue: #0477E4;
	--text-gray: #A1A6B1;
	--text-dgray: #55575C;
	--text-red: #FF2323;
	
}

html {line-height: 1.15;-webkit-text-size-adjust: 100%;}
/* Sections	 ========================================================================== */
body {margin: 0;}
body.menu--open { overflow: hidden; }
main {display: block;}
/* Grouping content	 ========================================================================== */
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
/* Text-level semantics	 ========================================================================== */
a {background-color: transparent;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
.bold, .strong, b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* Embedded content	 ========================================================================== */
img {border-style: none;}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: #0477E4;outline: 0!important;box-shadow: none;transition: .4s ease;text-decoration: none ;}
a:visited {color: #0477E4;}
a:hover, a:focus, a:active {color: #0059AE;}
/* Forms 	 ========================================================================== */
button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}
[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;}
/* Interactive	 ========================================================================== */
details {display: block;}
summary {display: list-item;}
/* Misc	 ========================================================================== */
template {display: none;}
[hidden] {display: none;}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {font-family: 'Roboto', sans-serif;font-size: var(--font-size-body);line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {clear: both;font-family: 'Roboto Condensed', sans-serif;}
h1, .page__title { font-size: var(--font-size-36); font-weight: 500; line-height: 48px; }
h2, .section__title { font-size: var(--font-size-32); font-weight: 700; line-height: 42px; }
h3, .block__title { font-size: var(--font-size-24); font-weight: 500; line-height: 34px; }
p {margin-bottom: 1em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: "Courier 10 Pitch", courier, monospace;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code, kbd, tt, var {font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
mark, ins {background: transparent;text-decoration: none;color: red;}
big {font-size: 125%;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
*, *::before, *::after {box-sizing: border-box;}
html {box-sizing: border-box;}
body {background: #fff;}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul, ol {margin: 0 0 1em 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul, li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto;max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em;width: 100%;}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.button,.button:visited, input[type="button"], input[type="reset"], input[type="submit"] {
	border: 0;
	border-radius: 100px;
	color: #FFFFFF;
	font-weight: 700;
	line-height: 26px;
	padding: 20px 65px;
	position: relative;
	transition: .4s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: linear-gradient(180deg, #0477E4 , #0477E4 100%);
}

.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	color: #FFFFFF;
	background: linear-gradient(180deg, #65B4FF 0%, #0477E4 100%);
}

input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
	color: #FFFFFF;
	background: linear-gradient(180deg, #65B4FF 0%, #0477E4 100%);
}
input[type="text"], input[type="email"], input[type="url"],
input[type="password"], input[type="search"], input[type="number"],
input[type="tel"], input[type="range"], input[type="date"],
input[type="month"], input[type="week"], input[type="time"], input[type="datetime"],
input[type="datetime-local"], input[type="color"], 
textarea, select {
	background: #EEF0F3;
	border: none;
	border-radius: 30px;
	padding: 18px 24px;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #55575C;
	outline: 0!important;
	width: 100%;

}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #0F0F0F;
}
textarea {width: 100%;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
ul.menu {list-style: none;}
.main-navigation {display: block;width: 100%;}
.main-navigation ul {display: none;list-style: none;margin: 0;padding-left: 0;}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 100%;left: -999em;z-index: 99999;}
.main-navigation ul ul ul {left: -999em;top: 0;}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {display: block;left: auto;}
.main-navigation ul ul a {width: 200px;}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto;}
.main-navigation li {position: relative;}
.main-navigation a {display: block;text-decoration: none;}
#primary-menu > li > a {color: #333333;padding: 20px 15px;font-size: 18px;}
.darker_fix #primary-menu > li > a {color: #fff;}
#primary-menu > li > a:hover, #primary-menu > li.current_page_item > a, #primary-menu > li.current-post-parent > a, #primary-menu > li.current_page_parent > a {color: #E0BF61!important;}
/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {display: block;}
@media screen and (min-width: 37.5em) {
.menu-toggle {display: none;}
.main-navigation ul {display: flex;justify-content: space-between;}
}

.menu.collapse { display: block; }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em;}
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {display: flex;}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {flex: 1 0 50%;}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {text-align: end;flex: 1 0 50%;}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
#primary[tabindex="-1"]:focus {outline: 0;}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {float: left;margin-right: 1.5em;margin-bottom: 1.5em;}
.alignright {float: right;margin-left: 1.5em;margin-bottom: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 1em;}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.post, .page {margin: 0 0 1.5em;}
.updated:not(.published) {display: none;}
.page-content, .entry-content, .entry-summary {margin: 1.5em 0 0;}
.page-links {clear: both;margin: 0 0 1.5em;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none;}
.infinity-end.neverending .site-footer {display: block;}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}
embed, iframe, object {max-width: 100%;}
.custom-logo-link {display: inline-block;}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;display: grid;grid-gap: 1.5em;}
.gallery-item {display: inline-block;text-align: center;width: 100%;}
.gallery-columns-2 {grid-template-columns: repeat(2, 1fr);}
.gallery-columns-3 {grid-template-columns: repeat(3, 1fr);}
.gallery-columns-4 {grid-template-columns: repeat(4, 1fr);}
.gallery-columns-5 {grid-template-columns: repeat(5, 1fr);}
.gallery-columns-6 {grid-template-columns: repeat(6, 1fr);}
.gallery-columns-7 {grid-template-columns: repeat(7, 1fr);}
.gallery-columns-8 {grid-template-columns: repeat(8, 1fr);}
.gallery-columns-9 {grid-template-columns: repeat(9, 1fr);}
.gallery-caption {display: block;}

/* CONTACT FORM 7 */
#fancybox-outer {
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05) !important;
}

#fancybox-outer #fancybox-close {
	width: 36px;
	height: 36px;
	position: absolute;
    top: 20px;
    right: 5px;
	cursor: pointer;
	background: none;
}

#fancybox-outer .fancy-ico span {
	display: none;
}

#fancybox-outer #fancybox-close::before {
    content: "";
    width: 24px;
	height: 24px;
	display: block;
    background: url(img/icon_close.svg) center/contain no-repeat;
}

body #fancybox-content {
	background: var(--text-white);
	border: none;
}

.popup-form .wpcf7-form {
	height: inherit;
    display: flex;
    flex-direction: column;
	padding: 60px 30px;
	max-width: 580px;
	margin: 0 auto;
}

input[type="submit"].wpcf7-submit {
	min-width: 180px;
	max-width: inherit;
}

.wpcf7-spinner {
	opacity: 0;
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
}

.popup-thanks {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.3);
	z-index: 99999;
} 

.popup-content {
	background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 602px;
    position: relative;
    padding: 48px;
}

.popup-title {
	font-weight: 700;
	font-size: var(--font-size-48);
	line-height: 56px;
	color: var(--text-black);
	padding-top: 22px;
}

.popup__close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
	color: var(--text-white);
	cursor: pointer;
}

.popup__close svg { 
	width: 20px;
}

form.invalid .wpcf7-validates-as-required::placeholder,
.wpcf7-form-control.wpcf7-not-valid, 
.wpcf7-not-valid::placeholder, 
.wpcf7-not-valid::-webkit-input-placeholder {
	color: var(--text-red);
}

.wpcf7-form-control.wpcf7-acceptance, 
.wpcf7-response-output,
.wpcf7-not-valid-tip {
	display: none !important
}

.wpcf7-form label {
	width: 100%;
}

.form-title {
	font-weight: 700;
	font-size: var(--font-size-48);
	line-height: 56px;
	color: var(--color-black);
}

.form-text {
	color: var(--color-black);
}

.form-privacy {
	font-weight: 400;
	font-size: var(--font-size-12);
	line-height: 18px;
	color: var(--text-gray);
	margin-bottom: 0;
}

.form-privacy a {
	color: var(--text-blue);
}

/* ################### */
.section_title {font-size: 30px;font-family: Playfair Display;margin-bottom: 35px;}
#wp-auth-check-wrap #wp-auth-check {background: #000;}
body.page {margin:0;overflow-x:hidden;}
#page {min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;}
#content {overflow: hidden;flex: 1;}
.entry-content ul {margin: 0 0 1.5em 20px;padding: 0;list-style: none;}
.entry-content ul li {padding: 5px 0;position: relative;}
.entry-content ul li:before {content: "";width: 8px;height: 8px;border-radius: 8px;background: #004284;top: 12px;left: -15px;position: absolute;}
#breadcrumbs {position: relative;z-index: 1;}
.tdu {text-decoration: underline!important;}
.ttu {text-transform: uppercase!important; }

.icon { 
	display: inline-flex; 
	background-repeat: no-repeat; 
	background-position: center;
	min-width: 20px;
	height: 20px;
}

.icon--blue { 
	background-color: #0477E4; 
	width: 40px; 
	height: 40px; 
	border-radius: 100px;
}

.icon--phone { 
	background-image: url(img/icon_phone.svg); 
}

.icon--phone-blue { 
	background-image: url(img/icon_phone_b.svg); 
}

.icon--phone-white { 
	background-image: url(img/icon_phone_w.svg); 
}

.icon--email-blue { 
	background-image: url(img/icon_email_b.svg); 
}

.icon--email-gray { 
	background-image: url(img/icon_email_g.svg); 
}

.icon--map-blue { 
	background-image: url(img/icon_map_b.svg); 
}

.icon--time-blue { 
	background-image: url(img/icon_time_b.svg); 
}

.icon--company { 
	background-image: url(img/icon_company.svg); 
}

.icon--tv { 
	background-image: url(img/icon_tv.svg);
}

.icon--question { 
	background-image: url(img/icon_question.svg);
}

.icon--login { 
	background-image: url(img/icon_user.svg);
}

.icon--download { 
	background-image: url(img/icon_download_w.svg);
}

.icon--download-blue { 
	background-image: url(img/icon_download_b.svg);
}

.icon--book { 
	background-image: url(img/icon_book.svg);
}

.icon--calendar { 
	background-image: url(img/icon_calendar.svg);
}

.icon--attention { 
	min-width: 40px;
	width: 40px;
	height: 40px;
	background-image: url(img/icon_attention.svg);
}

.icon--benefit { 
	min-width: 40px;
	width: 40px;
	height: 40px;
	background-image: url(img/icon_benefit.svg);
}

.icon--chevron-down { 
	background-image: url(img/icon_chevron_down.svg);
}

.icon--close {
	background-image: url(img/icon_close.svg);
}

/* HEADER */
.header__menu {
	display: none;
	background: #FFFFFF;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding: 3rem 0;
	transition: all 0.3s ease;

	max-height: 650px;
	height: calc(100vh - 120px);
	overflow-y: scroll;
}

/* .header__menu::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: linear-gradient(white, gray);
} */

.header__menu-col {
	width: 20%;
}

.header-title {
	font-weight: 500;
	font-size: var(--font-size-24);
	line-height: 34px;
	color: var(--text-black);
	pointer-events: none;
}

.header__menu.active {
	display: block;
}

.header.menu--active {
	background: #FFFFFF !important;
}

.header {
	padding: 16px 0;
	background: #FFFFFF;
	z-index: 100;
	position: relative;
}

.home .header {
	background: transparent;
}

.socials__list {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: repeat(auto-fill, minmax(29px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 24px;
}

.contact__link {
	display: inline-grid;
	grid-auto-flow: column;
	align-items: center;
	gap: 16px;
	font-weight: 500;
	color: #0F0F0F;
}

.menu__button {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	gap: 16px;
}

.menu__icon {
	width: 20px;
	height: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.menu__icon-line {
	background: #0477E4;
	width: 100%;
	height: 2px;
	opacity: 1;
	transform: none;
	border-radius: 5px;
	transition: all 0.3s ease;
	transform-origin: 5%;
}

.menu__button-text {
	font-weight: 700;
	font-size: 1rem;
	line-height: 26px;
	color: #0477E4;
}

.menu__button--open .menu__icon-line:nth-child(1) {
	transform: skewY(45deg);
}

.menu__button--open .menu__icon-line:nth-child(2) {
	opacity: 0;
}

.menu__button--open .menu__icon-line:nth-child(3) {
	transform: skewY(-45deg);
}

.search-btn {
	width: 24px;
	height: 24px;
	background: url('img/icon_search.svg') center/cover no-repeat;
	transition: all 0.3s ease;
	cursor: pointer;
}

.search-btn.active {
	background: url('img/icon_close.svg') center/cover no-repeat;
}

.search-block {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	padding: 24px 0 48px;
	background: #FFFFFF;
	transition: all 0.3s ease;
}

.search-block.active {
	display: block;
}

.header.search--active {
	background: #FFFFFF !important;
}

.search-form {
	position: relative;
	width: 100%;
}

.search-form label {
	width: 100%;
}

input.search-field {
	width: 100%;
	padding: 20px 32px;
}

input.search-submit {
	position: absolute;
	right: 0;
	top: 0;
}

.home #content {
	margin-top: -120px;
}

.banner {
	/* background: linear-gradient(280.23deg, #DEDEDE 17.68%, #EEEDEB 84.2%);
	height: 100vh;
	padding-top: 120px;
	padding-bottom: 66px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center; */

	position: relative;
	display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: 20vh;
	background: url('./img/main-screen.png') center/cover no-repeat;
}

.banner .container {
	z-index: 1;
	position: relative;
}

.banner__content {
	padding: 48px 0;
}

.banner__title {
	font-size: var(--font-size-48);
	line-height: 72px;
	margin-bottom: 24px;
}

.banner__description {
	max-width: 691px;
    margin-bottom: 72px;
	font-size: var(--font-size-18);
	line-height: 32px;
}

.banner__description p:last-child {
	margin-bottom: 0;
}

.banner__list {
	position: relative;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    width: 1296px;
    padding: 0 12px;
    margin-top: auto;
}

.info {
	display: grid;
	grid-template-columns: 40px 1fr;
	column-gap: 16px;
	row-gap: 4px;
	align-items: center;
}

.info__title {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: var(--font-size-24);
	line-height: 34px;
	align-self: center;
	margin-bottom: 0;
}

.info__link {
	font-weight: 700;
	color: #0477E4;
	grid-column: 2;
}

.login__link {
	display: inline-grid;
	grid-auto-flow: column;
	gap: 16px;
	align-items: center;
	font-weight: 500;
	line-height: 26px;
	color: #0477E4;
}

.support {
	padding: 96px 0;
	background: #FFFFFF;
}

.support__title {
	margin-bottom: 48px;
}

.support__item {
	min-height: 220px;
	position: relative;
	margin-bottom: 48px;
}

.support .col-12:nth-child(3n + 2) {
	margin-top: 24px;
}

.support .col-12:nth-child(3n + 2) .support__item {
	margin-bottom: 24px;
}

.support__image {
	height: 220px;
	width: 100%;
}

.support__image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.support__box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 36px 48px;
	z-index: 1;
}

.support__item-title {
	font-weight: 500;
	font-size: var(--font-size-24);
	line-height: 34px;
	color: #FFFFFF;
	margin-bottom: 8px;
}

a.support__item-link {
	font-weight: 700;
	line-height: 26px;
	color: #FFFFFF;
}

.support__item:hover a.support__item-link {
	color: #0477E4;
}

.support__item-link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	cursor: pointer;
}

.support__item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	opacity: 0.1;
	transition: background, opacity 0.4s ease-in-out;
	z-index: 1;
}

.support__item:hover::before {
	background: #14213D;
	opacity: 0.7;
}

.feedback {
	padding: 96px 0;
	background: #14213D;
}

.feedback__title {
	color: var(--text-white);
	margin-bottom: 24px;
}

.feedback__description {
	color: var(--text-white);
	margin-bottom: 48px;
}

.feedback__item {
	min-height: 162px;
	background: #FFFFFF;
	padding: 24px;
	margin-bottom: 24px;
	display: grid;
	justify-content: center;
	text-align: center;
	transition: background 0.4s ease-in-out;
}

/* .feedback__item:hover {
	background: #0477E4;
} */

.feedback__image {
	max-width: 80px;
	width: 100%;
	margin: 0 auto 8px;
}

.feedback__item-title {
	font-size: var(--font-size-body);
	font-weight: 500;
	line-height: 26px;
	color: #0F0F0F;
	transition: color 0.4s ease-in-out;
}

/* .feedback__item:hover .feedback__item-link { 
	color: #FFFFFF;
} */

/* BOOKS */

.books--page .page__title {
	position: relative;
	z-index: 1;
}

.book__item {
	padding: 8px 24px 24px;
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
}

.book__image {
	max-width: 142px;
	margin: 0 auto;
	margin-bottom: 24px;
}

.book__image img {
	height: 100%;
}

.book__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
}

.book__title {
	font-weight: 500;
	font-size: var(--font-size-body);
	line-height: 26px;
	color: var(--text-black);
	margin-bottom: 4px;
}

.book__author {
	font-weight: 400;
	font-size: var(--font-size-12);
	line-height: 18px;
	color: var(--text-black);
	margin-bottom: 22px;
}

.book__link {
	font-weight: 700;
	font-size: var(--font-size-body);
	line-height: 26px;
	color: var(--text-blue);
	margin-top: auto;
	text-align: center;
}

.book__link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

/* BOOKS SINGLE */

.books__single {
	background: #EEF0F3;
	padding-bottom: 24px;
}

.book__image-wrapper {
	background: #FFFFFF;
	height: 390px;
	padding: 24px;
	display: flex;
	justify-content: center;
	margin-right: 24px;
}

.book__image-wrapper img {
	object-fit: contain;
}

.fragment--link {
	gap: 16px;
}

.book__buy {
	background: #EEF0F3;
	padding-bottom: 48px;
}

.buy__link {
	background: #FFFFFF;
	padding: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 150px;
}

.book__fragments {
	background: #EEF0F3;
    padding-bottom: 48px;
}

.contents-book-slider img {
	height: 580px;
	object-fit: contain;
}

.contents-book-slider .slick-arrow {
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.contents-book-slider .prev-slick {
	left: 48px;
	z-index: 2;
}

.contents-book-slider .next-slick {
	right: 48px;
}

/* FOOTER */

.footer__list {
	background: #14213D;
	padding: 70px 0;
}

.footer__list .info__title {
	color: var(--text-white);
}

.footer { 
	background: #EEF0F3;
	padding-top: 96px;	
}

.footer__title {
	font-weight: 500;
	font-size: var(--font-size-body);
	line-height: 26px;
	color: var(--text-black);
	margin-bottom: 16px;
}

.requisites {
	font-weight: 400;
	font-size: var(--font-size-12);
	line-height: 18px;
	color: var(--text-dgray);
}

.messangers__list {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: repeat(auto-fill, minmax(29px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 24px;
}

.footer__contacts .contact__link {
	font-weight: 400;
}

.footer__phones {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer__phones .phone--secondary {
	padding-left: 36px;
}

.footer__address,
.footer__worktime {
	display: grid;
	grid-template-columns: 20px 1fr;
	gap: 16px;
}

.footer__text {
	color: #0F0F0F;
	margin-bottom: 0;
}

.expression__text {
	text-align: center;
	text-transform: uppercase;
	color: #A1A6B1;
}

.footer__info {
	background: #FFFFFF;
	padding: 16px 0;
}

.footer__info a,
.footer__info a strong {
	font-weight: 400;
	color: #0F0F0F;
}

.menu__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.menu__link:visited,
.menu__link {
	color: #0F0F0F;
}

#header-menu-5 .menu__link {
	font-weight: 500;
	font-size: var(--font-size-24);
	line-height: 34px;
	color: var(--text-black);
}

#info-menu .menu__link {
	font-weight: 500;
	color: #0F0F0F;
}

/* DIPLOMAS */

.diplomas {
	background: #EEF0F3;
}

.diplomas__item {
	padding: 48px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	gap: 48px;
	min-height: 360px;
}

.diplomas__image {
	flex: 1 1 40%;
}

.diplomas__link {
	display: block;
	position: relative;
}

.diplomas__link:hover::before {
	content: "";
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.diplomas__link:hover::after {
	content: "";
	background: url(img/icon_zoom.svg) center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.diplomas__content {
	flex: 1 1 60%;
}

/* ASIDE */

.aside__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

a.aside__link {
	background: #0477E4;
	padding: 16px 24px;
	font-weight: 700;
	font-size: var(--font-size-body);
	line-height: 26px;
	color: #EEF0F3;
	display: flex;
}

.aside__link:hover {
	color: #14213D;
}

.news__block {
	display: flex;
	flex-direction: column;
}

.news__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.news__item {
	padding: 24px;
	background: #FFFFFF;
	position: relative;
	overflow: hidden;
}

.news__date {
	font-weight: 400;
	font-size: var(--font-size-12);
	line-height: 18px;
	color: var(--text-dgray);
}

.news__title {
	font-weight: 500;
	font-size: var(--font-size-body);
	line-height: 26px;
}

a.news__link {
	color: var(--text-black);
}

a.news__link:hover {
	color: var(--text-blue);
}

.news__link::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

.news__block .button {
	margin: 0 auto;
}

/* AWARDS */

.awards--page {
	padding-bottom: 96px;
	background: #EEF0F3;
}

.awards--item {
	flex-direction: column;
	align-items: unset;
}

/* SEARCH PAGE */

body.search-results .site-search,
body.search-no-results .site-search {
	padding-bottom: 96px;
	background: #EEF0F3;
}

body.search-results .books,
body.search-results .for-doctors {
	padding: 0;
}

body.search-results .books::before {
    content: none;
}

.no-results.not-found input.search-field {
	background: #FFFFFF;
}

body.search-results .post-thumbnail {
	display: block;
	width: 336px;
	height: 250px;
}

body.search-results .post-thumbnail .wp-post-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.search-results .category-smi .entry-summary {
	display: none;
}

body.search-results .pagination {
	justify-content: center;
}

@media(max-width: 1399px) {
	.banner__title {
		font-size: var(--font-size-36);
		line-height: 48px;
	}

	.banner__content {
		padding-top: 24px;
	}

	.banner__description {
		font-size: var(--font-size-body);
		line-height: 1.6;
		margin-bottom: 48px;
	}
}

@media(max-width: 1199px) {
	.header__menu-col {
		width: 25%;
	}

	.banner {
		background-position-x: 65%;
	}
}

@media(max-width: 991px) {
	.header__menu-col {
		width: 33%;
	}

	.socials__list { 
		gap: 12px;
	}
	
	.header__info .contact__link { 
		display: none;
	}
	
	.banner {
		height: 100%;
		background: linear-gradient(280.23deg, #DEDEDE 17.68%, #EEEDEB 84.2%);
	}
	
	.banner__content {
		padding-top: 48px;
	}
	
	.banner__description {
		margin-bottom: 24px;
	}

	.banner__list {
		bottom: 0;
		width: auto;
	}
	
	.banner__image {
		height: 350px;
	}
	
	.book__image-wrapper {
		margin-right: 0;
	}

	.support__item {
		margin-bottom: 24px;
	}

	.support .col-12:nth-child(3n + 2) {
		margin-top: 0;
	}
	
	.mobile__info {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}
	
	.contact__link {
		font-size: 16px;
	}
}

@media(max-width: 767px) { 
	.social__list--header { 
		display: none;
	}
	
	.menu__button {
		grid-area: menu;
	}
	
	.contact__link {
		grid-area: phone;
	}
	
	.mail--secondary {
		grid-area: mail2
	}
	
	.login {
		display: flex;
		grid-area: login;
	}

	.search-btn {
		grid-area: search;
	}
	
	.header__info {
		display: grid !important;
		grid-template-columns: repeat(5, 1fr);
		grid-template-areas: "phone mail2 search login menu"; 
		gap: 16px;
	}

	.banner {
		padding-top: 15vh;
	}
	
	.banner__image {
		width: 55%;
		background-size: cover !important;
	}
	
	.header__menu {
		padding: 1.5rem 0 4.5rem;
		max-height: 100vh;
		height: 100vh;
	}

	.contents-book-slider .prev-slick {
		left: 24px;
	}

	.contents-book-slider .next-slick {
		right: 24px;
	}
}

@media(max-width: 575px) {
	body {
		font-size: calc(var(--font-size-body) / 1.14);
	}

	h1, .page__title, .form-title {
		font-size: var(--font-size-24);	
		line-height: 1.2;
	}

	h2, .section__title {
		font-size: var(--font-size-18);
		line-height: 1.5;
	}

	h3 {
		font-size: var(--font-size-body);
		line-height: 1.5;
	}
	
	.header-title {
		pointer-events: auto;
	}
	
	.btn-toggle {
		position: relative;
		margin-bottom: 1rem !important;
	}
	
	.btn-toggle.collapsed {
		margin-bottom: 0 !important;
	}

	.btn-toggle::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		width: 16px;
    	height: 16px;
    	border: none;
    	border-top: 1px solid #0477E4;
    	border-right: 1px solid #0477E4;
    	transform: translateY(-50%) rotate(-45deg);
	}
	
	.btn-toggle.collapsed::after {
		transform: translateY(-50%) rotate(135deg);
	}
	
	.menu.collapse { display: none; }
	.menu.collapse.show { display: block; }

	.button {
		width: 100%;
	}
	
	.menu__button-text { 
		display: none;
	}

	.header__menu-col {
		width: 50%;
	}

	.header__menu-col:last-child {
		width: 100%;
	}
	
	.header__info { 
		justify-content: flex-end !important;
		gap: 8px;
	}
	
	.login__link {
		gap: 8px;
	}
	
	.banner {
		padding-top: 20vh;
		padding-bottom: 0;
	}

	.banner__content {
		padding-top: 0;
		padding-bottom: 24px;
	}
	
	.banner__image {
		width: 100%;
		padding-top: 100%;
		position: static;
	}
	
	.banner__title {
		margin-bottom: 24px;
	}
	
	.menu__button {
		margin-left: auto;
	}

	.support {
		padding: 48px 0;
	}

	.support__title {
		margin-bottom: 24px;
	}

	.feedback {
		padding: 48px 0;
	}

	.footer__list {
		padding: 48px 0;
	}

	.footer {
		padding-top: 48px;
	}

	.diplomas__item {
		flex-direction: column;
		align-items: flex-start;
		min-height: auto;
		padding: 24px;
		gap: 24px;
	}

	.fragment--link {
		padding: 16px 24px;
	}

	.contents-book-slider {
		padding: 0 24px;
	}

	.contents-book-slider .prev-slick {
		left: 0;
	}

	.contents-book-slider .next-slick {
		right: 0;
	}
	
	.search-block { padding: 1rem 0 1.5rem; }
	input.search-field { padding: 0.875rem 1.5rem; }
	input.search-submit { bottom: 0; padding: 1rem; line-height: 1; }
	.header__menu-col { width: 100%; }
	.single-news__content { margin-bottom: 1.5rem; }
	.gallery-columns-3 { grid-template-columns: repeat(1, 1fr); }
	.wp-caption { margin-bottom: 0; }
	img.alignright { float: none; margin-left: 0; }
}