.mycontent{
    margin-top: 67.5px!important;
    width: 100% auto;
    min-height: auto;
    overflow: hidden;
}

.mymaintop{

    background: url(images/maintop.jpg) no-repeat;
    background-size: cover; /* Современные браузеры */
}

.mymaintopcontacts{

    background: url(images/Ресурс\ 54-50.jpg) no-repeat;
    background-size: cover; /* Современные браузеры */
    min-height: 250px;
}

.mymaintopbusiness{

    background: url(images/mainbusiness.jpg) no-repeat;
    background-size: cover; /* Современные браузеры */
}
.mymaintopb2c{

    background: url(images/mainb2c.jpg) no-repeat;
    background-size: cover; /* Современные браузеры */
}

.mymaintopabout{

    background: url(images/mainabout.jpg) no-repeat;
    background-size: cover; /* Современные браузеры */
}

.mysecondcontent{
    width: 100% auto;
    min-height: auto;
    overflow: hidden;
    background: url(images/треугольники_фон.avif) no-repeat;
    background-size: cover; /* Современные браузеры */
}


.mynavbarbrand {
    width: 130px!important;
    display: inline-block!important;
}

@media (max-width: 991px) {
    .mynavbarbrand {
        order: -1;
    }
}

.myRedPhoneOnVerySmall{
    display: block;
}
@media (min-width: 400px) {
    .myRedPhoneOnVerySmall {
        display: none!important;
    }
}

.myRedPhoneBtnOnVerySmall{
    display: none!important;
}
@media (min-width:400px) {
    .myRedPhoneBtnOnVerySmall {
        display: block!important;
    }
}

.mylogo{
    width: 140px!important;
}

.myredbtn {
    padding-top: 0px!important;
    padding-bottom: 2px!important;
}

@media (max-width: 991px) {
    .myredbtn {
        order: 0!important;
    }
}

.mymenubtn {
    display: none;
    border: 0px none transparent!important;
    padding-left: 2px!important;
    padding-right: 2px!important;
}

@media (max-width: 991px) {
    .mymenubtn {
        order: 1;
        display: block;
    }
}

.myblur{
    backdrop-filter: blur(5px);
}

.mynavmenu {
}

@media (max-width: 991px) {
    .mynavmenu {
        order: 2;
    }
}

.firstOnBig {
}

@media (max-width: 991px) {
    .firstOnBig {
        order: 1;
    }
}

.secondOnBig {
}

@media (max-width: 991px) {
    .secondOnBig {
        order: -1;
    }
}

.mynavcontacts {
}

@media (max-width: 991px) {
    .mynavcontacts {
        order: 3;
    }
}

.mynopd{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.mylilfont{
}
@media (max-width: 991px) {
    .mylilfont {
        font-size: 10px!important;
    }
}

.mylilfontOrder{
}
@media (max-width: 767px) {
    .mylilfontOrder {
        font-size: 9px!important;
    }
}
@media (min-width: 768px) {
    .mylilfontOrder {
        font-size: 10px;
    }
}

.mymidfooter{
}
@media (max-width: 991px) {
    .mymidfooter {
        padding-left: 28px!important;
        padding-right: 2px!important;
    }
}

.myblueback{
    background-color: #1451A0;
}

.iconsize{
    max-height: 65px;
}

.iconsizeOrder{
    max-width: 65px!important;
    height: 65px!important;
}
@media (max-width: 991px) {
    .iconsizeOrder {
        max-width: 40px!important;
        height: 40px!important;
    }
}

.iconsizecl{
    max-height: 95px;
}
.iconsizelr{
    max-height: 25px;
}
@media (max-width: 991px) {
    .iconsizelr {
        max-height: 17px!important;
    }
}

.iconsizeqa{
    max-height: 35px;
}
@media (max-width: 991px) {
    .iconsizeqa {
        max-height: 27px!important;
    }
}

.iconsizeclose{
    max-height: 45px;
}
@media (max-width: 991px) {
    .iconsizeclose {
        max-height: 37px!important;
    }
}

.iconsizerwhite{
    max-height: 70%!important;
}
@media (max-width: 991px) {
    .iconsizerwhite {
        max-height: 50%!important;
    }
}

.carousel-control-next{
    width: auto!important;
    padding-left: 1%!important;
}

.mydispblock{
    display: block!important;
}

.myhorizcenter{
    text-align: center!important;
}

.myhorizstart{
    text-align: start!important;
}

.myhorizend{
    text-align: end!important;
}

.nolrpd{
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.img-wrap {
    position: relative!important;
}

.img-wrapsecond {
    position: absolute!important;
    left: 0!important;
    top: 0!important;
    width: 100%!important;
    height: 20%;
    vertical-align: middle!important;
    max-height: 7%!important;
}

.text-wrapsecond {
    position: absolute!important;
    left: 0!important;
    top: 7%!important;
    width: 75%!important;
    height: 93%!important;
    vertical-align: middle!important;
}
@media (max-width: 991px) {
    .text-wrapsecond {
        display: none!important;
    }
}

.mybtncarousel{
    border: none;
    background: none;
    color: white;
}

.myOnCauroselSmallHide{

}
@media (max-width: 991px) {
    .myOnCauroselSmallHide {
        display: none!important;
    }
}

.img-wrapsecondb2c {
    position: absolute!important;
    left: 0!important;
    top: 0!important;
    width: 100%!important;
    height: 20%;
    vertical-align: middle!important;
    max-height: 9%!important;
}

.text-wrapsecondb2c {
    position: absolute!important;
    left: 0!important;
    top: 9%!important;
    width: 75%!important;
    height: 91%!important;
    vertical-align: middle!important;
}
@media (max-width: 991px) {
    .text-wrapsecondb2c {
        display: none!important;
    }
}

.card {
    height: calc(100% - 1.5rem) !important;
    --bs-card-border-radius: none!important;
    --bs-card-inner-border-radius: none!important;
}

.myhideonbig {
}
@media (min-width: 992px) {
    .myhideonbig {
        display: none!important;
    }
}

.myGetDocsPack{

}
@media (min-width: 500px) {
    .myGetDocsPack {
        min-width: 330px!important;
    }
}

.mysmallfsonbigbutnovery {
}
@media (max-width: 1199px) {
    .mysmallfsonbigbutnovery {
        font-size: 0.9rem!important;
    }
}
@media (max-width: 1029px) {
    .mysmallfsonbigbutnovery {
        font-size: 0.8rem!important;
    }
}
@media (max-width: 991px) {
    .mysmallfsonbigbutnovery {
        font-size: 1rem!important;
    }
}
@media (min-width: 1921px) {
    .mysmallfsonbigbutnovery {
        font-size: 1.2rem!important;
    }
}

.logopartn{
    max-width: 100%;
}

.mynpmh {
    min-height: 230px!important
}
@media (min-width: 992px) {
    .mynpmh {
        min-height: 350px!important
    }
}

.myborderrw{
    border-right: var(--bs-border-width) var(--bs-border-style) #ffffff!important;
}

.mybody {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh);
}

.mymain {
    /* Чтобы занимал оставшееся пространство */
    flex-grow: 1;
}

.myfooter {
    /* Чтобы footer не уменьшался */
    flex-shrink: 0;
}


.contact_page_contact_el{
    .icon_contact{
        width: 22px;
    }

    .icon_phone{
        margin-right: 5px;
    }
}

.contact_page_contact_el > div:not(.contact_heading){
    margin-left: 15px;
}

.contact_page_contact_el:not(:first-child){
    margin-top: 15px;
}

form:not(.success) .success_result{
    display: none;
}

form:not(.success) .modal-footer{
    display: flex!important;
    justify-content: center!important;
}


form.success .modal-footer, form.success .inputs{
    display: none;
}

form.success .success_result{
    width: 100%;
    background: #fff;
    z-index: 10;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

form .success_result > div{
    text-align: center;
}

form .success_result > div{
    margin-bottom: 15px;
}

form .success_result img{
    width: 80px;
}

.card-header{
    min-height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-body{
    display: flex;
    align-items: center;
}

.mysecondcontent .card-body > .container,.mysecondcontent .card-body > .container > .row{
    height: 100%;
}
.mysecondcontent .card-body > .container > .row > .col{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.background_blue{
    border: none !important;
    color: #fff !important;
    background-color: #1451A0 !important;
    --bs-btn-border-color: #1451A0;
}

.callback_short_form{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.certs_gallery{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.certs_gallery > a{
    margin: 0 15px;
}

.certs_gallery img{
    max-width: 100%;
    max-height: 400px;
}

@media (max-width: 991px){
    .certs_gallery > a{
        width: 40%;
    }
}