@import url('fonts.css');

body{
    --cff_main_slider_color: #4D4D4D;
}

body.modal-open {
  overflow: hidden; /* чтобы не было прокрутки за модалкой */
}

@media (max-width: 768px) {
    body {
        margin-left: 10px;
        margin-right: 10px;
    }
}

#fieldname99_1 {
        display: flex;
        flex-direction: row; /* Располагает элементы в строку */
        align-items: center;
        gap: 20px; /* Добавляет отступ между полями */
    }

    .fields.fieldname103_1,
    .fields.fieldname102_1 {
        flex: 1; /* Оба поля занимают равное пространство */
        min-width: 0; /* Запрещает выход за границы */
    }

    .fields.fieldname103_1 .dfield,
    .fields.fieldname102_1 .dfield {
        width: 100%; /* Растягивает поле ввода и select */
    }


.fieldname80_1 .dfield > input {
    width: 100% !important;
}

#customAlertOverlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  background: rgba(0,0,0,0.5) !important;
  z-index: 9999 !important;
  display: none; /* или flex, когда открыто */
  justify-content: center;
  align-items: center;
}

.custom-alert-box {
  position: relative;  /* Чтобы крестик мог позиционироваться внутри */
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  min-width: 300px;
  max-width: 90%;
  text-align: center;
}

/* Крестик в правом верхнем углу */
.close-btn {
  position: absolute;
  top: 10px; 
  right: 10px;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.close-btn:hover {
  color: #0073aa; /* Например, при наведении */
}

/* Контейнер для полей */
#fieldname73_1, #fieldname92_1  {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px; /* Расстояние между полями */
    flex-wrap: nowrap; /* Отключить перенос строк */
}

#fieldname73_1 .fieldname79_1,
#fieldname73_1 .fieldname80_1, #fieldname92_1 .fieldname97_1, #fieldname92_1 .fieldname98_1 {
    display: flex;
    align-items: center;
    gap: 10px; /* Расстояние между input и label внутри каждого поля */
}

#fieldname73_1 .fieldname79_1 input,
#fieldname73_1 .fieldname80_1 input,
#fieldname92_1 .fieldname93_1 input,
#fieldname92_1 .fieldname95_1 input{
    flex: 0 0 auto;
    text-align: left; /* Выровнять текст внутри input */
    padding: 7px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

#field_1-59 label,
#field_1-58 label {
    flex: 0 0 auto;
    font-size: 14px;
    color: #0d4c81;
    white-space: nowrap; /* Не переносить текст на следующую строку */
}

/* Убедиться, что поля в одной строке */
#field_1-59,
#field_1-58 {
    display: flex;
    align-items: center;
    gap: 10px; /* Расстояние между input и label */
}

.custom-link {
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #1F4BAB; /* Установите нужный цвет текста */
    padding: 5px 10px; /* Добавляем отступы вокруг текста */
    transition: background-color 0.3s, color 0.3s; /* Плавный переход при наведении */
    white-space: nowrap;
}

.custom-link:hover {
    color: #636363; /* Цвет текста при наведении */
}

#fieldname80_1 .dfield, #fieldname79_1 .dfield {
	font-size: 20px;
	font-weight: 700; 
 
}

.cp_cff_minimalist #fbuilder input[type="text"] {
       text-align: right;
    	padding: 0!important;
    	margin: 0;
}
#fbuilder label{
	width: 100%;
}

.fieldname78_1{
	width: 50%!important;
}

.fieldname77_1{
	width: 50%!important;
}

#fieldname7_1, #fieldname69_1, #fieldname70_1,#fieldname99_1{
    display: flex; /* Включает flexbox для размещения элементов в одну строку */
    justify-content: space-between; /* Распределяет элементы равномерно */
    gap: 10px; /* Добавляет отступы между элементами */
}

#fieldname69_1, #fieldname70_1, #fieldname73_1, #fieldname77_1, #fieldname99_1{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

#fieldname69_1 .fieldname15_1, #fieldname70_1 .fieldname19_1 {
    flex: 7; /* 70% ширины */
}

#fieldname69_1 .fieldname13_1, #fieldname70_1 .fieldname72_1 {
    flex: 3; /* 30% ширины */
}

#fieldname73_1 .fieldname79_1 {
    flex: 2; /* 20% ширины */
}

#fieldname73_1 .fieldname80_1{
    flex: 10; /* 70% ширины */
}


.cp_cff_minimalist #fbuilder .fieldname77_1 input[type="text"] {
  text-align: left!important;
  padding-left: 5px !important;
  padding-bottom: 3px !important;
}


#field_1-59, #field_1-58, #field_1-60, #field_1-61,
#field_1-11, #field_1-12 {
    display: flex;
    align-items: center; /* Выравнивание по вертикали */
}

#field_1-59 .dfield, #field_1-58 .dfield,
.fieldname93_1 .dfield, .fieldname95_1 .dfield {
    order: 1; /* Ставим input на первое место */
}


#fbuilder .fieldname97_1 label, #fbuilder .fieldname98_1 label{
   color:#0d4c81;
}

#field_1-59 label, #field_1-58 label, #field_1-14 label, #field_1-15 label {
    order: 2; /* Ставим label на второе место */
}

.fields {
    flex: 1; /* Делает элементы одинаковой ширины */
    min-width: 0; /* Для предотвращения переполнения */
}

.fields input {
    width: 100%; /* Поле ввода растягивается на всю доступную ширину */
    box-sizing: border-box; /* Учитываем padding и border в ширине */
}

/* Стили для полей */
#fieldname77_1,
#fieldname79_1,
#fieldname80_1,
#fieldname93_1,
#fieldname95_1 {
    border: none!important; /* Убираем границу */
    color: #0D4C81; /* Текст синего цвета */
    background-color: transparent; /* Убираем фоновый цвет */
    outline: none; /* Убираем обводку при фокусе */
    flex: 1; /* Позволяем полю занимать доступное пространство */
    margin-right: 10px; /* Отступ между полем и меткой */
    font-size: 18px !important;
}

/* Универсальные стили для всех контейнеров с полями */
#field_1-56, 
#field_1-55, #field_1-57 {
    align-items: center; /* Вертикальное выравнивание */
    flex-wrap: nowrap; /* Элементы в одну строку */
}

/* Стили для меток */
#field_1-561 label,
#field_1-551 label{
    order: 2; /* Метка после поля */
    margin: 0;
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

/* Стили для полей */
#field_1-561 .dfield,
#field_1-551 .dfield{
    order: 1; /* Поле перед меткой */
    flex-grow: 1; /* Поле растягивается, если нужно */
    display: flex; /* Используем flexbox для вложенных элементов */
    align-items: center;
}


.dfield {
    display: flex;
    flex-direction: column;
}

#fbuilder {border-radius: 8px}

.font-outfit-500-16-224--1 {
    font-family: 'Outfit', sans-serif; /* Замените 'sans-serif' на резервный шрифт, если требуется */
    font-weight: 500; /* Полужирный */
    font-size: 16px; /* Размер шрифта */
    line-height: 22.4px; /* Высота строки */
    letter-spacing: -0.01em; /* Сжатие межбуквенного интервала (-1%) */
}

.font-outfit-400-14-1358 {
    font-family: 'Outfit', sans-serif; /* Замените 'sans-serif' на резервный шрифт, если требуется */
    font-weight: 400; /* Полужирный */
    font-size: 14px; /* Размер шрифта */
    line-height: 13.58px; /* Высота строки */
    letter-spacing: 0.04em; /* Сжатие межбуквенного интервала (-1%) */

}


.cp_cff_minimalist #fbuilder{
	font-family: 'Outfit 500', arial, sans;
    padding: 30px 30px 44px 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);
}
.cp_cff_minimalist #fbuilder .fform{
display: flex;
    justify-content: center; /* Центрирует содержимое по горизонтали */
    align-items: center; /* Центрирует по вертикали (если нужно) */
    text-align: center; /* Центрирование текста внутри блока */
	background: #1F4BAB;
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-weight: 100;
    padding: 20px;
    margin: -30px -30px 15px -30px;
}


.cp_cff_minimalist #fbuilder .fform h2{
color: #FFFFFF;
font-family: 'Outfit 500', sans-serif;
}

.cp_cff_minimalist #fbuilder .fform h1,
.cp_cff_minimalist #fbuilder .fform h3,
.cp_cff_minimalist #fbuilder .fform h4,
.cp_cff_minimalist #fbuilder .fform h5,
.cp_cff_minimalist #fbuilder .fform h6,
.cp_cff_minimalist #fbuilder .fform p{
	color: #AAA;
    font-family: 'Open Sans Condensed', sans-serif;
}

.cp_cff_minimalist #fbuilder .fform h1{font-size:2.6em;}
.cp_cff_minimalist #fbuilder .fform h2{ font-size: clamp(20px, 5vw, 32px); /* Минимум 20px, динамическое 5vw, максимум 32px */}
.cp_cff_minimalist #fbuilder .fform h3{font-size:1.5em;}
.cp_cff_minimalist #fbuilder .fform h4{font-size:1.3em;}
.cp_cff_minimalist #fbuilder .fform h5{font-size:1em;}
.cp_cff_minimalist #fbuilder .fform h6{font-size:0.8em;}


.cp_cff_minimalist #fbuilder input[type="date"],
.cp_cff_minimalist #fbuilder input[type="datetime"],
.cp_cff_minimalist #fbuilder input[type="search"],
.cp_cff_minimalist #fbuilder input[type="time"],
.cp_cff_minimalist #fbuilder input[type="url"],
.cp_cff_minimalist #fbuilder input[type=email],
.cp_cff_minimalist #fbuilder input[type="text"],
.cp_cff_minimalist #fbuilder input[type="number"],
.cp_cff_minimalist #fbuilder input[type="password"],
.cp_cff_minimalist #fbuilder textarea,
.cp_cff_minimalist #fbuilder select,
.cp_cff_minimalist #fbuilder .select2-selection
{
    box-sizing: border-box!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 5px;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    min-height: 45px;
    height: 45px;
    border-radius: 8px;

}

@media print, screen and (min-width: 640px) {
    #fbuilder .left_aligned .fields:not(.section_breaks)>label:not(:empty),
    #fbuilder [id*="fieldlist"]:not(.left_aligned) .left_aligned.fields:not(.section_breaks)>label:not(:empty) {
        display: inline-flex; /* Используем flex для размещения в одной строке */
        align-items: center; /* Выравниваем элементы по вертикали */
        width: auto; /* Убираем фиксированную ширину */
        margin-left: 0px; /* Отступ от поля ввода */
        padding-right: 0px; /* Убираем лишние отступы */
        padding-top: 0px; /* Убираем лишние отступы */
        text-align: left; /* Текст выравнивается по левому краю */
        white-space: nowrap; /* Запрещаем перенос текста */
    }
}
@media screen and (max-width: 480px) {
    #field_1-59 label,
    #field_1-58 label {
        font-size: 12px; /* Уменьшение размера шрифта */
    }
}
.cp_cff_minimalist #fbuilder .select2-selection{border:0; border-bottom:1px solid #ddd;}
.cp_cff_minimalist #fbuilder .select2-dropdown .select2-search__field{width:100% !important;}
.cp_cff_minimalist #fbuilder .select2-dropdown{border:1px solid #ddd !important;}
.cp_cff_minimalist #fbuilder .select2-dropdown *{font: 16px Arial, Helvetica, sans-serif;}
.cp_cff_minimalist #fbuilder .select2-selection__choice{background:#2CBBBB;border:0;padding:5px;color:#fff;}
.cp_cff_minimalist #fbuilder .select2-selection__choice__remove{color:#fff;float:left;}
.cp_cff_minimalist #fbuilder .select2-selection--multiple .select2-selection__rendered{font: 16px Arial, Helvetica, sans-serif;color:white;}
.cp_cff_minimalist #fbuilder .select2-selection--single{height:35px;}
.cp_cff_minimalist #fbuilder .select2-selection--single .select2-selection__rendered{line-height:35px !important;font: 16px Arial, Helvetica, sans-serif;}
.cp_cff_minimalist #fbuilder .select2-selection__arrow{min-height:35px;}
.cp_cff_minimalist #fbuilder .select2-results__option--highlighted{background:#2CBBBB;}
.cp_cff_minimalist #fbuilder textarea{height:auto;}
.cp_cff_minimalist .cff-spinner .cff-spinner-down,
.cp_cff_minimalist .cff-spinner .cff-spinner-up,
.cp_cff_minimalist #fbuilder .pbSubmit,
.cp_cff_minimalist #fbuilder .pbreak .pbPrevious,
.cp_cff_minimalist #fbuilder .pbreak .pbNext,
.cp_cff_minimalist #fbuilder button:not([class*="trumbowyg"]),
.cp_cff_minimalist #fbuilder input[type="button"],
.cp_cff_minimalist #fbuilder input[type="reset"],
.cp_cff_minimalist #fbuilder input[type="submit"]{
    -moz-box-shadow: inset 0px 1px 0px 0px #1f4bab;
    -webkit-box-shadow: inset 0px 1px 0px 0px #1f4bab;
    box-shadow: inset 0px 1px 0px 0px #1f4bab;
    background-color: #1f4bab;
    border: 1px solid #1f4bab;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
}
.cp_cff_minimalist #fbuilder .cff-spinner .cff-spinner-down,
.cp_cff_minimalist #fbuilder .cff-spinner .cff-spinner-up{padding:0;}
.cp_cff_minimalist #fbuilder .pbSubmit:hover,
.cp_cff_minimalist #fbuilder .pbreak .pbPrevious:hover,
.cp_cff_minimalist #fbuilder .pbreak .pbNext:hover,
.cp_cff_minimalist #fbuilder button:not([class*="trumbowyg"]):hover,
.cp_cff_minimalist #fbuilder input[type="button"]:hover,
.cp_cff_minimalist #fbuilder input[type="reset"]:hover,
.cp_cff_minimalist #fbuilder input[type="submit"]:hover {
    background:linear-gradient(to bottom, #1f4bab70 5%, #799be3f0 100%);
    background-color:#7698e170;
}
.cp_cff_minimalist #fbuilder .pbEnd .pbNext,
.cp_cff_minimalist #fbuilder .pb0 .pbPrevious{display:none;}
.cp_cff_minimalist #fbuilder fieldset,
.cp_cff_minimalist #fbuilder legend{border: 1px solid #ddd;}

.cp_cff_minimalist #fbuilder .fields.section_breaks .section_break,
.cp_cff_minimalist #fbuilder .pbreak>fieldset{border:0;}
.cp_cff_minimalist #fbuilder .pbreak>fieldset>legend{display: none;}
.cp_cff_minimalist #fbuilder .fields.section_breaks{border-left: 3px solid #27A0A0;padding-left:10px;margin-top:20px; margin-bottom:20px;}
.cp_cff_minimalist #fbuilder .fields.section_breaks label{font-weight: bold;}

@media print, screen and (min-width: 24em) {
	.cp_cff_minimalist #fbuilder .right_aligned .dfield.slider-container,
	.cp_cff_minimalist #fbuilder .left_aligned .dfield.slider-container{padding-top:10px};
}

.cp_cff_minimalist #fbuilder .r{color:#FF0000;}

.cp_cff_minimalist #fbuilder .wizard-progressbar{width: 100%;height: 5px;background-color: #ddd;}
.cp_cff_minimalist #fbuilder .wizard-progressbar-value{display: block;background-color: #27A0A0; height: 5px;}
.cp_cff_minimalist #fbuilder .ui-slider-range{background:#2CBBBB;}
.cp_cff_minimalist #fbuilder .slider{background: #ddd; border-radius: 0;border:0;height: .3em;}
.cp_cff_minimalist #fbuilder .ui-slider-handle{
    height: .8em;
    border-radius: 0;
    width: .8em;
    -moz-box-shadow: inset 0px 1px 0px 0px #45D6D6;
    -webkit-box-shadow: inset 0px 1px 0px 0px #45D6D6;
    box-shadow: inset 0px 1px 0px 0px #45D6D6;
    background: #2CBBBB;
    border: 1px solid #27A0A0;
}
.cp_cff_minimalist #fbuilder .cff-slider-field .mark{top:5px;}

.cp_cff_minimalist #fbuilder .discount-container{margin-top:10px;font-weight:bold;}

.cp_cff_minimalist #fbuilder span.files-list img{border-color:#DDD;}

.cp_cff_minimalist #fbuilder .cff-popup-container{border:0;}
.cp_cff_minimalist #fbuilder .cff-popup-header:not(:empty){background:#dc3545;border:0;}
.cp_cff_minimalist #fbuilder .cff-popup-title{color:#FFFFFF;}
.cp_cff_minimalist #fbuilder .cff-popup-close{color:#FFFFFF;}