/* CSS kod pishite v etom faile, chotobi pri ustanovke obnovlenii ne bilo problem  */
/* --------------------------------------- */
/* Here you can put custom css rules for your site */
@font-face {
        font-family: Cambria; /* Имя шрифта */
        src: url(/bitrix/templates/aspro-scorp/css/fonts/Cambria.ttf); /* Путь к файлу со шрифтом */
}

* {
        font-family: Cambria !important;
}
table.table > thead > tr > th, table.table > tbody > tr > th, table.table > tfoot > tr > th, table.table > thead > tr > td, table.table > tbody > tr > td, table.table > tfoot > tr > td{
        word-break: normal !important;
}
.fa {
        font-family: FontAwesome !important;
}
body {
        background: url('/bitrix/templates/aspro-scorp/images/backa.png');
        background-size: cover;
        color: white;
}
body.index, body.contacts-page {background:none; color:#000;}
.previewtext {
        color: white;
}
a {
        color: rgb(255, 255, 255);
}
a:hover {
        color: #ffffff;
    }
.app {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
}
.app a img {
        width: 100%;
}
.app a {
        margin-bottom: 10px;
        transition: 0.3s all;
}
.app a:hover {
        transform: scale(1.2);
}
.app span {
        margin-bottom: 10px;
}
.ins-o {
        width: 27% !important;
}
.ins-link {
        transform: none !important;
}
.applications-list .application-text {display:none; width:100%;}
.application-name {cursor:pointer; font-size:1.5em; font-weight:bold;}


.contacts table {
        color: #000000 !important;
}
.contacts table a {
        color: #000000 !important;
}

.black {
        color: black;
}
/* .white {
        color: white !important;
} */

.item:hover .title a, .item:hover .title {
        color: #ffffff !important;
    }
.period {
        color: white;
}
.item-views .item:not(.review) .text {
        padding: 0;
        color: #ffffff;
    }

.accordion-head.accordion-open a, .accordion-head a {
        color: #2f383d;
}
.accordion-body .previewtext{
        color: #2f383d;
}
.form .refresh a {
        color: #2f383d;
}
.application-name {
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
}
.applications-item {
        margin-bottom: 7px;
}

.row.contacts .col-md-6 .table tbody td {
        display: block;
}
.row.contacts .col-md-6 table.table tr:nth-child(even) td {
        background: #00000000;
}
.row.contacts .col-md-6 table.table tr:nth-child(odd) td {
        background: rgba(255, 255, 255, 0);
}
.contacts .col-md-6 table {
        color: #000000 !important;
        font-weight: 600;
}
.contacts table {
        color: rgb(0, 0, 0) !important;
}
.contacts .col-md-6 table a{
        color: #000000 !important;
        font-weight: 400;
}
.contacts .app {
        width: 70%;
}
.inst-text {
        color: #333333;
        font-size: 16px;
}
.contacts h4 {
        color: rgb(0, 0, 0);
}
.dark_table {
        color: rgb(0, 0, 0);
}
.contacts .our-app {
        font-size: 15px;
}
.contacts .our-inst {
        font-size: 15px;
}

.mob-item-wrap {
        display: flex;
        align-items: center;

        width: 150%;
}
.mob-item-wrap a{
        width: 50%;
        margin-right: 5px;
}
#footer .ins-link .inst-text{
        color: white;
        font-size: 14px;
}
.mob-item-wrap a img{
        height: 37px;
}
#footer .ins-o {
        width: 20% !important;
}


@media (max-width: 1150px) {
        #footer .mob-item-wrap {
                width: 100%;
        }
        #footer .mob-item-wrap a img {
                height: auto;
        }
}
@media (max-width: 992px) {
        .contacts .app {
                width: 200px;
        }
}

@media (max-width: 768px) {
        #footer .app {
                display: flex;
                align-items: flex-start;
                flex-direction: column;
                width: 300px;
                margin: 0 auto;
        }
        #footer .ins-o {
                width: 14% !important;
        }

}
.front .btn-default {
        position: absolute;
        width: fit-content;
        right: 0;
    }
.news.front>a {
        top: -38px;
}