@charset "UTF-8";

:root {
--cont: 1400px;
--gold: #E7BA8E;
--purple: #3D1E38;
--br50: 50px;
--br20: 20px;
--black: #1A1A1A;
--grey: #F5F5F5;
--wgrey: #E0E0E0;
--green: #219653;
--red: #D40511;
--white: #fff;
--p_little: 18px;
--cont-p: 20px;
--montFont: "Montserrat";
--headerHeight: 120px;
}
#main {
margin-top: calc(var(--headerHeight) + 20px);
}
.container {
width: calc(100% - var(--cont-p) * 2);
margin-left: auto;
margin-right: auto;
max-width: var(--cont);
}
h3 {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
font-weight: 600;
} .zapis_modal .inn_inncont_frm .inncont_title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
font-weight: 600;
color: var(--black);
}
.zapis_modal .inn_inncont_frm .inncont_frm_desc {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 400;
color: var(--black);
margin-top: 8px;
}
.zapis_modal .inn_inncont_frm .wpcf7-submit {
background-color: var(--purple);
color: #fff;
transition: 0.3s;
cursor: pointer;
font-weight: 600;
border-radius: 8px;
}
.zapis_modal .inn_inncont_frm input {
height: 60px;
border-radius: 8px;
width: 100%;
font-size: 18px;
line-height: 140%;
padding: 0 20px;
border: 1px solid rgb(225, 225, 225);
font-family: var(--montFont);
font-weight: 400;
}
.zapis_modal .chbx_label {
transition: 0.3s;
cursor: pointer;
}
.zapis_modal .chbx_label input:checked + .chkbx_bx .chbx_icon svg path {
fill: #fff;
}
.zapis_modal .chkbx_bx {
display: flex;
align-items: flex-start;
gap: 0 8px;
margin-top: 14px;
} .wpml-ls-statics-footer {
display: none;
}
.header__lang .wpml-ls-statics-footer {
display: block;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
margin-bottom: 0;
}
.wpml-ls-legacy-list-horizontal {
border: unset;
padding: unset;
clear: unset;
}
.wpml-ls-statics-footer .wpml-ls-item > a {
display: flex;
background-color: unset !important;
color: #fff !important;
align-items: center;
}
.wpml-ls-display {
display: none ;
}
.header__top-left {
display: none;
} .zapis_modal .chbx_icon {
width: 18px;
min-width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
transition: 0.3s;
background-color: var(--purple);
}
.zapis_modal .chbx_icon svg {
width: 12px;
height: 10px;
transition: 0.3s;
}
.zapis_modal .chbx_icon svg path {
fill: transparent;
transition: 0.3s;
}
.zapis_modal .chbx_desc {
font-family: var(--montFont);
font-size: 12px;
font-weight: 400;
color: var(--purple);
line-height: 140%;
transition: 0.3s;
}
.zapis_modal .contacts_form {
display: flex;
flex-direction: column;
gap: 10px 0;
margin-top: 30px;
}
.zapis_modal .js-choose-one {
display: none;
}
body.showZapis .zapis_modal {
visibility: visible;
opacity: 1;
}
body.showZapis {
overflow: hidden;
}
.zapis_modal {
position: fixed;
z-index: 200;
top: 0px;
left: 0;
bottom: 0;
right: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s;
display: flex;
justify-content: center;
align-items: center;
z-index: 2222222;
}
.zapis_form {
max-height: 100%;
overflow-y: auto;
z-index: 1;
position: relative;
border-radius: 35px;
max-width: 430px;
width: 100%;
}
.zf_krest {
position: absolute;
top: 20px;
right: 30px;
z-index: 100000000000000000;
padding: 1vh;
border: 1px solid #999;
cursor: pointer;
background-color: transparent;
padding: 0;
border: none;
font-family: "TT Norms Pro", sans-serif;
cursor: pointer;
width: 24px;
height: 24px;
display: flex;
margin-top: 8px;
}
.innr_zf {
background-color: #fff;
padding: 5vh;
border-radius: 15px;
position: relative;
}
.zm_bg {
background-color: rgba(0, 0, 0, 0.6666666667);
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0 13px 0 0;
}
.sw_btn_prev svg,
.sw_btn_next svg {
width: 40px;
height: 40px;
} .mtop {
margin-top: 160px;
}
body {
background-color: var(--grey);
}
.btn {
height: 53px;
background-color: var(--gold);
border-radius: var(--br50);
color: var(--white);
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 700;
padding: 0 30px;
display: flex;
align-items: center;
}
.section_title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
line-height: 140%;
color: var(--black);
text-align: center;
} body.scrolling #header {
text-align: center;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
top: 0 !important;
}
.page-template-page-about-us.scrolling #header {
opacity: 1;
}
body.scrolling .header__menu ul li::after {
background-color: var(--white);
} header .header__burger {
display: none;
}
header .header__mobile {
display: none;
}
.overlay {
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 98;
height: 100%;
width: 100%;
visibility: hidden;
transition: all 0.3s;
}
.overlay.active {
visibility: visible;
}
.header__burger {
display: flex;
flex-direction: column;
cursor: pointer;
width: 30px;
height: 30px;
position: relative;
z-index: 999999;
}
.burger_bar {
background-color: #333;
height: 4px;
width: 30px;
margin: 4px 0;
transition: 0.4s;
} #header {
position: fixed;
top: 0;
left: 0;
right: 0;
color: #fff;
z-index: 100;
transition: background 0.3s;
background-color: #fff;
}
.header {
display: flex;
align-items: center;
height: var(--headerHeight);
position: relative;
flex-direction: column;
}
.header__btn {
height: 46px;
transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
color: var(--purple);
border: 2px solid var(--purple);
padding: 0 20px;
border-radius: 8px;
margin-left: 40px;
cursor: pointer;
font-weight: 600;
font-size: 18px;
}
.header__btn:hover {
border-color: var(--gold);
color: var(--gold);
}
.header__mid {
display: flex;
height: 80px;
align-items: center;
}
.header__mid .header_contacts {
display: flex;
flex-direction: column;
gap: 3px 0;
align-items: flex-start;
}
.header__mid .header_contacts a {
color: var(--gold);
font-family: var(--montFont);
font-size: 18px;
font-weight: 600;
transition: 0.3s;
}
.header__mid .header_contacts a:hover {
color: var(--purple);
}
.header__logo {
width: 93px;
}
.header__logo a {
height: 100%;
display: block;
}
.header__menu {
display: flex;
align-items: center;
height: 100%;
margin-left: auto;
margin-right: auto;
visibility: visible;
opacity: 1;
transition: 0.3s;
}
.header__menu ul {
display: flex;
align-items: center;
height: 100%;
}
.header__menu ul li {
height: 100%;
position: relative;
cursor: pointer;
}
.header__menu ul li a {
font-family: var(--montFont);
font-size: 16px;
font-weight: 400;
color: var(--black);
transition: 0.3s;
height: 100%;
display: flex;
align-items: center;
}
.header__menu ul li:hover a {
color: var(--gold);
}
.header__menu ul li::after {
position: absolute;
bottom: 0px;
left: 50%;
right: 50%;
content: "";
transition: 0.3s;
background-color: var(--gold);
height: 3px;
opacity: 0;
border-radius: 20px;
}
.header__menu ul li:hover::after {
left: 0;
right: 0;
opacity: 1;
}
.header__menu .menu_wrap li:not(:last-of-type) {
margin-right: 30px;
}
.header__lang > div .gt_float_switcher {
background-color: unset;
box-shadow: unset;
}
.header__lang > div .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
text-transform: capitalize;
color: #fff;
font-size: 18px;
line-height: 22px;
}
.header__lang > div .gt_float_switcher img {
vertical-align: middle;
display: inline-block;
width: 24px;
height: 20px;
margin: 0 5px 0 0;
border-radius: 100%;
object-fit: cover;
}
.header__lang > div .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23fff'/></svg>");
}
.header__lang > div .gt_float_switcher .gt-selected {
background-color: unset;
}
.header__lang > div .gt_float_switcher .gt_options {
position: fixed;
background-color: #fff;
}
.header__info {
margin-right: 60px;
display: flex;
gap: 60px;
}
.header__info .email {
font-family: var(--montFont);
font-size: 14px;
font-weight: 400;
}
.header__info .tel {
font-family: var(--montFont);
font-size: 24px;
font-weight: bold;
}
.header__top {
height: 40px;
display: flex;
width: 100%;
align-items: center;
background: rgb(61, 30, 56);
background: linear-gradient(to right, rgb(61, 30, 56) 10%, rgb(85, 52, 119) 100%, rgb(66, 38, 73) 100%);
}
.header__top_t {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
.header__top svg {
width: 22px;
height: 22px;
}
.header__top-r {
display: flex;
gap: 0 50px;
align-items: center;
height: 100%;
justify-content: flex-end;
}
.header__top-right {
height: 100%;
width: 100%;
}
.header__mid {
width: calc(100% - var(--cont-p) * 2);
}
.header .header__soc-inst a {
display: flex;
align-items: center;
gap: 0 10px;
} body.admin-bar #header {
top: 32px;
} .banner {
height: 100vmin;
background-color: rgba(0, 0, 0, 0.0666666667);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-top: var(--headerHeight);
}
.banner__inn {
display: flex;
align-items: center;
padding-bottom: 40px;
height: 100%;
}
.banner__inn-content {
width: 100%;
display: flex;
justify-content: space-between;
}
.banner__inn-content .bic_bx {
max-width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.banner__inn-content .bic_weather a {
display: none;
}
.banner__inn-content .bic_weather .bicw_mob {
display: none;
}
.banner__inn-content p {
font-family: var(--montFont);
font-size: 24px;
font-weight: bold;
line-height: 140%;
color: var(--white);
margin-top: 30px;
font-weight: 400;
}
.banner__inn-content-title {
font-family: var(--montFont);
font-size: 60px;
font-weight: bold;
line-height: 140%;
color: var(--white);
font-weight: 600;
}
.banner__inn-content-desc {
font-family: var(--montFont);
font-size: 20px;
font-weight: 400;
line-height: 140%;
color: var(--white);
margin-top: 20px;
}
.banner__inn-content-btn {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
margin-top: 60px;
height: 53px;
padding: 0 30px;
background-color: var(--gold);
color: var(--white);
width: max-content;
display: flex;
align-items: center;
border-radius: var(--br50);
transition: 0.3s all;
}
.banner__inn-content-btn:hover {
background-color: var(--white);
color: var(--gold);
cursor: pointer;
user-select: none;
} .about {
margin-top: 130px;
}
.about .about__inn {
display: flex;
align-items: center;
--gap: 138px;
gap: var(--gap);
margin-bottom: 160px;
}
.about .about__inn-left {
width: 570px;
}
.about .about__inn-left-title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
font-weight: 600;
color: var(--black);
}
.about .about__inn-left-btn {
display: flex;
gap: 0 5px;
align-items: center;
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 600;
color: var(--purple);
margin-top: 30px;
}
.about .about__inn-left-btn svg {
width: 20px;
height: 20px;
}
.about .about__inn-left p {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
margin-top: 20px;
line-height: 140%;
font-weight: 400;
}
.about .about__inn-right {
width: calc(100% - var(--gap) - 570px);
display: flex;
--elems: 2;
--gap: 20px;
flex-wrap: wrap;
gap: var(--gap);
}
.about .about__inn-right-img:nth-child(1) {
--elems: 1;
}
.about .about__inn-right-img {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
--height: 240px;
height: var(--height);
border-radius: 10px;
overflow: hidden;
}
.about .about__inn-right-img img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
} .wtodo {
background-color:var(--purple);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wtodo .innw_title {
font-size: 30px;
color: #fff;
}
.wtodo .wt {
padding: 50px 0 70px 0;
overflow: hidden;
}
.wtodo .wtsw_navs {
position: relative;
height: 80px;
display: flex;
align-items: center;
margin-top: 20px;
width: 100%;
}
.wtodo .wtsw_navs .sw_navs {
width: 190px;
position: relative;
display: flex;
gap: 0 30px;
}
.wtodo .wtsw_navs .sw_navs .swiper-button-next::after, .wtodo .wtsw_navs .sw_navs .swiper-rtl .swiper-button-prev::after {
content: none;
}
.wtodo .wtsw_navs .sw_navs .swiper-button-prev::after, .wtodo .wtsw_navs .sw_navs .swiper-rtl .swiper-button-next::after {
content: none;
}
.wtodo .wtsw_navs .sw_navs .sw_btn_prev, .wtodo .wtsw_navs .sw_navs .sw_btn_next {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
background-color: #fff;
cursor: pointer;
border-radius: 50%;
transition: 0.3s;
}
.wtodo .wtsw_navs .sw_navs .sw_btn_prev .swiper-button-disabled {
border: 1px solid #fff;
}
.wtodo .wtsw_navs .sw_navs .sw_btn_next svg path,
.wtodo .wtsw_navs .sw_navs .sw_btn_prev svg path {
fill: var(--black);
}
.wtodo .wtsw_navs .sw_navs .sw_btn_prev svg, .wtodo .wtsw_navs .sw_navs .sw_btn_next svg {
width: 20px;
height: 20px;
cursor: pointer;
transition: 0.3s;
}
.wtodo .wtsw_navs .sw_navs .swiper-button-disabled {
border: 1px solid #fff;
background-color: transparent;
}
.wtodo .wtsw_navs .sw_navs .swiper-button-disabled svg path {
fill: #fff;
transition: 0.3s;
}
.wtodo .sw_pagi {
display: flex;
width: calc(100% - 40px - 190px);
position: relative;
top: unset;
left: unset;
right: unset;
bottom: unset;
margin-left: auto;
}
.wtodo .sw_pagi .swiper-pagination-bullet {
width: 100% !important;
border-radius: 0;
height: 2px;
margin: 0;
background-color: #51324C;
opacity: 1;
transition: 0.3s;
}
.wtodo .sw_pagi .swiper-pagination-bullet-active {
background-color: var(--gold) !important;
opacity: 1;
transition: 0.3s;
}
.wtodo .wtsw {
overflow: visible;
margin-top: 30px;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide {
border-radius: 10px;
overflow: hidden;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-bx {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 481px;
padding: 88px 30px 40px 30px;
position: relative;
overflow: hidden;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-bx:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgb(55, 55, 55);
opacity: 0.5;
z-index: 1;
transform: translate(0, 100%);
transition: 0.3s;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-bx:hover:after {
transform: translate(0, 0%);
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-bx.active:after {
transform: translate(0, 0%);
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-bx:hover .wtsw__slide-info {
bottom: 0;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-bx:hover .wtsw__slide-info-desc {
margin-top: 10px;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-bx.active .wtsw__slide-info {
bottom: 0;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-bx.active .wtsw__slide-info-desc {
margin-top: 10px;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-info {
position: relative;
z-index: 2;
bottom: -95%;
transition: 0.3s;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-info-title {
color: #fff;
font-family: var(--montFont);
font-size: 24px;
font-weight: bold;
font-weight: 600;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-info-desc {
color: #fff;
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 500;
margin-top: 40px;
transition: 0.3s;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-info-btn {
display: flex;
align-items: center;
color: var(--gold);
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 600;
margin-top: 26px;
gap: 0 5px;
transition: 0.3s;
}
.wtodo .wtsw .wtsw_wrapper .wtsw__slide-info-btn svg {
width: 20px;
height: 20px;
} .projivanie__title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
font-weight: 600;
}
.projivanie__slide-info {
position: relative;
bottom: -90%;
z-index: 2;
display: flex;
flex-direction: column;
min-height: 100%;
}
.projivanie__slide-info-btn {
display: flex;
align-items: center;
gap: 5px;
color: var(--gold);
margin-top: auto;
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
transition: 0.3s;
}
.projivanie__slide-info-btn svg {
width: 20px;
height: 20px;
transition: 0.3s;
}
.projivanie__slide-info-btn:hover svg {
transform: translate(20px, 0);
}
.projivanie__slide-info-title {
color: #fff;
font-family: var(--montFont);
font-size: 22px;
font-weight: 600;
font-weight: 600;
}
.projivanie__slide-info-desc {
color: #fff;
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 500;
transition: 0.3s;
}
.projivanie__slide-info-bx {
display: flex;
flex-direction: column;
gap: 20px 0;
margin-top: 30px;
}
.projivanie__slide-info-bx .psib {
color: #fff;
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 400;
}
.projivanie__slide-info-bx .psib__title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.projivanie__slide-info-bx .psib__title-bx {
display: flex;
gap: 0 5px;
}
.projivanie__slide-info-bx .psib__title-bx-img img {
width: 20px;
height: 20px;
}
.projivanie__inn {
margin-top: 30px;
--elems: 3;
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.projivanie__inn-bx {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
position: relative;
background-color: var(--white);
border-radius: 20px;
display: flex;
flex-direction: column;
min-height: 560px;
padding: 36px 30px 30px 40px;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.projivanie__inn-bx-title {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 700;
color: var(--black);
line-height: 140%;
}
.projivanie__inn-bx::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgb(55, 55, 55);
opacity: 0.5;
z-index: 1;
transform: translate(0, 100%);
transition: 0.3s;
border-radius: 20px;
}
.projivanie__inn-bx:hover::after {
transform: translate(0, 0%);
}
.projivanie__inn-bx:hover .projivanie__slide-info {
bottom: 0;
}
.projivanie__inn-bx.active::after {
transform: translate(0, 0%);
}
.projivanie__inn-bx.active .projivanie__slide-info {
bottom: 0;
}
.projivanie__inn-bx:hover .btn {
background-color: var(--white);
z-index: 3;
color: var(--gold);
}
.projivanie__inn-bx:hover .services__inn-bot-img::after {
transform: translate(100%, 100%);
opacity: 0;
visibility: hidden;
}
.projivanie__inn-bx.active .btn {
background-color: var(--white);
z-index: 3;
color: var(--gold);
}
.projivanie__inn-bx.active .services__inn-bot-img::after {
transform: translate(100%, 100%);
opacity: 0;
visibility: hidden;
}
.projivanie__inn-bot {
display: flex;
align-items: flex-end;
margin-top: auto;
justify-content: space-between;
}
.projivanie__inn-bot-img {
position: absolute;
right: 0;
bottom: 0;
height: 100%;
display: flex;
align-items: flex-end;
}
.projivanie__inn-bot-img img {
z-index: 3;
}
.projivanie__inn-bot-img:after {
position: absolute;
content: "";
width: 350px;
height: 350px;
background-color: var(--gold);
right: -50%;
bottom: -30%;
border-radius: 100%;
z-index: 1;
transition: transform 0.3s, background-color 0.3s, visibility 0.3s, opacity 0.3s;
}
.projivanie__inn-bot-btn {
margin-bottom: 32px;
} .faqs {
background-color:var(--purple);
background-position: center;
background-repeat: no-repeat;
padding: 50px 0 70px 0;
}
.faqs .inn__faqs-title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
color: #fff;
font-weight: 600;
}
.faqs .inn__faqs-bx {
margin-top: 30px;
}
.faqs .faq {
cursor: pointer;
margin-bottom: 20px;
}
.faqs .faq__vopros {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
display: flex;
justify-content: space-between;
align-items: center;
height: 54px;
border-bottom: 1px solid #51324C;
color: #fff;
transition: 0.3s;
}
.faqs .faq__vopros-svg {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--gold);
border-radius: 50%;
margin-bottom: 14px;
}
.faqs .faq__vopros svg {
width: 20px;
height: 12px;
}
.faqs .faq__otvet {
margin: 30px 0 0 0;
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 400;
max-width: 65%;
color: #fff;
transition: 0.3s;
}
.faqs .faq__otvet {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
.faqs .faq.active .faq__otvet {
max-height: 1000px;
}
.faqs .faq.active svg {
transform: rotate(180deg);
transition: 0.5s ease-in-out;
}
.faqs .faq.active .faq__vopros {
color: var(--gold);
}
.hidden {
display: none;
} .news__inn {
display: flex;
flex-direction: column;
align-items: center;
}
.news__inn-title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
font-weight: 600;
color: var(--black);
text-align: left;
width: 100%;
}
.news__bx {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
height: 690px;
margin-top: 30px;
}
.news__bx-box {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: flex-end;
padding: 0 0 35px 30px;
border-radius: 10px;
overflow: hidden;
transition: 0.3s;
transform: scale(1);
}
.news__bx-box .news__bx-info {
display: flex;
flex-direction: column;
gap: 10px 0;
max-width: 75%;
}
.news__bx-box .news__bx-info-date {
height: 30px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--purple);
border-radius: 5px;
width: max-content;
padding: 0 10px;
color: #fff;
font-family: var(--montFont);
font-size: 16px;
font-weight: 400;
line-height: 140%;
font-weight: 500;
}
.news__bx-box .news__bx-info-title {
font-family: var(--montFont);
font-size: 24px;
font-weight: bold;
font-weight: 600;
line-height: 140%;
color: #fff;
}
.news__bx-box:hover {
transform: scale(1.02);
}
.news__bx-box1 {
grid-area: 1/1/5/3;
}
.news__bx-box2 {
grid-area: 1/3/3/5;
}
.news__bx-box3 {
grid-area: 3/3/5/5;
}
.news__link {
display: flex;
justify-content: center;
align-items: center;
height: 46px;
border-radius: 8px;
border: 2px solid var(--purple);
margin: 20px auto 0;
padding: 0 20px;
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 600;
color: var(--purple);
transition: 0.3s;
width: max-content;
}
.news__link:hover {
color: #fff;
background-color: var(--purple);
border-color: transparent;
} .reviews-bx-title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
font-weight: 600;
color: var(--black);
}
.reviews-bx .swiper_review {
margin-top: 30px;
}
.reviews-bx .adv__inn_box-date {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 400;
line-height: 140%;
color: rgb(142, 142, 142);
margin-top: 5px;
}
.reviews-bx .adv__inn_box_bx .adv__inn_box-title {
font-weight: 600;
}
.reviews-bx .adv__inn-bx-desc {
margin-top: 5px;
font-family: var(--montFont);
font-size: 16px;
font-weight: 400;
color: var(--black);
font-weight: 400;
} #partners {
min-height: 75vh;
background-image: url(//livingstone.uz/wp-content/uploads/2024/07/fura-sboku.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
transition: 0.5s all;
}
#partners .partners {
position: relative;
padding-top: 10vh;
width: 100%;
}
#partners .partners .sw_btn_prev svg,
#partners .partners .sw_btn_next svg {
width: 40px;
height: 40px;
}
#partners .partners .swiper-button-disabled svg path {
fill: #1F63D0;
}
#partners .partners .sw_btn_prev {
position: absolute;
top: 38%;
transform: translate(0, -38%);
left: 0;
cursor: pointer;
}
#partners .partners .sw_btn_next {
position: absolute;
top: 38%;
transform: translate(0, -38%);
right: 0;
cursor: pointer;
} .gallery__inn-title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
font-weight: 600;
color: var(--black);
}
.gallery__bx {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(3, 380px);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.gallery__bx-img {
border-radius: 10px;
overflow: hidden;
}
.gallery__bx-img:hover img {
transform: scale(1.03);
}
.gallery__bx-img img {
height: 100%;
display: block;
object-fit: cover;
transform: scale(1);
transition: 0.3s;
}
.gallery__bx-img1 {
grid-area: 1/1/3/3;
}
.gallery__bx-img2 {
grid-area: 4/1/3/4;
}
.gallery__bx-img3 {
grid-area: 1/3/2/6;
}
.gallery__bx-img4 {
grid-area: 1/6/2/8;
}
.gallery__bx-img5 {
grid-area: 2/3/3/5;
}
.gallery__bx-img6 {
grid-area: 2/5/3/8;
}
.gallery__bx-img7 {
grid-area: 4/4/3/7;
}
.gallery__bx-img8 {
grid-area: 4/7/3/8;
} .wpcf7-spinner {
display: none;
}
#map.active::before {
display: none;
}
.map {
position: relative;
margin-top: 25vh;
}
.map svg {
width: 40px;
height: 40px;
}
.map .contacts {
position: absolute;
top: 50px;
max-width: 452px;
left: 15vh;
background-color: var(--white);
padding: 24px 20px 33px;
border-radius: 12px;
}
.map .contacts .inn_inncont_frm .inncont_title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
font-weight: 600;
color: var(--black);
}
.map .contacts .inn_inncont_frm .inncont_frm_desc {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 400;
color: var(--black);
margin-top: 8px;
}
.map .contacts__right-title {
font-family: var(--montFont);
font-size: 20px;
font-weight: 400;
color: var(--black);
font-weight: 700;
}
.map .contacts__right .form__desc-desc {
font-family: var(--montFont);
font-size: 16px;
font-weight: 400;
max-width: 50%;
line-height: 140%;
margin-bottom: 4vh;
margin-top: 1.4vh;
}
.map .contacts__right .form__desc p {
display: flex;
flex-direction: column;
gap: 2.8vh;
}
.map .contacts__right .form__desc p input {
width: 100%;
padding: 1.6vh 4vh;
border: 1px solid var(--wgrey);
border-radius: var(--br20);
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
color: var(--wgrey);
}
.map .contacts__right .form__desc p .btn {
color: var(--white);
}
.map .contacts .innqf_frm .wpcf7-text,
.map .contacts .innqf_frm .wpcf7-mask {
padding-left: 13px;
border: none;
}
.map .contacts .innqf_frm .wpcf7-submit {
font-weight: 700;
background-color: var(--purple);
color: #fff;
pointer-events: none;
opacity: 0.7;
transition: 0.3s;
border: 1px solid transparent;
}
.map .contacts .innqf_frm .wpcf7-submit:hover {
border: 1px solid var(--purple);
color: var(--purple);
}
.map .contacts .chbx_label input:checked .innqf_frm .wpcf7-submit {
pointer-events: all;
cursor: pointer;
opacity: 1;
}
.map .contacts .innqf_frm .wpcf7-spinner {
display: none;
}
.map .contacts .chbx_desc {
font-family: var(--montFont);
font-size: 16px;
font-weight: 400;
color: var(--purple);
line-height: 140%;
transition: 0.3s;
}
.map .contacts .chkbx_bx {
display: flex;
align-items: flex-start;
gap: 0 8px;
margin-top: 14px;
}
.map .contacts .contacts_form {
display: flex;
flex-direction: column;
gap: 10px 0;
margin-top: 30px;
}
.map .contacts .contacts_form input {
height: 60px;
border-radius: 8px;
width: 100%;
font-size: 18px;
line-height: 140%;
padding: 0 20px;
border: 1px solid rgb(225, 225, 225);
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
}
.map .contacts .contacts_form .wpcf7-submit {
background-color: var(--purple);
color: #fff;
transition: 0.3s;
cursor: pointer;
font-weight: 600;
border-radius: 8px;
}
.map .contacts .contacts_form .wpcf7-submit:hover {
background-color: transparent;
border: 1px solid var(--purple);
color: var(--purple);
}
.map .contacts .js-choose-one {
display: none;
}
.map .contacts .chbx_icon {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
transition: 0.3s;
background-color: var(--purple);
}
.map .contacts .chbx_icon svg {
width: 12px;
height: 10px;
transition: 0.3s;
}
.map .contacts .chbx_icon svg path {
fill: transparent;
transition: 0.3s;
}
.map .contacts .chbx_label {
transition: 0.3s;
cursor: pointer;
}
.map .contacts .chbx_label input:checked + .chkbx_bx .chbx_icon svg path {
fill: #fff;
}
.map .contacts .innqq_info {
margin-top: 20px;
width: calc(100% - 83px);
font-size: 18px;
color: #fff;
line-height: 140%;
text-align: center;
}
.map #map {
--mapHeight: 540px;
height: var(--mapHeight);
}
.map #map div {
height: 100vh;
} #info .info__inn {
display: flex;
gap: 11vh;
}
#info .info__inn-img {
height: max-content;
}
#info .info__inn-img svg {
width: 8.2vh;
} #footer {
color: var(--white);
background-color:var(--purple);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#footer .footer__left {
display: flex;
flex-direction: column;
gap: 24px 0;
width: 465px;
}
#footer .footer__left .contact__left-box-tel .header_contacts {
display: flex;
flex-direction: column;
gap: 8px 0;
}
#footer .footer__left .contact__left-box-tel .header_contacts a {
font-family: var(--montFont);
font-size: 22px;
font-weight: 600;
font-weight: 600;
color: #fff;
}
#footer .footer__left > div {
display: flex;
gap: 0 14px;
align-items: flex-start;
}
#footer .footer__left svg {
min-width: 26px;
height: 26px;
width: 26px;
}
#footer .footer__left svg path {
fill: var(--gold);
}
#footer .footer__inn {
padding: 7vh 0 0;
}
#footer .footer__inn h4 {
font-family: var(--montFont);
font-size: 22px;
font-weight: 600;
font-weight: 600;
color: #fff;
}
#footer .footer__inn-top {
display: flex;
justify-content: space-between;
padding: 0 0 7vh 0;
}
#footer .footer__inn-top-uslugi {
max-width: 50%;
}
#footer .footer__inn-top-uslugi ul {
margin-top: 30px;
display: flex;
flex-direction: column;
gap: 18px 0;
}
#footer .footer__inn-top-uslugi ul li {
break-inside: avoid;
max-width: 90%;
white-space: nowrap;
}
#footer .footer__inn-top-uslugi h3 {
font-family: var(--montFont);
font-size: 20px;
font-weight: 400;
font-weight: 700;
}
#footer .footer__inn-top-div {
display: flex;
flex-direction: column;
max-width: 40vh;
}
#footer .footer__inn-top-div .custom-logo {
width: 216px;
height: 139px;
}
#footer .footer__inn-top-div > div:not(:last-of-type) {
margin-bottom: 2.8vh;
}
#footer .footer__inn-top-div > div {
display: flex;
gap: 2.8vh;
align-items: center;
font-family: var(--montFont);
font-size: 16px;
font-weight: 400;
color: var(--white);
}
#footer .footer__inn-top-div > div svg {
min-width: 40px;
height: 40px;
width: 40px;
}
#footer .footer__inn-top-div .contact__left-box-tel {
font-weight: 700;
}
#footer .footer__inn-top-menu ul {
font-family: var(--montFont);
font-size: 20px;
font-weight: 400;
font-weight: 700;
gap: 3.9vh;
display: flex;
flex-direction: column;
}
#footer .footer__inn-bot {
padding: 2.8vh 0 4vh 0;
border-top: 1px solid rgb(81, 50, 76);
}
#footer .footer__inn-bot .bot_cont {
display: flex;
justify-content: space-between;
align-items: center;
}
#footer .footer__inn-bot .bot_cont > a {
font-family: var(--montFont);
font-size: 16px;
font-weight: 400;
font-weight: 400;
}
#footer .footer__inn-bot .bot_cont > a span {
font-weight: 700;
} .rank-math-breadcrumb {
margin-top: calc(var(--headerHeight) + 20px);
}
.rank-math-breadcrumb a {
color: var(--black);
}
.rank-math-breadcrumb p > a:nth-child(5) {
display: none;
}
.rank-math-breadcrumb p .separator:nth-child(4) {
display: none;
}
.rank-math-breadcrumb p .last {
color: #8E8E8E;
}
.rank-math-breadcrumb .separator {
color: var(--gold);
} .about__us-title {
font-family: var(--montFont);
font-size: 40px;
font-weight: bold;
margin-top: 40px;
}
.about__us .aboutu__wrap {
display: flex;
flex-direction: column;
margin-top: 70px;
gap: 70px 0;
}
.about__us .aboutu__wrap .about__wr:nth-child(1) {
flex-direction: row-reverse;
}
.about__us .aboutu__wrap .about__wr:nth-child(1) .aboutu__wrap-img,
.about__us .aboutu__wrap .about__wr:nth-child(3) .aboutu__wrap-img {
min-width: 570px;
max-width: 570px;
}
.about__us .aboutu__wrap .about__wr:nth-child(1) .aboutu__wrap-text,
.about__us .aboutu__wrap .about__wr:nth-child(3) .aboutu__wrap-text {
width: calc(100% - 570px - 70px);
}
.about__us .aboutu__wrap .about__wr {
display: flex;
gap: 60px;
height: 410px;
}
.about__us .aboutu__wrap .about__wr .aboutu__wrap-img {
border-radius: 10px;
overflow: hidden;
width: 100%;
}
.about__us .aboutu__wrap .about__wr .aboutu__wrap-img img {
display: block;
height: 100%;
object-fit: cover;
}
.about__us .aboutu__wrap .about__wr:nth-child(2) .aboutu__wrap-text {
display: none;
} .page-template-page-services #header {
background-color: var(--gold);
}
.page-template-page-services .mtop {
margin-top: 50px;
}
.page-template-page-services .services__title {
display: none;
} .single-service .breadcrumbs {
margin-top: 20px;
}
.single-service .route {
margin-top: 180px;
background-color: var(--gold);
padding-top: 20px;
}
.main-content .per__type-title {
margin-top: 50px;
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
margin-bottom: 30px;
}
.main-content .per__type {
--elems: 2;
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.main-content .per__type > div {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
background-color: var(--white);
min-height: 250px;
border-radius: var(--br20);
padding: 26px 30px 26px;
}
.main-content .per__type-box {
color: var(--black);
}
.main-content .per__type-box-title {
font-family: var(--montFont);
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.main-content .per__type-box-desc {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
} .single-service .four_advantages-bx-desc {
text-align: unset;
max-width: unset;
}
.single-service .map {
--h: 37vh;
--mt: 20vh;
margin-top: calc(var(--h) + var(--mt));
}
.single-service .four_advantages-bx {
height: unset;
align-items: unset;
}
.preim {
margin-top: 180px;
}
.preim__title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
}
.preim__box {
margin-top: 50px;
--elems: 3;
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.preim__box > div {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
} .page-template-page-contacts .map {
margin-top: 40px;
} .txt {
font-family: var(--montFont);
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
text-align: center;
color: #CFD0D0;
background-image: -webkit-linear-gradient(92deg, #008DD2, #A9C321);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 8s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
} .blog .news__inn {
margin-top: 40px;
}
.blog .news-container {
margin-top: 20px;
display: flex;
--elems: 3;
--gap: 20px;
flex-wrap: wrap;
gap: var(--gap);
}
.blog .news-container .news__bx-box {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
--height: 335px;
height: var(--height);
border-radius: 10px;
overflow: hidden;
}
.blog .news-container .news__bx-box a img {
height: 100%;
display: block;
object-fit: cover;
} .p__contacts {
margin-top: 40px;
}
.p__contacts-title {
font-family: var(--montFont);
font-size: 50px;
font-weight: bold;
font-weight: 600;
text-align: left;
}
.p__contacts-info {
margin-top: 70px;
--elems: 3;
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.p__contacts-info > div {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
--cardHeight:140px;
height: var(--cardHeight);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 20px 0;
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
font-weight: 400;
line-height: 140%;
color: var(--black);
}
.p__contacts-info > div .header_contacts {
display: flex;
flex-direction: column;
gap: 8px 0;
font-family: var(--montFont);
font-size: 22px;
font-weight: 600;
font-weight: 600;
color: var(--black);
}
.p__contacts-info > div > svg {
min-width: 50px;
width: 50px;
height: 50px;
} .page-template-page-activities .activities__title {
font-family: var(--montFont);
font-size: 50px;
font-weight: bold;
font-weight: 600;
line-height: 140%;
color: var(--black);
margin-top: 40px;
}
.page-template-page-activities .activities .wtsw__slide-info {
position: relative;
z-index: 2;
bottom: -95%;
}
.page-template-page-activities .activities .wtsw__slide-info-title {
font-family: var(--montFont);
font-size: 24px;
font-weight: bold;
line-height: 135%;
color: #fff;
}
.page-template-page-activities .activities .wtsw__slide-info-desc {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
color: #fff;
font-weight: 500;
margin-top: 40px;
}
.page-template-page-activities .activities .wtsw__slide-info-btn {
display: flex;
align-items: center;
color: var(--gold);
font-weight: 600;
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
margin-top: 26px;
gap: 0 5px;
width: max-content;
}
.page-template-page-activities .activities .wtsw__slide-info-btn svg {
width: 20px;
height: 20px;
}
.page-template-page-activities .activities .wtodo_bx {
margin-top: 20px;
display: flex;
--elems: 4;
--gap: 20px;
flex-wrap: wrap;
gap: var(--gap);
}
.page-template-page-activities .activities .wtodo_bx .wtsw__slide {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
--height: 430px;
height: var(--height);
border-radius: 10px;
overflow: hidden;
}
.page-template-page-activities .activities .wtodo_bx .wtsw__slide-bx {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 88px 30px 40px 30px;
position: relative;
overflow: hidden;
height: 100%;
}
.page-template-page-activities .activities .wtodo_bx .wtsw__slide-bx:hover::after {
transform: translate(0, 0%);
bottom: 0;
}
.page-template-page-activities .activities .wtodo_bx .wtsw__slide-bx:hover .wtsw__slide-info {
bottom: 0;
}
.page-template-page-activities .activities .wtodo_bx .wtsw__slide-bx.active .wtsw__slide-info {
bottom: 0;
}
.page-template-page-activities .activities .wtodo_bx .wtsw__slide-bx.active::after {
transform: translate(0, 0%);
bottom: 0;
}
.page-template-page-activities .activities .wtodo_bx .wtsw__slide-bx:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgb(55, 55, 55);
opacity: 0.5;
z-index: 1;
transform: translate(0, 100%);
transition: 0.3s;
}
.activities__title {
font-family: var(--montFont);
font-size: 50px;
font-weight: bold;
color: var(--black);
margin-top: 30px;
}
.activities .act_single-img {
margin-top: 50px;
height: 70vh;
border-radius: 10px;
overflow: hidden;
}
.activities .act_single-img img {
display: block;
object-fit: cover;
height: 100%;
}
.activities .act_single-desc {
font-family: var(--montFont);
font-size: 22px;
font-weight: 600;
font-weight: 400;
color: var(--black);
margin-top: 50px;
line-height: 140%;
}
.activities .act_gallery {
margin-top: 80px;
}
.activities .act_gallery-title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
text-align: center;
}
.activities .act_gallery .act_gall {
--elems: 3;
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
margin-top: 40px;
}
.activities .act_gallery .act_gall .actg_slide {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
--cardHeight:300px;
height: var(--cardHeight);
border-radius: 10px;
overflow: hidden;
}
.activities .act_gallery .act_gall .actg_slide-img {
height: 100%;
width: 100%;
}
.activities .act_gallery .act_gall .actg_slide-img img {
display: block;
height: 100%;
object-fit: cover;
} .page-template-page-projivanie .projivanie {
margin-top: 50px;
} .single {
margin-top: 40px;
}
.single__title .sbl_date {
height: 30px;
padding: 0 10px;
background-color: var(--purple);
width: max-content;
border-radius: 5px;
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 140%;
display: flex;
align-items: center;
}
.single__title h3 {
font-family: var(--montFont);
font-size: 50px;
font-weight: bold;
color: var(--black);
line-height: 120%;
}
.single__desc {
font-family: var(--montFont);
font-size: 18px;
font-weight: 400;
margin-top: 30px;
font-weight: 400;
}
.single__bx {
display: flex;
gap: 0 60px;
}
.single__bx-right {
width: 570px;
}
.single__bx-right-img {
border-radius: 10px;
overflow: hidden;
}
.single__bx-left {
width: calc(100% - 570px - 60px);
}
.other__news-title {
font-family: var(--montFont);
font-size: 30px;
font-weight: 700;
font-weight: 600;
color: var(--black);
}
.other__bx {
margin-top: 20px;
display: flex;
--elems: 3;
--gap: 30px;
flex-wrap: wrap;
gap: var(--gap);
}
.other__bx a {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
--height: 335px;
height: var(--height);
border-radius: 10px;
overflow: hidden;
position: relative;
}
.other__bx a .related-post__thumbnail {
display: block;
height: 100%;
} .also_sw {
height: 600px;
margin-top: 30px;
}
.alst_btn_prev svg,
.alst_btn_next svg {
width: 20px;
height: 20px;
}
.also_topslide-bx {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
height: 100%;
z-index: 1; overflow: hidden; }
.also_topslide-bx::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); z-index: 2; }
.alst__slide-info svg {
width: 20px;
height: 20px;
}
.also_top__slide {
width: 80%; margin: 0 auto;
}
.slick-prev, .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #E7BA8E;
border: none;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
z-index: 10;
cursor: pointer;
outline: none;
}
.slick-prev svg, .slick-next svg {
width: 20px;
height: 20px;
}
.slick-prev {
left: 8%;
transform: translateY(-50%);
}
.slick-next {
right: 8%;
transform: translateY(-50%);
}
.slick-prev::before, .slick-next::before {
content: '';
display: none;
} .slick-slide {
opacity: 0.5; transition: opacity 0.3s ease;
height: 100%;
margin: 0 25px; border-radius: 20px;
overflow: hidden;
}
.slick-slide > div {
height: 100%;
}
.slick-list {
margin: 0 -25px; height: 500px;
}
.slick-track {
height: 100%;
}
.slick-center {
opacity: 1; }
.slick-slider {
overflow: hidden;
}
.alst__slide-info {
position: absolute;
bottom: -90px;
left: 30px;
z-index: 2;
transition: .5s;
}
.alst__slide-info-desc {
margin-top: 60px;
}
.alst__slide-info-title {
font-weight: 600;
font-size: 26px;
color: #fff;
}
.slick-active .alst__slide-info {
bottom: 20%;
}
.slick-active .alst__slide-info-desc {
margin-top: 20px;
color: #fff;
}
.alst__slide-info-btn {
display: flex;
gap: 5px;
color: var(--gold);
font-size: 20px;
margin-top: 20px;
transition: .3s;
align-items: center;
}
.alst__slide-info-btn svg {
transition: .3s;
}
.your-class {
margin-top: 30px;
}
.alst__slide-info-btn:hover svg {
transform: translateX(20%);
}
.alst_img {
height: 100%;
}
.alst_img img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
}
.act_btns {
background: rgb(61, 30, 56);
background: linear-gradient(to right, rgb(61, 30, 56) 10%, rgb(85, 52, 119) 100%, rgb(66, 38, 73) 100%);
}
.act_bbtns {
display: flex;
justify-content: space-between;
padding: 50px 0 62px;
align-items: center;
}
.act_btns-left {
color: #fff;
max-width: 50%;
font-size: 30px;
line-height: 130%;
}
.act_btns-right {
display: flex;
align-items: center;
gap: 20px;
}
.act_btns-right > a:first-child {
background-color: var(--gold);
color: var(--purple);
border-radius: 8px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
font-size: 18px;
font-weight: 600;
transition: .3s;
border:2px solid transparent;
}
.act_btns-right > a:first-child:hover {
border: 2px solid var(--gold);
background-color: unset;
color: var(--gold);
}
.act_btns-right > a:last-child {
background-color: transparent;
color: var(--gold);
border: 2px solid var(--gold);
border-radius: 8px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
font-size: 18px;
font-weight: 600;
transition: .3s;
}
.act_btns-right > a:last-child:hover {
border-color: transparent;
background-color: var(--gold);
color: var(--purple);
}