/* Шрифты */

@font-face {
    font-family: "Robotobold";
    src: url('../fonts/roboto/Robotobold.eot');
    src: url('../fonts/roboto/Robotobold.eot') format('embedded-opentype'),
         url('../fonts/roboto/Robotobold.woff2') format('woff2'),
         url('../fonts/roboto/Robotobold.woff') format('woff'),
         url('../fonts/roboto/Robotobold.ttf') format('truetype'),
         url('../fonts/roboto/Robotobold.svg#Robotobold') format('svg');
}

@font-face {
    font-family: "RobotoLightItalic";
    src: url('../fonts/roboto/RobotoLightItalic.eot');
    src: url('../fonts/roboto/RobotoLightItalic.eot') format('embedded-opentype'),
         url('../fonts/roboto/RobotoLightItalic.woff2') format('woff2'),
         url('../fonts/roboto/RobotoLightItalic.woff') format('woff'),
         url('../fonts/roboto/RobotoLightItalic.ttf') format('truetype'),
         url('../fonts/roboto/RobotoLightItalic.svg#RobotoLightItalic') format('svg');
}

@font-face {
    font-family: "RobotoMedium";
    src: url('../fonts/roboto/RobotoMedium.eot');
    src: url('../fonts/roboto/RobotoMedium.eot') format('embedded-opentype'),
         url('../fonts/roboto/RobotoMedium.woff2') format('woff2'),
         url('../fonts/roboto/RobotoMedium.woff') format('woff'),
         url('../fonts/roboto/RobotoMedium.ttf') format('truetype'),
         url('../fonts/roboto/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: "RobotoRegular";
    src: url('../fonts/roboto/RobotoRegular.eot');
    src: url('../fonts/roboto/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/roboto/RobotoRegular.woff2') format('woff2'),
         url('../fonts/roboto/RobotoRegular.woff') format('woff'),
         url('../fonts/roboto/RobotoRegular.ttf') format('truetype'),
         url('../fonts/roboto/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: "RobotoLight";
    src: url('../fonts/roboto/RobotoLight.eot');
    src: url('../fonts/roboto/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/roboto/RobotoLight.woff2') format('woff2'),
         url('../fonts/roboto/RobotoLight.woff') format('woff'),
         url('../fonts/roboto/RobotoLight.ttf') format('truetype'),
         url('../fonts/roboto/RobotoLight.svg#RobotoLight') format('svg');
}

body {color: #000; font-family: RobotoLight, Arial, sans-serif;}

/* Модальное окно формы */

.form-modal-popup {
    max-width: 95%;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}

.form-modal-popup .popup-window-content {
    max-height: 80vh;
    overflow-y: auto;
    padding: 20px;
    color: #000;
}

.form-modal-header {
    margin-bottom: 10px;
}

.form-modal-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #333;
}

.form-modal-subtitle {
    font-size: 14px;
    color: #777;
    margin: 0;
}

.form-modal-loading {
    text-align: center;
    padding: 40px;
    color: #999;
}

.form-modal-error {
    padding: 20px;
    color: #dc3545;
    text-align: center;
}

.form-modal-success {
    padding: 40px;
    text-align: center;
    color: #28a745;
    font-size: 16px;
}

/* Поля формы */

.form-modal-popup input[type="text"],
.form-modal-popup input[type="email"],
.form-modal-popup input[type="tel"],
.form-modal-popup textarea,
.form-modal-popup select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s;
}

button[disabled] {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background: rgb(204, 204, 204) !important;
    border-color: rgb(204, 204, 204) !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    .form-modal-popup {
        max-width: 95%;
        margin: 10px;
    }
    
    .form-modal-popup .popup-window-content {
        padding: 15px;
    }
}

.iti {margin-bottom:5px;}

/* Хлебные крошки */

.collapsed1 ul {
    list-style-type: none;
    padding: 2em;
    color: #333;
}
.collapsed1 li {
    display: inline-block;
    position: relative;
    padding-right: 2em;
    margin: 0;
}
.collapsed1  li:after {
    content: '\f105';
    position: absolute;
    display: inline-block;
    right: 0;
    font-family: "Font Awesome 6 Pro";
    width: 2em;
    text-align: center;
    top: 2px;
    font-size: 12px;
}
.collapsed1 li:last-child {
    color: #980000 !important;
}
.collapsed1 li:last-child:after {
   color: rgba(250,250,250,1);
}
.collapsed1 a {
    text-decoration: none;
    display: inline-block;
    color: #333;
    white-space: nowrap;
}
.collapsed1 a:hover {
    text-decoration: underline;
}
  
/* Collapsed breadcrumbs */
@media (max-width: 575px) {

    .collapsed1 li {
        overflow: hidden;
    }
    .collapsed1 li:after {
        background: rgb(250,250,250);
        background: linear-gradient(90deg, rgba(250,250,250,0.4) 0%, rgba(250,250,250,1) 35%);
        padding-left: 1em;
    }
    .collapsed1 a, .collapsed1 li:last-child span {
        max-width: 2em;
        transition: max-width 300ms ease-in-out;
    }
    .collapsed1 a:hover,
    .collapsed1 a:focus,
    .collapsed1 li:hover a {
        max-width: 1000px;
    }
    .collapsed1 li:hover:after {
        padding-left: 0em;
        background: transparent;
    }

}