/* Start:/local/templates/novoplanCorp_s1/components/brainsite/iblock.element.add.form/warranty_service/style.css?17732471955778*/
.main_form {
    padding: 40px;
    box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.1);
    border-radius: 7px;
}

.main_form .form_message {text-align: center; margin: 5px 0 30px 0;}
.main_form .form_field {width: 45%; float: left; margin-right: 2%;}

/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
     
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    .main_form {background: #f8f9fb!important; padding: 20px;}
    .main_form .form_field {width: 48%; margin-right: 0; margin: 0 1%;}
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}



    .bx-file-field {
        width: 100%;
    }

    .file-upload-wrapper {
        margin-bottom: 15px;
        position: relative;
    }

    /* Скрываем оригинальный input, но оставляем кликабельным */
    .file-input-hidden {
        position: absolute;
        opacity: 0;
        width: 0.1px;
        height: 0.1px;
        z-index: -1;
    }

    /* Стили для лейбла (кнопки выбора файла) */
    .file-label {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        background: #f8f9fa;
        border: 2px dashed #082743;
        padding: 8px 15px;
        transition: all 0.3s ease;
    }

    .file-label:hover {
        border-color: #2980b9;
        background: #e8f0fe;
    }

    .file-button {
        background: #082743;
        color: white;
        padding: 8px 16px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        transition: background 0.2s;
        white-space: nowrap;
    }


    .file-name {
        color: #2c3e50;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex: 1;
    }

    /* Блок превью файла */
    .file-preview {
        margin: 15px 0 20px 25px;
        padding: 15px;
        background: #fff;
        border-left: 4px solid #3498db;
        border-radius: 0 8px 8px 0;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        transition: opacity 0.3s;
    }

    .file-delete {
        margin-bottom: 12px;
        padding: 5px 10px;
        background: #fff5f5;
        border-radius: 4px;
        display: inline-block;
    }

    .file-delete input[type="checkbox"] {
        margin-right: 8px;
        cursor: pointer;
    }

    .file-delete label {
        color: #e74c3c;
        cursor: pointer;
        font-size: 13px;
        font-weight: 500;
    }

    .file-info {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .file-image {
        border: 1px solid #ecf0f1;
        border-radius: 6px;
        padding: 5px;
        background: #fafafa;
    }

    .file-image img {
        display: block;
        max-width: 100px;
        max-height: 100px;
        object-fit: cover;
        border-radius: 4px;
    }

    .file-icon {
        font-size: 48px;
        line-height: 1;
        opacity: 0.7;
    }

    .file-details {
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: 13px;
    }

    .file-property {
        color: #7f8c8d;
        font-weight: 500;
        margin-right: 5px;
    }

    .file-value {
        color: #2c3e50;
        word-break: break-word;
    }

    .file-download {
        color: #3498db;
        text-decoration: none;
        font-weight: 500;
        margin-top: 5px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .file-download:hover {
        text-decoration: underline;
        color: #2980b9;
    }

    .file-separator {
        border: none;
        border-top: 1px solid #ecf0f1;
        margin: 20px 0;
    }

    .file-replace-hint {
        background: #fef5e7;
        padding: 8px 12px;
        border-radius: 4px;
        margin-top: 10px;
        font-size: 12px;
        border-left: 3px solid #e67e22;
    }
.warranty_form .form {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 10px;
}
.warranty_form .form .form_field:nth-child(3), .warranty_form .form .form_field:nth-child(4) {
    width: calc(50% - 5px);
}
.warranty_form .form .form_field:nth-child(5), .warranty_form .form .form_field:nth-child(9), .warranty_form .form .form_field:nth-child(10) {
    width: 100%;
}
.warranty_form .form .form_field:nth-child(6), .warranty_form .form .form_field:nth-child(7), .warranty_form .form .form_field:nth-child(8) {
    width: calc(100% / 3 - 7px);
}
    /* Адаптация для мобильных */
    @media (max-width: 768px) {
        .file-info {
            flex-direction: column;
            gap: 10px;
        }
        
        .file-label {
            flex-wrap: wrap;
        }
        
        .file-name {
            white-space: normal;
            word-break: break-word;
        }
        .warranty_form .form .form_field:nth-child(3),
        .warranty_form .form .form_field:nth-child(4),
        .warranty_form .form .form_field:nth-child(5),
        .warranty_form .form .form_field:nth-child(6),
        .warranty_form .form .form_field:nth-child(7),
        .warranty_form .form .form_field:nth-child(8),
        .warranty_form .form .form_field:nth-child(9),
        .warranty_form .form .form_field:nth-child(10) {
            width: 100%;
        }
    }

/* End */


/* Start:/local/templates/novoplanCorp_s1/components/bitrix/main.include/map_contacts/style.css?17727141531937*/
#map {height: 600px; border-top: 1px solid #CCCCCC;}
.map_form {position: relative; line-height: 1.3; font-size: 1.1rem;}
.map_form h2 {font-size: 1.7rem;}
.map_form label {font-size: 1rem; font-weight: 600;}
.map_form .bg {transition: all .30s ease-in;  opacity:1; visibility: visible; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(15, 64, 96, 0.15); z-index: 1;}
.map_form:hover .bg {visibility: hidden; opacity: 0;}
.map_form .phone_img {margin: 5px 0;}
.map_form .phone_img img {margin-right: 5px; display: inline-block;}

.map_form .form_container {
    position: absolute;
    right: 40px;
   
    z-index: 99;
    height: 600px;
}
.map_form .form_container .info {font-size: 1.05rem;}
.map_form .form_container .info > div {margin: 0 40px; padding: 20px; border-bottom: 1px solid #e6e6e6;}
.map_form .form {
    border: #b4c8d3 1px solid;
    background-color: #FFFFFF;
    padding: 40px;
    margin: 20px 0;   
    width: 400px;
}
.map_form .form p {padding: 3px 0;}
.map_form .form strong {padding: 2px 0;}
.map_form .email a {color: #082743; font-size: 0.95rem;}
.map_form [class*="ymaps-2-1"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.map_form:hover [class*="ymaps-2-1"][class*="-ground-pane"] {
    filter: none;
    -webkit-filter: none; 
}

.map_form [class*="placemark-overlay"] ymaps ymaps {
    -webkit-animation: marker-animation 1s infinite;
    animation: marker-animation 1s infinite;
}

@-webkit-keyframes marker-animation {
    0% {top: -105px; }
    50% {top: -110px;}
    100% {top: -105px; } 
}
/* End */
/* /local/templates/novoplanCorp_s1/components/brainsite/iblock.element.add.form/warranty_service/style.css?17732471955778 */
/* /local/templates/novoplanCorp_s1/components/bitrix/main.include/map_contacts/style.css?17727141531937 */