/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative;}
.wrapper-container {max-width: var(--maximum-width); margin: 0 auto; position: relative; z-index: 20; 
	box-shadow: 0 0 16px 0 rgb(0,0,0,0.4); background-color: #fff; padding: 0 var(--indent);}
.header {position: relative; padding-top: 30px;}
.content, .locations {min-height: 100vh; /*padding: 50px 0;*/}
.footer {gap: 50px 20px; padding-top: 50px; /*border-top: 1px solid var(--bdc);*/}
	
#scrolltop {position: fixed; width: 60px; height: 60px; line-height: 60px; right: 10px; bottom: 10px;
	z-index: 990; display: none; background-color: var(--bg-color-third); color: var(--text-color-second); 
	cursor: pointer; font-size: 24px; border-radius: 50%; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}

/*
.fsr {float: right;width: 49%;}
.fsl {float: left;width: 49%;}*/

/* HEADER, NAV
----------------------------------------------- */
.logo {height: 40px;}
.logo2 {width: 190px; height: 60px; display: block; 
	background: url(/logo.png) 0 center / contain no-repeat;}
.header__logo {position: fixed; left: 50%; top: 30px; margin-left: -580px;}
.header__menu {gap: 20px; justify-content: flex-end;}
.header__menu a:hover, .footer__menu a:hover, .header__location-btn:hover {text-decoration: underline;}
.header__location-btn {cursor: pointer; display: inline-block; max-width: 100%; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.header__location-btn .fal {color: #4b8bda; margin-left: 10px;}
.header__search-box {position:relative; margin-top: -10px;}
.header__search-box input, .header__search-box input:focus {padding: 0 100px 0 60px; border-radius: 8px; 
	background: #eaeef4; box-shadow: none; height: 66px; line-height: 66px; font-size: 18px;}
.header__search-box input:not(:focus)::placeholder {color: #000; opacity: 0.5; font-size: 18px;} 
.header__search-box button {position:absolute; right: 0; top: 0px; width: 90px; padding: 0; 
	border-radius: 0 8px 8px 0; height: 66px; font-size: 18px;}
.header__search-box::before {content:"\f002"; font-weight: 300; font-family:'Font Awesome 5 Pro'; 
	font-size: 14px; position: absolute; left: 26px; top: 50%; margin-top: -8px;}
.privacy {margin-top: 20px; font-size: 14px;}
.privacy__hide {cursor: pointer; color: #4b8bda; margin-top: 5px;}


/* SECTION
----------------------------------------------- */
.sect__header, .sect:not(:last-child) {margin-bottom: 20px;}
.sect__title {font-size: 34px; font-weight: 700;}
.speedbar {font-size: 0; color: var(--grey); margin-bottom: 50px; margin-left: -10px;}
.speedbar a {color: #7d899c; font-size: 14px;}
.speedbar a::before {content:"\f177"; font-weight: 300; font-family:'Font Awesome 5 Pro'; 
	color: #4b8bda; margin: 0 10px; font-size: 11px;}
.speedbar a:hover, .sect__link:hover, .faq__text a, .privacy__hide:hover {text-decoration: underline;}
.sect__subtitle {font-size: 21px; font-weight: 400;}
.sect__subtitle div {font-size: 16px; padding-top: 5px;}
.sect__caption {margin-top: 20px;}
.sect__link {color: #7d899c; display: inline-block; font-size: 15px;}
.sect__link .fal, .faq__text a {color: #4b8bda;}
.sect__header img {display: inline-block; margin-right: 10px; height: 22px;}


/* PARTNERS, SERV, FAQ, LOCATIONS
----------------------------------------------- */
.partners {gap: 10px;}
.partners__caption {color: var(--grey); font-size: 14px;}
.partners img {max-width: 80px; max-height: 26px;}
.serv, .locations__list {/*box-shadow: 0 0 2px 0 rgba(155,179,209,0.3),0px 4px 8px -4px rgba(170,187,208,0.5);*/ 
	border-radius: 8px; overflow: hidden; margin-top: -20px; background-color: #fff; }
.serv__item, .showitems-btn {border-bottom: 1px solid #e9e9e9; padding: 20px 26px; cursor: pointer;}
.serv__btn {margin-left: 20px; color: #4b8bda; font-size: 14px;}
.showitems-btn {border: 0; color: #4b8bda;}
.faq {background-color: #fff4c8; border-radius: 8px; margin-top: -20px; overflow: hidden;}
.faq__item {border-bottom: 1px solid #f2e3ad;}
.faq__title {cursor: pointer; padding: 20px 26px; padding-right: 60px; position: relative;}
.faq__title::before {content:"\f107"; font-weight: 300; font-family:'Font Awesome 5 Pro'; 
	position: absolute; right: 20px; top: 50%; margin-top: -8px;}
.faq__title.is-active::before {content:"\f106";}
.faq__text {line-height: 1.4; padding: 20px 26px;}
.faq__title:hover, .faq__title.is-active, .serv__item:hover, .showitems-btn:hover {background-color: rgba(0,0,0,0.02);}
.locations__list {padding: 20px 26px; display: grid; grid-gap: 20px;}
.locations__list-holder-caption {text-transform: uppercase; color: rgb(125, 137, 156); margin-bottom: 20px;}
.locations__list-holder-caption::after {flex-grow: 1; margin-left: 10px; background-color: #e9e9e9; height: 1px; content: '';}
.locations__list-holder-list {grid-gap: 15px 15px; grid-template-columns: repeat(auto-fill,minmax(140px,1fr));}
.locations__list-holder-list > * {cursor: pointer; font-size: 15px;}
.locations__list-holder-list > *:hover {text-decoration: underline;}


/* SHORT ITEM
----------------------------------------------- */
.short-item {background-color: #fff; border-radius: 8px; overflow: hidden; 
	box-shadow: 0 0 2px 0 rgba(155,179,209,0.3),0px 4px 8px -4px rgba(170,187,208,0.5);}
.short-item__link {display: block;}
.short-item__img {height: 170px;}
.short-item__desc {padding: 10px 20px;}
.short-item__category {color: var(--accent-color); font-size: 10px; text-transform: uppercase; margin-bottom: 10px;}
.short-item__title {font-size: 18px; color: #000; font-weight: 400;}
.short-item__text {font-size: 14px; color: #696969; line-height: 1.6; margin-top: 10px; -webkit-line-clamp: 3;}
.short-item__btn {font-size: 14px; margin-top: 20px; color: #4b8bda;}
.short-item:hover .short-item__img {filter:brightness(1.2);}
.short-item:hover .short-item__title {text-decoration: underline;}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__cell {flex: 1 1 0; min-width: 140px;}
.footer__cell--wide {min-width: 100%;}
.footer__menu {display: grid; grid-gap: 16px; font-weight: 600; font-size: 17px;}
.footer__menu a {font-weight: 400; font-size: 16px;}
.footer__menu small {color: var(--grey); font-weight: 400; font-size: 14px;}
.footer__payments img {margin-right: 10px; height: 30px;}
.footer__payments img.sm {height: 18px;}
.footer__apps {gap: 20px;}
.footer__app {display: flex; flex-direction: column; justify-content: center; height: 70px; border-radius: 4px; 
	border: 1px solid var(--bdc); position: relative; padding: 0 40px 0 63px; font-size: 17px;}
.footer__app-caption {color: var(--grey); font-size: 14px; margin-bottom: 3px;}
.footer__app--apple {background: url(../images/apple.png) 20px center / 23px auto no-repeat;}
.footer__app--google {background: url(../images/gplay.png) 20px center / 23px auto no-repeat;}
.footer__app---skolkovo {padding: 0; border: 0;}
.footer__app---skolkovo img {height: 100%;}
.footer__copyright, .footer__partners {color: var(--grey); font-size: 14px;}
.footer__partners img {height: 30px; margin-left: 10px;}
.footer__text {margin: 0 var(--indent-negative); padding: 26px var(--indent); margin-top: -30px;
	background-color: #f0f4fa; color: #5b636c; font-size: 14px; line-height: 1.5;}

.pagination {text-align: center; padding-top: 15px;}
.pagination__pages a, .pagination__pages span {display: inline-block; margin: 10px 5px 0 5px; line-height: 40px; 
	padding: 0 10px; min-width: 40px; font-size: 18px; border-radius: 8px;
	box-shadow: 0 0 2px 0 rgba(155,179,209,0.3),0px 4px 8px -4px rgba(170,187,208,0.5);}
.pagination__pages span:not(.nav_ext), .pagination__pages a:hover  
{background: #4b8bda; color: #fff; border-color: var(--accent-color);}


/* INNER PAGE
----------------------------------------------- */
.page > h1 {font-size: 34px; font-weight: 700; line-height: 1.1; margin-bottom: 20px;}
.page > h1 a {font-size: 18px; margin-left: 10px; color: var(--grey);}
.page__text {margin-bottom: 40px;}
.page__btn {height: 66px; margin-bottom: 40px; width: 100%; background-color: #fff; 
	border: solid 1px #69a6f1; border-radius: 8px; color: #4b8bda; font-size: 16px;}
.rel-item {display: block; background-color: #fff; border-radius: 8px; padding: 20px; 
	box-shadow: 0 0 2px 0 rgba(155,179,209,0.3),0px 4px 8px -4px rgba(170,187,208,0.5);}
.rel-item__img {padding-top: 100%;}
.rel-item__img img {object-fit: contain;}
a.rel-item:hover {background-color: #f9f9f9;}
.sect__content--related {grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); grid-gap: 10px 10px;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {line-height: 1.7; font-size: 16px; word-wrap: break-word; color: #000;} /* color: #5c5c5c; */
.full-text a {text-decoration: underline; color: #2196f3;} /* color: #5278b1; */
.full-text a:hover {text-decoration: none;}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table, .page__title, .full-text .fsl ol {margin-bottom: 15px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li, .full-text .fsl ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 6px; height: 6px; border-radius: 50%; 
	border: 0px solid #4b8bda; position: absolute; top: 9px; left: 34px; background-color: #4b8bda;}
.full-text > ol, .full-text .fsl ol {counter-reset: num;}
.full-text > ol li:before, .full-text .fsl ol li:before {content: counter(num); counter-increment: num; background-color: #4b8bda; color: #fff; 
	position: absolute; top: 2px; left: 17px; width: 24px; height: 24px; font-size: 14px; font-weight: 600;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after, .full-text .fsl ol li:after {content: ''; border: 8px solid transparent; border-left-color: #4b8bda; 
	position: absolute; left: 41px; top: 2px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li, .full-text .fsl ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%;}
.full-text table tr td {padding:10px; /*border:2px solid #fff;*/}
.full-text table tr:nth-child(2n+1) {background-color:#f2f6f9;} 
.full-text table tr:nth-child(1) {background-color:#cee0ed;}
.full-text table img:not(.emoji) {margin:0; max-width:350px}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 60%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 22px; font-weight: 600;}

.knopka {font-weight: 600;background: #2196f3;padding: 3px 10px;border: 1px solid #2196f3;color: #fff;border-radius: 3px;display: inline-block;margin-bottom: 20px;color: #fff !important;text-decoration: none !important;}
.knopka:hover {background: #fff;color: #2196f3 !important;}

/* COMMENTS
----------------------------------------------- */
.page__comments-title {font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.add-comments-form.form {background-color: #f0f4fa; padding: 20px;}
.add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea, 
.mass_comments_action select {box-shadow: inset 0 0 0 1px #e3e3e3; border-radius: 0;}
.add-comments-form__input {margin-left: 20px;}
.add-comments-form .d-none, .comments_subscribe + br {display: none;}
.mass_comments_action {display: flex; align-items: center; max-width: 800px; white-space: nowrap; margin-bottom: 20px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -8px 0 20px;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}

.comment-item__title {font-weight: 600; font-size: 18px; margin-bottom: 20px;}
.comment-item {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3;}
.comment-item__img {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.comment-item__letter {width: 100%; height: 100%; text-transform: uppercase; font-weight: 600; 
	position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 18px;}
.comment-item__author {font-weight: 600; font-size: 15px;}
.comment-item__date {color: var(--text-color-second); margin-top: 4px; font-size: 14px;}
.comment-item__main {margin: 8px 0 6px 0;}
.comment-item__rating {white-space: nowrap; font-size: 14px;}
.comment-item__rating a {margin-left: 6px;}
.comment-item__rating a > span:first-child {color: #6ab04c; text-decoration: underline; font-weight: 400; margin-right: 2px;}
.comment-item__rating a:last-child > span:first-child {color: #eb4d4b;}
.comment-item__reply a {font-size: 14px; margin-right: 20px; color: var(--text-color-second);}
.comment-item__reply a .fal {margin-left: 5px;}
.comment-item__reply + .comment-item__reply a .fal {margin-left: 0; margin-right: 5px;}
.comment-item__controls {text-align: right; font-size: 14px; margin-right: -15px;}
.comment-item__controls li {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; height: 16px; line-height: 16px;}
.comment-item__controls a:not(:hover) {color: var(--text-color-second);}
.comment-item__footer a:hover {text-decoration: underline;}
.comment-item__rating a:hover > span:first-child {text-decoration: none;}
.comment-item__controls .checkbox {transform: scale(0.8,0.8); margin-left: 5px;}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	padding: 10px 20px; z-index: 999; position: fixed; left: -320px; top: 0; transition: left .4s; 
	background-color: #4b8bda; color: #fff;}
.mobile-menu.is-active {left: 0;}
.mobile-menu-close {cursor: pointer; display: block; left: 280px; top: -40px; position: fixed; z-index: 999;
	width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; opacity: 0;
	background-color: #e84e36; color: #fff; transition: top .4s, opacity .4s;}
.mobile-menu-close.is-active {top: 0px; opacity: 1;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu .header__menu {margin: 0; padding: 0; display: block;}
.mobile-menu .header__menu > li {width: 100%; margin: 0; padding: 0;}
.mobile-menu .header__menu > li > a {height: 40px; line-height: 40px; display: block; color: #fff;}

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

@media screen and (max-width: 950px) {
	#scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
	.header {background-color: #4b8bda; color: #fff; margin: 0 var(--indent-negative); 
		padding: 10px var(--indent);}
	.header__location-btn, .header__location-btn .fal {color: #fff;}
	.header__logo {position: static; margin: 0; margin-right: 20px; height: 40px; width: 110px;}
	.header .header__menu {display: none;}
	.header__btn-menu {display: block; font-size: 30px; cursor: pointer; margin-left: 10px;}
}

@media screen and (max-width: 760px) {
	.wrapper-container {max-width:640px; padding-left: 20px; padding-right: 20px;}
	.footer__text, .header {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}

	.page__poster {height: 240px;}
	.page__header {left: 20px; right: 20px; bottom: 20px; top: 20px;}
	.page__header h1 {font-size: 24px;}
	.page__meta-item {margin-right: 20px;}
	.page__col-left {padding-left: 20px; padding-right: 20px;}
	.page__intro, .page__text .quote, .page__subscribe {margin-left: -20px; margin-right: -20px; padding-right: 20px;}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
	.page__subscribe-form {min-width: 100%; margin: 20px 0 0 0;}
	.page__subscribe-form button {padding: 0; width: 40px;}
	.add-comments-form.form {margin-left: 0; margin-right: 0;}
	.page__comments-list:not(.page__comments-list--not-comments) {margin-left: -20px; margin-right: -20px; 
		border-left: 0; border-right: 0;}
	
	.add-comments-form__input {min-width: 100%; margin: 0 0 10px 0;}
	.add-comments-form__btn {width: 100%; order: 10;}
	.add-comments-form .form__row--protect .form__caption {width: 100%; margin: 0 0 10px 0;}
	.mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;}
}

@media screen and (max-width: 590px) {
    .fsl, .fsr {width: 100%;}
	.wrapper-container {max-width:480px;}
	.login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
	.login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}

	.page__rating a + a {margin: 0;}
	.page__meta, .page__date {font-size: 12px;}
	.page__btn-comments {width: 100%; margin: 0; margin-top: 20px;}
	.page__header h1 {line-height: 1.3;}
	.page__meta {height: 15px; overflow: hidden;}
}

@media screen and (max-width: 470px) {
	.wrapper-container22 {max-width:360px;}
	.partners {justify-content: flex-start;}
	.header__search-box input, .header__search-box input:focus {padding-left: 40px; padding-right: 80px; font-size: 16px;}
	.header__search-box input:not(:focus)::placeholder {font-size: 16px;} 
	.header__search-box::before {left: 14px;}
	.header__search-box button {width: 80px; font-size: 16px;}
	.faq__title {padding-left: 20px;}
	.serv__item, .showitems-btn, .locations__list {padding-left: 20px; padding-right: 20px;}
	.locations__list {margin-left: -20px; margin-right: -20px; border-radius: 0;}
}