header.top {
    padding: 3% 0 0;
}

.rn {
    margin-bottom: 28px;
    color: red;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border: 1px dashed rgba(255, 0, 0, 0.13);
    width: 307px;
    padding: 10px;
    margin: 0 auto;
}

.compan {
    font-size: 65px;
    text-align: center;
}

.mg {
    margin: 3% 0;
}

section.price {
    margin: 3% 0 1% 0;
    background: rgba(12, 103, 169, 0.18);
    border-top: 2px solid #0c67a9;
    border-bottom: 2px solid #0c67a9;
    padding-bottom: 1%;
    background-image: url(../img/fon.png);
    background-repeat: repeat;
    background-position: left top;
}

button.button {
    border: 1px solid #0c67a9;
    background: #fff;
    color: #0c67a9;
    padding: 7px;
    transition: .3s;
    display: block;
    margin-top: 10px;


}

button.button:hover {
    background: #0c67a9;
    color: #fff;
    transition: .3s;
}

footer.copy {
    background: #b2cfe4;
    margin-top: 3%;
    padding-top: 20px;
    border-top: 1px solid #0c67a9;
}

.images-top img {
    width: 300px;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 3px;
    height: 179px;
}


@media screen and (max-width: 485px) {
    .compan {
    font-size: 18px !important;
    margin-top: 5px;

}

.compan img {
    width: 20%;
}
}

.doc_bottom {
    display: inline-block;
    margin: 16px 0px;
}

.modal_img {
    padding: 6px;
    outline: 0;
    border: 1px solid #ccc;
    background: #fff;
}

div#doc_1 {
    background: #0000006b;
    transition: .3s;
}

div#doc_2 {
    background: #0000006b;
    transition: .3s;
}

.containet.bottom_file {
    margin: 40px auto 0 auto;
    display: table;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #0c67ab;
}