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;
}
} .search-container {
width: 100%;
}
.search-input {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 1.2rem;
padding: 12px 15px;
border-radius: 0;
font-family: 'PT Serif', serif;
}
.search-input:focus {
background-color: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.5);
box-shadow: none;
color: #fff;
}
.search-input::placeholder {
color: rgba(255, 255, 255, 0.6);
}
.search-btn {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-left: none;
padding: 0 20px;
border-radius: 0;
}
.search-btn:hover {
background-color: rgba(255, 255, 255, 0.2);
} @media (max-width: 767px) {
.search-input {
font-size: 1rem;
padding: 10px 12px;
}
.search-btn i {
font-size: 1.5rem !important;
}
}