body {
background-color: #1a1a1a;
color: #fff;
font-family: 'PT Serif';
}
.block_1 {
min-height: 90vh;
background-image: url(//ivell.ru/wp-content/themes/ivell/img/bokeh.png);
background-size: cover;
background-color: #000;
}
.block_1_0 {
min-height: 15vh;
}
.block_1_slogan {
min-height: 90vh;
}
.slogan {
font-size: 25px;
}
.slogan_a {
padding-right: 10%;
}
.slogan_b {
padding-left: 10%;
}
.fon {
background-color: #00000075;
}
.pazpaj {
font-style: italic;
font-size: 2rem;
letter-spacing: 10px;
}
.swiper-pagination {
top: 50px;
}
.swiper-pagination-bullet {
background: #fff !important;
}
.swiper-pagination-bullet-active {
background-color: #000;
}
.cat_button {
bottom: 150pt;
}
.btn-outline-light,
.btn-outline-secondary,
.btn-secondary,
.dropdown-item,
.form-label {
font-size: 30px;
}
.form-select {
font-size: 30px;
background-color: #000;
color: #FFF;
border-color: #fff;
}
.block_3 {
background-color: #000;
}
.catalog {
min-height: 50vh;
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#offcanvasRight {
background-color: #000;
color: #fff;
}
.btn-close {
background-color: #fff;
}
.block_0 {
padding-bottom: 100px;
}
.permalink {
cursor: pointer;
}
.thumb {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
}
.offcanvas-body .h5 {
font-size: 2rem;
letter-spacing: 10px;
} @media (max-width: 1399px) {
.slogan_a {
padding-right: 12%;
}
.slogan_b {
padding-left: 12%;
}
} @media (max-width: 1199px) {} @media (max-width: 991px) {
.slogan_a {
padding-right: 20%;
}
.slogan_b {
padding-left: 20%;
}
} @media (max-width: 767px) {
.swiper-slide {
width: 80vw;
padding: 0 10px;
}
.pazpaj {
font-style: italic;
font-size: 1.4rem;
letter-spacing: 10px;
}
.slogan_a {
padding-right: 25%;
}
.slogan_b {
padding-left: 25%;
}
.thumb {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
}
.btn-outline-light,
.btn-outline-secondary,
.btn-secondary,
.dropdown-item,
.form-label {
font-size: 20px;
}
.form-select {
font-size: 20px;
}
} @media (max-width: 575px) {
.slogan_a {
padding-right: 30%;
}
.slogan_b {
padding-left: 30%;
}
.head_slogan {
padding-top: 40vh;
}
}