@charset "UTF-8";
/* добавляет классы padding от 0 до 180 с шагом в 5px */
/* pb-15, py-60, p-sm-120 и т.д. */
.ml-0, .mx-0, .m-0 {
  margin-left: 0px;
}

.mr-0, .mx-0, .m-0 {
  margin-right: 0px;
}

.mb-0, .my-0, .m-0 {
  margin-bottom: 0px;
}

.mt-0, .my-0, .m-0 {
  margin-top: 0px;
}

.ml-5, .mx-5, .m-5 {
  margin-left: 5px;
}

.mr-5, .mx-5, .m-5 {
  margin-right: 5px;
}

.mb-5, .my-5, .m-5 {
  margin-bottom: 5px;
}

.mt-5, .my-5, .m-5 {
  margin-top: 5px;
}

.ml-10, .mx-10, .m-10 {
  margin-left: 10px;
}

.mr-10, .mx-10, .m-10 {
  margin-right: 10px;
}

.mb-10, .my-10, .m-10 {
  margin-bottom: 10px;
}

.mt-10, .my-10, .m-10 {
  margin-top: 10px;
}

.ml-15, .mx-15, .m-15 {
  margin-left: 15px;
}

.mr-15, .mx-15, .m-15 {
  margin-right: 15px;
}

.mb-15, .my-15, .m-15 {
  margin-bottom: 15px;
}

.mt-15, .my-15, .m-15 {
  margin-top: 15px;
}

.ml-20, .mx-20, .m-20 {
  margin-left: 20px;
}

.mr-20, .mx-20, .m-20 {
  margin-right: 20px;
}

.mb-20, .my-20, .m-20 {
  margin-bottom: 20px;
}

.mt-20, .my-20, .m-20 {
  margin-top: 20px;
}

.ml-25, .mx-25, .m-25 {
  margin-left: 25px;
}

.mr-25, .mx-25, .m-25 {
  margin-right: 25px;
}

.mb-25, .my-25, .m-25 {
  margin-bottom: 25px;
}

.mt-25, .my-25, .m-25 {
  margin-top: 25px;
}

.ml-30, .mx-30, .m-30 {
  margin-left: 30px;
}

.mr-30, .mx-30, .m-30 {
  margin-right: 30px;
}

.mb-30, .my-30, .m-30 {
  margin-bottom: 30px;
}

.mt-30, .my-30, .m-30 {
  margin-top: 30px;
}

.ml-35, .mx-35, .m-35 {
  margin-left: 35px;
}

.mr-35, .mx-35, .m-35 {
  margin-right: 35px;
}

.mb-35, .my-35, .m-35 {
  margin-bottom: 35px;
}

.mt-35, .my-35, .m-35 {
  margin-top: 35px;
}

.ml-40, .mx-40, .m-40 {
  margin-left: 40px;
}

.mr-40, .mx-40, .m-40 {
  margin-right: 40px;
}

.mb-40, .my-40, .m-40 {
  margin-bottom: 40px;
}

.mt-40, .my-40, .m-40 {
  margin-top: 40px;
}

.ml-45, .mx-45, .m-45 {
  margin-left: 45px;
}

.mr-45, .mx-45, .m-45 {
  margin-right: 45px;
}

.mb-45, .my-45, .m-45 {
  margin-bottom: 45px;
}

.mt-45, .my-45, .m-45 {
  margin-top: 45px;
}

.ml-50, .mx-50, .m-50 {
  margin-left: 50px;
}

.mr-50, .mx-50, .m-50 {
  margin-right: 50px;
}

.mb-50, .my-50, .m-50 {
  margin-bottom: 50px;
}

.mt-50, .my-50, .m-50 {
  margin-top: 50px;
}

.ml-55, .mx-55, .m-55 {
  margin-left: 55px;
}

.mr-55, .mx-55, .m-55 {
  margin-right: 55px;
}

.mb-55, .my-55, .m-55 {
  margin-bottom: 55px;
}

.mt-55, .my-55, .m-55 {
  margin-top: 55px;
}

.ml-60, .mx-60, .m-60 {
  margin-left: 60px;
}

.mr-60, .mx-60, .m-60 {
  margin-right: 60px;
}

.mb-60, .my-60, .m-60 {
  margin-bottom: 60px;
}

.mt-60, .my-60, .m-60 {
  margin-top: 60px;
}

.ml-65, .mx-65, .m-65 {
  margin-left: 65px;
}

.mr-65, .mx-65, .m-65 {
  margin-right: 65px;
}

.mb-65, .my-65, .m-65 {
  margin-bottom: 65px;
}

.mt-65, .my-65, .m-65 {
  margin-top: 65px;
}

.ml-70, .mx-70, .m-70 {
  margin-left: 70px;
}

.mr-70, .mx-70, .m-70 {
  margin-right: 70px;
}

.mb-70, .my-70, .m-70 {
  margin-bottom: 70px;
}

.mt-70, .my-70, .m-70 {
  margin-top: 70px;
}

.ml-75, .mx-75, .m-75 {
  margin-left: 75px;
}

.mr-75, .mx-75, .m-75 {
  margin-right: 75px;
}

.mb-75, .my-75, .m-75 {
  margin-bottom: 75px;
}

.mt-75, .my-75, .m-75 {
  margin-top: 75px;
}

.ml-80, .mx-80, .m-80 {
  margin-left: 80px;
}

.mr-80, .mx-80, .m-80 {
  margin-right: 80px;
}

.mb-80, .my-80, .m-80 {
  margin-bottom: 80px;
}

.mt-80, .my-80, .m-80 {
  margin-top: 80px;
}

.ml-85, .mx-85, .m-85 {
  margin-left: 85px;
}

.mr-85, .mx-85, .m-85 {
  margin-right: 85px;
}

.mb-85, .my-85, .m-85 {
  margin-bottom: 85px;
}

.mt-85, .my-85, .m-85 {
  margin-top: 85px;
}

.ml-90, .mx-90, .m-90 {
  margin-left: 90px;
}

.mr-90, .mx-90, .m-90 {
  margin-right: 90px;
}

.mb-90, .my-90, .m-90 {
  margin-bottom: 90px;
}

.mt-90, .my-90, .m-90 {
  margin-top: 90px;
}

.ml-95, .mx-95, .m-95 {
  margin-left: 95px;
}

.mr-95, .mx-95, .m-95 {
  margin-right: 95px;
}

.mb-95, .my-95, .m-95 {
  margin-bottom: 95px;
}

.mt-95, .my-95, .m-95 {
  margin-top: 95px;
}

.ml-100, .mx-100, .m-100 {
  margin-left: 100px;
}

.mr-100, .mx-100, .m-100 {
  margin-right: 100px;
}

.mb-100, .my-100, .m-100 {
  margin-bottom: 100px;
}

.mt-100, .my-100, .m-100 {
  margin-top: 100px;
}

.ml-105, .mx-105, .m-105 {
  margin-left: 105px;
}

.mr-105, .mx-105, .m-105 {
  margin-right: 105px;
}

.mb-105, .my-105, .m-105 {
  margin-bottom: 105px;
}

.mt-105, .my-105, .m-105 {
  margin-top: 105px;
}

.ml-110, .mx-110, .m-110 {
  margin-left: 110px;
}

.mr-110, .mx-110, .m-110 {
  margin-right: 110px;
}

.mb-110, .my-110, .m-110 {
  margin-bottom: 110px;
}

.mt-110, .my-110, .m-110 {
  margin-top: 110px;
}

.ml-115, .mx-115, .m-115 {
  margin-left: 115px;
}

.mr-115, .mx-115, .m-115 {
  margin-right: 115px;
}

.mb-115, .my-115, .m-115 {
  margin-bottom: 115px;
}

.mt-115, .my-115, .m-115 {
  margin-top: 115px;
}

.ml-120, .mx-120, .m-120 {
  margin-left: 120px;
}

.mr-120, .mx-120, .m-120 {
  margin-right: 120px;
}

.mb-120, .my-120, .m-120 {
  margin-bottom: 120px;
}

.mt-120, .my-120, .m-120 {
  margin-top: 120px;
}

.ml-125, .mx-125, .m-125 {
  margin-left: 125px;
}

.mr-125, .mx-125, .m-125 {
  margin-right: 125px;
}

.mb-125, .my-125, .m-125 {
  margin-bottom: 125px;
}

.mt-125, .my-125, .m-125 {
  margin-top: 125px;
}

.ml-130, .mx-130, .m-130 {
  margin-left: 130px;
}

.mr-130, .mx-130, .m-130 {
  margin-right: 130px;
}

.mb-130, .my-130, .m-130 {
  margin-bottom: 130px;
}

.mt-130, .my-130, .m-130 {
  margin-top: 130px;
}

.ml-135, .mx-135, .m-135 {
  margin-left: 135px;
}

.mr-135, .mx-135, .m-135 {
  margin-right: 135px;
}

.mb-135, .my-135, .m-135 {
  margin-bottom: 135px;
}

.mt-135, .my-135, .m-135 {
  margin-top: 135px;
}

.ml-140, .mx-140, .m-140 {
  margin-left: 140px;
}

.mr-140, .mx-140, .m-140 {
  margin-right: 140px;
}

.mb-140, .my-140, .m-140 {
  margin-bottom: 140px;
}

.mt-140, .my-140, .m-140 {
  margin-top: 140px;
}

.ml-145, .mx-145, .m-145 {
  margin-left: 145px;
}

.mr-145, .mx-145, .m-145 {
  margin-right: 145px;
}

.mb-145, .my-145, .m-145 {
  margin-bottom: 145px;
}

.mt-145, .my-145, .m-145 {
  margin-top: 145px;
}

.ml-150, .mx-150, .m-150 {
  margin-left: 150px;
}

.mr-150, .mx-150, .m-150 {
  margin-right: 150px;
}

.mb-150, .my-150, .m-150 {
  margin-bottom: 150px;
}

.mt-150, .my-150, .m-150 {
  margin-top: 150px;
}

.ml-155, .mx-155, .m-155 {
  margin-left: 155px;
}

.mr-155, .mx-155, .m-155 {
  margin-right: 155px;
}

.mb-155, .my-155, .m-155 {
  margin-bottom: 155px;
}

.mt-155, .my-155, .m-155 {
  margin-top: 155px;
}

.ml-160, .mx-160, .m-160 {
  margin-left: 160px;
}

.mr-160, .mx-160, .m-160 {
  margin-right: 160px;
}

.mb-160, .my-160, .m-160 {
  margin-bottom: 160px;
}

.mt-160, .my-160, .m-160 {
  margin-top: 160px;
}

.ml-165, .mx-165, .m-165 {
  margin-left: 165px;
}

.mr-165, .mx-165, .m-165 {
  margin-right: 165px;
}

.mb-165, .my-165, .m-165 {
  margin-bottom: 165px;
}

.mt-165, .my-165, .m-165 {
  margin-top: 165px;
}

.ml-170, .mx-170, .m-170 {
  margin-left: 170px;
}

.mr-170, .mx-170, .m-170 {
  margin-right: 170px;
}

.mb-170, .my-170, .m-170 {
  margin-bottom: 170px;
}

.mt-170, .my-170, .m-170 {
  margin-top: 170px;
}

.ml-175, .mx-175, .m-175 {
  margin-left: 175px;
}

.mr-175, .mx-175, .m-175 {
  margin-right: 175px;
}

.mb-175, .my-175, .m-175 {
  margin-bottom: 175px;
}

.mt-175, .my-175, .m-175 {
  margin-top: 175px;
}

.ml-180, .mx-180, .m-180 {
  margin-left: 180px;
}

.mr-180, .mx-180, .m-180 {
  margin-right: 180px;
}

.mb-180, .my-180, .m-180 {
  margin-bottom: 180px;
}

.mt-180, .my-180, .m-180 {
  margin-top: 180px;
}

/* добавляет классы padding от 0 до 180 с шагом в 5px */
/* pb-15, py-60, p-sm-120 и т.д. */
.pl-0, .px-0, .p-0 {
  padding-left: 0px;
}

.pr-0, .px-0, .p-0 {
  padding-right: 0px;
}

.pb-0, .py-0, .p-0 {
  padding-bottom: 0px;
}

.pt-0, .py-0, .p-0 {
  padding-top: 0px;
}

.pl-5, .px-5, .p-5 {
  padding-left: 5px;
}

.pr-5, .px-5, .p-5 {
  padding-right: 5px;
}

.pb-5, .py-5, .p-5 {
  padding-bottom: 5px;
}

.pt-5, .py-5, .p-5 {
  padding-top: 5px;
}

.pl-10, .px-10, .p-10 {
  padding-left: 10px;
}

.pr-10, .px-10, .p-10 {
  padding-right: 10px;
}

.pb-10, .py-10, .p-10 {
  padding-bottom: 10px;
}

.pt-10, .py-10, .p-10 {
  padding-top: 10px;
}

.pl-15, .px-15, .p-15 {
  padding-left: 15px;
}

.pr-15, .px-15, .p-15 {
  padding-right: 15px;
}

.pb-15, .py-15, .p-15 {
  padding-bottom: 15px;
}

.pt-15, .py-15, .p-15 {
  padding-top: 15px;
}

.pl-20, .px-20, .p-20 {
  padding-left: 20px;
}

.pr-20, .px-20, .p-20 {
  padding-right: 20px;
}

.pb-20, .py-20, .p-20 {
  padding-bottom: 20px;
}

.pt-20, .py-20, .p-20 {
  padding-top: 20px;
}

.pl-25, .px-25, .p-25 {
  padding-left: 25px;
}

.pr-25, .px-25, .p-25 {
  padding-right: 25px;
}

.pb-25, .py-25, .p-25 {
  padding-bottom: 25px;
}

.pt-25, .py-25, .p-25 {
  padding-top: 25px;
}

.pl-30, .px-30, .p-30 {
  padding-left: 30px;
}

.pr-30, .px-30, .p-30 {
  padding-right: 30px;
}

.pb-30, .py-30, .p-30 {
  padding-bottom: 30px;
}

.pt-30, .py-30, .p-30 {
  padding-top: 30px;
}

.pl-35, .px-35, .p-35 {
  padding-left: 35px;
}

.pr-35, .px-35, .p-35 {
  padding-right: 35px;
}

.pb-35, .py-35, .p-35 {
  padding-bottom: 35px;
}

.pt-35, .py-35, .p-35 {
  padding-top: 35px;
}

.pl-40, .px-40, .p-40 {
  padding-left: 40px;
}

.pr-40, .px-40, .p-40 {
  padding-right: 40px;
}

.pb-40, .py-40, .p-40 {
  padding-bottom: 40px;
}

.pt-40, .py-40, .p-40 {
  padding-top: 40px;
}

.pl-45, .px-45, .p-45 {
  padding-left: 45px;
}

.pr-45, .px-45, .p-45 {
  padding-right: 45px;
}

.pb-45, .py-45, .p-45 {
  padding-bottom: 45px;
}

.pt-45, .py-45, .p-45 {
  padding-top: 45px;
}

.pl-50, .px-50, .p-50 {
  padding-left: 50px;
}

.pr-50, .px-50, .p-50 {
  padding-right: 50px;
}

.pb-50, .py-50, .p-50 {
  padding-bottom: 50px;
}

.pt-50, .py-50, .p-50 {
  padding-top: 50px;
}

.pl-55, .px-55, .p-55 {
  padding-left: 55px;
}

.pr-55, .px-55, .p-55 {
  padding-right: 55px;
}

.pb-55, .py-55, .p-55 {
  padding-bottom: 55px;
}

.pt-55, .py-55, .p-55 {
  padding-top: 55px;
}

.pl-60, .px-60, .p-60 {
  padding-left: 60px;
}

.pr-60, .px-60, .p-60 {
  padding-right: 60px;
}

.pb-60, .py-60, .p-60 {
  padding-bottom: 60px;
}

.pt-60, .py-60, .p-60 {
  padding-top: 60px;
}

.pl-65, .px-65, .p-65 {
  padding-left: 65px;
}

.pr-65, .px-65, .p-65 {
  padding-right: 65px;
}

.pb-65, .py-65, .p-65 {
  padding-bottom: 65px;
}

.pt-65, .py-65, .p-65 {
  padding-top: 65px;
}

.pl-70, .px-70, .p-70 {
  padding-left: 70px;
}

.pr-70, .px-70, .p-70 {
  padding-right: 70px;
}

.pb-70, .py-70, .p-70 {
  padding-bottom: 70px;
}

.pt-70, .py-70, .p-70 {
  padding-top: 70px;
}

.pl-75, .px-75, .p-75 {
  padding-left: 75px;
}

.pr-75, .px-75, .p-75 {
  padding-right: 75px;
}

.pb-75, .py-75, .p-75 {
  padding-bottom: 75px;
}

.pt-75, .py-75, .p-75 {
  padding-top: 75px;
}

.pl-80, .px-80, .p-80 {
  padding-left: 80px;
}

.pr-80, .px-80, .p-80 {
  padding-right: 80px;
}

.pb-80, .py-80, .p-80 {
  padding-bottom: 80px;
}

.pt-80, .py-80, .p-80 {
  padding-top: 80px;
}

.pl-85, .px-85, .p-85 {
  padding-left: 85px;
}

.pr-85, .px-85, .p-85 {
  padding-right: 85px;
}

.pb-85, .py-85, .p-85 {
  padding-bottom: 85px;
}

.pt-85, .py-85, .p-85 {
  padding-top: 85px;
}

.pl-90, .px-90, .p-90 {
  padding-left: 90px;
}

.pr-90, .px-90, .p-90 {
  padding-right: 90px;
}

.pb-90, .py-90, .p-90 {
  padding-bottom: 90px;
}

.pt-90, .py-90, .p-90 {
  padding-top: 90px;
}

.pl-95, .px-95, .p-95 {
  padding-left: 95px;
}

.pr-95, .px-95, .p-95 {
  padding-right: 95px;
}

.pb-95, .py-95, .p-95 {
  padding-bottom: 95px;
}

.pt-95, .py-95, .p-95 {
  padding-top: 95px;
}

.pl-100, .px-100, .p-100 {
  padding-left: 100px;
}

.pr-100, .px-100, .p-100 {
  padding-right: 100px;
}

.pb-100, .py-100, .p-100 {
  padding-bottom: 100px;
}

.pt-100, .py-100, .p-100 {
  padding-top: 100px;
}

.pl-105, .px-105, .p-105 {
  padding-left: 105px;
}

.pr-105, .px-105, .p-105 {
  padding-right: 105px;
}

.pb-105, .py-105, .p-105 {
  padding-bottom: 105px;
}

.pt-105, .py-105, .p-105 {
  padding-top: 105px;
}

.pl-110, .px-110, .p-110 {
  padding-left: 110px;
}

.pr-110, .px-110, .p-110 {
  padding-right: 110px;
}

.pb-110, .py-110, .p-110 {
  padding-bottom: 110px;
}

.pt-110, .py-110, .p-110 {
  padding-top: 110px;
}

.pl-115, .px-115, .p-115 {
  padding-left: 115px;
}

.pr-115, .px-115, .p-115 {
  padding-right: 115px;
}

.pb-115, .py-115, .p-115 {
  padding-bottom: 115px;
}

.pt-115, .py-115, .p-115 {
  padding-top: 115px;
}

.pl-120, .px-120, .p-120 {
  padding-left: 120px;
}

.pr-120, .px-120, .p-120 {
  padding-right: 120px;
}

.pb-120, .py-120, .p-120 {
  padding-bottom: 120px;
}

.pt-120, .py-120, .p-120 {
  padding-top: 120px;
}

.pl-125, .px-125, .p-125 {
  padding-left: 125px;
}

.pr-125, .px-125, .p-125 {
  padding-right: 125px;
}

.pb-125, .py-125, .p-125 {
  padding-bottom: 125px;
}

.pt-125, .py-125, .p-125 {
  padding-top: 125px;
}

.pl-130, .px-130, .p-130 {
  padding-left: 130px;
}

.pr-130, .px-130, .p-130 {
  padding-right: 130px;
}

.pb-130, .py-130, .p-130 {
  padding-bottom: 130px;
}

.pt-130, .py-130, .p-130 {
  padding-top: 130px;
}

.pl-135, .px-135, .p-135 {
  padding-left: 135px;
}

.pr-135, .px-135, .p-135 {
  padding-right: 135px;
}

.pb-135, .py-135, .p-135 {
  padding-bottom: 135px;
}

.pt-135, .py-135, .p-135 {
  padding-top: 135px;
}

.pl-140, .px-140, .p-140 {
  padding-left: 140px;
}

.pr-140, .px-140, .p-140 {
  padding-right: 140px;
}

.pb-140, .py-140, .p-140 {
  padding-bottom: 140px;
}

.pt-140, .py-140, .p-140 {
  padding-top: 140px;
}

.pl-145, .px-145, .p-145 {
  padding-left: 145px;
}

.pr-145, .px-145, .p-145 {
  padding-right: 145px;
}

.pb-145, .py-145, .p-145 {
  padding-bottom: 145px;
}

.pt-145, .py-145, .p-145 {
  padding-top: 145px;
}

.pl-150, .px-150, .p-150 {
  padding-left: 150px;
}

.pr-150, .px-150, .p-150 {
  padding-right: 150px;
}

.pb-150, .py-150, .p-150 {
  padding-bottom: 150px;
}

.pt-150, .py-150, .p-150 {
  padding-top: 150px;
}

.pl-155, .px-155, .p-155 {
  padding-left: 155px;
}

.pr-155, .px-155, .p-155 {
  padding-right: 155px;
}

.pb-155, .py-155, .p-155 {
  padding-bottom: 155px;
}

.pt-155, .py-155, .p-155 {
  padding-top: 155px;
}

.pl-160, .px-160, .p-160 {
  padding-left: 160px;
}

.pr-160, .px-160, .p-160 {
  padding-right: 160px;
}

.pb-160, .py-160, .p-160 {
  padding-bottom: 160px;
}

.pt-160, .py-160, .p-160 {
  padding-top: 160px;
}

.pl-165, .px-165, .p-165 {
  padding-left: 165px;
}

.pr-165, .px-165, .p-165 {
  padding-right: 165px;
}

.pb-165, .py-165, .p-165 {
  padding-bottom: 165px;
}

.pt-165, .py-165, .p-165 {
  padding-top: 165px;
}

.pl-170, .px-170, .p-170 {
  padding-left: 170px;
}

.pr-170, .px-170, .p-170 {
  padding-right: 170px;
}

.pb-170, .py-170, .p-170 {
  padding-bottom: 170px;
}

.pt-170, .py-170, .p-170 {
  padding-top: 170px;
}

.pl-175, .px-175, .p-175 {
  padding-left: 175px;
}

.pr-175, .px-175, .p-175 {
  padding-right: 175px;
}

.pb-175, .py-175, .p-175 {
  padding-bottom: 175px;
}

.pt-175, .py-175, .p-175 {
  padding-top: 175px;
}

.pl-180, .px-180, .p-180 {
  padding-left: 180px;
}

.pr-180, .px-180, .p-180 {
  padding-right: 180px;
}

.pb-180, .py-180, .p-180 {
  padding-bottom: 180px;
}

.pt-180, .py-180, .p-180 {
  padding-top: 180px;
}

.block-white {
  background: #fff;
}

.exposition-item {
  position: relative;
  margin-bottom: 60px;
}
.exposition-item .exposition-item__background {
  display: block;
}
.exposition-item .exposition-item__background:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.exposition-item .exposition-item__background-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.exposition-item .exposition-item__inner {
  padding: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.exposition-item .exposition-item__link {
  color: #fff;
}
.exposition-item .exposition-item__link:hover {
  color: #fdd34d;
}
.exposition-item .exposition-item__title {
  font-size: 40px;
  line-height: 44px;
}
@media (max-width: 992px) {
  .exposition-item .exposition-item__title {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (max-width: 768px) {
  .exposition-item .exposition-item__title {
    font-size: 24px;
    line-height: 28px;
  }
}
@media (max-width: 480px) {
  .exposition-item .exposition-item__title {
    font-size: 18px;
    line-height: 20px;
  }
}
.exposition-item .exposition-item__preview-text {
  font-size: 14px;
  color: #fff;
  padding: 15px 0;
  flex-shrink: 1;
  overflow: hidden;
}
@media (max-width: 768px) {
  .exposition-item .exposition-item__preview-text {
    display: none;
  }
}
.exposition-item .exposition-item__date {
  color: #fff;
  font-size: 28px;
}
@media (max-width: 992px) {
  .exposition-item .exposition-item__date {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .exposition-item .exposition-item__date {
    font-size: 18px;
  }
}
.exposition-item .exposition-item__date::before {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid #fff;
  margin: 30px 0;
}
@media (max-width: 768px) {
  .exposition-item .exposition-item__date::before {
    margin: 15px 0;
  }
}

.expositions-tabs .nav-tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.expositions-tabs .nav-tabs > li {
  float: none;
  margin: 0 15px 30px;
}
@media (max-width: 992px) {
  .expositions-tabs .nav-tabs > li {
    margin-bottom: 15px;
  }
}
.expositions-tabs .nav-tabs > li > a {
  border: 0;
  border-radius: 0;
  color: #333333;
  padding: 8px 24px;
  line-height: 52px;
  font-weight: bold;
  font-size: 30px;
}
@media (max-width: 992px) {
  .expositions-tabs .nav-tabs > li > a {
    font-size: 24px;
    padding: 8px 18px;
  }
}
@media (max-width: 480px) {
  .expositions-tabs .nav-tabs > li > a {
    font-size: 18px;
    padding: 4px 12px;
  }
}
.expositions-tabs .nav-tabs > li > a > span {
  border-bottom: 2px #333 dashed;
}
.expositions-tabs .nav-tabs > li.active > a, .expositions-tabs .nav-tabs > li.active > a:focus, .expositions-tabs .nav-tabs > li.active > a:hover {
  background-color: #fdd34d;
  color: #333333;
  border: 0;
}
.expositions-tabs .nav-tabs > li.active > a > span, .expositions-tabs .nav-tabs > li.active > a:focus > span, .expositions-tabs .nav-tabs > li.active > a:hover > span {
  border-bottom-color: transparent;
}

.exposition-small-item {
  width: 100%;
  position: relative;
}
.exposition-small-item .exposition-small-item__background {
  display: block;
}
.exposition-small-item .exposition-small-item__background:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.exposition-small-item .exposition-small-item__background-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.exposition-small-item .exposition-small-item__inner {
  padding: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.exposition-small-item .exposition-small-item__link {
  color: #fff;
}
.exposition-small-item .exposition-small-item__link:hover {
  color: #fdd34d;
}
.exposition-small-item .exposition-small-item__title {
  font-size: 24px;
}
@media (max-width: 1200px) {
  .exposition-small-item .exposition-small-item__title {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .exposition-small-item .exposition-small-item__title {
    font-size: 16px;
  }
}
.exposition-small-item .exposition-small-item__date {
  color: #fff;
}
.exposition-small-item .exposition-small-item__date::before {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid #fff;
  margin: 15px 0;
}

.expositions-jcarousel-wrap {
  position: relative;
}

.expositions-jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.expositions-jcarousel > ul {
  width: 10000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.expositions-jcarousel > ul > li {
  width: 570px;
  float: left;
}

.exposition-content .exposition-content__main-image {
  margin-bottom: 60px;
}
.exposition-content .exposition-content__date {
  font-size: 28px;
  margin-bottom: 30px;
}

.product-expositions-jcarousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 240px;
}
.product-expositions-jcarousel ul {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  height: 20000em;
  list-style: none;
}
.product-expositions-jcarousel ul li {
  display: block;
  width: 100%;
  height: 240px;
}

.product-expositions-slider-item {
  background: #fff;
}
.product-expositions-slider-item .product-expositions-slider-item__body {
  padding: 15px 7px;
}
.product-expositions-slider-item .product-expositions-slider-item__link {
  display: inline-block;
  margin-bottom: 7px;
  text-decoration: none;
  color: #101113;
}
.product-expositions-slider-item .product-expositions-slider-item__link:hover {
  color: #fdd34d;
}
.product-expositions-slider-item .product-expositions-slider-item__date {
  font-size: 13px;
}
.product-expositions-slider-item .product-expositions-slider-item__date .glyphicon {
  margin-right: 7px;
}

.other-exposition-swiper {
  --swiper-navigation-color: #fdd34d;
}
.other-exposition-swiper .swiper-button-next, .other-exposition-swiper .swiper-button-prev {
  transition: opacity 0.15s ease-in-out;
}
@media (max-width: 480px) {
  .other-exposition-swiper .swiper-button-next, .other-exposition-swiper .swiper-button-prev {
    --swiper-navigation-size: 32px;
  }
}
@media (min-width: 768px) {
  .other-exposition-swiper:not(:hover) .swiper-button-next, .other-exposition-swiper:not(:hover) .swiper-button-prev {
    opacity: 0;
    visibility: hidden;
  }
}

.news .news__date {
  border-bottom: 2px solid #e0e1e5;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 18px;
}
.news .news__date .glyphicon {
  margin-right: 7px;
  color: #fdd34d;
}
.news .news__image {
  max-width: 33.3333%;
  float: left;
  margin: 0 30px 30px 0;
}
@media (max-width: 992px) {
  .news .news__image {
    max-width: 50%;
  }
}
@media (max-width: 768px) {
  .news .news__image {
    max-width: 100%;
  }
}

.news-item .news-item__date {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
}
.news-item .news-item__date .glyphicon {
  margin-right: 7px;
  color: #fdd34d;
}

.album-gallery {
  --swiper-navigation-color: #fdd34d;
}
.album-gallery .album-gallery__image {
  margin-left: auto;
  margin-right: auto;
}

.album-gallery-thumbs {
  margin-top: 30px;
}
.album-gallery-thumbs .swiper-slide {
  width: auto;
  border: 3px solid transparent;
}
.album-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  border-color: #fdd34d;
}
@media (max-width: 992px) {
  .album-gallery-thumbs .album-gallery-thumbs__image {
    width: 64px;
  }
}

@media (min-width: 768px) {
  header .main-menu-wrap .nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  header .main-menu-wrap .nav li {
    margin: 0;
  }
}