@font-face {
font-family: "Noto Serif";
src: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/font/NotoSerifDisplay-ExtraCondensed.ttf);
} :root {
--swiper-pagination-color: #702323;
}
.swiper-button-prev::after,
.swiper-button-next::after {
content: none;
} .swiperControls {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.swiperControls button {
position: relative;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 3rem;
}
.swiperControls button img {
width: 100%;
}
.swiperControls .swiper-pagination {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0.5rem 0 0.5rem;
}
.swiperControls .swiper-pagination .swiper-pagination-bullet {
background-color: transparent;
border: 1px solid #702323;
opacity: 1; }
.ex_carousel .scienceSwiper__controls {
margin-bottom: 30px;
}
.swiperControls .swiper-pagination .swiper-pagination-bullet-active {
width: 1rem;
height: 1rem;
background-color: #702323;
}
.eventBlock img {
width: 100%;
height: auto;
max-width: 620px;
}
@media (min-width: 992px) {
.eventBlock img {
height: 395px;
min-width: 620px;
}
.swiperControls button {
width: 4.5rem;
}
.swiperControls .swiper-pagination {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
margin: 0 1rem 0 1rem;
}
.swiperControls .swiper-pagination .swiper-pagination-bullet {
width: 0.8rem;
height: 0.8rem;
}
.swiperControls .swiper-pagination .swiper-pagination-bullet-active {
width: 1.5rem;
height: 1.5rem;
}
}
@media (max-width: 576px) {
.eventBlock img {
height: 80px;
}
} h1,
h2,
h3,
h4 {
font-family: "Noto Serif";
font-weight: 400;
margin: 0;
}
p,
small,
a,
li,
input {
font-family: "Roboto";
font-weight: 400;
}
button {
font-family: "Roboto Condensed";
}
.buttonStyle {
margin-top: 1rem !important;
}
.buttonStyle a {
border: 1px solid #702323;
}
.buttonStyle a:hover {
background-color: white !important;
color: #702323 !important;
}
.buttonStyle {
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
} ul {
list-style: none;
}
a {
color: unset;
text-decoration: none;
cursor: pointer;
}
button {
border: none;
background-color: transparent;
} input {
border: 0;
}
body {
position: relative;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 24px;
}
p {
font-size: 18px;
}
button {
font-size: 16px;
}
small {
font-size: 14px;
}
@media (min-width: 992px) {
button,
a {
font-weight: 400;
font-size: 24px;
}
h1 {
font-size: 96px;
}
h2 {
font-size: 60px;
}
h3 {
font-size: 36px;
}
small {
font-size: 16px;
}
} .pillsMenu {
margin-bottom: 1rem;
}
.pillsMenu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: white;
border-radius: 1rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0.5rem 0.5rem 0.5rem 0.5rem;
margin: auto;
-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);
}  .nav-tabs .nav-link {
font-family: "Roboto Condensed";
font-size: 16px;
border-radius: 0.5rem;
color: black;
padding: 0.2rem 0.7rem 0.2rem 0.7rem;
}
.nav-tabs .nav-link.active {
background-color: #702323;
color: white;
}
@media (min-width: 992px) {
.pillsMenu {
margin-bottom: 2rem;
}
.pillsMenu ul {
border-radius: 1rem;
padding: 0.6rem 0.5rem;
}
.nav-tabs .nav-link {
border-radius: 0.8rem;
padding: 0.2rem 0.9rem;
font-size: 24px;
margin: 0 1rem;
}
.pillsMenu ul li a {
}
}
main {
padding-top: 6.5rem;
-webkit-transition: padding 0.3s;
-o-transition: padding 0.3s;
transition: padding 0.3s;
}
@media (min-width: 992px) {
main {
padding-top: 8.5rem;
}
} header {
position: fixed;
background-color: white;
z-index: 15;
max-width: 100vw;
-webkit-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
height: 7rem;
-webkit-transition: top 0.3s;
-o-transition: top 0.3s;
transition: top 0.3s;
top: 0;
}
.navigation {
padding-top: 1.5rem;
}
.navigation .navigation__header {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.navigation .navigation__header h2 {
text-align: center;
color: #702323;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
font-size: 20px;
padding-bottom: 0.8rem;
}
.navigation .navigation__header h2::after {
position: relative;
content: "";
display: block;
height: 1px;
width: 5rem;
background-color: #702323;
margin: auto;
top: 0.7rem;
}
.navigation .navigation__header img.navigation__burger {
width: 3rem;
position: absolute;
top: 0.5rem;
left: 0;
cursor: pointer;
}
.navigation .navigation__header img.navigation__logo {
width: 4rem;
position: absolute;
top: -0.5rem;
right: 0;
}
.navigation .navigation__header div {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.navigation .navigation__header ul {
width: 20rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.navigation .navigation__header ul li {
padding: 0;
text-align: center;
padding-top: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}   .navigation .navigation__header ul li a {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
font-size: 16px;
font-family: "Roboto Condensed";
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.navigation .navigation__header ul li a:hover::after {
width: 100%;
-webkit-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;
}
.navigation .navigation__header ul li a::after {
content: "";
background: #702323;
position: absolute;
bottom: 0;
height: 2px;
width: 0px;
border-radius: 10px;
}
.navigation .navigation__header aside {
display: none;
position: absolute;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
right: 0;
} .navigation__menu {
width: 20rem;
min-height: 100vh;
height: 100vh; position: absolute;
left: -21rem;
top: 0;
background-color: white;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-transition: top 0.3s, left 0.3s;
-o-transition: top 0.3s, left 0.3s;
transition: top 0.3s, left 0.3s;
padding: 2rem 2rem 0 2rem;
margin: 0;
-webkit-box-shadow: 0px 0px 10px black;
box-shadow: 0px 0px 10px black;
}
.navigation__menu button {
position: absolute;
top: 2rem;
right: 1.5rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.navigation__menu h3 {
text-align: center;
font-size: 36px;
}
.navigation__menu button img {
width: 1.2rem;
}
.navigation__menu-heading::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/headerBracket-left.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.navigation__menu-heading::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/headerBracket-right.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.navigation__menu-opened {
left: 0 !important;
}
.navigation__menu ul {
padding: 0;
border-top: 1px solid #702323;
margin-top: 1rem;
padding-top: 1rem;
}
.navigation__menu ul li {
padding: 0.5rem 0 0.5rem 0;
font-family: "Roboto Condensed", sans-serif;
font-size: 16px;
}
@media (max-width: 576px) {
.navigation__menu ul li {
padding: 0.3rem 0 0.3rem 0;
}
}
.navigation__menu ul li a {
-webkit-transition: padding 0.3s, border 0.3s;
-o-transition: padding 0.3s, border 0.3s;
transition: padding 0.3s, border 0.3s;
}
.navigation__menu ul li:hover a {
padding-left: 0.5rem;
border-left: 1px solid #702323;
}
.navigation__menu form {
position: relative;
padding: 0;
}
.navigation__menu form img {
position: absolute;
left: 1rem;
top: 5px;
height: 70%;
}
.navigation__menu form input {
background-color: #fafafa;
width: 100%;
padding: 0.4rem 0 0.4rem 2.5rem;
border-radius: 0.3rem;
font-size: 10px;
}
.navigation__menu-bottom {
padding: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 1rem;
padding-bottom: 1rem;
}
@media (max-width: 576px) {
.navigation__menu-bottom {
margin-top: 0;
}
}
.navigation__menu-bottom p {
font-family: "Noto Serif";
font-size: 20px;
margin-bottom: 0.5rem;
}
.navigation__menu-bottom a img {
width: 1.5rem;
}
.navigation__menu-bottom div:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.navigation__menu-footer {
padding: 1rem 0 1rem 0;
border-top: 1px solid #702323;
}
@media (max-width: 576px) {
.navigation__menu-footer {
padding: 0.3rem 0 0.3rem 0;
}
}
.navigation__menu-footer h4 {
text-align: center;
color: #702323;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navigation__menu-footer h4::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/headerBracketBrown-left.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 1.7rem;
height: 1.7rem;
content: "";
margin-top: 0.15rem;
}
.navigation__menu-footer h4::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/headerBracketBrown-right.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 1.7rem;
height: 1.7rem;
content: "";
margin-top: 0.15rem;
}
@media (max-width: 992px) {
.navigation__menu {
min-height: 10rem; }
}
@media (min-width: 992px) {
header {
height: 9rem;
}
.navigation .navigation__header h2 {
font-size: 40px;
}
.navigation .navigation__header ul li a {
font-size: 20px;
}
.navigation .navigation__header ul {
width: 25rem;
}
.navigation .navigation__header img.navigation__logo {
width: 8rem;
top: 0rem;
right: unset;
left: 10%;
}
.navigation .navigation__header aside {
display: block;
}
.navigation__menu {
width: 30rem;
left: -31rem;
padding: 3rem 3rem 0 3rem;
}
.navigation__menu form {
display: none;
}
.navigation__menu-bottom {
width: 100%;
border-top: 1px solid #702323;
margin: 0;
padding-top: 1rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0rem 0 0rem 0;
padding: 0rem 0 2rem 0;
}
.navigation__menu-bottom div:nth-child(1) {
text-align: center;
}
.navigation__menu-bottom div:nth-child(1) p {
font-size: 28px;
}
.navigation__menu-bottom div:nth-child(1) a {
padding: 0 5px 0 5px;
}
.navigation__menu-bottom div:nth-child(1) a img {
width: 3rem;
}
.navigation__menu-bottom div:nth-child(2) {
display: none;
}
.navigation__menu-footer {
padding-top: 2rem;
}
.navigation__menu-footer h4 {
font-size: 30px;
}
.navigation__menu ul li {
font-size: 24px;
line-height: 25px;
}
.navigation__menu button {
position: absolute;
top: 3rem;
right: 2rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media (min-width: 1200px) {
.navigation .navigation__header img.navigation__logo {
left: 18%;
}
}
@media (min-width: 1700px) {
.navigation__menu-bottom {
margin: 4rem 0 0rem 0;
padding: 2rem 0 2rem 0;
}
}
@media (max-width: 576px) {
.navigation__menu-bottom p {
font-size: 18px;
}
.navigation__menu-bottom .bvi-open {
font-size: 12px;
}
.navigation__menu-bottom .bvi-shortcode {
margin-right: -20px;
}
} .heading {
background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)),
url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__bg.png);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0)),
to(rgba(0, 0, 0, 1))
),
url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__bg.png);
background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)),
url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: white;
height: 30rem;
position: relative;
padding-top: 10rem;
}
.heading__desktopBg {
display: none;
}
.heading div {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.heading span {
font-family: "Noto Serif";
font-weight: 400;
}
.heading div div span:nth-child(2) {
font-size: 20px;
}
.heading div div span:nth-child(3) {
font-size: 32px;
}
.heading div div h1 {
display: none;
} .heading a.button {
color: black;
background-color: white;
border-radius: 7px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-top: 1rem;
padding: 0.2rem 1.7rem 0.2rem 1.7rem; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
font-family: "Roboto Condensed";
}
.heading .heading__status {
position: absolute;
bottom: 1.5rem;
max-width: 100%;
}
.heading .heading__status div {
display: inline-block;
text-align: start;
width: 80%;
}
.heading .heading__status i {
font-style: normal;
}
.heading .heading__status svg {
width: 1.7rem;
height: 1.7rem;
padding-right: 0;
margin-top: 6px;
}
.heading .heading__status button {
background-color: transparent;
padding: 0;
margin: 0;
}
.heading .heading__status div img {
width: 1rem;
}
@media (min-width: 992px) {
.heading {
background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0)),
to(rgba(0, 0, 0, 1))
);
background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
overflow: hidden;
}
.heading__desktopBg {
display: block;
position: absolute;
top: 0;
width: 100%;
z-index: -10;
}
.heading div div span:nth-child(2) {
line-height: 1rem;
font-size: 47px;
}
.heading div div span:nth-child(3) {
font-size: 96px;
}
.heading div {
text-align: start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.heading {
padding-top: 15%;
height: 35rem;
}
.heading a {
font-size: 16px;
}
.heading a.button {
border-radius: 12px;
padding: 0.2rem 2rem 0.2rem 2rem;
font-size: 30px;
}
.heading .heading__status {
width: 80%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.heading .heading__status img {
margin-top: 0.35rem;
}
}
@media (min-width: 1200px) {
.heading {
height: 53rem;
}
} .carouselSection {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/carouselBackground.png);
background-repeat: no-repeat;
background-position: left;
background-size: 40%;
padding-top: 3rem;
padding-bottom: 3rem;
}
.carouselSection .row {
margin: 0;
}
.carouselSwiper {
margin: 0;
height: 33rem;
}
.carouselSwiper .swiper-slide {
overflow: hidden;
}
.carouselSwiper img {
-o-object-fit: cover;
object-fit: cover;
width: -webkit-fill-available;
height: 100%;
}
.carouselSwiper .swiper-slide div {
position: absolute;
color: white;
bottom: 0;
padding: 1.5rem;
}
.carouselSwiper .swiper-slide div h2 {
font-size: 32px;
}
.carouselSwiper .swiper-slide div h5 {
display: none;
}
.carouselSwiper__controls {
margin-top: 1rem;
}
.carouselSwiper .swiper-slide img {
-webkit-filter: brightness(75%);
filter: brightness(75%);
}
@media (max-width: 768px) {
.carouselSwiper img {
-o-object-fit: fill;
object-fit: fill;
width: -webkit-fill-available;
height: 100%;
}
}
@media (max-width: 576px) {
.carouselSwiper img {
-o-object-fit: cover;
object-fit: cover;
width: auto;
height: 100%;
}
}
@media (min-width: 992px) {
.carouselSection {
padding-top: 8rem;
padding-bottom: 10rem;
}
.carouselSwiper .swiper-slide div h2 {
font-size: 36px;
}
.carouselSwiper .swiper-slide div h5 {
display: block;
font-size: 30px;
font-weight: 200;
font-family: "Roboto";
}
.carouselSwiper img {
width: 100%; height: 100%;
}
.carouselSwiper .swiper-slide div small {
display: block;
width: 60%;
margin-bottom: 2rem;
}
.carouselSwiper .swiper-slide div a {
background-color: white;
color: black;
padding: 0.5rem 1rem 0.5rem 1rem;
border-radius: 0.8rem;
}
.carouselSwiper .swiper-slide div {
padding: 7%;
bottom: 3rem;
}
.carouselSwiper__controls {
margin-top: 2.5rem;
}
.carouselSwiper .swiper-slide img {
-webkit-filter: brightness(75%);
filter: brightness(75%);
}
}
@media (min-width: 1024px) {
.carouselSection {
padding-top: 3rem;
padding-bottom: 4rem;
}
}
@media (min-width: 1200px) {
.carouselSwiper { height: 75vh;
}
.carouselSwiper .swiper-wrapper {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.carouselSwiper .swiper-slide {
padding: 4%;
-webkit-transition: padding 0.3s;
-o-transition: padding 0.3s;
transition: padding 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.carouselSwiper .swiper-slide-active {
padding: 0;
}
.carouselSwiper .swiper-slide div h2 {
padding-right: 25%;
}
.carouselSwiper .swiper-slide div {
bottom: 1rem; }
.carouselSwiper .swiper-slide img {
-webkit-filter: brightness(75%);
filter: brightness(75%);
height: auto;
}
.carouselSwiper .swiper-slide {
height: 110%;
}
.carouselSwiper .swiper-slide-active {
height: 120%;
}
}
@media (min-width: 1440px) {
.carouselSection {
padding-top: 5rem;
padding-bottom: 8rem;
}
}
@media (max-height: 900px) {
.carouselSwiper .swiper-slide div {
bottom: 7rem;
}
}
@media (max-height: 800px) {
.carouselSwiper .swiper-slide div {
bottom: 11rem;
}
} .card-section {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 40px 1fr 40px 1fr;
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: 1fr 100px 1fr;
grid-template-rows: repeat(2, 1fr);
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
row-gap: 100px;
}
.card-section > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.card-section > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.card-section > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.card-section > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.card-section > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.card-section > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 5;
}
.card-section__card-link {
max-width: 400px;
max-height: 300px;
}
.card-section__card-item {
width: 100%;
height: 100%;
}
.card-section__card-item:hover > img {
-webkit-filter: brightness(0.8);
filter: brightness(0.8);
}
.card-section__card-item img {
width: 100%;
height: 90%;
}
.card-section__card-item-title {
font-size: 20px;
padding: 10px 30px;
background: rgb(0 0 0 / 46%);
color: white;
line-height: 24px;
max-height: 90px;
min-height: 90px;
}
@media (min-width: 1024px) {
.card-section__card-item-title {
font-size: 16px;
}
.card-section {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 30px;
}
.card-section__card-item img {
height: 75%;
}
}
@media (min-width: 1366px) {
.card-section__card-item-title {
font-size: 19px;
}
.card-section {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 70px;
}
.card-section__card-item img {
height: 85%;
}
}
@media (min-width: 1440px) {
.card-section {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 100px;
}
.card-section__card-item img {
height: 90%;
}
}
@media (max-width: 576px) {
.carouselSection {
padding-bottom: 3rem;
}
.card-section {
-ms-grid-columns: 1fr 15px 1fr;
grid-template-columns: repeat(2, 1fr);
row-gap: 30px;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.card-section__card-item-title {
font-size: 14px;
line-height: 13px;
padding: 8px 10px 0 !important;
}
.card-section__card-item img {
height: 60%;
}
.card-section__card-link {
max-width: 185px;
}
.carouselSection .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.eventsSchedule .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.aboutMuseum .flex-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 389px) {
.card-section__card-link {
max-width: 140px;
}
}
@media (max-width: 413px) {
.card-section__card-link {
max-width: 170px;
}
}  .eventsSchedule {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/eventsSchedule__bg.png);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
padding: 2rem 0 8rem;
position: relative;
}
.eventsSchedule h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.eventsSchedule h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.eventsSchedule h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.eventsSchedule img.eventsSchedule__horse-bg {
position: absolute;
bottom: 0;
width: 20%;
}  .eventsSwiper .swiper-wrapper {
height: 800px;
}
.eventsSchedule .swiper .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
position: relative;
color: white;
}
.eventsSchedule .swiper .swiper-slide img {
position: absolute;
width: 100%;
z-index: -1;
-webkit-filter: brightness(75%);
filter: brightness(75%);
background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0)),
to(rgba(0, 0, 0, 0.5))
);
background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
}
.eventsScheduleSwiper__content-description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.eventsSchedule
.swiper
.swiper-slide
.eventsScheduleSwiper__content-description {
padding: 2.2rem 3rem 3rem 3rem;
}
.eventsSchedule .swiper .swiper-slide div h3 {
margin-top: 3rem;
font-size: 24px;
padding: 0 1rem 0rem 1rem;
}
.eventsSchedule .swiper .swiper-slide div p {
font-size: 10px;
margin-top: 0.5rem;
}
.eventsSchedule .swiper .swiper-slide div a:hover {
color: #702323;
background-color: white;
}
.eventsSchedule .swiper .swiper-slide div a {
color: white;
border-radius: 0.7rem;
background-color: #702323;
padding: 0.2rem 3rem;
border: 1px solid #702323;
margin-top: 10%;
}
.eventsSchedule .eventsSwiper__controls {
margin-top: 1rem;
}
@media (min-width: 992px) {
.eventsSchedule h2 {
padding-bottom: 2rem;
}
.eventsSchedule h2::before {
width: 4rem;
height: 4rem;
}
.eventsSchedule h2::after {
width: 4rem;
height: 4rem;
}
.eventsSchedule .swiper .swiper-slide {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.eventsSchedule .swiper .swiper-slide div h3 {
margin-top: 7rem;
font-size: 33px;
padding: 0 3rem;
}
.eventsScheduleSwiper__content-description {
font-size: 18px;
}
.eventsSchedule .swiper .swiper-slide div p {
font-size: 18px;
width: 100%;
word-wrap: break-word !important;
word-break: break-word !important;
}
.eventsSchedule .swiper .swiper-slide img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
-o-object-position: 65% 100%;
object-position: 65% 100%;
}
}
@media (min-width: 1024px) {
.eventsSchedule {
padding: 2rem 0 6rem;
}
}
@media (min-width: 1200px) {
.eventsSchedule .swiper .swiper-slide div div {
padding-top: 1rem;
}
.eventsSchedule .swiper .swiper-slide {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.eventsSchedule .swiper .swiper-slide img {
width: auto;
min-height: 100%;
}
.eventsSchedule .swiper .swiper-slide div a {
color: white;
border-radius: 0.8rem;
background-color: #702323;
margin-top: 3rem;
padding: 0.5rem 2rem;
}
.eventsSchedule .swiper .swiper-slide div h3 {
margin-top: 7rem;
font-size: 29px;
padding: 0 3rem;
}
.eventsScheduleSwiper__content-description {
font-size: inherit;
}
}
@media (min-width: 1400px) {
.eventsSchedule .swiper .swiper-slide img {
width: 100%;
min-height: auto;
}
.eventsSchedule .swiper .swiper-slide div h3 {
font-size: 32px;
}
.eventsSchedule .swiper .swiper-slide div h3 {
margin-top: 9rem;
}
}
@media (min-width: 1440px) {
.eventsSchedule {
padding: 3rem 0 8rem;
}
}
@media (max-width: 576px) {
.eventsSchedule {
padding: 2rem 0 3rem;
}
} .aboutMuseum {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/aboutMuseum__bg.png);
background-repeat: no-repeat;
background-position: right;
background-size: 30%;
padding-top: 3.5rem;
padding-bottom: 5rem;
}
.aboutMuseum h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.aboutMuseum h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.aboutMuseum h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.aboutMuseum .buttonStyle {
margin: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.aboutMuseum .buttonStyle a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.5rem 1rem;
width: 100%;
margin-top: 0.5rem;
} .aboutMuseum__news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
}
.aboutMuseum__new-item {
position: relative;
}
.aboutMuseum__new-item img {
width: 100%;
height: 100%;
}
.aboutMuseum__new-item a {
position: absolute;
bottom: 0;
left: 0;
padding-left: 30px;
padding-bottom: 16px;
padding-top: 10px;
width: 100%;
color: white;
font-family: Noto Serif;
font-size: 24px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0em;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(39.9%, rgba(0, 0, 0, 0.1)),
to(rgba(0, 0, 0, 0.1))
);
background: -o-linear-gradient(
top,
rgba(0, 0, 0, 0.1) 39.9%,
rgba(0, 0, 0, 0.1) 100%
);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.1) 39.9%,
rgba(0, 0, 0, 0.1) 100%
);
}
@media (max-width: 991px) {
.aboutMuseum__new-item {
width: 280px;
height: 255px;
}
}
@media (min-width: 992px) {
.aboutMuseum__new-item {
width: 280px;
height: 255px;
}
}
@media (min-width: 1200px) {
.aboutMuseum__new-item {
width: 340px;
height: 280px;
}
}
@media (min-width: 1024px) {
.aboutMuseum {
padding-bottom: 4rem;
}
.aboutMuseum .places {
padding: 0rem 0 0rem 0;
}
}
@media (min-width: 1400px) {
.aboutMuseum__new-item {
width: 400px;
height: 320px;
}
.ex_carousel .aboutMuseum__new-item {
height: 420px;
}
.ex_carousel .aboutMuseum__new-item img {
max-width: 400px;
max-height: 300px;
}
}
@media (max-width: 566px) {
.aboutMuseum {
padding-top: 1.5rem;
padding-bottom: 2rem;
}
} .newsGrid .gridBlock div {
position: relative;
padding: 0.5rem;
}
.newsGrid .gridBlock div img {
width: 100%;
height: 339px;
}
.newsGrid .gridBlock div a {
z-index: 1;
position: absolute;
left: 0.5rem;
color: white;
font-size: 14px;
font-family: "Noto Serif";
font-weight: 400;
bottom: 0;
margin: 0;
background: rgb(0 0 0 / 46%);
margin: 0 0.5rem 0.5rem 0;
padding: 0 0.7rem 0.7rem 0.7rem;
}
@media (min-width: 992px) { .newsGrid .gridBlock div a {
font-size: 24px;
left: 1rem;
}
.newsGrid .gridBlock div {
padding: 1rem;
}
.newsGrid .gridBlock div a {
margin: 11px 4px 16px 0px;
}
}
@media (min-width: 1200px) {
.newsGrid .gridBlock div a {
padding: 12px 15px 20px 15px;
width: 91%;
}
} .aboutMuseum .aboutMuseum__history {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.aboutMuseum .aboutMuseum__history p {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: 14px;
margin-top: 1rem;
margin-bottom: 0;
}
.aboutMuseum .aboutMuseum__history img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
@media (min-width: 992px) {
.aboutMuseum .aboutMuseum__history p {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
font-size: 18px;
margin: 0;
padding-right: 2rem;
}
.aboutMuseum .aboutMuseum__history img {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 50%;
padding: 0;
height: 350px;
}
}
@media (max-width: 1024px) {
.aboutMuseum .aboutMuseum__history img {
height: 330px;
}
}
@media (max-width: 576px) {
.aboutMuseum .aboutMuseum__history img {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
} .aboutMuseum__places div {
position: relative;
padding-top: 1.5rem;
}
.aboutMuseum__places div img {
width: 100%;
}
.aboutMuseum__places div h3 {
position: absolute;
color: white;
bottom: 0;
font-size: 16px;
padding: 1rem;
}
.aboutMuseum__places div h3 b {
font-weight: 400;
white-space: nowrap;
}
.places .swiper-wrapper {
height: auto;
}
@media (min-width: 768px) {
.aboutMuseum__places div img {
margin-top: 4rem;
}
.aboutMuseum__places div:nth-child(2) img {
margin-top: 0rem;
}
.aboutMuseum__places div:nth-child(2) h3 {
bottom: 4rem;
}
.aboutMuseum__places div {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 992px) {
.aboutMuseum__places div h3 {
font-size: 36px;
padding: 2rem;
}
} .aboutMuseum__scienceSwiper {
margin-bottom: 0.5rem;
}
.scienceSwiper {
margin-bottom: 1rem;
}
.scienceSwiper .swiper-slide {
position: relative;
}
.scienceSwiper .swiper-slide img {
width: 100%;
}
.scienceSwiper .swiper-slide h3 { font-size: 36px;
}
.aboutMuseum__scienceSwiper .swiper-wrapper {
height: auto !important;
} .forCustomers {
padding: 3rem 0 3rem 0;
}
.forCustomers h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.forCustomers h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.forCustomers h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.forCustomers .buttonStyle {
margin: auto;
}
.forCustomers .buttonStyle a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.5rem 1rem;
width: 100%;
margin-top: 0.5rem;
}
.forCustomers {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/mainPage__environment-bg.png);
background-repeat: no-repeat;
background-position: bottom left;
background-size: 25%;
} @media (max-width: 576px) {
#excursion iframe {
width: 95%;
height: 450px;
}
} @media (min-width: 992px) {
.forCustomers {
padding: 6rem 0 3rem 0;
}
.forCustomers h2 {
padding-bottom: 2rem;
}
.forCustomers h2::before {
width: 4rem;
height: 4rem;
}
.forCustomers h2::after {
width: 4rem;
height: 4rem;
}
.forCustomers .buttonStyle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.forCustomers .buttonStyle a {
width: auto;
border-radius: 0.9rem;
margin-top: 2rem;
padding: 0.5rem 2rem;
}
}
@media (min-width: 1024px) {
.forCustomers {
padding: 2rem 0 3rem 0;
}
}
@media (max-width: 566px) {
.forCustomers {
padding: 1rem 0 3rem 0;
}
} .exposition__mobile .swiper-slide {
background-color: #702323;
border-radius: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.exposition__mobile .swiper-slide img:nth-child(2) {
width: 100%;
}
.exposition__mobile .swiper-slide img {
max-width: 100%;
width: 100%;
border-top-right-radius: 1rem;
border-top-left-radius: 1rem;
}
.exposition__mobile .swiper-slide div {
background-color: white;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.exposition__mobile .under-info {
height: 100%;
}
.exposition__mobile .swiper-slide div h4 {
text-align: center;
padding: 0.5rem 0;
}
.exposition__mobile .swiper-slide div p {
padding: 0 1rem;
font-size: 14px;
}
.exposition__mobile .swiper-slide div div {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 1rem auto 1rem auto;
padding: 1rem 0;
border-top: 1px solid #702323;
border-radius: 0;
}
.exposition__mobile .swiper-slide div div a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.2rem 2rem;
width: 100%; }
.exposition__mobile .expositionSwiper {
padding-bottom: 1rem;
}
@media (min-width: 992px) {
.exposition__mobile {
display: none;
}
}
@media (max-width: 566px) {
.exposition__mobile .under-info a {
padding: 10px 40px !important;
}
} .exposition__desktop {
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 25rem;
position: relative;
width: 100%;
-webkit-transition: 1s all ease;
-o-transition: 1s all ease;
transition: 1s all ease;
}
.exposition__desktop .exposition__desktop-img {
width: 50%;
max-width: 1035px;
max-height: 570px;
}
.exposition__desktop .exposition__desktop-window {
position: absolute;
right: 1rem;
width: 15rem;
z-index: 10;
height: 850px;
}
.exposition__desktop .exposition__desktop-window {
background-color: #702323;
border-radius: 1rem;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.exposition__desktop .exposition__desktop-window img { border-radius: 1rem;
min-height: 250px;
max-height: 250px;
}
.exposition__desktop-window-closeBtn {
width: 25px;
height: 20px;
font-size: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
cursor: pointer;
position: absolute;
top: 10px;
right: 15px;
}
.exposition__desktop .exposition__desktop-window:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.exposition__desktop .exposition__desktop-window img:nth-child(2) {
width: 100%;
}
.exposition__desktop .exposition__desktop-window img {
max-width: 100%;
}
.exposition__desktop-description {
background-color: white;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
height: 100%;
width: 100%;
}
.exposition__desktop .exposition__desktop-window div h4 {
text-align: center;
padding: 0.5rem 0;
}
.exposition__desktop .exposition__desktop-window div p {
padding: 0 1rem;
font-size: 14px;
}
.exposition__desktop .exposition__desktop-window div div {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 1rem auto 1rem auto;
padding: 1rem 0;
border-top: 1px solid #702323;
border-radius: 0;
}
.exposition__desktop .exposition__desktop-window div div a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.4rem 2rem;
width: 100%;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
border: 1px solid #702323;
}
.exposition__desktop .exposition__desktop-window div div a:hover {
background-color: transparent;
}
.exposition__desktop-options {
position: absolute;
left: 1rem;
bottom: 15rem;
background-color: white;
border-radius: 1rem;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
width: 15rem;
z-index: 10;
}
.exposition__desktop-options fieldset {
margin: 1rem;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.exposition__desktop-options fieldset label {
font-family: "Noto Serif";
width: 100%;
display: flex;
align-items: center;
gap: 10px;
}
.exposition__desktop-options fieldset label input {
display: inline-block;
background-color: #702323;
}
.exposition__desktop-options fieldset label input:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #d1d3d1;
content: "";
display: inline-block;
visibility: visible;
border: 2px solid white;
}
.exposition__desktop-options fieldset label input:checked:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #702323;
content: "";
display: inline-block;
visibility: visible;
border: 2px solid white;
}
.exposition__desktop-buttons {
position: absolute;
width: 100%;
height: 100%;
max-width: 1290px;
max-height: 970px;
}
.exposition__desktop-buttons button {
background-color: #702323;
border-radius: 30px;
color: white;
font-family: "Noto Serif";
font-weight: 400;
font-size: 24px;
padding: 0.2rem 1rem;
position: absolute;
}
.exposition__desktop-buttons button::after {
position: absolute;
top: -7px;
left: -7px;
content: "";
display: block;
padding: 1.7rem;
border-radius: 30px;
background-color: transparent;
border: 1px solid #702323;
}
.exposition__desktop-buttons button.active {
background-color: white;
color: #702323;
}
.exposition__desktop-buttons button:nth-child(1) {
right: 33%;
top: 20%;
}
.exposition__desktop-buttons button:nth-child(2) {
left: 40%;
top: 5%;
}
.exposition__desktop-buttons button:nth-child(3) {
right: 28%;
top: 3%;
}
.exposition__desktop-buttons button:nth-child(4) {
left: 25%;
top: 10%;
}
.exposition__desktop-buttons button:nth-child(5) {
left: 48%;
top: 0%;
}
.exposition__desktop-buttons button:nth-child(6) {
right: 36%;
top: 0%;
}
.exposition__desktop-buttons button:nth-child(7) {
right: 36%;
top: 10%;
}
.exposition__desktop-buttons button:nth-child(8) {
left: 35%;
top: 15%;
}
.exposition__desktop-window-img {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
@media (max-width: 992px) {
.exposition__desktop {
display: none !important;
}
}
@media (min-width: 992px) {
.exposition__desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 1200px) {
.exposition__desktop {
padding-bottom: 20rem;
}
}
@media (min-width: 1400px) {
.exposition__desktop .exposition__desktop-img {
width: 60%;
}
.exposition__desktop {
padding-bottom: 15rem;
}
.exposition__desktop-buttons button:nth-child(1) {
right: 30%;
top: 35%;
}
.exposition__desktop-buttons button:nth-child(2) {
left: 40%;
top: 8%;
}
.exposition__desktop-buttons button:nth-child(3) {
right: 22%;
top: 3%;
}
.exposition__desktop-buttons button:nth-child(4) {
left: 20%;
top: 15%;
}
.exposition__desktop-buttons button:nth-child(5) {
left: 50%;
top: 0%;
}
.exposition__desktop-buttons button:nth-child(6) {
right: 35%;
top: 0%;
}
.exposition__desktop-buttons button:nth-child(7) {
right: 36%;
top: 15%;
}
.exposition__desktop-buttons button:nth-child(8) {
left: 35%;
top: 20%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.exposition__desktop .exposition__desktop-img {
margin-right: 55px;
}
.exposition__desktop-buttons {
margin-right: 55px;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.exposition__desktop .exposition__desktop-window img {
min-height: inherit;
}
.exposition__desktop-window-closeBtn {
width: 20px;
height: 20px;
font-size: 35px;
}
.exposition__desktop .exposition__desktop-window {
height: auto;
}
.exposition__desktop .exposition__desktop-window div p {
font-size: 13px;
}
}
@media (min-width: 1400px) and (max-width: 1700px) {
.exposition__desktop .exposition__desktop-window img {
min-height: inherit;
}
.exposition__desktop-window-closeBtn {
width: 20px;
height: 20px;
font-size: 35px;
}
.exposition__desktop .exposition__desktop-window {
height: auto;
}
}
@media (min-width: 1700px) {
.exposition__desktop .exposition__desktop-img {
width: 80%;
margin-right: 10%;
}
.exposition__desktop-options label {
font-size: 24px;
}
.exposition__desktop .exposition__desktop-window {
width: 20rem;
right: -10.5vw;
}
.exposition__desktop .exposition__desktop-window div h4 {
font-size: 24px;
}
.exposition__desktop .exposition__desktop-window div h4 {
padding: 1rem 0;
}
.exposition__desktop .exposition__desktop-window div p {
font-size: 18px;
}
.exposition__desktop-options {
width: 25rem;
top: 35%;
left: -8%;
bottom: unset;
padding-left: 1rem;
}
.exposition__desktop .exposition__desktop-window div div {
margin: 1.5rem auto 0rem auto;
padding: 2rem 0;
}
.exposition__desktop {
padding-bottom: 25rem;
} .exposition__desktop-buttons button:nth-child(1) {
right: 30%;
top: 35%;
}
.exposition__desktop-buttons button:nth-child(2) {
left: 35%;
top: 8%;
}
.exposition__desktop-buttons button:nth-child(3) {
right: 15%;
top: 3%;
}
.exposition__desktop-buttons button:nth-child(4) {
left: 5%;
top: 15%;
}
.exposition__desktop-buttons button:nth-child(5) {
left: 44%;
top: 2%;
}
.exposition__desktop-buttons button:nth-child(6) {
right: 35%;
top: 0%;
}
.exposition__desktop-buttons button:nth-child(7) {
right: 36%;
top: 15%;
}
.exposition__desktop-buttons button:nth-child(8) {
left: 28%;
top: 20%;
}
.exposition__desktop-options fieldset label input:after {
width: 20px;
height: 20px;
top: -10px;
left: -5px;
}
.exposition__desktop-options fieldset label input:checked:after {
width: 20px;
height: 20px;
top: -10px;
left: -5px;
}
} .environment p {
font-size: 14px;
}
.environment ul {
margin-left: 2rem;
max-width: 85vw;
padding: 0;
}
.environment ul li {
font-family: "Roboto Condensed";
font-size: 20px;
list-style-type: disc;
}
@media (min-width: 992px) {
.environment p {
font-size: 18px;
}
.environment ul li {
font-size: 24px;
}
} .footerInfo {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/footerInfo__bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 3rem 0 3rem 0;
}
.footerInfo img:nth-child(2) {
display: none;
}
.footerInfo p:nth-child(3) {
font-size: 14px;
margin-top: 1rem;
}
.footerInfo p:nth-child(4) {
font-size: 16px;
font-weight: 700;
}
.footerInfo .buttonStyle {
margin: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.footerInfo .buttonStyle a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.5rem 1rem;
width: 100%;
margin-top: 0.5rem;
}
@media (min-width: 768px) {
.footerInfo img:nth-child(1) {
display: none;
}
.footerInfo img:nth-child(2) {
display: block;
}
}
@media (min-width: 992px) {
.footerInfo {
padding: 4rem 0 6rem 0;
}
.footerInfo .buttonStyle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.footerInfo .buttonStyle a {
width: auto;
border-radius: 0.9rem;
margin-top: 2rem;
padding: 0.5rem 2rem;
}
.footerInfo p {
font-size: 18px !important;
font-weight: 400 !important;
}
} .footer__address .col-lg-8 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
footer {
background-color: black;
color: white;
padding-top: 4rem;
padding-bottom: 4rem;
}
.footerSection div strong {
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 400;
}
.footerSection div button {
width: 100%;
margin-top: 2rem;
border-radius: 0.5rem;
padding: 0.5rem 0 0.5rem 0;
}
.footerSection div button h3 {
font-size: 36px;
}
.footerSection div li {
text-align: left;
}
.footerSection .footerSection__list li {
opacity: 0.7;
}
.footerSection div .footerSection__logo {
width: 12rem;
}
.footerSection div div button {
color: white;
border: 1px solid white;
}
.footerSection aside {
padding: 1rem 0 1rem 0;
}
.footerSection aside img {
-ms-flex-preferred-size: 2.5rem;
flex-basis: 2.5rem;
}
.footerSection aside p {
color: gray;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
padding: 0;
border-bottom: 1px solid grey;
}
.footerSection div u {
color: gray;
text-align: start;
width: 100%;
display: inline-block;
}
.footerSection div small {
text-align: start;
width: 100%;
display: inline-block;
}
.footerSection div small b {
font-weight: 400;
white-space: nowrap;
}
.footerSection .footerSection__socials p {
text-align: center;
margin: 0;
}
.footerSection .footerSection__socials div {
padding-top: 5px;
}
.footerSection .footerSection__socials div img {
margin: 0 3px 0 3px;
}
.footerSection .footerSection__socials strong {
font-family: "Roboto Condensed";
font-weight: 400;
font-size: 24px;
}
.footerSection .footerSwiper {
height: 0rem;
-webkit-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
.footerSection .footerSwiper-open {
height: 7rem;
margin-top: 20px;
}
.footer__links-openBtn {
-webkit-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;
}
.rotate__arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.footerSection .footerSwiper p {
color: black;
border: 0;
text-align: right;
}
.footer__links .footerSwiper .swiper-slide {
background-color: white;
padding: 0 !important;
display: block;
}
.footer__links .footerSwiper .swiper-slide a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
padding: 0.5rem;
}
.footer__links .footerSwiper .swiper-slide a p {
font-size: 14px;
}
.footer__links .footerSwiper .swiper-slide div {
position: absolute;
}
.footer__links .footer__links-openBtn {
cursor: pointer;
}
@media (min-width: 992px) {
.footerSection__writeUs {
display: none;
}
.footerSection .footerSection__list {
height: 13rem;
padding: 0;
}
.footerSection .footerSection__list p {
width: 50%;
opacity: 1;
}
.footerSection div div:nth-child(4) button {
margin: 0;
-ms-flex-item-align: start;
align-self: flex-start;
}
.footerSection div div:nth-child(4) div {
padding: 0;
}
.footerSection div div:nth-child(4) p {
margin: 0; }
#menu-menu-3 li a,
#menu-menu-4 li a {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
}
#menu-menu-3 li a::after,
#menu-menu-4 li a::after {
content: "";
background: white;
position: absolute;
bottom: 0;
height: 2px;
width: 0px;
border-radius: 10px;
}
#menu-menu-3 li a:hover:after,
#menu-menu-4 li a:hover:after {
width: 100%;
-webkit-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;
}
.footerSection div small {
font-size: 18px;
}
.footerSection .footerSection__socials p {
text-align: end;
margin: 0;
font-size: 18px;
}
.footerSection .footerSection__socials div {
padding-top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.footerSection .footerSection__socials strong {
display: inline-block;
width: 100%;
text-align: end;
} }
@media (min-width: 992px) and (max-width: 1199px) {
.footerSection .col-lg-2 {
margin-left: -25px;
margin-right: 20px;
}
}
@media (min-width: 1200px) {
.footerSection .footerSection__list {
height: 12rem;
}
.footerSection div .footerSection__logo {
width: 14rem;
}
}
@media (max-width: 566px) {
.footerRasp {
padding: 3px 30px !important;
}
.footerRasp__text-info {
text-align: center;
font-size: 15px !important;
}
.footerRasp__text-info p {
font-size: 15px !important;
}
.footerSection__list {
padding: 0 10px !important;
}
.footerSection__list #menu-menu-3 {
margin-bottom: 0 !important;
margin-top: 25px;
}
.footerSection__list ul {
font-size: 22px;
line-height: 40px;
}
.footerSection__socials {
text-align: center;
margin-top: 10px;
}
.footer__address_adress {
margin-top: 10px;
}
.footerSection .footerRasp {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footerSection .footerSection__list {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}    .history {
padding-bottom: 2rem;
position: relative;
}
.history h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.history h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.history h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.history p {
font-size: 14px;
}
.history .swiper-wrapper {
height: 800px;
}
.historySwiper {
max-height: 1007px;
}
.historySwiper .swiper-slide img {
width: 100%;
max-height: 805px;
-o-object-fit: cover;
object-fit: cover;
}
.history .historySwiper__controls {
margin: 1rem 0;
}
@media (min-width: 2200px) {
.historySwiper .swiper-slide img {
max-height: 905px;
}
.history .swiper-wrapper {
height: 1000px;
}
}
@media (min-width: 992px) {
.history h2 {
padding-bottom: 2rem;
}
.history h2::before {
width: 4rem;
height: 4rem;
}
.history h2::after {
width: 4rem;
height: 4rem;
}
.history .historySwiper__controls {
position: absolute;
bottom: -6rem;
left: 30vw;
right: 30vw;
}
.history {
padding-bottom: 0rem;
padding-top: 1rem;
}
.history p {
font-size: 18px;
}
}
@media (max-width: 576px) {
.history .swiper-wrapper {
height: auto;
}
} .places {   }
.aboutMuseum .places {
background-image: none;
}
.places h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.places h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.places h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.places .buttonStyle {
margin: auto;
padding: 0 0.5rem;
}
.places .buttonStyle a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.5rem 1rem;
width: 100%;
margin-top: 1rem;
}
.placesSwiper .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.placesSwiper__img {
border-radius: 3%;
max-height: 100%;
}
.placesSwiper .swiper-slide div {
padding: 0 0.5rem;
position: relative;
}
.placesSwiper .swiper-slide div img {
width: 100%;
}
.placesSwiper .swiper-slide div h3 {
color: white;
font-size: 16px;
position: absolute;
bottom: 0;
padding: 0.5rem; }
.placesSwiper .swiper-slide div h3 b {
font-weight: 400;
white-space: nowrap;
}
@media (max-width: 576px) {
.places .placesSwiper__next {
display: block;
width: 100%;
text-align: center;
}
.places .buttonStyle {
width: 100% !important;
}
}
@media (min-width: 576px) {
.placesSwiper .swiper-slide div h3 {
padding: 2rem;
}
}
@media (min-width: 768px) {
.placesSwiper .swiper-slide div {
padding-top: 5rem;
}
.placesSwiper .swiper-slide div:nth-child(2) {
padding-top: 0;
}
.placesSwiper .swiper-slide div:nth-child(2) h3 {
bottom: 5rem;
}
}
@media (min-width: 992px) {
.placesSwiper {
height: 600px;
}
.placesSwiper .swiper-slide div:nth-child(2) h3 {
bottom: 13rem;
}
.places {
padding: 8rem 0 6rem 0;
}
.places h2 {
padding-bottom: 2rem;
}
.places h2::before {
width: 4rem;
height: 4rem;
}
.places h2::after {
width: 4rem;
height: 4rem;
}
.places .buttonStyle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.places .buttonStyle a {
width: auto;
border-radius: 0.9rem;
margin-top: 2rem;
padding: 0.5rem 2rem;
}
.placesSwiper {
margin-top: 2rem;
}
.placesSwiper .swiper-slide div {
padding-left: 1rem;
padding-right: 1rem;
}
.placesSwiper .swiper-slide div h3 {
font-size: 30px;
bottom: 8rem;
}
.placesSwiper .swiper-slide div:nth-child(2) .placesSwiper__img {
min-height: 70%;
}
.placesSwiper__img {
min-height: 78%;
}
}
@media (min-width: 1024px) {
.placesSwiper .swiper-slide div:nth-child(2) h3 {
bottom: 5rem;
}
.placesSwiper .swiper-slide div h3 {
bottom: 0;
}
.places {
padding: 8rem 0 0rem 0;
}
}
@media (min-width: 1200px) {
.placesSwiper .swiper-slide div:nth-child(2) h3 {
bottom: 7rem;
}
.placesSwiper .swiper-slide div h3 {
bottom: 2rem;
font-size: 36px;
}
.placesSwiper {
height: auto;
}
.placesSwiper .swiper-slide div:nth-child(2) .placesSwiper__img {
min-height: 85%;
}
.placesSwiper__img {
min-height: 95%;
}
}
@media (min-width: 1400px) {
.placesSwiper {
height: 830px;
}
.placesSwiper__img {
min-height: 98%;
}
.placesSwiper .swiper-slide div:nth-child(2) h3 {
bottom: 1rem;
}
.placesSwiper .swiper-slide div h3 {
bottom: -55px;
}
.placesSwiper .swiper-slide div:nth-child(2) .placesSwiper__img {
min-height: 98%;
}
.placesSwiper__img {
min-height: 110%;
}
} .science {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/aboutMuseum__bg.png);
background-repeat: no-repeat;
background-position: right;
background-size: 22%;
padding: 2rem 0;
}
.science h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.science h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.science h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.science .buttonStyle { }
.science .buttonStyle a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.5rem 1rem;
width: 100%;
margin-top: 0.5rem;
}
.science .buttonStyle-wrapper {
display: flex;
justify-content: flex-end;
}
.science .buttonStyle:first-child {
margin-right: 160px;
}
@media (min-width: 992px) {
.science {
padding: 4rem 0 6rem 0;
}
.science h2 {
padding-bottom: 2rem;
}
.science h2::before {
width: 4rem;
height: 4rem;
}
.science h2::after {
width: 4rem;
height: 4rem;
}
.science .buttonStyle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.science .buttonStyle a {
width: auto;
border-radius: 0.9rem;
margin-top: 2rem;
padding: 0.5rem 2rem;
}
}
@media (max-width: 768px) {
.science .buttonStyle {
margin: auto;
}
.science .buttonStyle:first-child {
margin-right: auto;
}
}
@media (max-width: 768px) {
.science .buttonStyle-wrapper {
flex-direction: column;
}
} .biography {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/biography__bg.png);
background-size: 30%;
background-repeat: no-repeat;
background-position: left;
padding: 1rem 0 2rem 0;
}
.biography h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
margin: auto;
white-space: break-spaces;
}
.biography h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.biography h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.biography h2 i {
font-style: normal;
}
.biography h2 b {
display: inline;
font-weight: 400;
white-space: nowrap;
}
.biography .biography__img {
width: 100%;
height: 80vw;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 0 -3rem;
object-position: 0 -3rem;
}
.biography div div div {
height: 28vh;
overflow: hidden;
-webkit-transition: height 3s;
-o-transition: height 3s;
transition: height 3s;
}
.biography h3:nth-child(1) {
margin-top: 1rem;
}
.biography h3 {
color: #702323;
text-align: left;
margin: 3rem 0 1rem 0;
}
.biography li {
list-style-type: disc;
font-size: 18px;
}
.biography div div span {
font-family: "Roboto Condensed";
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #702323;
margin-top: 1rem;
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.biography div div span::before,
.biography div span::after {
content: "";
display: block;
height: 1px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #702323;
}
.biography div div span img {
width: 1rem;
}
.biography div div button {
display: block;
margin: auto;
padding: 0;
}
@media (min-width: 992px) {
.biography {
padding-bottom: 6rem;
}
.biography h2 {
padding-bottom: 2rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.biography h2::before {
width: 4rem;
height: 4rem;
}
.biography h2::after {
width: 4rem;
height: 4rem;
}
.biography .biography__img {
width: 50%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top;
object-position: top;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
position: sticky;
top: 0;
height: 100vh;
}
.biography div div div {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
height: auto;
}
.biography div div span {
display: none;
}
.biography div div button {
display: none;
}
} .gallery {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/gallery__bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 1rem 0 3rem;
}
.gallery h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
margin: auto;
}
.gallery h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.gallery h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.gallerySwiper .swiper-slide {
-webkit-transition: padding 0.3s;
-o-transition: padding 0.3s;
transition: padding 0.3s;
}
.gallerySwiper .swiper-slide {
padding: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gallerySwiper .swiper-slide-active {
padding: 0;
}
.gallerySwiper .swiper-slide img {
width: 100%;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.gallery .gallerySwiper__controls {
margin: 0.5rem 0;
}
.gallery .buttonStyle {
margin: auto;
}
.gallery .buttonStyle a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.5rem 1rem;
width: 100%;
margin-top: 0.5rem;
}
@media (min-width: 992px) {
.gallery {
padding: 2rem 0 6rem;
}
.gallery h2 {
padding-bottom: 2rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.gallery h2::before {
width: 4rem;
height: 4rem;
}
.gallery h2::after {
width: 4rem;
height: 4rem;
}
.gallerySwiper .swiper-slide {
padding: 3rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gallerySwiper .swiper-slide-active {
padding: 0;
}
.gallery .gallerySwiper__controls {
display: none;
}
.gallery .buttonStyle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.gallery .buttonStyle a {
width: auto;
border-radius: 0.9rem;
margin-top: 2rem;
padding: 0.5rem 2rem;
}
}
@media (max-width: 576px) {
.gallery .swiper-wrapper {
height: 400px;
}
} .departments {
padding: 0 0 2rem 0;
}
.departments div:nth-child(1) {
position: relative;
}
.departments div:nth-child(1) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.departments div img {
width: 100%;
}
.departments div:nth-child(1) h1 {
color: white;
position: absolute;
bottom: 0;
padding-bottom: 1rem;
}
.departments div p {
font-size: 14px;
margin-top: 1rem;
}
.departments div h2 {
color: #702323;
margin-bottom: 1rem;
text-align: center;
}
.departments h2 {
margin: 1rem 0;
}
.departments__quote {
padding: 4rem 0 6rem 0;
}
@media (min-width: 992px) {
.departments div:nth-child(1) h1 {
padding-bottom: 4rem;
}
.departments div p {
font-size: 18px;
margin-top: 3rem;
}
.departments div h2 {
margin-top: 3rem;
}
.departments div .departments__quote {
margin: auto;
}
.departments div div img {
margin: 2rem 0 1rem 0;
}
}  .departmentsSlider {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/departments__swiper-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 1rem 0 3rem 0;
}
.departmentsSlider h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
margin: auto;
}
.departmentsSlider h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.departmentsSlider h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.departmentsSwiper .swiper-slide {
-webkit-transition: padding 0.3s;
-o-transition: padding 0.3s;
transition: padding 0.3s;
}
.departmentsSwiper .swiper-slide {
padding: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.departmentsSwiper .swiper-slide-active {
padding: 0;
}
.departmentsSwiper .swiper-slide img {
width: 100%;
height: auto;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-webkit-filter: brightness(75%);
filter: brightness(75%);
-o-object-fit: cover;
object-fit: cover;
}
.departmentsSwiper .swiper-slide:not(.swiper-slide-active) img {
min-height: 550px;
max-height: 550px;
}
.departmentsSwiper .swiper-slide-active img {
height: 90%;
-o-object-fit: cover;
object-fit: cover;
}
.departmentsSwiper .swiper-slide a {
color: white;
position: absolute;
bottom: 100px;
font-size: 16px;
left: 80px; }
.departmentsSwiper .swiper-slide-active a {
color: white;
position: absolute;
bottom: 100px;
font-size: 16px;
left: 80px; }
.departmentsSlider .departmentsSwiper__controls {
margin-top: 1rem;
}
.departmentsSwiper .swiper-slide a h3 {
font-size: 37px;
max-width: 90%;
}
.swiper-wrapper {
height: 700px;
}
@media (max-width: 576px) {
.departmentsSwiper .swiper-slide:not(.swiper-slide-active) img {
min-height: 220px;
}
.departmentsSwiper .swiper-slide a {
bottom: 20px;
left: 40px;
}
.departmentsSwiper .swiper-slide-active a {
font-size: 16px;
left: 20px;
bottom: 40px;
}
.departmentsSwiper .swiper-slide a h3 {
font-size: 16px;
}
.departmentsSwiper .swiper-wrapper {
height: 200px;
}
.bg_img img {
height: 150px !important;
}
.placeSection__title {
font-size: 18px;
}
}
@media (min-width: 577px) {
.departmentsSwiper .swiper-slide a {
font-size: 32px; }
}
@media (min-width: 992px) {
.departmentsSlider h2 {
padding-bottom: 2rem;
}
.departmentsSwiper .swiper-slide a h3 {
font-size: 29px;
}
.departmentsSlider h2::before {
width: 4rem;
height: 4rem;
}
.departmentsSlider h2::after {
width: 4rem;
height: 4rem;
}
.departmentsSlider {
padding: 6rem 0 8rem;
}
.departmentsSwiper h2 {
padding-bottom: 4rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.departmentsSwiper h2::before {
width: 4rem;
height: 4rem;
}
.departmentsSwiper h2::after {
width: 4rem;
height: 4rem;
}
.departmentsSwiper .swiper-slide {
padding: 3rem;
}
.departmentsSwiper .swiper-slide-active {
padding: 0;
}
.departmentsSwiper .swiper-slide a {
font-size: 36px;
}
.departmentsSlider .departmentsSwiper__controls {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1599px) {
.gallery .swiper-wrapper {
height: 400px;
}
.departmentsSwiper .swiper-slide-active img {
height: 80%;
}
.departmentsSwiper .swiper-slide-active a {
bottom: 80px;
left: 35px;
}
}
@media (min-width: 1200px) {
.departmentsSwiper .swiper-slide a h3 {
font-size: 37px;
}
}
@media (min-width: 1500px) {
.departmentsSwiper .swiper-slide a {
font-size: 60px; }
} .placeSection .departments__header-img {
width: 100%;
}
.placeSection div {
position: relative;
}
.placeSection h1 { color: #702323;
padding-right: 0 !important;
text-align: center;
}
.placeSection p {
margin: 1rem 0;
font-size: 14px;
}
@media (min-width: 992px) {
.placeSection {
padding-bottom: 4rem;
}
.placeSection p {
margin: 4rem 0;
font-size: 18px;
}
.placeSection h1 { font-size: 80px;
}
}
@media (max-width: 576px) {
.placeSection__title {
margin-top: 1rem;
}
} .photosSwiper__section {
padding: 1rem 0;
}
.photosSwiper .swiper-slide img {
width: 100%;
}
.photosSwiper__section .photosSwiper__controls {
margin: 1rem 0;
}
@media (min-width: 992px) {
} .news p {
margin: 0 0 1rem 0;
}
.news .placeSection__content {
padding: 1rem 0 0rem 0;
}
@media (min-width: 992px) {
.news .placeSection__content {
padding: 4rem 0 2rem 0;
}
}
@media (min-width: 1200px) {
.news h1 {
padding-right: 20%;
}
} .event {
padding: 0 0 3rem 0;
}
.event .event__content div {
padding: 2rem 0.5rem 0 0.5rem;
margin-top: 4%;
}
.event .event__content div h3 {
font-size: 22px;
color: #702323;
}
.event .event__content div p {
font-family: "Roboto Condensed";
font-weight: 400;
font-size: 18px;
margin: 0;
}
@media (min-width: 992px) {
.event {
padding-bottom: 6rem;
}
.event .event__content div {
padding: 0rem 0.5rem 0 0.5rem; }
.event .event__content div h3 {
font-size: 36px;
}
.event .event__content div p {
font-size: 24px;
}
}
@media (min-width: 1200px) {
.event h1 {
padding-right: 20%;
}
}
@media (max-width: 576px) {
.event .event__content div {
margin-top: -5%;
}
.event .event__content div p {
font-size: 12px;
}
} .conference {
padding: 0 0 2rem 0;
}
.conference .conference__img,
.conference .img-fluid {
width: 100%;
}
.conference h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 0 1rem 0; color: #702323;
}
.conference .conference__info {
padding-top: 0.5rem;
}
.conference .conference__info p {
font-size: 14px;
}
.conference .conference__committee,
.conference .conference__members {
margin-top: 2rem;
}
.conference .conference__committee div,
.conference .conference__members div {
font-size: 14px;
margin-bottom: 2rem;
}
.conference .conference__committee div h3,
.conference .conference__members div h3 {
display: inline-block;
font-size: 24px;
color: #702323;
}
.conference .conference__collection div {
margin: 1rem 0;
}
.conference .conference__collection div h3 {
font-size: 20px;
color: #702323;
margin-bottom: 0.5rem;
padding-right: 35%;
}
@media (min-width: 992px) {
.conference {
padding-bottom: 6rem;
}
.conference h2 {
padding: 3rem 0 2rem 0;
}
.conference .conference__info {
padding-top: 1rem;
}
.conference .conference__committee,
.conference .conference__members {
margin-top: 4rem;
}
.conference .conference__committee div,
.conference .conference__members div {
font-size: 18px;
}
.conference .conference__committee div h3,
.conference .conference__members div h3 {
font-size: 36px;
}
.conference .conference__collection {
margin-top: 4rem;
}
.conference .conference__collection div h3 {
font-size: 36px;
}
}
@media (max-width: 576px) {
.conference .img-fluid {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
} .newsGrid {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/newsGrid__bg.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 30%;
padding: 1rem 0 2rem 0;
}
.newsGrid h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 0.5rem 0;
white-space: nowrap;
}
.newsGrid h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.newsGrid h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.newsGrid .buttonStyle {
margin: auto;
}
.newsGrid .buttonStyle a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.5rem 1rem;
width: 100%;
margin-top: 0.5rem;
}
@media (min-width: 992px) {
.newsGrid {
padding: 2rem 0 8rem 0;
}
.newsGrid h2 {
padding-bottom: 1rem;
}
.newsGrid h2::before {
width: 4rem;
height: 4rem;
}
.newsGrid h2::after {
width: 4rem;
height: 4rem;
}
.newsGrid .buttonStyle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.newsGrid .buttonStyle a {
width: auto;
border-radius: 0.9rem;
margin-top: 2rem;
padding: 0.5rem 2rem;
}
}  .environmentPage h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0; margin-top: 60px;
}
.environmentPage h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.environmentPage h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.environmentPage h3 {
font-size: 24px;
color: #702323;
text-align: center;
margin-bottom: 0.5rem;
}
.environmentPage p {
font-size: 14px;
}
.environmentPage ul {
margin-left: 2rem;
max-width: 85vw;
padding: 0;
}
.environmentPage ul li {
font-family: "Roboto Condensed";
font-size: 20px;
list-style-type: disc;
}
.environmentPage .environmentPage__quote {
margin: 1rem 0 3rem 0;
}
@media (min-width: 992px) {
.environmentPage h2 {
padding-bottom: 2rem;
}
.environmentPage h2::before {
width: 4rem;
height: 4rem;
}
.environmentPage h2::after {
width: 4rem;
height: 4rem;
}
.environmentPage h3 {
font-size: 36px;
margin-bottom: 1rem;
}
.environmentPage p {
font-size: 18px;
}
.environmentPage ul li {
font-size: 24px;
}
} .organization__bg {
width: 100%;
}
.employees {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/employees__bg.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
padding: 1rem 0;
}
.employees h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.employees h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.employees h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.employees h4 {
font-family: "Roboto Condensed";
font-size: 20px;
color: #702323;
}
.employees p {
margin: 0;
font-size: 10px;
}
.employees p b {
font-size: 14px;
}
.employees div div {
margin: 1rem 0;
}
@media (min-width: 992px) {
.employees {
padding: 4rem 0;
}
.employees h2 {
padding-bottom: 2rem;
}
.employees h2::before {
width: 4rem;
height: 4rem;
}
.employees h2::after {
width: 4rem;
height: 4rem;
}
.employees h4 {
font-size: 40px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 1rem 0;
}
.employees h4::before {
content: "";
display: block;
height: 1px;
background-color: #702323;
width: 20rem;
bottom: 1rem;
position: relative;
}
.employees p {
font-family: "Roboto Condensed";
font-size: 24px;
}
.employees p b {
font-size: 24px;
font-weight: 400;
}
.employees div div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
} .requisites {
padding: 2rem 0;
}
.requisites h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.requisites h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.requisites h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.requisites h3 {
font-size: 24px;
color: #702323;
}
.requisites p {
font-family: "Roboto Condensed";
font-size: 20px;
}
@media (min-width: 992px) {
.requisites {
padding: 6rem 0;
}
.requisites h2 {
padding-bottom: 4rem;
}
.requisites h2::before {
width: 4rem;
height: 4rem;
}
.requisites h2::after {
width: 4rem;
height: 4rem;
}
.requisites h3 {
font-size: 36px;
}
.requisites p {
font-size: 24px;
margin: 0;
}
.requisites div div div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 2rem 0;
}
} .documentation {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/documentation__bg.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
padding: 2rem 0;
}
.documentation h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.documentation h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.documentation h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.documentation h3 {
font-size: 20px;
color: #702323;
margin-bottom: 0.5rem;
}
.documentation div div div {
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.documentation {
padding: 4rem 0 6rem 0;
}
.documentation h2 {
padding-bottom: 4rem;
}
.documentation h2::before {
width: 4rem;
height: 4rem;
}
.documentation h2::after {
width: 4rem;
height: 4rem;
}
.documentation h3 {
font-size: 36px;
padding-right: 40%;
}
.documentation div div div {
margin-bottom: 4rem;
}
} .contacts h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
margin-top: 60px;
}
.contacts h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.contacts h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.contacts div {
text-align: center;
}
.contacts h3 {
color: #702323;
font-size: 24px;
}
.contacts p {
font-family: "Roboto Condensed";
font-size: 24px;
}
.contacts .contacts__quote {
margin: 2rem 0;
}
.contacts aside {
font-size: 12px;
text-align: start;
}
@media (min-width: 992px) {
.contacts h2 {
padding-bottom: 0rem;
}
.contacts h2::before {
width: 4rem;
height: 4rem;
}
.contacts h2::after {
width: 4rem;
height: 4rem;
}
.contacts h3 {
font-size: 36px;
}
.contacts div {
text-align: start;
}
.contacts div .contacts__adress,
.contacts div .contacts__contacts {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 2rem 0;
padding: 0 20% 0 20%;
}
.contacts .contacts__quote {
text-align: center;
padding: 0rem 25% 4rem 25%;
}
.contacts aside {
font-size: 18px;
margin-bottom: 0.5rem;
text-align: center;
}
} .otherInfo {
padding-top: 1rem;
padding-bottom: 2rem;
}
.otherInfo .pillsMenu ul {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.otherInfo .otherContent__schedule {
text-align: center;
}
.otherInfo .otherContent__schedule h4 { color: #702323;
}
.otherInfo .otherContent__schedule h4 b {
font-weight: 400; font-family: "Noto Serif";
white-space: nowrap;
}
.otherInfo .otherContent__schedule h2 {
padding-top: 1rem;
}
.otherInfo .otherContent__schedule ul {
display: inline-block;
list-style: disc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin-top: 0.5rem;
margin-bottom: 0;
}
.otherInfo .otherContent__schedule ul li:nth-child(1) {
list-style: none;
}
.otherInfo .otherContent__schedule h4 {
margin-top: 1rem;
margin-bottom: 0.5rem;
}
.otherInfo .otherContent__schedule table {
border-color: #702323 !important;
}
.otherInfo .otherContent__schedule table th,
.otherInfo .otherContent__schedule table td {
font-weight: 400;
font-family: "Noto Serif";
color: #702323;
}
.otherInfo img {
width: 100%;
z-index: -5;
}
.otherInfo small {
font-size: 10px;
margin: 0;
}
.otherInfo h3 {
font-size: 24px;
color: #702323;
text-align: start;
margin: 1rem 0;
}
.otherInfo .priviliges__heading {
text-align: center;
margin-bottom: 0;
}
.otherInfo .priviliges__date {
padding-right: 40%;
margin: 1rem 0;
}
.otherInfo p {
font-size: 14px;
}
.otherInfo strong {
font-size: 20px;
font-weight: 400;
}
.otherInfo .otherContent__priviliges ul li {
font-family: "Roboto Condensed";
font-size: 20px;
list-style-type: disc;
margin-left: 2rem;
}
.otherInfo b {
font-size: 20px;
font-weight: 400;
font-family: "Roboto Condensed";
}
.otherInfo .priviliges__bold {
margin: 1rem 0;
}
.otherInfo .priviliges__quote {
text-align: start;
}
@media (min-width: 992px) {
.otherInfo {
padding-bottom: 8rem;
}
.otherInfo ul li {
font-size: 24px;
}
.otherInfo small {
font-size: 14px;
}
.otherInfo h3 {
font-size: 36px;
}
.otherInfo p {
font-size: 18px;
}
.otherInfo .otherContent__schedule h4,
.otherInfo .otherContent__schedule h4 {
font-weight: 600;
}
.otherInfo .otherContent__schedule h4,
.otherInfo .otherContent__schedule h4 b {
font-size: 32px;
font-weight: 600;
}
.otherInfo .otherContent__schedule h2 {
font-weight: 600;
}
.otherInfo .otherContent__schedule ul {
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.otherInfo .otherContent__schedule ul li {
font-size: 34px;
font-family: "Noto Serif";
font-weight: 600;
}
.otherInfo .otherContent__schedule table th,
.otherInfo .otherContent__schedule table td {
font-weight: 600;
font-family: "Noto Serif";
font-size: 24px;
color: #702323;
}
}
.otherInfo .otherContent__excursions {
color: #702323;
}
.otherInfo .otherContent__excursions ul li {
list-style-type: disc;
margin-left: 2rem;
}
@media (max-width: 375px) {
.otherInfo .otherContent__schedule table th,
.otherInfo .otherContent__schedule table td {
font-size: 11px;
}
.table > :not(caption) > * > * {
padding: 0.1rem 0.1rem;
}
}
@media (min-width: 376px) and (max-width: 425px) {
.otherInfo .otherContent__schedule table th,
.otherInfo .otherContent__schedule table td {
font-size: 13px;
}
.table > :not(caption) > * > * {
padding: 0.2rem 0.2rem;
}
}
@media (min-width: 426px) and (max-width: 480px) {
.otherInfo .otherContent__schedule table th,
.otherInfo .otherContent__schedule table td {
font-size: 15px;
}
.table > :not(caption) > * > * {
padding: 0.3rem 0.3rem;
}
} .events {
padding-bottom: 3rem;
}
.events h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.events h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.events h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.events .eventBlock {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; margin-bottom: 1rem;
}
.events .eventBlock h3 {
font-size: 14px;
color: #702323;
padding-bottom: 0.5rem;
border-bottom: 1px solid #702323;
}
.events .eventBlock__date,
.events .eventBlock__text {
display: none;
}
.events .eventBlock__button {
width: 100%;
margin-top: 0.5rem;
color: white;
background-color: #702323;
border-radius: 8px;
text-align: center; display: inline-block;
font-family: "Roboto Condensed";
}
.events .eventBlock__date p {
font-family: "Roboto Condensed";
}
.events .buttonStyle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
}
.events .buttonStyle a {
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.5rem 1rem;
width: 100%;
margin-top: 0.5rem;
}
@media (min-width: 576px) {
.events .eventBlock h3 {
font-size: 24px;
}
}
@media (min-width: 992px) {
.events h2 {
margin-bottom: 3rem;
margin-top: 3rem;
}
.events h2::before {
width: 4rem;
height: 4rem;
}
.events h2::after {
width: 4rem;
height: 4rem;
}
.events .eventBlock__date,
.events .eventBlock__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.events .eventBlock {
margin-bottom: 2rem;
}
.events .eventBlock div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.events .eventBlock .eventBlock__link {
width: 50%;
}
.events .eventBlock h3 {
font-size: 30px;
border-bottom: none;
}
.events .eventBlock__date {
width: 45%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.events .eventBlock__date div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.eventBlock .eventBlock__content {
border-top: 1px solid #702323;
padding-top: 1.5rem;
}
.events .buttonStyle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.events .buttonStyle a {
width: auto;
border-radius: 0.9rem;
margin-top: 2rem;
padding: 0.5rem 2rem;
}
}
@media (min-width: 1200px) {
.eventBlock img {
padding: 3rem;
}
.eventBlock .eventBlock__content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 2rem;
}
.events .eventBlock .eventBlock__link {
width: 55%;
}
.events .eventBlock__date {
width: 40%;
}
}
@media (min-width: 1500px) {
.events {
padding-bottom: 10rem;
}
.events .eventBlock {
margin: 0;
}
.events .eventBlock .eventBlock__link {
width: 60%;
}
.events .eventBlock__date {
width: 35%;
margin-left: 20px;
}
.eventBlock .eventBlock__content p {
width: 70%;
margin: 0;
}
.eventBlock .eventBlock__content a {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 1.5rem 1rem;
}
} .galleryPage {
padding-top: 2rem;
padding-bottom: 2rem;
overflow: hidden;
}
.galleryPage .historySwiper__controls {
display: none;
}
.galleryPage .container-fluid {
padding: 0;
}
.galleryPage h2,
.antiterrorPage h2 {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0 1rem 0;
white-space: nowrap;
}
.galleryPage h2::before,
.antiterrorPage h2::before {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__left-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.galleryPage h2::after,
.antiterrorPage h2::after {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/heading__right-bracket.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
}
.galleryPage h3 {
font-family: "Roboto Condensed";
font-size: 20px;
color: #702323;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.galleryPage h3::before {
content: "";
display: block;
height: 1px;
background-color: #702323;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.galleryPage h3::after {
content: "";
display: block;
height: 1px;
background-color: #702323;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.galleryPage .galleryPhotosSwiper {
margin-bottom: 1rem;
}
.galleryPage .galleryPhotosSwiper .swiper-slide img {
width: 100%;
}
.galleryPage .galleryPhotosSwiper__controls {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.galleryPage .galleryPhotosSwiper__controls::before {
content: "";
display: block;
height: 1px;
background-color: #702323;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 1rem;
}
.galleryPage .galleryPhotosSwiper__controls::after {
content: "";
display: block;
height: 1px;
background-color: #702323;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 1rem;
}
.galleryPage .buttonStyle {
padding: 0 0.5rem;
margin: auto;
margin-top: 0 !important;
margin-bottom: 2rem;
}
.galleryPage .buttonStyle a {
display: inline-block;
color: white;
border-radius: 0.5rem;
background-color: #702323;
padding: 0.3rem 1rem;
width: 100%;
margin-top: 0.5rem;
font-family: "Roboto Condensed";
text-align: center;
font-size: 20px;
}
.galleryPage__photos-desktop {
margin: 0;
margin-bottom: 3rem;
display: none;
}
.galleryPage__photos-desktop div {
padding: 0;
}
.galleryPage__photos-desktop div img {
width: 100%;
padding: 0.3rem;
}
.galleryPage__photos-desktop p {
font-family: "Roboto Condensed";
font-size: 24px;
color: #702323;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
margin-bottom: 0rem;
margin-top: 2rem;
}
.galleryPage__photos-desktop p::before {
content: "";
display: block;
height: 1px;
background-color: #702323;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.galleryPage__photos-desktop p::after {
content: "";
display: block;
height: 1px;
background-color: #702323;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.galleryPage__photos-desktop a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.galleryPage__photos-desktop a img {
width: 2.5rem;
margin: auto;
}
.galleryPage .loadButton {
display: none;
}
.galleryPage .loadButton-mobile {
margin-bottom: 0;
}
.galleryPage .loadButton-mobile a {
font-family: "Roboto Condensed";
font-size: 24px;
color: #702323;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
margin-bottom: 0rem;
margin-top: 2rem;
background-color: transparent;
border: none;
padding: 0;
}
.galleryPage .loadButton-mobile a::before {
content: "";
display: block;
height: 1px;
background-color: #702323;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.galleryPage .loadButton-mobile a::after {
content: "";
display: block;
height: 1px;
background-color: #702323;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.galleryPage .loadButton-mobile img {
width: 2rem;
margin: auto;
display: block;
}
.galleryPage .galleryPage__video {
width: 100%;
height: auto;
margin: auto;
margin-bottom: 4rem;
}
.galleryPage__photo {
display: -ms-grid;
display: grid;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-row: 1 / 4;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1 / 2;
width: 100%;
justify-items: center;
}
.galleryPage__photo img {
-o-object-fit: cover;
object-fit: cover;
max-height: 615px;
width: 100%;
max-width: 1200px;
}
.galleryPage__photo__secondary-image {
display: -ms-grid;
display: grid;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / 3;
height: 100%;
width: 100%;
padding: 0 5px 10px 5px;
max-height: 300px;
}
.galleryPage__photo__secondary-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 300px;
}
.galleryPage__photo__third-image {
display: -ms-grid;
display: grid;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2 / 3;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / 3;
height: 100%;
width: 100%;
padding: 0 5px 10px 5px;
max-height: 300px;
}
.galleryPage__photo__third-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 300px;
}
.galleryPage__photo-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 15px 450px;
grid-template-columns: 1fr 450px;
-ms-grid-rows: 1fr 15px 1fr;
grid-template-rows: 1fr 1fr;
gap: 15px;
max-width: 1600px;
margin: 0 auto;
padding: 20px 0;
}
.galleryPage__photo-wrapper > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.galleryPage__photo-wrapper > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.galleryPage__photo-wrapper > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.galleryPage__photo-wrapper > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.eventBlock__link-wrapper {
text-align: center;
}
.eventBlock__link_all-photos a {
margin-top: -5px;
font-size: 26px;
color: #702323;
}
.blink {
-webkit-animation: blink 2s infinite;
animation: blink 2s infinite;
}
@-webkit-keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@media (min-width: 1600px) and (max-width: 1900px) {
.galleryPage__photo-wrapper {
max-width: 1450px;
}
.galleryPage__photo img {
max-height: 604px;
}
}
@media (min-width: 1440px) and (max-width: 1599px) {
.galleryPage__photo-wrapper {
max-width: 1300px;
}
.galleryPage__photo img {
max-height: 604px;
}
}
@media (min-width: 1240px) and (max-width: 1439px) {
.galleryPage__photo-wrapper {
max-width: 940px;
-ms-grid-columns: 1fr 280px;
grid-template-columns: 1fr 280px;
}
.galleryPage__photo img {
max-height: 604px;
}
}
@media (min-width: 1024px) and (max-width: 1239px) {
.galleryPage__photo__secondary-image img,
.galleryPage__photo__third-image img {
height: 212px;
}
.galleryPage__photo-wrapper {
height: 500px;
-ms-grid-columns: 1fr 290px;
grid-template-columns: 1fr 290px;
max-width: 900px;
}
.galleryPage__photo {
height: 450px;
}
.galleryPage__photo img {
height: 450px;
}
}
@media (min-width: 992px) {
.galleryPage h2 {
margin-bottom: 1rem;
}
.galleryPage h2::before,
.antiterrorPage h2::before {
width: 4rem;
height: 4rem;
}
.galleryPage h2::after,
.antiterrorPage h2::after {
width: 4rem;
height: 4rem;
}
.galleryPage h3 {
font-size: 40px;
}
.galleryPage .buttonStyle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.galleryPage .buttonStyle a {
width: auto;
border-radius: 0.9rem;
margin-top: 2rem;
padding: 0.5rem 2rem;
}
.galleryPage .loadButton-mobile {
display: none;
}
.galleryPage .loadButton {
display: block;
}
.galleryPage .loadButton a {
margin-top: 0;
}
.galleryPage__photos-mobile {
display: none;
}
.galleryPage__photos-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
} .mobile-photo {
display: none;
}
@media (max-width: 576px) {
.galleryPage .historySwiper__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mobile-photo {
display: block;
background: none;
padding: 0;
}
.pc-photos,
.pc-pagination {
display: none;
}
.mobile-photo .swiper-wrapper {
height: 350px;
}
.mobile-photo .swiper-slide img {
height: 300px;
}
.mobile-photo .galleryPage__photo,
.galleryPage__photo__third-image,
.galleryPage__photo__secondary-image {
padding: 20px 0;
}
} .pagination {
width: auto;
margin: 60px auto;
}
span.page-numbers {
padding: 7px;
width: 36px;
text-align: center;
background: #fff;
border: 2px solid #702323;
border-radius: 6px;
margin-right: 10px;
}
a.page-numbers {
padding: 5px;
width: 42px;
text-align: center;
background: #702323;
border: 2px solid #702323;
color: #fff;
border-radius: 6px;
margin-right: 10px;
font-size: 20px;
}
a.bvi-open {
font-size: 19px;
}
.bg_img {
max-width: 1200px;
max-height: 800px;
margin: 0 auto;
}
.bg_img img {
width: 100%;
height: 65vh;
max-height: 793px;   -o-object-position: 100% 30%;
object-position: 100% 30%;
-webkit-filter: brightness(75%);
filter: brightness(75%);
}
.bvi-widget .bvi-svg-eye,
.bvi-shortcode .bvi-svg-eye {
width: 0.8em;
height: 0.6em;
}
@media (max-width: 768px) {
.gridBlock div img {
width: 100%;
height: 167px;
}
.footerSection__list,
.footerRasp {
padding: 5px 60px;
}
.footerSection__list ul {
padding: 0;
}
.footerLogo {
text-align: center;
margin-bottom: 35px;
}
.footerRasp p {
margin-bottom: 0;
}
}
#pushkinWidget {
width: 266px;
height: 294px;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999999;
padding: 10px;
background: rgb(0 0 0 / 54%);
border-radius: 8px;
}
.ticketByWidget {
text-align: center;
width: 100%;
display: block;
background: #232323;
color: #fff;
padding: 10px;
font-size: 18px;
border-radius: 6px;
margin-top: 5px;
border: 2px solid #fff;
}
#pushkinWidget img {
width: 100%;
height: auto;
border: 1px solid #fff;
border-radius: 4px;
}
#disWidget {
width: 38px;
height: 38px;
border: 2px solid #fff;
color: #fff;
padding: 0px;
background: #232323;
border-radius: 50px;
float: right;
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#pushkinWidget__mobile {
width: 100%;
height: 100px;
position: fixed;
bottom: 17px;
right: 0;
z-index: 9999999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.pushkinWidget__mobile-wrapper {
background-image: url(//lermontovdomik.ru/wp-content/themes/domiklermontova/assets/pushkin__mobile.svg);
background-repeat: no-repeat;
background-size: cover;
background-position-x: center;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 4px 10px;
}
#pushkinWidget__mobile img {
width: 100%;
height: auto;
}
.pushkinWidget__mobile-wrapper .ticketByWidget {
text-align: center;
width: 114px;
height: 34px;
display: block;
background: transparent;
color: #fff;
padding: 5px 12px;
font-size: 13px;
border-radius: 8px;
border: 2px solid #fff;
}
#pushkinWidget__mobile #disWidget {
width: 25px;
height: 25px;
border: 2px solid #fff;
color: #fff;
padding: 0px;
background: #232323;
border-radius: 50px;
float: right;
margin-bottom: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: larger;
}
.pushkinWidget__mobile-button__wrapper {
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 90px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
@media (min-width: 577px) {
#pushkinWidget {
display: block;
}
#pushkinWidget__mobile {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1025px) {
.bg_img {
max-width: 800px !important;
}
}
@media (min-width: 1026px) and (max-width: 1400px) {
.bg_img {
max-width: 1000px !important;
}
}
@media (max-width: 576px) {
#pushkinWidget {
display: none;
}
#pushkinWidget__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.bg_img {
max-width: 300px !important;
}
} .galleryPage__video-wrapper {
padding: 60px 100px;
width: 100%;
display: flex;
justify-content: center;
}
.galleryPage__video-wrapper .wp-block-video {
max-width: 1000px;
}
@media (max-width: 576px) {
.galleryPage__video-wrapper {
padding: 15px 15px;
}
.video_page {
margin-bottom: 0 !important;
}
}
.wp-block-essential-blocks-image-gallery {
padding-bottom: 100px;
}
@media (max-width: 576px) {
.eb-gallery-img-wrapper.eb-image-gallery-i0yep.grid .eb-gallery-img-content {
width: calc((100% / 1) - 6.666666666666667px);
}
.environmentPage h2 {
white-space: pre-wrap !important;
font-size: 18px !important;
}
} @media (min-width: 992px) {
.antiterrorPage {
height: 53.1vh;
}
}
@media (max-width: 576px) {
.antiterrorPage h3 {
padding-right: 35%;
font-size: 20px;
margin-bottom: 0.5rem;
}
.antiterrorPage h2 {
margin-top: 10px;
}
}