@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');
* {
    font-family: 'Montserrat';
    font-style: normal;
}

.border-lime::after {
    content: " ";
    background: #000000;
    width: 1px;
    height: 50px;
    right: -20px;
    position: absolute;
}

.border-lime {
    margin-right: 40px;
    position: relative;
}

.navbar-light .navbar-nav .nav-item .nav-link {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}

.navbar-light .navbar-nav .nav-item .nav-link.phone {
    color: #193586;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
}

.h_img {
    margin-top: -32px;
    width: 100%;
    max-width: 1296px;
    max-height: 948px;
}

.oto_desc {
    background: #E8EAF4;
    border-radius: 10px;
    padding: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}

.gr1 {
    font-weight: 900;
    font-size: 80px;
    line-height: 70%;
    text-transform: uppercase;
    color: #193586;
    margin-bottom: 20px;
    margin-top: 45px;
    position: relative;
}

.gr2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    position: relative;
}

.gr3 {
    font-weight: 900;
    font-size: 30px;
    line-height: 70%;
    text-transform: uppercase;
    color: #193586;
    position: relative;
}

.gr3::after {
    content: "2";
    font-weight: 900;
    font-size: 18px;
    line-height: 70%;
    text-transform: uppercase;
    color: #193586;
    position: absolute;
    top: 8px;
}

.grb {
    position: relative;
}

.grb::before {
    content: "";
    width: 103px;
    height: 140px;
    top: -55px;
    margin-left: -55px;
    background: url(/img/grb.png) no-repeat;
    position: absolute;
}

.grb spans {
    position: sticky;
}

.mb-140 {
    margin-bottom: 140px;
}

.ots_text.mb-48 {
    margin-bottom: 48px;
}

.production {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: calc(23px + 1vw);
    line-height: 50px;
    letter-spacing: -0.01em;
    color: #000000;
}

.prod_card {
    border: 1px solid #193586;
    border-radius: 10px;
    padding: 27px 43px;
}

.prod_card_img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    margin-bottom: 20px;
}

.prod_card_text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    /* font-variant: small-caps; */
    color: #193586;
}

.prod_card_img.mb-26 {
    margin-bottom: 26px;
}

.prod_card_img.mb-22 {
    margin-bottom: 22px;
}

.ots_text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 139px;
}

.ots-img {
    filter: drop-shadow(10px 10px 94px rgba(0, 0, 0, 0.1));
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-56 {
    margin-bottom: 56px;
}

.div-ser {
    background: #E8EAF4;
    border-radius: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    padding: 20px;
}

.pcp_text-1 {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
    color: #000000;
}

.pcp_text-2 {
    background: #E8EAF4;
    border-radius: 10px;
    color: #102D8B;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    padding: 8px;
}

#myTab .nav-link {
    border: 1px solid #102D8B;
    border-radius: 10px;
    padding: 8px;
    width: 100%;
    background: #fff;
    color: #102D8B;
    font-size: 18px;
    line-height: 27px;
}

#myTab .nav-link.active {
    background: #E8EAF4;
    border: none;
}

#myTab .nav-link:not(.active):hover {
    background: #E8EAF4;
    border: 1px solid #102D8B;
}

.opb-text {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}

.prim-mod {
    background: #E8EAF4;
    border-radius: 10px;
    padding: 8px;
    font-size: 18px;
    line-height: 27px;
    color: #102D8B;
    margin: 4px;
    height: 43px;
}

.prim-block {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.prim-a {
    display: flex;
    justify-content: flex-start;
    text-decoration: none;
}

.prim-box_img {
    padding-right: 0px;
    padding-left: 0px;
    min-width: 176px;
    min-height: 145px;
    max-width: 176px;
    max-height: 145px;
    position: relative;
}

.prim-box_img2 {
    padding: 20px 32px;
    border: 1px solid #193586;
    border-radius: 10px;
    height: 150px;
    position: relative;
}

.prim-box_img2-text {
    color: #193586;
    line-height: 22px;
    font-size: 20px;
    font-weight: 700;
}

.prim-box_img2-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.prim-a:hover .prim-box_img::before {
    content: "Перейти в интернет магазин";
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 32px 36px;
    background: #193586e3;
    border-radius: 10px;
    z-index: 2;
    font-size: 19px;
    line-height: 27px;
    color: #E8EAF4;
    text-align: center;
    min-width: 176px;
    max-width: 176px;
    min-height: 149px;
    text-decoration: none;
}

.sotr-t_name {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
}

.sotr-t_name img {
    margin-right: 19px;
}

.sotr-t_text {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}

.flex-sp {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp1 {
    font-weight: 900;
    font-size: 80px;
    line-height: 70%;
    text-transform: uppercase;
    color: #193586;
    margin-right: 20px;
}

.sp1 span {
    position: sticky;
}

.sp2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    position: sticky;
}

.msp {
    margin-bottom: 45px;
    margin-top: 45px;
}

.spb {
    position: relative;
}

.spb::before {
    content: "";
    width: 103px;
    height: 140px;
    top: -45px;
    left: -70px;
    background: url(/img/grb.png) no-repeat;
    position: absolute;
}

.inp_sotr {
    height: 51px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    font-size: 18px;
    line-height: 27px;
}

.btn-sotr {
    width: 100%;
    /* max-height: 62px;
    height: 100%; */
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    background: #193586;
    border-radius: 4px;
    padding: 20px;
    color: #FFFFFF;
}

.btn-sotr:hover {
    background: #193586d4;
    color: #fff;
}

.sotr-checkbox {
    font-weight: 400;
    font-size: 13.5px;
    line-height: 20px;
}

.sotr-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

#contactTab {
    margin-bottom: 39px;
}

#contactTab .nav-link {
    position: relative;
    width: 100%;
    padding: 20px;
    height: 145px;
    border: 1px solid #102D8B;
    border-radius: 10px;
    width: 100%;
    background: #fff;
    color: #102D8B;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

#contactTab .nav-link.active {
    position: relative;
    width: 100%;
    padding: 20px;
    height: 145px;
    border: none;
    border-radius: 10px;
    width: 100%;
    color: #102D8B;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    position: relative;
    overflow: hidden;
    background: #E8EAF4;
    margin-bottom: 20px;
}

#contactTab .nav-link.msk::after {
    content: "";
    width: 159px;
    height: 100%;
    bottom: -6px;
    right: 0;
    background: url(/img/ico/msk3.png) no-repeat;
    position: absolute;
}

#contactTab .nav-link.msk.active::after {
    content: "";
    width: 159px;
    height: 100%;
    bottom: -6px;
    right: 0;
    background: url(/img/ico/msk2.svg) no-repeat;
    position: absolute;
}

#contactTab .nav-link.nch::after {
    content: "";
    width: 126px;
    height: 100%;
    bottom: -6px;
    right: 0;
    background: url(/img/ico/nch4.png) no-repeat;
    position: absolute;
}

#contactTab .nav-link.nch.active::after {
    content: "";
    width: 126px;
    height: 100%;
    bottom: -6px;
    right: 0;
    background: url(/img/ico/nch3.png) no-repeat;
    position: absolute;
}

#contactTab .nav-link:hover:not(.active),
#contactTab .nav-link:focus:not(.active) {
    position: relative;
    width: 100%;
    height: 145px;
    border: none;
    border-radius: 10px;
    width: 100%;
    color: #102D8B;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    position: relative;
    overflow: hidden;
    background: #E8EAF4;
    border: 1px solid #102D8B;
}

#contactTab .nav-link.nch:not(.active):hover::after,
#contactTab .nav-link.nch:not(.active):focus::after {
    content: "";
    width: 126px;
    height: 100%;
    bottom: -6px;
    right: 0;
    background: url(/img/ico/nch4.png) no-repeat;
    position: absolute;
}

#contactTab .nav-link.msk:not(.active):hover::after,
#contactTab .nav-link.msk:not(.active):focus::after {
    content: "";
    width: 159px;
    height: 100%;
    bottom: -6px;
    right: 0;
    background: url(/img/ico/msk3.png) no-repeat;
    position: absolute;
}

.ct1-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 13px;
    margin-bottom: 5px;
}

.ct1-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

.a-ftr {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    text-decoration: none;
}

.a-ftr:hover {
    color: #000000c0;
}

.fot-text {
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
}

.f-text2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
}

.social-icons ul {
    position: relative;
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.social-icons ul li {
    display: inline-block;
    vertical-align: top;
    margin: 4px;
    padding: 0;
}

.social-icons ul li a {
    display: block;
    width: 43px;
    height: 43px;
    margin: 0;
    border-radius: 4px;
    /* border: 1px solid rgba(255, 255, 255, .2); */
    background: url(/img/ico/social2.svg) 0 0 no-repeat;
    transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}

.social-icons ul li {
    display: inline-block;
    vertical-align: top;
    margin: 4px;
    padding: 0;
}

.social-icons ul li.vk a {
    background-position: 0px 0px;
}

.social-icons ul li.vk a:hover {
    background-position: 0px -53px;
}

.social-icons ul li.telegram a {
    background-position: -141px 0px;
}

.social-icons ul li.telegram a:hover {
    background-position: -141px -53px;
}

.social-icons ul li.ytb a {
    background-position: -94px 0px;
}

.social-icons ul li.ytb a:hover {
    background-position: -94px -53px;
}

.social-icons ul li.odn a {
    background-position: -47px 0;
}

.social-icons ul li.odn a:hover {
    background-position: -47px -53px;
}

.social-icons ul li.whats a {
    width: auto;
    background: #25D366;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
}

.social-icons ul li.whats a:hover {
    background: #25d366d4;
}

.social-icons ul li.whats a img {
    margin-right: 15px;
}

.social-icons ul li.zen a {
    background-position: -188px 0;
}

.social-icons ul li.zen a:hover {
    background-position: -188px -53px;
}

.lupa:hover+.zoom-button,
.uk-inline .zoom-button:hover {
    opacity: .8;
}

.uk-inline .zoom-button {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
}

.uk-inline .zoom-button {
    width: 100%;
    height: 100%;
    background-color: #333;
    box-shadow: 0 0 30px rgb(255 255 255 / 60%);
    border-radius: 6px;
}

.uk-inline .zoom-button {
    background-image: url(/img/ico/zoom-in-20.png);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}

.uk-inline {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.dn {
    display: block;
}

.mb-300 {
    margin-top: -300px;
}

.p-20 {
    padding: 20px;
}

.posmotr-cn {
    background: #193586;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
    padding: 20px;
    width: 100%;
    height: 62px;
    margin-right: 20px;
}

.posmotr-cn:hover,
.posmotr-cn:focus {
    background: #193586d4;
    color: #fff;
}

.posmotr-text {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.01em;
    color: #193586;
}

.posmotr-cn2 {
    background: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
    padding: 20px;
    width: 62px;
    height: 62px;
}

.posmotr-cn2:hover {
    border: 1px solid #193586;
    border-radius: 4px;
}

.br-10 {
    border-radius: 10px;
}

.youtube {
    background-color: #000;
    /* margin-bottom: 30px; */
    position: relative;
    /* padding-top: 56%; */
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
}

.youtube img {
    width: 100%;
    /* top: -16.6%; */
    /* left: 0; */
    opacity: 1;
}

.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .play-button {
    cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0);
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.shem_bak_text {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 24px;
    margin-top: 12px;
}

.uk-button-doc {
    width: 100%!important;
    padding: 20px 81px!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 20px!important;
    line-height: 22px!important;
    color: #193586!important;
    background: #E8EAF4!important;
    border-radius: 4px!important;
    text-transform: none!important;
}

.uk-button-doc:hover {
    background: #c5c7ce!important;
}

.img_map {
    margin-top: -257px;
    margin-left: -122px;
    max-width: 1148px;
    min-width: auto;
}

.img_yashic {
    margin-left: -120px;
    max-width: 1000%;
}

@media (min-width: 720px) {
    .navbar-light .navbar-nav .nav-item .nav-link:first-child {
        margin-right: 20px;
    }
    .navbar-light .navbar-nav .nav-item .nav-link:first-child(2) {
        margin-right: 20px;
        margin-left: 20px;
    }
    .navbar-light .navbar-nav .nav-item .nav-link:first-child(3) {
        margin-right: 20px;
        margin-left: 18px;
    }
    .navbar-light .navbar-nav .nav-item .nav-link:first-child(4) {
        margin-right: 18px;
        margin-left: 18px;
    }
    .navbar-light .navbar-nav .nav-item .nav-link:first-child(5) {
        margin-left: 18px;
    }
    .tob_baki {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 900;
        /* font-size: 163px; */
        font-size: 163.6px;
        line-height: 70%;
        text-transform: uppercase;
        color: #E8EAF4;
    }
    .tob_baki_oto {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 900;
        font-size: 167.6px;
        line-height: 70%;
        text-transform: uppercase;
        color: #193586;
        position: relative;
    }
}

@media (min-width: 320px) and (max-width: 720px) {
    .dn {
        display: none;
    }
    .tob_baki {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 900;
        font-size: calc(36px + (85 - 36) * ( (100vw - 320px) / ( 720 - 320)));
        line-height: 70%;
        text-transform: uppercase;
        color: #E8EAF4;
    }
    .tob_baki_oto {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 900;
        font-size: calc(36px + (89 - 38) * ( (100vw - 320px) / ( 720 - 320)));
        line-height: 70%;
        text-transform: uppercase;
        color: #193586;
        position: relative;
    }
    .h_img {
        margin-top: -12px;
        width: 100%;
    }
    .navbar-brand {
        width: 50%;
    }
    .navbar-brand img {
        width: 100%;
    }
    .navbar>.container {
        padding: 0;
    }
    .grb::before {
        content: "";
        /* width: 237px; */
        /* height: 136px; */
        width: 134px;
        height: 99px;
        top: -25px;
        margin-left: calc(-90px - (-90 - -105) * ( (100vw - 320px) / ( 720 - 320)));
        background: url(/img/grb.png) no-repeat;
        position: absolute;
        background-size: cover;
    }
    .grb.s1::before {
        margin-left: calc(-73px - (-73 - -105) * ( (100vw - 320px) / ( 720 - 320)));
    }
    .grb.s2::before {
        margin-left: calc(-73px - (-73 - -105) * ( (100vw - 320px) / ( 720 - 320)));
    }
    .grb.s3::before {
        margin-left: calc(-90px - (-90 - -105) * ( (100vw - 320px) / ( 720 - 320)));
    }
    .grb.s4::before {
        margin-left: calc(-77px - (-77 - -105) * ( (100vw - 320px) / ( 720 - 320)));
    }
    .justify-content-end-doc {
        justify-content: flex-end!important;
    }
    .social-icons ul {
        position: relative;
        display: flex;
        z-index: 1;
        flex-wrap: wrap;
        justify-content: center;
    }
    .social-icons ul li.whats a {
        font-size: 14px;
    }
    .tc {
        text-align: center;
        margin-top: 80px;
    }
    .text-cent {
        text-align: center!important;
    }
    .sp1 {
        font-weight: 900;
        font-size: 48px;
        line-height: 70%;
        text-transform: uppercase;
        color: #193586;
        margin-right: 20px;
    }
    .spb::before {
        content: "";
        width: 67px;
        height: 102px;
        top: -29px;
        left: -48px;
        background: url(/img/grb.png) no-repeat;
        position: absolute;
        background-size: 100%;
    }
    .sp2 {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        position: sticky;
        min-width: 99px;
        text-align: left;
    }
    .production {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        font-size: calc(22px + (30 - 22) * ( (100vw - 320px) / ( 720 - 320)));
        line-height: 32px;
        letter-spacing: -0.01em;
        color: #000000;
        text-align: left!important;
    }
    .posmotr-text {
        font-weight: 700;
        font-size: 20px;
        line-height: 21px;
        color: #193586;
    }
    .posmotr-cn2 {
        padding: calc(16px + (20 - 16) * ( (100vw - 320px) / ( 720 - 320))) calc(8px + (20 - 8) * ( (100vw - 320px) / ( 720 - 320)));
        width: 62px;
        height: 62px;
    }
    .oto_desc {
        font-size: calc(14px + (18 - 14) * ( (100vw - 320px) / ( 720 - 320)));
        line-height: calc(20px + (27 - 20) * ( (100vw - 320px) / ( 720 - 320)));
        padding: 20px;
    }
    .ots_text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .pcp_text-1 {
        font-size: calc(14px + (18 - 14) * ( (100vw - 320px) / ( 720 - 320)));
        line-height: calc(20px + (27 - 20) * ( (100vw - 320px) / ( 720 - 320)));
    }
    .pcp_text-2 {
        font-size: calc(14px + (18 - 14) * ( (100vw - 320px) / ( 720 - 320)));
        line-height: calc(20px + (27 - 20) * ( (100vw - 320px) / ( 720 - 320)));
    }
    .mb-80 {
        margin-bottom: calc(20px + (80 - 20) * ( (100vw - 320px) / ( 720 - 320)));
    }
    #myTab .nav-link {
        font-size: calc(14px + (18 - 14) * ( (100vw - 320px) / ( 720 - 320)));
        line-height: calc(20px + (27 - 20) * ( (100vw - 320px) / ( 720 - 320)));
    }
    .fot-text {
        font-size: 28px;
        line-height: 34px;
    }
    .prim-block {
        flex-direction: column;
        margin-bottom: 0px!important;
    }
    .prim-box_img2 {
        width: 160px;
        height: 145px;
    }
    .container {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
        padding: 0 12px;
    }
    .prim-a {
        align-items: flex-start;
    }
    .w-100.mb-4 {
        margin-bottom: 20px!important;
    }
    .img_map {
        margin-top: calc(-48px + (-118 - -48) * ( (100vw - 320px) / ( 720 - 320)));
        margin-left: calc(-117px + (-242 - -117) * ( (100vw - 320px) / ( 720 - 320)));
        max-width: calc(165% + (90 - 165) * ( (100vw - 320px) / ( 720 - 320)));
        min-width: auto;
    }
    .img_yashic {
        margin-left: 0px;
        max-width: calc(165% + (-250 - 165) * ( (100vw - 320px) / ( 720 - 320)));
        margin-top: 20px;
    }
    .mb-5.mb-sm-4 {
        margin-bottom: 20px!important;
    }
    .social-icons ul li {
        margin-right: calc(0px + (20 - 0) * ( (100vw - 320px) / ( 720 - 320)))!important;
    }
}

html {
    overflow-x: hidden;
}

@media (max-width: 720px) {
    .mb-140 {
        margin-bottom: 80px;
    }
    .mb-300 {
        margin-top: 0px;
    }
    .gr1 {
        font-weight: 900;
        font-size: 40px;
        line-height: 40px;
        text-transform: uppercase;
        color: #193586;
        margin-bottom: 20px;
        margin-top: 45px;
        position: relative;
    }
    .gr3 {
        font-weight: 900;
        font-size: 20px;
        line-height: 70%;
        text-transform: uppercase;
        color: #193586;
        position: relative;
    }
    .gr3::after {
        content: "2";
        font-weight: 900;
        font-size: 12px;
        line-height: 70%;
        text-transform: uppercase;
        color: #193586;
        position: absolute;
        top: 2px;
    }
    .opb-text {
        font-size: 14px;
        line-height: 20px;
        color: #000000;
    }
    .sotr-t_text {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
    }
    .uk-grid-margin,
    .uk-grid-margin.uk-first-column {
        margin-top: 20px!important;
    }
}

@media (max-width: 336px) {
    .container {
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }
    .prim-block,
    .prim-a {
        flex-direction: column;
    }
    .d-flex.flex-wrap {
        margin-top: 8px;
        padding-left: 0!important;
    }
    .prim-box_img {
        max-width: 100%;
    }
    .prim-mod {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        height: 100%;
    }
    .prim-box_img {
        width: 100%;
    }
    .prim-box_img2 {
        width: 100%;
        height: 145px;
    }
    .prim-box_img2-text {
        text-align: left!important;
    }
}