:root {
  /* font sizes */
  --p2-button-size: 16px;
  --font1-size: 18px;
  --p4-text-size: 12px;
  --font-size-7xl: 26px;
  --p3-text-size: 14px;
  --h4-title-size: 24px;
  --h2-title-size: 40px;
  --font-size8xl: 20px;
  --font-size: 12px;
  --modal-price-size: 32px;
  --p3-button-size: 14px;
  --font-size-xl: 20px;
  --p2-text-size: 16px;
  --p3-button-size: 14px;
  --font-size30: 30px;

  /* Colors */
  --system-background: #fff;

  /* Gaps */
   --gap-21: 21px;
   --gap-32: 32px;
  
  /* Paddings */
  --padding-13xl: 32px;

  /* Border radiuses */
  --br-5xl: 24px;
}

.cctv_menu_carousel_mob {
  display:none;
}
.cctv_menu_mob {
  display:none;
}
.cctv_menu_title {
  position: relative;
  line-height: 22px;
  font-weight: 600;
}
.cctv_menu_button_active,
.cctv_menu_button:hover {
  background: linear-gradient(180deg, #0067e2, #208cff);
  text-align: center;
  color: var(--system-background);
}
/* При наведении курсора на кнопку иконка меняет свой цвет на белый */
.cctv_menu_button:hover .cctv_menu_button_icon path {
  fill: #fff;
}
/* Если кнопка активна, то иконка тоже меняет свой цвет на белый */
.cctv_menu_button_active .cctv_menu_button_icon path {
  fill: #fff;
}
.cctv_menu_button,
.cctv_menu_button_active {
  cursor: pointer;
  flex: 1;
  border-radius: var(--br-5xs);
  width: 40px;
  height: 61px;
  margin-right: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  gap: var(--gap-3xs);
}
.cctv_menu_wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cctv_menu_wrapper {
  position: absolute;
  height: 68.54%;
  width: 97.45%;
  top: 15.73%;
  right: 1.28%;
  bottom: 15.73%;
  left: 1.27%;
  justify-content: space-between;
}
.cctv_menu {
  position: relative;
  border-radius: var(--br-base);
  background-color: var(--system-background);
  border: 1px solid var(--system-gray);
  box-sizing: border-box;
  width: 100%;
  height: 89px;
  text-align: left;
  font-size: var(--h5-title-card-size);
  color: var(--system-content);
  font-family: 'Inter V', sans-serif;
}
@media screen and (max-width: 768px) {
.cctv_menu_carousel {
  display:none;
}
.cctv_menu {
  display:none;
}
.cctv_menu_title {
  position: relative;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 768px) {
.cctv_menu_button,
.cctv_menu_button_active {
  flex: 1;
  border-radius: var(--br-base);
  box-sizing: border-box;
  height: 108px;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xl) var(--padding-3xs);
  gap: var(--gap-3xs);
}
}
@media (max-width: 767px) {
.cctv_menu_button,
.cctv_menu_button_active {
  flex: 1;
  border-radius: var(--br-base);
  box-sizing: border-box;
  height: 108px;
  min-width: 95px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xl) var(--padding-3xs);
  gap: var(--gap-3xs);
}
}
.cctv_menu_button_active {
  background: linear-gradient(180deg, #0067e2, #0058c1);
  text-align: center;
  color: var(--system-background);

}
.cctv_menu_button {
  background-color: var(--system-background);
  border: 1px solid var(--system-gray);
}
.cctv_menu_wrapper_mob,
.cctv_menu_mob {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cctv_menu_wrapper_mob {
  width: 100%;
  flex-direction: row;
}
.cctv_menu_mob {
  border: none;
  position: relative;
  width: 100%;
  flex-direction: row;
  text-align: left;
  font-size: var(--mobile-button-size);
  color: var(--system-content);
  font-family: 'Inter V', sans-serif;
}
}

/* Фиксация размера области для CLS */
@media screen and (max-width: 768px) {
.cctv_menu_container {
min-height: 200px;
}
}
@media screen and (min-width: 768px) {
.cctv_menu_container {
min-height: 100px;
}
}

@media screen and (max-width: 768px) {
.new_is74_banner_carousel {
  display: none;
}
}
@media screen and (min-width: 768px) {
.new_is74_bannermob_carousel {
  display: none;
}
}
/* Уменьшаем отступ между p внутри баннера */
.new_is74_banner_carousel p {
  margin: 0;
  padding: 0;
}
.new_is74_bannermob_carousel p {
  margin: 0;
  padding: 0;
}
.new_is74_banner {
  display: flex;

  align-items: flex-start;
  gap: var(--gap-21);
  position: relative;
}
/* Фиксация размера области для CLS */
.banner_container {
  min-height: 420px;
}
.new_is74_banner_wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 420px;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-13xl);
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: var(--br-5xl);
  background: linear-gradient(180deg, rgb(0, 103, 226) 0%, rgb(0, 103, 226) 0.01%, rgb(0, 88, 193) 100%);
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}

.new_is74_banner_content {
  gap: var(--gap-32);
  width: 50%;
  margin-top: 20px;
  margin-left: 30px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
}

.new_is74_banner_content2 {
  gap: var(--gap-32);
  top: 10%;
  width: 45%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
}

.new_is74_banner_content_title {
  position: relative;
  align-self: stretch;
  font-family: 'Inter V', sans-serif;
  font-weight: 500;
  color: var(--system-background);
  font-size: var(--h2-title-size);
  letter-spacing: -0.32px;
  line-height: 36px;
  font-style: var(--h3-title-font-style);
}

.new_is74_banner_content_wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;

}

.new_is74_banner_content_desc {
  position: relative;
  width: 100%;
  font-family: 'Inter V', sans-serif;
  font-weight: 400;
  color: var(--system-background);
  font-size: var(--font-size8xl);
  letter-spacing: 0px;
  line-height: 1.6;
  font-style: var(--p2-text-font-style);
}

.new_is74_banner_content2_img {
  position: relative;
  bottom: 0%;
  width: auto;
  height: 100%;
  object-fit: cover;
}

.new_is74_banner_button {
  position: absolute;
  bottom: 2%;
  z-index: 1;
}

/* Адаптации под маленькие десктопные разрешения экрана */
@media screen and (max-width: 1199px) {
/* Фиксация размера области для CLS */
.banner_container {
  min-height: 428px;
}
.new_is74_banner_wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 428px;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-13xl);
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: var(--br-5xl);
  background: linear-gradient(180deg, rgb(0, 103, 226) 0%, rgb(0, 103, 226) 0.01%, rgb(0, 88, 193) 100%);
}
.new_is74_banner_content {
  gap: var(--gap-21);
  width: 60%;
  margin-top: 10px;
  margin-left: 20px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
}

.new_is74_banner_content2 {
  gap: var(--gap-21);
  width: 40%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
}
.new_is74_banner_content_title {
  position: relative;
  align-self: stretch;
  font-family: 'Inter V', sans-serif;
  font-weight: 500;
  color: var(--system-background);
  font-size: var(--modal-price-size);
  letter-spacing: -0.32px;
  line-height: 36px;
  font-style: var(--h3-title-font-style);
}
.new_is74_banner_content_desc {
  position: relative;
  width: 100%;
  font-family: 'Inter V', sans-serif;
  font-weight: 400;
  color: var(--system-background);
  font-size: var(--font-size-xl);
  letter-spacing: 0px;
  line-height: 1.6;
  font-style: var(--p2-text-font-style);
}
}
@media screen and (max-width: 1000px) {
/* Фиксация размера области для CLS */
.banner_container {
  min-height: 438px;
}
.new_is74_banner_wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 438px;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-13xl);
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: var(--br-5xl);
  background: linear-gradient(180deg, rgb(0, 103, 226) 0%, rgb(0, 103, 226) 0.01%, rgb(0, 88, 193) 100%);
}
.new_is74_banner_content {
  gap: var(--gap-21);
  width: 55%;
  margin-top: 10px;
  margin-left: 20px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
}

.new_is74_banner_content2 {
  gap: var(--gap-21);
  width: 45%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
}
.new_is74_banner_content_title {
  position: relative;
  align-self: stretch;
  font-family: 'Inter V', sans-serif;
  font-weight: 500;
  color: var(--system-background);
  font-size: var(--font-size-7xl);
  letter-spacing: -0.32px;
  line-height: 36px;
  font-style: var(--h3-title-font-style);
}
.new_is74_banner_content_desc {
  position: relative;
  width: 100%;
  font-family: 'Inter V', sans-serif;
  font-weight: 400;
  color: var(--system-background);
  font-size: var(--p2-button-size);
  letter-spacing: 0px;
  line-height: 1.6;
  font-style: var(--p2-text-font-style);
}
.new_is74_banner_content2_img {
  position: relative;
  bottom: 0%;
  width: auto;
  height: 100%;
  object-fit: contain;
}
}

/* мобильная версия */
.new_is74_bannermob {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-21);
  position: relative;
  overflow: hidden;
}
/* Фиксация размера области для CLS */
.banner_container {
  min-height: 452px;
}
.new_is74_bannermob_wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 452px;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-13xl);
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: var(--br-5xl);
  background: linear-gradient(180deg, rgb(0, 103, 226) 0%, rgb(0, 103, 226) 0.01%, rgb(0, 88, 193) 100%);
  overflow: hidden;
}

.new_is74_bannermob_content {
  gap: var(--gap-21);
  width: 95%;
  top: 2%;
  left: 2%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
}

.new_is74_bannermob_content_title {
  position: relative;
  align-self: stretch;
  font-family: 'Inter V', sans-serif;
  font-weight: 500;
  color: var(--system-background);
  font-size: var(--font-size-7xl);
  letter-spacing: -0.32px;
  line-height: 28px;
  font-style: var(--h3-title-font-style);
}

.new_is74_bannermob_content_wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.new_is74_bannermob_content_desc {
  position: relative;
  font-family: 'Inter V', sans-serif;
  font-weight: 400;
  color: var(--system-background);
  font-size: var(--p3-button-size);
  letter-spacing: 0px;
  line-height: 20px;
  font-style: var(--p2-text-font-style);
  z-index: 1;
}

.new_is74_bannermob_content2_img {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%);
  height: 100%;
  width: auto;
  object-fit: contain;
  overflow: hidden;
}

.new_is74_bannermob_button {
  position: absolute;
  bottom: 7%;
  z-index: 1;
}
@media screen and (min-width: 500px) {
/* Фиксация размера области для CLS */
.banner_container {
  min-height: 400px;
}
.new_is74_bannermob_wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 400px;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-13xl);
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: var(--br-5xl);
  background: linear-gradient(180deg, rgb(0, 103, 226) 0%, rgb(0, 103, 226) 0.01%, rgb(0, 88, 193) 100%);
  overflow: hidden;
}
.new_is74_bannermob_content_title {
  position: relative;
  align-self: stretch;
  font-family: 'Inter V', sans-serif;
  font-weight: 500;
  color: var(--system-background);
  font-size: var(--font-size30);
  letter-spacing: -0.32px;
  line-height: 32px;
  font-style: var(--h3-title-font-style);
}
.new_is74_bannermob_content_desc {
  position: relative;
  font-family: 'Inter V', sans-serif;
  font-weight: 400;
  color: var(--system-background);
  font-size: var(--font1-size);
  letter-spacing: 0px;
  line-height: 24px;
  font-style: var(--p2-text-font-style);
  z-index: 1;
}
}

/* Стрелки swiper для вывода мобильных баннеров*/
#new_is74_banner_mob .swiper-button-next {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/right.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px; 
  height: 55px;
  right: -15px;
}
#new_is74_banner_mob .swiper-button-next:hover {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/righthover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  right: -15px;
}
#new_is74_banner_mob .swiper-button-prev {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/left.png'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px; 
  height: 55px;
  left: -15px;
}
#new_is74_banner_mob .swiper-button-prev:hover {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/lefthover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  left: -15px;
}
/* Скрываем штатные стрелки */
#new_is74_banner_mob .swiper-button-prev::after,
#new_is74_banner_mob .swiper-button-next::after {
  display: none;
}
#new_is74_banner_mob .swiper-pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
#new_is74_banner_mob .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}
#new_is74_banner_mob .swiper-pagination-bullet-active {
 background-color: #004AA1;
}
#new_is74_banner_mob .swiper-container {
  width: 100%;
  height: 100%;
}
#new_is74_banner_mob .swiper-slide {
  width: 100%;
  height: 100%;
}
#new_is74_banner_mob .swiper-lazy-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
}

/* Стрелки swiper для вывода десктопных баннеров*/
#new_is74_banner .swiper-button-next {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/right.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px; 
  height: 55px;
  right: -15px;
}
#new_is74_banner .swiper-button-next:hover {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/righthover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  right: -15px;
}
#new_is74_banner .swiper-button-prev {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/left.png'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px; 
  height: 55px;
  left: -15px;
}
#new_is74_banner .swiper-button-prev:hover {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/lefthover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  left: -15px;
}
/* Скрываем штатные стрелки */
#new_is74_banner .swiper-button-prev::after,
#new_is74_banner .swiper-button-next::after {
  display: none;
}
#new_is74_banner .swiper-pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
#new_is74_banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}
#new_is74_banner .swiper-pagination-bullet-active {
 background-color: #004AA1;
}
#new_is74_banner .swiper-container {
  width: 100%;
  height: 100%;
}
#new_is74_banner .swiper-slide {
  width: 100%;
  height: 100%;
}
#new_is74_banner .swiper-lazy-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
}


/* Фиксация размера области для CLS */
@media (max-width: 767px) {
  #new_is74_banner {
    display: none;
  }
  #new_is74_menu {
    display: none;
  }
  #new_is74_banner_mob {
    min-height: 450px;
  }
}
@media (min-width: 767px) {
  #new_is74_banner_mob {
    display: none;
  }
  #new_is74_menu_mob {
    display: none;
  }
  #new_is74_banner_mob {
    min-height: 420px;
  }
}