.container {
    max-width: 1170px;
    margin: 0 auto;
    width: 95%;
}

.nbot h2 a {
    line-height: 140%;
    display: inline-block;
}

.grecaptcha-badge {
    opacity: 0;
}

.initial_city {
    cursor: pointer;
    border-bottom: 1px dashed #3585CC;
    color: #3585CC;
}

.llm, .rirm {
    display: inline-block;
    vertical-align: top;
    max-width: 270px;
    margin-right: 3%;
}

.llm {
    width: 23%;
}

.rrm {
    display: inline-block;
    vertical-align: top;
    width: 74%;
    max-width: 910px;
    font-size: 0;
    padding-top: 20px;
    position: relative;
}

.rrm-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    background: var(--white-color);
}

.rrm-wrapper_active {
    display: flex;
}

.rrm-wrapper-img {
    max-width: 150px;
    width: 100%;
    height: 100%;
}

.rrm-wrapper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rrm-wrapper-links {
    padding: 55px 65px;
    display: flex;
    gap: 30px;
    box-sizing: border-box;
}

.rrm-block {
    margin-bottom: 25px;
}

.rrm-block p {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: var(--black-middle);
    margin-bottom: 5px;
}

.rrm-block-wr {
    display: flex;
    gap: 25px;
}

.rrm-block-wr ul {
    min-width: 56px;
    list-style-type: none;
    flex-direction: column;
}

.rrm-block-wr ul li {
    margin-bottom: 0;
}

.rrm-block-wr ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: var(--black-middle);
    padding: 0;
    text-transform: capitalize;
}

.rirm img {
    margin-bottom: 15px;
    width: 100%;
    height: 145px;
}

.rirm a {
    color: var(--black-middle);
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 17px;
    padding: 0;
}

.rirm a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.rirm p {
    font-size: 14px;
    color: var(--gray);
}

.submenu {
    position: absolute;
    left: 0;
    right: 0;
    top: 95px;
    display: block;
    visibility: hidden;
    margin: 0 auto;
    width: 1270px;
    z-index: -50;
    background: var(--white-color);
    padding-bottom: 40px;
    font-size: 0;
    box-shadow: 0 21px 39px -4px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: 0.3s all;
}

@media screen and (min-width: 1093px) and (max-width: 1220px) {
    .submenu {
        width: auto;
    }
}

@media (max-width: 480px) {
    .submenu {
        z-index: 50;
        opacity: 1;
        transition: none;
        display: none;
    }
}

nav ul li.parent.hover .submenu {
    display: block;
}

nav ul li.parent.hover:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
    top: 135px;
    pointer-events: none;
}

.ssub {
    max-width: 1170px;
    margin: 0 auto;
}

.subi a {
    color: var(--black-middle);
    font-size: 14px;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
    padding: 7px 17px 7px 5px;
    line-height: 16px;
    font-family: 'Open Sans', sans-serif;
}

.subi a svg {
    display: none;
    flex-shrink: 0;
    margin-left: 10px;
}

.subi a:hover {
    text-decoration: underline;
}

.subi a:hover svg {
    display: flex;
}

.poli input {
    width: 11px !important;
    height: 11px !important;
    outline: none;
    margin-bottom: 0 !important;
    border: 1px solid #dcdcdc !important;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px !important;
    margin-right: 1%;
}

.poli label {
    display: inline-block;
    vertical-align: top;
    width: 90% !important;
    color: var(--black-middle);
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 14px;
    max-width: 100% !important;
    margin-bottom: 0;
    font-weight: 400 !important;
}

.poli label a {
    color: var(--black-middle);
    text-decoration: underline;
}

.polit label a:hover {
    color: var(--orange);
}

.poli input:not(checked) {
    position: absolute;
    opacity: 0;
    z-index: 10;
}

.poli input:not(checked) + label {
    position: relative;
    padding: 0 0 0 20px;
}

.poli input:not(checked) + label:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    outline: none;
    margin-bottom: 15px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    margin-right: 1%;
    border-radius: 2px;
    left: 0;
    background: none !important;
}

.poli input:checked + label:before {
    background: var(--orange) !important;
    border: 1px solid var(--orange);
}

.poli input:focus + label:before {
    background: var(--orange);
    border: 1px solid var(--orange);
}

.ones .polit {
    margin-left: 110px;
    font-size: clamp(12px, 2vw - 5px, 14px);
    margin-top: 20px;
    margin-bottom: 35px;
}

.ones .polit label {
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 20px;
}

.inli button {
    background: var(--orange);
    color: var(--white-color);
    text-align: center;
    display: block;
    width: 100%;
    padding: 14px 0;
    max-width: 210px;
    text-transform: uppercase;
    margin: 0 auto;
    border: 0;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    border-radius: 4px;
}

.inli button:hover {
    background: var(--black-middle);
}

.bgs {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.inli {
    width: 100%;
    max-width: 710px;
    padding: 30px;
    background: var(--white-color);
    left: 0;
    right: 0;
    top: 220px;
    position: absolute;
    margin: 0 auto;
}

.inpo div {
    margin-bottom: 0;
}

.closi {
    position: absolute;
    right: 20px;
    top: 30px;
    cursor: pointer;
}

.inli h2 {
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.inli p {
    font-size: 14px;
    color: var(--black-middle);
    text-align: center;
    line-height: 22px;
    margin-bottom: 30px;
}

.inli p span {
    display: block;
    color: var(--orange);
}

.inli .twos {
    font-size: 0;
}

#pimpMyTwos {
    display: flex;
    gap: 20px;
}

.inli .div {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    margin-bottom: 10px;
}

#pimpMyDiv {
    display: flex;
    align-items: center;
}

#pimpMyDiv input {
    width: 100%;
}

.inli label {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--black-middle);
    font-weight: bold;
    width: 50%;
    display: inline-block;
    max-width: 110px;
    vertical-align: middle;
}

#pimpMyLabel {
    max-width: 110px;
    padding-left: 0;
}

.inli input {
    outline-style: none !important;
    border: 1px solid #dcdcdc;
    padding: 11px 10px;
    vertical-align: middle;
    border-radius: 4px;
    width: calc(65% - 20px);
}

.inli .zv {
    background: var(--white-color) url(images/zv.png) no-repeat 95% center;
}

.inli .div:nth-child(2n) label {
    padding-left: 20px;
    max-width: 80px;
}

.inli textarea {
    outline-style: none !important;
    border: 1px solid #dcdcdc;
    padding: 10px 10px;
    vertical-align: middle;
    border-radius: 4px;
    width: calc(100% - 154px);
    resize: none;
    margin-bottom: 15px;
    height: 50px;
}

.ones {
    font-size: 0;
}

#ones-custom {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#ones-custom textarea {
    width: 100%;
    margin-bottom: 0;
}

.zakrep {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--orange);
    display: inline-block;
    border-bottom: 1px dotted;
}

.zakrep:hover {
    color: var(--black-middle);
}

.inp {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: clamp(12px, 2vw - 5px, 14px);
    margin-bottom: 10px;
}

.inps .inp {
    margin-bottom: 10px !important;
}

.inps label {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--black-middle);
    font-weight: normal;
    width: 37%;
    margin: 5px;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.inps label:nth-child(3n-2) {
    width: 5%;
}

.inps input {
    outline-style: none !important;
    border: 1px solid #dcdcdc;
    padding: 11px 10px;
    vertical-align: middle;
    border-radius: 4px;
    width: 100%;
}

.inp input {
    width: auto;
    margin-right: 7px;
}

.inps {
    display: inline-block;
    width: calc(100% - 154px);
    vertical-align: top;
}

.inps2 {
    display: inline-block;
    width: calc(100% - 110px);
    vertical-align: top;
}

.inps2 input {
    width: 11%;
    margin: 5px;
}

.inps2 label {
    margin: 5px;
    font-weight: normal;
}

.inpo {
    margin-top: 30px;
}

.inp .radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}

.inp .radio + label {
    cursor: pointer;
    width: auto;
    font-weight: 400;
    max-width: 100%;
}

.inp .radio:not(checked) {
    position: absolute;
    opacity: 0;
}

.inp .radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 26px;
}

.inp .radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: var(--white-color);
}

.inp .radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--orange);
    opacity: 0;
    transition: all .2s;
}

.inp .radio:checked + label:after {
    opacity: 1;
}

.only480 {
    display: none;
}

.logo {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    float: left;
    padding: 25px 0;
}

.nav-right {
    float: right;
}

#pimpMyOnes {
    display: flex;
}

#pimpMyInps {
    width: 100%;
}

#pimpMyInps label {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

label {
    cursor: pointer;
}

#pimpMyInps label input {
    display: none;
}

#pimpMyInps label div {
    min-width: 13px;
    max-width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid #F15D22;
}

#pimpMyInps label input:checked + div {
    background: #F15D22;
    border: 1px solid var(--black-middle);
}

#pimpMyOnes2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#pimpMyPolit {
    margin: 0;
    padding: 0;
}

.policy {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

#pimpMyPoll {
    display: none;
}

.checkdone {
    min-width: 15px;
    max-width: 15px;
    width: 100%;
    height: 15px;
    border: 1px solid #F15D22;
    box-sizing: border-box;
    border-radius: 4px;
}

#pimpMyPoll:checked + .checkdone {
    background-image: url('../img/check2.svg');
    background-size: cover;
}

.policy-link {
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 20px;
    color: var(--black-middle);
}

.policy-link a {
    color: var(--black-middle);
    text-decoration: underline;
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 20px;
}

.policy-link a:hover {
    color: var(--orange);
}

#pimpMyInline {
    width: 100%;
    padding: 0;
}

#UIkit-modal-zayav {
    width: 800px;
}

#pimpMyHead2 {
    margin-bottom: 0;
}

#pimpMyInli {
    padding: 0;
    max-width: 100%;
}

#pimpMyTwos2 {
    display: flex;
}

#pimpMyDiv2 {
    display: flex;
}

#pimpMyInps2 {
    display: flex;
    width: 100%;
    gap: 20px;
}

#pimpMyInps2 label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

@media (max-width: 750px) {
    #pimpMyTwos {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
    }

    #pimpMyDiv {
        margin-bottom: 0;
        width: 100%;
    }

    #pimpMyDiv input {
        width: 100%;
    }

    #pimpMyOnes {
        flex-direction: column;
    }

    #pimpMyInps {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    #pimpMyTwos2 {
        display: flex;
        flex-direction: column;
    }

    #pimpMyDiv2 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #pimpMyInps2 {
        display: flex;
        align-items: center;
    }

    #pimpMyInps2 input {
        width: max-content;
    }

    #pimpMyDelevery {
        display: flex;
        align-items: center;
        width: 100%;
    }

    #pimpMyDelevery label {
        max-width: 110px;
        padding-left: 0;
    }

    #pimpMyDelevery input {
        width: 100%;
    }
}

@media (max-width: 640px) {
    #pimpMyHead2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    #pimpMyText {
        font-size: 12px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    #pimpMyDiv input {
        width: 100%;
        padding: 6px 10px;
    }

    #pimpMyBll {
        margin-bottom: 0;
    }

    #pimpMyBll span {
        font-size: 14px;
    }

    #pimpMyBll small {
        margin-bottom: 0;
    }

    #pimpMyInps {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .policy-link {
        font-size: 12px;
    }

    .policy-link a {
        font-size: 12px;
    }

    .vertical-scroll {
        overflow-y: scroll;
        height: 500px;
        overflow-x: hidden;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }

    .vertical-scroll::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 500px) {
    #pimpMyDiv {
        flex-direction: column;
        align-items: flex-start;
    }

    #pimpMyDiv input {
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
    }

    #ones-custom {
        flex-direction: column;
        align-items: flex-start;
    }

    #ones-custom label {
        max-width: initial;
    }

    #ones-custom textarea {
        box-sizing: border-box;
    }

    #pimpMyDelevery {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    #pimpMyDelevery input {
        box-sizing: border-box;
    }

    #pimpMyInps2 {
        width: 100%;
    }

    #pimpMyInli {
        padding: 0;
    }
}

nav {
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px;
}

nav ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

nav ul li {
    display: inline-block;
    vertical-align: middle;
}

nav ul li:last-child {
    margin-right: 0;
}

nav ul li a {
    display: block;
    font-size: 16px;
    color: var(--black-middle);
    text-transform: uppercase;
    padding: 38px 11px;
}

nav ul li:hover .submenu {
    visibility: visible;
    opacity: 1;
    z-index: 50;
}

nav .menu-expand {
    display: none;
}

.search {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    cursor: pointer;
}

section.one {
    font-size: 0;
    padding-bottom: 40px;
}

.weare {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    max-width: 768px;
}

.wer {
    position: absolute;
    right: 16px;
    top: 38px;
    width: 50%;
}

.wera {
    position: relative;
    outline-style: none;
}

.news {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #efefef;
    width: calc(32% - 55px);
    max-width: 370px;
    padding: 25px 25px 15px;
    margin-left: 2.3%;
    min-height: 385px;
}

.display {
    display: block;
}

.wer h1 {
    font-size: 24px;
    text-transform: uppercase;
    color: var(--black-middle);
    font-weight: 400;
    margin-bottom: 30px;
}

.wer h1 span {
    color: var(--orange);
}

.wer p {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--black-middle);
    margin-bottom: 21px;
}

.more {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--orange);
    text-transform: uppercase;
    border: 1px solid var(--orange);
    text-align: center;
    display: block;
    width: 140px;
    height: 35px;
    line-height: 35px;
}

.more:hover {
    background: var(--orange);
    color: var(--white-color);
    text-decoration: none;
}

.tilt {
    font-size: 18px;
    color: var(--gray);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.date {
    color: #777777;
    font-size: 12px;
    margin-bottom: 9px;
}

.new a {
    color: var(--black-middle);
    font-size: 14px;
    line-height: 16px;
}

.new a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.new {
    padding: 15px 0;
    border-bottom: 1px solid #efefef;
}

.new:nth-child(4) {
    border-bottom: 0 solid #efefef;
}


.novost {
    display: inline-block;
    vertical-align: top;
    width: 31.6133%;
    margin-right: 2.5%;
    background: var(--white-color);
    min-height: 415px;
    border-bottom: 4px solid var(--white-color);
}

.novost:nth-child(3n) {
    margin-right: 0;
}

section.two2 .novost {
    min-height: 380px;
}

section.two {
    padding: 45px 0 230px;
    background: var(--muted-secondary);
}

section.two2 {
    padding: 45px 0 60px;
    background: var(--muted-secondary);
}

.nimg {
    position: relative;
}

.nb {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    bottom: 10px;
    left: 10px;
    background: var(--white-color);
    text-align: center;
    border-radius: 100%;
}

.nb img {
    vertical-align: middle;
}

.nbot {
    padding: 23px 22px;
}

.nbot a {
    color: var(--black-middle);
    font-size: 18px;
    text-transform: uppercase;
}

.nbot a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.novost:hover {
    border-bottom: 4px solid var(--orange);
    box-shadow: 0 0 38px rgba(0, 0, 0, 0.22);
}

.nbot span {
    display: block;
    margin-top: 10px;
    color: #777777;
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 20px;
}

.middled {
    font-size: 0;
    padding: 28px 45px;
    background: url(../img/midas.png) no-repeat top left;
    border-bottom: 4px solid #efe7e3;
    background-size: cover;
    position: absolute;
    top: -340px;
}

.midl {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: var(--black-middle);
    text-transform: uppercase;
    width: 33.333333%;
    text-align: center;
}

.midl span {
    color: var(--orange);
    font-size: 42px;
    display: block;
    line-height: 36px;
}

.whiten {
    color: var(--white-color);
}

.whiten span {
    color: var(--white-color);
}

.mb80 {
    margin-bottom: 70px;
}

.ml {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}

.mr {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    text-align: left;
}

.mid {
    text-align: left;
    display: inline-block;
    width: 47%;
}

.rightes {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    text-align: left;
    padding-left: 20%;
}

.noleft {
    text-align: left;
}

section.three {
    background: var(--orange);
    position: relative;
    padding-top: 153px;
}

section.three .container {
    position: relative;
}

.midas {
    font-size: 0;
    padding-bottom: 1px;
}

.midas a {
    color: var(--white-color);
}

.mids {
    display: inline-block;
    vertical-align: bottom;
    width: 33.333333%;
    padding: 16px 0 46px;
    border-bottom: 6px solid var(--orange);
    text-align: center;
    position: relative;
}

.mids:after {
    position: absolute;
    content: '';
    height: 38px;
    width: 1px;
    background: #e78b62;
    top: calc(50% - 19px);
    right: 0;
}

.mids:nth-child(3n):after {
    display: none;
}

.mids:hover {
    border-bottom: 6px solid #f0f1f2;
}

.mids a {
    font-size: 18px;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block;
}

.mids a:hover {
    text-decoration: underline;
}

.four .mids a:hover {
    text-decoration: underline;
    color: var(--orange) !important;
}

.mids img {
    vertical-align: middle;
    margin-right: 15px;
}

.size30 {
    font-size: 30px !important;
}

.fores a {
    color: var(--black-middle) !important;
}

.fores .mids:after {
    position: absolute;
    content: '';
    height: 38px;
    width: 1px;
    background: #e2e2e2;
    top: calc(50% - 19px);
    right: 0;
}

.fores .mids:hover {
    border-bottom: 6px solid var(--orange);
}

.fores .mids {
    border-bottom: 6px solid var(--white-color);
    padding: 40px 0 30px;
}

.fores {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 40px;
}

.fores .midas {
    font-size: 0;
    padding-bottom: 0;
}

.yt {
    position: relative;
}

.yt:hover:after {
    content: '';
    width: 100%;
    height: 100%;
    background: hsla(18, 89%, 48%, 0.9);
    left: 0;
    top: 0;
    position: absolute;
}

.yt a {
    position: absolute;
    font-size: 24px;
    color: var(--white-color);
    z-index: 10;
    bottom: 20px;
    left: 20px;
    text-transform: uppercase;
    max-width: 220px;
}

.yt a:hover {
    text-decoration: underline;
}

.yl {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    max-width: 370px;
    margin-right: 2.6%;
}

.yr {
    display: inline-block;
    vertical-align: top;
    width: 65.77%;
    position: relative;
}

.yr span {
    position: absolute;
    font-size: 24px;
    color: var(--white-color);
    z-index: 10;
    bottom: 30px;
    left: 30px;
    text-transform: uppercase;
    max-width: 385px;
}

.yot {
    font-size: 0;
}

.yt:first-child {
    margin-bottom: 30px;
}

.yt:hover {
    box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.22);
}

section.four {
    padding-bottom: 50px;
    border-bottom: 1px solid #d4d4d4;
}

section.company {
    font-size: 0;
    padding-top: 35px;
    margin-bottom: 45px;
    border-top: 1px solid #d4d4d4;
}

.comp {
    display: inline-block;
    vertical-align: middle;
    width: 16.666666%;
    text-align: center;
    margin-bottom: 35px;
    position: relative;
}

section.company h2,
section.company div.h2-comp {
    color: var(--black-middle);
    font-size: 22px;
    text-align: center;
    max-width: 665px;
    margin: 0 auto 60px;
    text-transform: uppercase;
    font-weight: 400;
}

.vspl {
    display: none;
    bottom: 110px;
    left: 38%;
    text-align: left;
    z-index: 10;
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--white-color);
    background: var(--orange);
    padding: 18px;
    width: 309px;
    position: absolute;
    border-radius: 6px;
    line-height: 20px;
}

.vspl:after {
    position: absolute;
    top: 100%;
    left: 50px;
    content: '';
    background: url(../img/qoute.png) no-repeat left top;
    width: 25px;
    height: 18px;
    background-size: contain;
}

.comp .compi {
    display: inline-block;
}

.comp .compi:hover .vspl {
    display: block;
}

.comp:last-child .vspl {
    right: 0;
    left: -100px;
}

section.foot {
    padding-top: 50px;
    background: var(--muted-secondary);
    padding-bottom: 40px;
    border-bottom: 1px solid #d5d5d5;
}

.foot .zagol a {
    color: var(--black-middle);
    font-size: 16px;
    text-transform: uppercase;
}

.foot .zagol a:hover {
    text-decoration: underline;
}

.foot .zagol {
    margin-bottom: 30px;
    min-height: 22px;
}

.foted ul {
    list-style: none;
    padding: 0;
}

.foted ul li {
    margin-bottom: 10px;
}

.foted ul li a {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--gray);
}

.foted ul li a:hover {
    text-decoration: underline;
}

.foted {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.nextf {
    margin-bottom: 30px;
}

.offices {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    font-size: clamp(12px, 2vw - 5px, 14px);
    margin-bottom: 30px;
    margin-right: 4%;
    color: var(--gray);
}

.offices:nth-child(3n) {
    margin-right: 0;
}

.offices a {
    color: var(--orange);
}

.offices a:hover {
    text-decoration: underline;
}

.offices p {
    margin-bottom: 6px;
    margin-top: 0;
}

.otitile {
    font-size: 18px;
    color: var(--black-middle);
    margin-bottom: 25px;
    min-height: 21px;
}

.zayav {
    float: right;
    width: 270px;
    height: 50px;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    background: var(--orange);
    color: var(--white-color);
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
}

.pixel {
    float: right;
    width: 270px;
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 20px;
}



.breadcrumbs {
    margin-bottom: 20px;
}

.breadcrumbs ul {
    list-style: none;
}

.breadcrumbs ul li {
    display: inline-block;
    vertical-align: top;
    color: #777777;
    font-size: 12px;
    margin-right: 4px;
}

.breadcrumbs ul li a {
    color: #777777;
    font-size: 12px;
    margin-right: 1px;
}

.inpost h1 {
    color: var(--black-middle);
    font-size: 34px;
    font-family: 'Source Sans Pro Light', sans-serif;
    margin-bottom: 32px;
    text-align: left;
}

.primary {
    float: left;
    width: 67%;
    max-width: 680px;
}

.primary2 {
    margin-bottom: 20px;
}

.lastpost {
    padding: 20px;
    margin-bottom: clamp(40px, 4vw, 50px);
    border: 1px solid #EFEFEF;
}

.lastpost ul {
    margin: 0;
    padding: 0;
}

.asitil {
    color: var(--gray);
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.lastpost ul {
    list-style: none;
}

.lastpost ul li {
    display: block;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #efefef;
    line-height: 14px;
}

.lastpost ul li:last-child {
    margin-bottom: 0;
    border-bottom: 0 solid #efefef;
    padding-bottom: 0;
}

.lastpost ul li a {
    font-size: 14px;
    color: var(--black-middle);
}

.lastpost ul li a:hover {
    color: var(--orange);
    text-decoration: underline;
}


.archnew {
    color: var(--orange);
    border: 1px solid var(--orange);
    font-size: 16px;
    padding: 15px 0;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
}

.archnew:hover {
    color: var(--white-color);
    border: 1px solid var(--orange);
    background: var(--orange);
}

.inobj h1 {
    margin-bottom: 45px;
}

.partners {
    font-size: 0;
    position: relative;
    padding-bottom: 55px;
    padding-top: 55px;
}

.partners:after {
    content: '';
    width: 100%;
    left: 0;
    top: 0;
    height: 55%;
    position: absolute;
    background: var(--muted-secondary);
}

.partner {
    z-index: 10;
    position: relative;
    display: inline-block;
    width: 32%;
    margin-right: 2.5%;
    background: var(--white-color);
    max-width: 370px;
    vertical-align: top;
    border-bottom: 4px solid var(--white-color);
    box-shadow: 0 0 8px #d2d2d2;
    margin-bottom: 25px;
    min-height: 380px;
}

.partner:hover {
    border-bottom: 4px solid var(--orange);
}

.partner:nth-child(3n) {
    margin-right: 0;
}

.partner a {
    font-size: 18px;
    color: var(--black-middle);
    padding: 0 23px;
    margin-bottom: 13px;
    display: block;
    text-transform: uppercase;
}

.partner a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.partner p {
    color: #777;
    font-size: clamp(12px, 2vw - 5px, 14px);
    padding: 0 23px;
    line-height: 20px;
}

.partimg {
    height: 165px;
    text-align: center;
    width: 100%;
    line-height: 165px;
    margin-bottom: 25px;
}

.partimg img {
    vertical-align: middle;
}

.searchd {
    margin-bottom: 23px;
}

.searchd a {
    color: var(--black-middle);
    font-size: 25px;
    margin-bottom: 13px;
    display: block;
    text-decoration: underline;
    text-align: left;
}

.searchd a:hover {
    color: var(--orange);
}

.searchd p {
    color: var(--black-middle);
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 19px;
}

.break {
    margin-bottom: 70px;
}

.resulted {
    margin-bottom: 44px;
    margin-top: -13px;
    font-size: 0;
    width: 67%;
}

.finded {
    font-size: 16px;
    color: var(--orange);
    margin-top: 15px;
}

.resulted input {
    border: 2px solid #d3d1d1;
    padding: 15px 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5%;
    outline: none;
    width: 63%;
    font-size: 18px;
    color: var(--black-middle);
}

.resulted button {
    border: 2px solid var(--orange);
    padding: 14px 0;
    display: inline-block;
    color: var(--white-color);
    text-align: center;
    font-size: 20px;
    vertical-align: middle;
    background: var(--orange);
    outline: none;
    width: 25%;
    cursor: pointer;
    border-radius: 4px;
}

.resulted input::-webkit-input-placeholder,
.resulted input::-moz-placeholder,
.resulted input:-moz-placeholder,
.resulted input:-ms-input-placeholder {
    color: var(--black-middle);
}

.article {
    margin-bottom: 45px;
}

.article a {
    color: var(--black-middle);
    font-size: 26px;
    margin-bottom: 17px;
    display: block;
    text-decoration: underline;
}

.article p {
    color: var(--black-middle);
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 19px;
}

.article a:hover {
    color: var(--orange);
}

.article .prev {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: #5f5f5f;
    margin-bottom: 25px;
}

.article .prev span {
    display: block;
}

.linkmore {
    text-align: right !important;
    font-size: 13px !important;
    color: var(--orange) !important;
    margin-top: 10px;
    margin-bottom: 0 !important;
}

.linkmore:hover {
    color: var(--black-middle) !important;
}

.caty {
    text-align: center;
    box-shadow: 0 0 15px #dadada;
    margin-bottom: 10px;
    height: 58px;
    border-bottom: 3px solid var(--white-color);
    display: table;
    width: 100%;
}

.caty a {
    font-size: 16px;
    color: var(--black-middle);
    text-transform: uppercase;
    line-height: 17px;
    display: table-cell;
    vertical-align: middle;
}

.caty:hover {
    border-bottom: 3px solid var(--orange);
}

.askme {
    margin-top: 35px;
    border: 1px solid #efefef;
    padding: 25px 22px 22px;
}

.askme p {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--black-middle);
    line-height: 22px;
    padding-bottom: 2px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 16px;
}

.ask {
    color: var(--orange);
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.askme label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--black-middle);
}

.askme input,
.askme textarea {
    border: 1px solid #5f5f5f;
    padding: 9px 10px;
    width: calc(100% - 20px);
    outline: none;
}

.askme textarea {
    height: 125px;
    resize: none;
}

.askme button {
    color: var(--orange);
    border: 1px solid var(--orange);
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0;
    background: none;
    font-size: clamp(12px, 2vw - 5px, 14px);
    outline: none;
    width: 160px;
    margin-top: 21px;
    cursor: pointer;
}

.askme button:hover {
    color: var(--white-color);
    border: 1px solid var(--orange);
    background: var(--orange);
}

.polit {
    margin-top: 8px;
}

.polit input {
    width: 8px;
    height: 8px;
    outline: none;
    margin-bottom: 15px;
    border: 1px solid #5f5f5f;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    margin-right: 1%;
}

.polit label {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    color: var(--black-middle);
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    font-weight: 400;
    max-width: 100%;
}

.polit label a {
    color: var(--black-middle);
    text-decoration: underline;
}

.polit label a:hover {
    color: var(--orange);
}

.polit input:not(checked) {
    position: absolute;
    opacity: 0;
    z-index: 10;
}

.polit input:not(checked) + label {
    position: relative;
    padding: 0 0 0 20px;
}

.polit input:not(checked) + label:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    outline: none;
    margin-bottom: 15px;
    border: 1px solid #5f5f5f;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 1%;
    left: 0;
    background: none !important;
}

.polit input:checked + label:before {
    background: var(--orange) !important;
    border: 1px solid var(--orange);
}

.polit input:focus + label:before {
    background: var(--orange);
    border: 1px solid var(--orange);
}

.text {
    max-width: 700px;
    margin: 0 0 30px;
    background: var(--white-color);
    border: 2px solid #7DCA86;
    border-radius: 5px;
    padding: 7px 15px;
    box-sizing: border-box;
}

.tabs {
    margin: 0 0 65px;
}

.tabs__caption {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    margin: -1px 0 0 -1px;
}

.tabs__caption li:last-child:before {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: -2px;
    z-index: -1;
    height: 5px;
    background: #7DCA86;
}

.tabs__caption:after {
    content: '';
    display: table;
    clear: both;
}

.tabs__caption li {
    padding: 10px 15px 9px;
    margin: 0 0 8px;
    color: var(--black-middle);
    text-transform: uppercase;
    position: relative;
    text-align: center;
    box-shadow: 0 0 8px 2px #efefef;
    border-bottom: 2px solid var(--white-color);
    font-size: 16px;
}

.tabs__caption li:not(.active) {
    cursor: pointer;
}

.tabs__caption li:not(.active):hover {
    border-bottom: 2px solid var(--orange);
}

.tabs__caption .active {
    background: #F15D22;
    color: var(--white-color);
}

.tabs__caption .active > a {
    color: var(--white-color);
}

.tabs__caption li a {
    color: var(--black-middle);
}

.tabs__caption li a:hover {
    text-decoration: none;
}

.tabs__caption .active:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px;
    background: var(--white-color);
}

.tabs__content {
    display: none;
    padding: 7px 0 15px 7px;
}

.tabs__content.active {
    display: block;
}

.vertical .tabs__caption {
    float: left;
    display: block;
    width: 40%;
    max-width: 370px;
    margin-right: 20px;
}

.vertical .tabs__caption li {
    float: none;
}

.vertical .tabs__caption li:last-child:before {
    display: none;
}

.vertical .tabs__caption .active:after {
    left: auto;
    top: 0;
    right: -2px;
    bottom: 0;
    width: 2px;
    height: auto;
}

.vertical .tabs__content {
    overflow: hidden;
    font-size: 16px;
}

.section-menu {
    margin-bottom: 65px;
}

.section-menu li {
    padding: 0 !important;
}

.section-menu a {
    display: block;
    padding: 13px 15px 15px !important;
    color: var(--black-middle);
}

@media screen and (max-width: 650px) {
    .tabs__caption li {
        flex: 1 0 auto;
    }

    .vertical .tabs__caption {
        float: none;
        display: flex;
    }

    .vertical .tabs__caption li:last-child:before {
        display: block;
    }

    .vertical .tabs__caption .active:after {
        top: auto;
        bottom: -5px;
        left: 0;
        right: 0;
        width: auto;
        height: 5px;
        background: var(--white-color);
    }
}

.withmap {
    font-size: 0;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #a0a0a0;
}

.withmap:last-child {
    font-size: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 solid #a0a0a0;
}

.lmap {
    width: 52%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.rmap {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    z-index: -10;
    position: relative;
}

.rmap div {
    width: 100%;
    height: 275px;
}

.bottab {
    margin-top: 18px;
}

.bottab a {
    font-size: 16px;
    color: var(--orange);
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px dotted transparent;
}

.bottab a span {
    border-bottom: 1px dotted transparent;
}

.bottab a:hover span {
    border-bottom: 1px dotted;
}

.lmap p {
    margin-bottom: 5px;
    color: var(--black-middle);
}

.inline h2 {
    font-size: 21px;
    color: var(--black-middle);
    margin-bottom: 27px;
}

.inline div.head2 {
    font-size: 21px;
    color: var(--black-middle);
    margin-bottom: 27px;
    font-weight: bold;
}

.inline sup {
    color: var(--orange);
    font-size: 14px;
    position: relative;
    top: 4px;
}

.inline span {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.inline .twos {
    font-size: 0;
}

.inline .twos .div {
    font-size: 14px;
    color: #000000;
    width: calc(50% - 9px);
    display: inline-block;
    vertical-align: top;
    margin: 30px 0;
    padding-left: 9px;
}

.inline .twos .div:last-child {
    text-align: right;
}

.inline input {
    border: 1px solid #c9c9c9;
    padding: 9px 10px;
    outline: none;
    width: calc(70% - 20px);
}

.inline label {
    margin-right: 4%;
}

.onews input {
    width: calc(83% - 13px);
}

.inline .onews label {
    margin-right: 2%;
}

.inline textarea {
    border: 1px solid #c9c9c9;
    padding: 9px 10px;
    outline: none;
    width: calc(73% - 21px);
    resize: none;
    height: calc(100px - 20px);
    vertical-align: top;
    margin-bottom: 22px;
}

.inline .polit input:not(checked) + label {
    position: relative;
    padding: 0 0 0 20px;
    margin-right: 0;
    width: 100%;
}

.inline .polit {
    margin-top: 0;
}

.inline .polit input:not(checked) + label:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    outline: none;
    margin-bottom: 15px;
    border: 1px solid #5f5f5f;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 1%;
    left: 0;
    background: none !important;
}

.inline .polit input:not(checked) {
    position: absolute;
    opacity: 0;
    z-index: 14;
    width: 10px;
    height: 8px;
    margin-top: 3px;
}

.inline .polit input:checked + label:before {
    background: var(--orange) !important;
    border: 1px solid var(--orange);
}

.inline .polit a {
    color: var(--orange);
    text-decoration: underline;
}

.inline .polit a:hover {
    color: var(--black-middle);
    text-decoration: underline;
}

.inline button {
    margin: 26px auto 0;
    width: 140px;
    padding: 9px 0;
    outline: none;
    text-align: center;
    display: block;
    background: var(--orange);
    border: 0;
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--white-color);
    text-transform: uppercase;
    cursor: pointer;
}

.inline button:hover {
    background: #000;
}

.inline .polit label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #000000;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 0;
}

.onas {
    font-size: 0;
    margin-bottom: 60px;
}

.ona {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    max-width: 370px;
    margin-right: 2.4%;
    color: var(--white-color);
    font-size: 0;
    position: relative;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}

.ona:nth-child(3n) {
    margin-right: 0;
}

.ona:hover:after {
    display: block;
}

.ona:after {
    content: '';
    width: 100%;
    display: none;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(234, 81, 13, 0.8);
    position: absolute;
}

.oni {
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    font-weight: bold;
    z-index: 10;
}

.oni a {
    display: none;
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
    color: var(--white-color);
    text-decoration: underline;
}

.oni a:hover {
    text-decoration: none;
}

.oni h2,
div.h2,
.oni h3 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 300;
}

.ona:hover a {
    display: block;
}


.ona:hover .oni {
    bottom: auto;
    top: 25px;
}

.stati .ona:hover .oni {
    bottom: auto;
    top: 10px;
}

.stati .onas {
    margin-bottom: 20px;
}

.stati .oni a {
    margin-top: 25px;
}

.second .ona {
    width: 49%;
    max-width: 570px;
    margin-right: 2.4%;
}

.second .ona:nth-child(2n) {
    margin-right: 0;
}

.second .ona:hover .oni {
    top: 19px;
}

.second .ona:hover .oni h2 {
    margin-bottom: 20px;
}

.region {
    color: var(--black-middle);
    font-size: clamp(12px, 2vw - 5px, 14px);
    margin-bottom: 35px;
}

#map {
    margin-bottom: 75px;
}

.proizv {
    color: var(--black-middle);
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 20px;
    padding-bottom: 45px;
    border-bottom: 1px solid #a0a0a0;
    margin-bottom: 40px;
}

.noceh {
    box-shadow: none !important;
}


.ceha h2 {
    color: var(--black-middle);
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: 400;
}

.ceha p {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--black-middle);
    margin-bottom: 27px;
}

.ceha:last-child .cehi {
    border-bottom: 0;
}

.uznat {
    display: block;
    text-align: right;
    font-size: 16px;
    color: var(--orange);
}

.uznat:hover {
    text-decoration: underline;
}

.cheh {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--black-middle);
    line-height: 20px;
}

.novo {
    font-size: 14px;
    line-height: 20px;
    color: var(--black-middle);
    text-align: justify;
}

.novo ul {
    padding: 0;
    margin: 0 0 20px;
}

.novo ul:not(.uk-list) {
    padding-left: 20px;
}

.upper {
    display: inline-block;
    width: 31.71%;
    vertical-align: top;
}

.weare2 {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    position: relative;
    max-width: 799px;
}

.weare2 .wer h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--black-middle);
    font-weight: 400;
    margin-bottom: 18px;
    line-height: 25px;
}

.weare2 .wer {
    top: 30px;
    width: 49%;
}

.weare2 .wer p {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--black-middle);
    margin-bottom: 17px;
}

.upper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.upper ul li {
    display: block;
    border-bottom: 1px solid #d2d2d2;
}

.upper ul li:last-child {
    border-bottom: 0;
}

.upper ul li a {
    display: block;
    color: #313237;
    padding: 18px 0;
    text-align: center;
    font-size: 18px;
}

.upper ul li a:hover {
    background: var(--orange);
    color: var(--white-color);
}

.upper ul li:last-child a {
    padding: 19px 0 19px;
}

.withten {
    box-shadow: 0 0 8px #00000042;
}

.withten .more:hover {
    background: var(--white-color);
    color: var(--orange);
}

.withten .more {
    background: var(--orange);
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--white-color);
    text-transform: uppercase;
    border: 1px solid var(--orange);
    text-align: center;
    display: block;
    width: 140px;
    height: 35px;
    line-height: 35px;
}

.botik span {
    color: #777777;
    font-size: clamp(12px, 2vw - 5px, 14px);
    display: inline-block;
    vertical-align: top;
    font-style: italic;
    width: 50%;
}

.botik a {
    color: var(--orange);
    font-size: clamp(12px, 2vw - 5px, 14px);
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    text-align: right;
    width: 50%;
    margin-bottom: 0;
}

.botik a:hover {
    color: var(--black-middle);
}

.h1 {
    position: relative;
}

.h1 ul {
    list-style: none;
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 0;
}

.h1 ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
}

.h1 ul li a {
    color: var(--black-middle);
    font-size: 18px;
}

.h1 ul li a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.h1 ul li a.acti {
    color: var(--orange);
    text-decoration: underline;
}

.onix h2 {
    font-size: 20px;
}

.onix .iconic {
    position: absolute;
    left: 22px;
    top: 14px;
}

.onix .iconic img {
    margin-right: 10px;
}

.ona:hover .iconic {
    display: none;
}

.onix {
    margin-bottom: 30px;
}

.fullde .ona {
    width: 100%;
    margin-right: 0;
    max-width: 100%;
}

.onix .ona:hover .oni {
    top: 25px !important;
}

.therd .onix .ona:hover .oni {
    top: 25px !important;
}

.gray {
    background: var(--muted-secondary);
    padding-top: 125px;
    padding-bottom: 30px;
    position: relative;
}

.grad,
.grad a {
    margin-bottom: 30px;
    font-family: 'Source Sans Pro Light', sans-serif;
    font-size: 30px;
    color: var(--black-middle);
}

.gray .onix .ona:hover .oni {
    top: 25px !important;
}

.nogray {
    padding-top: 50px;
}

.nogray .ona {
    margin-bottom: 30px;
}

.white {
    background: var(--white-color);
    padding-top: 50px;
    padding-bottom: 30px;
}

.white .onix .ona:hover .oni {
    top: 25px !important;
}

.white .ona:hover .oni h2 {
    margin-bottom: 20px;
}

.gray .ona:hover .oni h2 {
    margin-bottom: 20px;
}

.botisk {
    background: var(--white-color);
    padding: 20px 15px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.botisk form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.botisk h3 {
    margin: 0;
    font-size: clamp(18px, 2vw - 4px, 24px);
    color: var(--black-middle);
    text-align: center;
    font-weight: 400;
}

.botisk form input {
    padding: 15px 20px;
    width: 100%;
    height: 50px;
    border: 1px solid #dcdcdc;
    outline: none;
    display: inline-block;
    vertical-align: top;
}

.botisk form button {
    padding: 12px;
    width: 100%;
    height: 50px;
    font-size: clamp(16px, 2vw - 4px, 20px);
    border: 1px solid var(--white-color);
    outline: none;
    color: var(--white-color);
    background: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.botisk form button:hover {
    background: #000;
}

.bb {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.brr {
    font-size: 12px;
    width: 100%;
}

@media (min-width: 959px) {
    .botik {
        padding: clamp(20px, 3vw - 10px, 30px);
    }

    .botisk form {
        flex-direction: row;
        gap: 0;
    }

    .botisk h3 {
        margin-bottom: 30px;
    }

    .botisk form input {
        margin-right: 20px;
        width: calc(100% / 3);
    }

    .botisk form button {
       flex: 1;
    }

    .bb {
        margin-top: 20px;
        flex-direction: row;
    }

    .brr {
        width: 35%;
    }
}

.bll div span {
    font-size: 16px;
    color: var(--orange);
    border-bottom: 1px dotted;
}

.bll div img {
    margin-right: 10px;
    margin-left: 10px;
}

.bll small {
    display: block;
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: #999999;
    margin-left: 10px;
    margin-top: 10px;
}

.botisk form input::-webkit-input-placeholder,
.botisk form input::-moz-placeholder,
.botisk form input:-moz-placeholder,
.botisk form input:-ms-input-placeholder {
    color: #999999;
}

.brr input {
    max-width: 16px;
    padding: 0 !important;
    margin-right: 4px !important;
    border: 1px solid #eee !important;
    margin-bottom: 0 !important;
    position: relative;
    top: 5px;
}

.brr label {
    display: inline-block;
    width: 91%;
    vertical-align: top;
    text-align: left;
}

.goback {
    font-size: clamp(12px, 2vw - 4px, 14px);
    color: var(--orange);
    display: flex;
    align-items: center;
    gap: 5px;
}

.goback span {
    height: 11px;
    width: 8px;
    display: flex;
}

.goback:hover {
    color: var(--black-middle);
}

.techl span {
    font-size: 14px;
    color: var(--black-middle);
    margin-right: 28px;
}

.techl a {
    color: var(--orange);
    font-size: 14px;
}

.techl a:hover {
    color: var(--black-middle);
}

.techl a span {
    display: inline-block;
    width: 17px;
    height: 17px;
    text-align: center;
    vertical-align: top;
    position: relative;
    line-height: 18px;
    background: var(--orange);
    color: var(--white-color);
    top: 2px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 100%;
    margin-right: 5px;
}


.ostech2 {
    cursor: pointer;
    background: var(--orange);
    display: inline-block;
    vertical-align: middle;
    width: 26%;
    max-width: 150px;
    color: var(--white-color);
    text-align: center;
    margin-left: 3%;
    padding: 15px 0 14px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
}

.ostech2:hover {
    background: #313237;
}

.aside,
.asider {
    padding: clamp(20px, 2vw - 3px, 25px) clamp(15px, 2vw - 5px, 20px) 45px;
    max-width: clamp(280px, 25vw, 350px);
    width: 100%;
    height: max-content;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
    order: -1;
}

.hiderm {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 959px) {
    .aside,
    .asider {
        padding: 20px 15px;
        max-width: 100%;
        order: 1;
    }

    .hiderm {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 639px) {
    .hiderm {
        display: flex;
    }
}

.post {
    font-size: 14px;
    line-height: 22px;
}

.primary2 .post {
    width: 100%;
}

.post.width-100 {
    width: 100%;
    max-width: none;
}

.post h2 {
    color: var(--black-middle);
    font-weight: 400;
    font-size: 24px;
    margin: 0 0 27px;
}

.post h3 {
    color: var(--black-middle);
    font-weight: 400;
    font-size: 24px;
    margin: 0 0 27px;
}

.post p {
    font-size: 14px;
    color: var(--black-middle);
    margin: 0 0 10px;
}

.post ul {
    margin: 0 0 25px;
    padding-left: 0;
    list-style: none;
}

.post ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}

.post ul li:after {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--orange);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.filtr h2,
.filtr .h2 {
    margin-bottom: 0;
    padding-left: 20px;
    font-size: clamp(14px, 2vw - 4px, 18px);
    font-weight: 400;
    word-break: break-word;
    color: var(--black-middle);
    position: relative;
    cursor: pointer;
}

.filtr h2:before,
.filtr .h2:before {
    content: '\f105';
    position: absolute;
    font-family: "FontAwesome";
    left: 0;
    top: 4px;
    width: 13px;
    height: 13px;
    color: var(--white-color);
    text-align: center;
    line-height: 13px;
    background: var(--gray);
    border-radius: 100%;
    font-size: 9px;
}

.filtr h2 span,
.filtr .h2 span {
    border-bottom: 1px dotted var(--black-middle);
    padding-bottom: 2px;
}

.filtr ul {
    margin: 0;
    padding-left: 20px;
    height: 0;
    list-style: none;
    overflow: hidden;
}

.filtr ul li a {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--orange);
}

.activity h2:before {
    content: '\f107  ';
}

.activity ul {
    height: auto !important;
}

.activity h2 {
    margin-bottom: 12px;
}

.textblock {
    margin-top: 30px;
    margin-bottom: 50px;
}

.textblock .container {
    border-top: 1px solid #c8c8c8;
    padding-top: 40px;
}

.textblock h2 {
    font-size: 30px;
    color: var(--black-middle);
    font-weight: 400;
    margin-bottom: 35px;
}

.blocked {
    font-size: 0;
    margin-bottom: 50px;
}

.blocks {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 3%;
}

.blocks:nth-child(2n) {
    margin-right: 0;
}

.blocks p {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--black-middle);
}

.nocehi {
    padding-bottom: 0;
    border-bottom: 0 solid #a0a0a0;
    margin-bottom: 0;
}

.whited {
    background: var(--white-color);
    padding-top: 0;
    margin-top: 25px;
    margin-bottom: 50px;
    padding-bottom: 0;
}

.parametrs {
    margin-bottom: 40px;
    padding: clamp(20px, 2vw - 5px, 25px);
    background: var(--muted-secondary);
}

.topar {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--gray-middle-dark);
}

.botlef {
    font-size:  clamp(18px, 2vw - 4px,  24px);
    min-width: clamp(70px, 7vw, 100px);
    color: var(--orange);
}

.botlef.no_active {
    color: #999999;
}

.botref {
    flex: 1;
}

.botref p {
    margin-bottom: 0;
    font-size: clamp(12px, 2vw - 5px, 14px);
    line-height: 20px;
    color: var(--black-middle);
}

.botref p span {
    color: var(--orange);
}

.topars {
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--black-middle);
}

.topars:last-child {
    margin-right: 0;
}

.topars span {
    color: var(--orange);
    font-size: 18px;
    margin-right: 10px;
}

.topars:first-child {
    font-size: 20px;
    color: var(--black-middle);
}

.asiden h2 {
    color: var(--black-middle);
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--gray-middle-dark);
}

.fol span {
    color: var(--orange);
    font-size: 14px;
    display: block;
    cursor: pointer;
}

.fol ul {
    list-style: none;
    margin-top: 15px;
    height: 0;
    overflow: hidden;
}

.fol ul li {
    padding-left: 30px;
    margin-bottom: 0;
}

.fol ul li a {
    color: var(--black-middle);
    font-size: clamp(12px, 2vw - 5px, 14px);
}

.fol ul li a:hover {
    text-decoration: underline;
}

.actiiv ul {
    height: auto !important;
    margin-bottom: 25px;
}

.asiden .h3 {
    font-size: 18px;
    color: var(--black-middle);
    font-weight: 400;
    padding-bottom: 20px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
}

.paddmin {
    padding: 20px 15px 20px;
}

.fok span {
    color: var(--orange);
    font-size: 16px;
    cursor: pointer;
}

.fok span:hover {
    border-bottom: 1px dotted;
}

.fok {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.podfok {
    height: 0;
    overflow: hidden;
}

.podfok p {
    font-size: 12px;
    color: var(--black-middle);
    line-height: 20px;
    margin-bottom: 20px;
}

.podfok p a {
    color: var(--orange);
    text-decoration: underline;
}

.podfok p a:hover {
    color: var(--black-middle);
}

.podfok ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.podfok ul li {
    margin-bottom: 10px;
}

.podfok ul li a {
    color: var(--black-middle);
    font-size: 12px;
}

.podfok ul li a:hover {
    text-decoration: underline;
}

.podfok .highlight {
    color: var(--orange);
    font-weight: bold;
}

.podfok .note {
    font-size: 11px;
    color: #777;
    margin-top: 10px;
}

.podfok .note a {
    color: var(--orange);
}

.podfok .note a:hover {
    text-decoration: underline;
}

.podfok .important {
    font-weight: bold;
    color: var(--orange);
}

.podfok .important a {
    color: var(--orange);
}

.podfok .important a:hover {
    text-decoration: underline;
}

.podfok .subtle {
    font-size: 10px;
    color: #999;
}

.podfok .subtle a {
    color: #999;
}

.podfok .subtle a:hover {
    color: var(--orange);
}

.podfok .footer {
    margin-top: 30px;
    font-size: 12px;
    color: #666;
}

.podfok .footer a {
    color: #666;
}

.podfok .footer a:hover {
    color: var(--orange);
}

.podfok .footer span {
    font-weight: bold;
}

.podfok .footer .link {
    color: var(--orange);
}

.podfok .footer .link:hover {
    text-decoration: underline;
}

.podfok .footer .note {
    font-size: 11px;
    color: #999;
}

.podfok .footer .note a {
    color: var(--orange);
}

.podfok .footer .note a:hover {
    text-decoration: underline;
}

.podfok .footer .highlight {
    color: var(--orange);
    font-weight: bold;
}

.podfok .footer .important {
    font-weight: bold;
    color: var(--orange);
}

.podfok .footer .subtle {
    font-size: 10px;
    color: #999;
}

.podfok .footer .subtle a {
    color: #999;
}

.podfok .footer .subtle a:hover {
    color: var(--orange);
}

/* === my-styles === */
/* addons */
.unique_colored_link {
    color: var(--black-middle);
}

.unique_colored_link:hover {
    color: #f15d22;
    text-decoration: none;
}

.callme_mobile {
    display: none;
}

.buter-buter {
    display: flex;
    flex-shrink: 0;
}

.buter-buter_disable {
    display: none;
}

.buter-close {
    display: none;
    flex-shrink: 0;
}

.buter-close_active {
    display: flex;
}

.mobile-accordion {
    display: none;
}

.offices .ocont {
    margin-bottom: 15px;
}

.offices .ocont img {
    width: 10px;
    margin-right: 5px;
}

.pixel a {
    color: inherit;
}

.pixel a:hover {
    text-decoration: underline;
}

.map_placemarks {
    display: none;
}

.placemark_phones, .placemark_emails, .placemark_time {
    font-size: 12px;
}

.placemark_address {
    font-size: 14px;
}

input.button:hover {
    color: var(--white-color);
    border: 1px solid var(--orange);
    background: var(--orange);
}

.askme input.button {
    color: var(--orange);
    border: 1px solid var(--orange);
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0;
    background: none;
    font-size: clamp(12px, 2vw - 5px, 14px);
    outline: none;
    width: 160px;
    margin-top: 21px;
    cursor: pointer;
    display: block;
}

.askme {
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--black-middle);
}

.polit span {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    color: var(--black-middle);
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
}

.uk-certificates {
    padding: 25px 30px;
    border: 1px solid #EEE6E2;
}

.uk-certificates ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    gap: 25px;
}

.uk-certificates ul > li > a {
    display: block;
    padding: 13px 20px;
    background: var(--muted-secondary);
    border: 1px solid #EEE6E2;
    color: var(--gray);
    text-decoration: none;
    text-transform: uppercase;
}

.uk-certificates ul > li > a:hover {
    background: var(--black-middle);
    color: var(--white-color);
}

.lini a {
    margin-bottom: 1%;
}

.lini.video a:hover:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    text-align: center;
    top: calc(50% - 20px);
    width: 50px;
    height: 40px;
    background: url(../img/yotube.png) no-repeat center;
    background-size: contain;
    z-index: 10;
}

.table table tbody tr:first-child {
    background: none;
}

.table table thead tr th {
    background: var(--white-color);
    padding: 18px 20px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}

.brr label a {
    color: black;
    text-decoration: underline
}

.input_file_container {
    display: none;
}

.input_file_label {
    cursor: pointer;
}

.successtext {
    color: green;
}

.popupwin .inline {
    padding: 0;
    width: 506px;
}

.popupwin .bll div span {
    position: relative;
    right: 0;
    top: 0;
    margin-left: 0;
}

.popupwin .bll {
    width: auto;
    margin-bottom: 10px;
}

.popupwin .bll div img {
    margin-left: 0;
}

.popupwin .inline .button {
    margin: 26px auto 0;
    width: 140px;
    padding: 9px 0;
    outline: none;
    text-align: center;
    display: block;
    background: var(--orange);
    border: 0;
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--white-color);
    text-transform: uppercase;
    cursor: pointer;
}

.ona_flex h2,
.ona_flex h3 {
    color: var(--white-color) !important;
}

.ona_flex.no_after:hover:after {
    display: none;
}

.ona_card:hover .ona_flex > .oni {
    bottom: auto;
    top: 25px;
}

.ona_card:hover .ona_flex > .oni h2 {
    margin-bottom: 32px;
}

.ona:hover > .oni h2 {
    margin-bottom: 32px;
}

.ona_card .ona:hover > .oni h2 {
    margin-bottom: 32px;
}

.onas_flex-new .ona_flex_h220.card {
    height: 220px !important;
    overflow: hidden;
    margin-bottom: 15px !important;
}

.ona_flex_h445 {
    height: 445px; /*увеличили расстояние*/
}

.ona_flex_h180 {
    height: 180px;
}

.ona_flex_h180:hover .oni h2 {
    margin-bottom: 5px;
}

.ona_flex span.video_name {
    position: absolute;
    font-size: 20px;
    color: var(--white-color);
    z-index: 10;
    bottom: 30px;
    left: 30px;
    text-transform: uppercase;
    max-width: 385px;
}

.mb25 {
    margin-bottom: 25px;
}

.four .mb25 {
    display: none;
}

.wer .h1 {
    font-size: 19px;
    text-transform: uppercase;
    color: var(--black-middle);
    font-weight: 400;
    margin-bottom: 30px;
}

.wer .h1 span {
    color: var(--orange);
}

.yl .ona_flex {
    margin-bottom: 0;
}

.yl .ona_flex:first-child {
    margin-bottom: 30px;
}

.inli input.button:hover {
    background: var(--black-middle);
}

.inli input.button {
    background: var(--orange);
    color: var(--white-color);
    text-align: center;
    display: block;
    width: 100%;
    padding: 14px 0;
    max-width: 210px;
    text-transform: uppercase;
    margin: 0 auto;
    border: 0;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.inli {
    position: initial;
    font-family: 'Open Sans', sans-serif;
}

.filtr .h2:before {
    content: '>';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    color: var(--white-color);
    text-align: center;
    line-height: 13px;
    background: var(--gray);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 9px;
}

.filtr .h2 span {
    border-bottom: 1px dotted var(--black-middle);
    padding-bottom: 2px;
}

.activity .h2 {
    margin-bottom: 12px;
}

.activity ul {
    margin-bottom: 0;
}

.slideform {
    margin-top: 15px;
    margin-bottom: 15px;
}

.iconic {
    position: absolute;
    left: 22px;
    top: 14px;
}

.ona_flex:hover .iconic {
    display: none;
}

.ona_card:hover .ona_flex .iconic {
    display: none;
}

.sections .inpost:nth-child(odd) {
    background: var(--muted-secondary);
}

.sections .inpost {
    padding: 30px 0;
}

.order_form_left {
    width: 60%;
    float: left;
}

.order_form_right {
    width: 40%;
    float: left;
}

.order_form_right .brr {
    vertical-align: top;
    color: var(--black-middle);
    font-size: clamp(12px, 2vw - 5px, 14px);
    display: block;
    width: 100%;
}

.order_form_right .bka {
    max-width: 100%;
    margin: 0;
}

.weare2 .wer .h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--black-middle);
    font-weight: 400;
    margin-bottom: 18px;
    line-height: 25px;
}

.table table {
    table-layout: fixed;
}

.table table.big td {
    font-size: 10px;
}

@media (max-width: 507px) {
    .popupwin .inline {
        width: 100%;
    }
}

.slider-weare {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    position: relative;
    max-width: 799px;
}

@media (max-width: 480px) {
    .buter {
        top: calc(50% - 5px) !important;
    }

    .upper {
        display: none !important;
    }

    .slider-weare {
        display: block !important;
        width: 100%;
    }

    .weare2 .wer h1 {
        font-size: 10px;
        line-height: 1.5;
    }

    .weare2 .wer {
        top: 5px;
    }

    .slider-weare .withten .more {
        font-size: 11px;
        height: 25px;
        line-height: 25px;
    }

    .slider-weare .slick-dots {
        bottom: 2px;
        right: 5px;
    }

    .weare2 .wer .h1 {
        font-size: 9px;
        text-transform: uppercase;
        color: var(--black-middle);
        font-weight: 400;
        margin-bottom: 5px;
        line-height: 15px;
    }
}

.fancybox-slide--video .fancybox-content {
    padding-top: 56.2%;
    height: 0 !important;
}

.fancybox-slide--video iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

section {
    clear: both;
}

.parametrs .topars_cont {
    flex: 0 0 70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.parametrs .topars_cont .topars {
    flex: 0 0 50%;
    margin-bottom: 1em;
    font-size: clamp(12px, 2vw - 5px, 14px);
}

.ona_flex.no_after::after {
    display: none;
}

.midl {
    box-sizing: border-box;
}

.midl-2 {
    padding-left: 22px;
    padding-top: 9px;
}

.midl em {
    font-style: normal;
    display: inline-block;
    margin-left: 28px;
}

.middled {
    padding: 28px 0 28px 45px;
}

.midl-3 {
    padding-left: 27px;
    padding-top: 4px;
}

.midl-3 .ml {
    margin-right: 20px;
    margin-top: 7px;
}

.midl-3 .mr {
    margin-top: -8px;
}

.midl-4 {
    margin-top: -5px;
}

.midl-5 {
    margin-top: 8px;
    padding-left: 13px;
}

.midl-6 {
    margin-top: -5px;
}

.nes > a {
    font-size: 18px;
    color: var(--black-middle);
    display: block;
    margin-bottom: 19px;
    height: 5.1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.nes p {
    color: #777777;
    line-height: 22px;
    font-size: clamp(12px, 2vw - 5px, 14px);
    margin-bottom: 24px;
    height: 7em;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.botik a {
    font-size: 14px;
    letter-spacing: 0.4px;
}

#mapreions {
    width: 100%;
    height: 590px;
}

@media (max-width: 405px) {
    .callme_mobile {
        margin-right: 50px !important;
        max-width: 110px !important;
    }

    .popup-accordion-2block {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    #uk-accordion-title {
        font-size: 12px !important;
    }

    .accordion-back {
        height: 56px !important;
    }
}

@media (max-width: 332px) {
    .callme_mobile {
        margin-right: 50px !important;
        max-width: 100px !important;
    }
}

@media (max-width: 1024px) {
    .ona_flex_h445 {
        height: 280px;
    }

    .ceh.noceh {
        overflow: hidden;
    }

    .ceh.noceh > img {
        min-width: 100%;
        min-height: 100%;
        display: block;
    }
}

@media (max-width: 766px) {
    .accordion-back {
        position: absolute;
        background: transparent;
        border: none;
        height: 64px;
        width: 100%;
        z-index: 50;
        padding-left: 25px;
        box-sizing: border-box;
        display: none;
        align-items: center;
        cursor: pointer;
    }

    nav ul li {
        padding: 0 !important;
    }

    #menu-accordion button {
        display: flex !important;
        background: var(--white-color) !important;
        border: none;
        justify-content: space-between;
        align-items: center;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        color: #F15D22;
        transition: .3s all;
        cursor: pointer;
    }

    .popup-accordion {
        position: absolute;
        top: 64px;
        width: 100%;
        display: none;
        background: var(--white-color);
        box-sizing: border-box;
        padding: 30px 15px;
        z-index: 50;
    }

    .popup-accordion-block {
        display: flex;
        flex-direction: column;
        margin-bottom: 35px;
    }

    .popup-accordion-block p {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        color: var(--black-middle);
        margin-bottom: 5px;
    }

    .popup-accordion-block-wr {
        display: grid;
        grid-template-columns: minmax(100px, 170px) minmax(100px, 170px);
        gap: 20px;
    }

    .popup-accordion-block-wr ul {
        list-style-type: none;
        min-width: 170px;
    }

    .popup-accordion-block-wr ul li:not(:last-of-type) {
        margin-bottom: 5px;
    }

    .popup-accordion-block-wr ul li a {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        color: var(--black-middle);
        display: flex;
        background: var(--white-color) !important;
    }

    .popup-accordion-2block {
        display: grid;
        grid-template-columns: minmax(100px, 170px) minmax(100px, 170px);
        gap: 20px;
        margin-bottom: 15px;
    }

    .popup-accordion-2block div p {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        color: var(--black-middle);
        margin-bottom: 5px;
    }

    .popup-accordion-2block div ul li:not(:last-of-type) {
        margin-bottom: 5px;
    }

    .popup-accordion-2block div ul li a {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        color: var(--black-middle);
        display: flex;
        background: var(--white-color) !important;
    }

    #menu-accordion button:hover {
        text-decoration-line: underline;
    }

    #menu-accordion button:not(:last-of-type) {
        margin-bottom: 20px;
    }

    #menu-accordion {
        padding: 0 15px;
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

    #uk-accordion-title {
        display: flex;
        justify-content: space-between;
        padding: 20px 15px;
    }

    #uk-accordion-title svg {
        display: flex;
        flex-shrink: 0;
        transition: .3s all;
    }

    .mobile-accordion li {
        position: relative;
    }

    .mobile-accordion li a {
        transition: .3s all;
    }

    .mobile-accordion .uk-open a {
        background: var(--muted-secondary);
    }

    .mobile-accordion .uk-open a svg {
        transform: rotate(90deg) !important;
    }

    .mobile-accordion li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-accordion {
        display: block;
    }

    .callme_mobile {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        margin-right: 60px;
        max-width: 130px;
        font-size: 11px;
    }

    .onas_flex {
        max-width: 100%;
        margin: 0 auto;
    }

    .ona_flex_video {
        height: 220px;
    }

    .ona_flex_h445 {
        height: auto;
        width: 100%;
        flex: 100%;
        margin: 0;
    }

    .ona_flex_video {
        height: 145px;
    }

    .ona_flex span.video_name {
        font-size: clamp(12px, 2vw - 5px, 14px);
    }

    .middled {
        padding: 28px 0 28px 35px;
    }

    .midl-2 {
        padding-left: 0;
        padding-top: 0;
    }

    .mr {
        font-size: clamp(12px, 2vw - 5px, 14px);
    }

    .midl-3 {
        padding-left: 0;
        padding-top: 0;
    }

    .noleft .md {
        padding-left: 8%;
    }

    .md {
        padding-left: 10px;
    }

    .midl-6 {
        padding-left: 10px;
    }

    .midl-1 {
        text-align: left !important;
        padding-left: 10px;
        padding-top: 5px;
    }

    .head .container {
        padding: 10px;
    }

    .oni a {
        margin-top: 25px;
    }

    .withten .more {
        font-size: 12px;
        width: 110px;
        height: 24px;
        line-height: 24px;
    }

    .one .slick-slider {
        display: block;
    }

    .wer .h1 {
        font-size: 9px;
        margin-bottom: 10px;
    }

    #mapreions {
        height: 250px !important;
    }
}

.novo hr {
    margin: 1em 0;
}

.novo p {
    margin-bottom: 1em;
}

.novo a {
    color: var(--orange);
}

.novo h2 {
    margin: 1em 0;
}


/*========= Style for history page =========*/
.row-fluid {
    width: 100%;
    *zoom: 1;
    text-align: center;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box;
    float: left;
    margin-left: 2.1276595744681%;
    *margin-left: 2.0744680851064%
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0
}

.row-fluid .span4 {
    width: 31.914893617021%;
    *width: 31.86170212766%
}

@media (max-width: 767px) {

    .row-fluid {
        width: 100%
    }

    .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box
    }
}

@media (min-width: 768px) and (max-width: 979px) {


    .span4 {
        width: 228px
    }

    .row-fluid {
        width: 100%;
        *zoom: 1
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        box-sizing: border-box;
        float: left;
        margin-left: 2.7624309392265%;
        *margin-left: 2.7092394498648%
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0
    }

    .row-fluid .span4 {
        width: 31.914893617021%;
        *width: 31.86170212766%
    }
}

@media (min-width: 1200px) {


    .span4 {
        width: 370px
    }

    .row-fluid {
        width: 100%;
        *zoom: 1
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        box-sizing: border-box;
        float: left;
        margin-left: 2.5641025641026%;
        *margin-left: 2.5109110747409%
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0
    }

    .row-fluid .span4 {
        width: 31.491712707182%;
        *width: 31.438521217821%
    }
}

@media (min-width: 768px) {
    .layout-mode-responsive .gf-menu-device-wrapper-sidemenu {
        left: -280px
    }

    body.gf-sidemenu-size-marginleft {
        left: 0
    }
}

#rt-logo {
    background: url(/images/logo-b.png) 50% 0 no-repeat !important
}

#rt-logo {
    width: 197px;
    height: 150px
}

#rt-page-surround {
    border-top: 3px solid #e9522a
}

.timeline {
    /*--uiTimelineMainColor: var(--timelineMainColor, #6e6e6e);*/
    /*--uiTimelineSecondaryColor: var(--timelineSecondaryColor, var(--white-color));*/
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.timeline:before {
    content: "";
    width: 4px;
    height: 96%;
    background-color: var(--uiTimelineMainColor);
    position: absolute;
    top: 1%
}

.timeline__group {
    position: relative
}

.timeline__group:not(:first-of-type) {
    margin-top: 4rem
}

.timeline__year {
    padding: .5rem 1.5rem;
    color: var(--uiTimelineSecondaryColor);
    background-color: var(--uiTimelineMainColor);
    position: absolute;
    left: 0;
    top: 0
}

.timeline__box {
    position: relative
}

.timeline__box:not(:last-of-type) {
    margin-bottom: 30px
}

.timeline__box:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--uiTimelineMainColor);
    position: absolute;
    left: 0;
    z-index: -1
}

.timeline__date {
    min-width: 90px;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    padding: 2rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    background-color: var(--uiTimelineMainColor);
    color: var(--uiTimelineSecondaryColor);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.08)
}

.timeline__post {
    padding: 1.5rem 2rem;
    border-left: 2px solid var(--uiTimelineMainColor);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.08);
    background-color: var(--uiTimelineSecondaryColor)
}

.timeline__content p:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 641px) {
    .timeline:before {
        top: 2%;
        left: 45px;
        height: 90%
    }

    .timeline__group {
    }

    .timeline__box {
        padding-left: 130px
    }

    .timeline__box:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .timeline__date {
        top: 50%;
        margin-top: -34px
    }
}

@media screen and (max-width: 640px) {
    .timeline:before {
        top: 0;
        left: 0;
        height: 100%
    }

    .timeline__group {
    }

    .timeline__box {
        padding-left: 2px;
        padding-top: 70px
    }

    .timeline__box:before {
        top: 90px
    }

    .timeline__date {
        top: 0
    }
}

.timeline {
    --timelineMainColor: #e95229
}

.bpone {
    display: block;
    position: relative;
    max-width: 290px;
    margin: 0 auto;
    top: -12px;
    text-align: center
}

@media (min-width: 768px) {
    .bpone {
        float: right;
        text-align: left
    }
}

.bpone-title, .bpone-bot {
    font-size: 16px;
    color: #999
}

.bpone-1 {
    font-size: 22px;
    line-height: 27px;
    color: #e95229
}

.bpone .bpone-link button.bpone-btn {
    display: block;
    margin: 0 auto;
    background-color: #e95229;
    color: var(--white-color);
    padding: 6px 27px;
    border: none !important;
    font-size: 16px
}

@media (min-width: 768px) {
    .bpone .bpone-link button.bpone-btn {
        margin: initial
    }
}

.bpone-wr {
    margin-top: 5px
}

.bpone .bpone-link {
    text-decoration: none;
    border: 0;
    color: var(--white-color)
}

.allBlockWH {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.allBlockLink {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.o-page {
    padding: 10px 0 10px 0;
    font-size: 12px;
    line-height: 17px;
    color: var(--black-middle);
    word-wrap: break-word;
}

@media (min-width: 640px) {
    .o-page {
        font-size: clamp(12px, 2vw - 5px, 14px);
        line-height: 18px;
    }
}

@media (min-width: 960px) {
    .o-page {
        font-size: 14px;
        line-height: 22px;
    }
}

.o-page ul {
    list-style: none;
    margin: 0 0 27px 10px;
}

.o-page li {
    margin-bottom: 11px;
    position: relative;
    padding-left: 16px;
}

.o-page li:last-child {
    margin-bottom: 0;
}

.o-page li::after {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    background: var(--orange);
    left: 0;
    top: 9px;
    border-radius: 100%;
}

.o-list li::after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 100%;
    background: url(https://www.phototech.ru/images/bul.svg) 0 0 no-repeat;
}

.o-list li {
    padding-left: 30px;
}

.o-page address,
.o-page dl,
.o-page fieldset,
.o-page figure,
.o-page p,
.o-page pre,
.o-page ol,
.o-page ul {
    margin: 0 0 20px 0;
}

h1 {
    font-size: 24px !important;
}

.o-page h1,
.o-page h2,
.o-page h3 {
    margin: 0 0 20px 0;
    color: var(--black-middle);
    font-weight: 400;
}

.o-page h2,
.o-page h3 {
    font-size: 18px;
}

@media (min-width: 640px) {

    .o-page h2,
    .o-page h3 {
        font-size: 21px;
    }
}

@media (min-width: 960px) {

    .o-page h2,
    .o-page h3 {
        font-size: 24px;
    }
}

.o-page img {
    display: block;
    max-width: 100%;
}

.o-page a {
    color: var(--orange);
    text-decoration: underline;
}

.o-page a:hover {
    color: var(--black-middle);
}

.o-page table {
    border-collapse: collapse;
    margin-bottom: 20px;
}

.o-page table td,
.o-page table th {
    border: 1px solid #A4A4A4;
    padding: 10px;

}

/*Убираем нижнее поле, по-умолчанию везде снизу 20px*/
.o-page .o-mb {
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .o-page .o-smb {
        margin-bottom: 0;
    }
}

@media (min-width: 960px) {
    .o-page .o-mmb {
        margin-bottom: 0;
    }
}

/*СЕТКА*/
.o-container {
    padding-left: 15px;
    padding-right: 15px;
}

.o-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.o-row--small {
    margin-left: -5px;
    margin-right: -5px;
}

.o-row--small .o-col {
    padding-left: 5px;
    padding-right: 5px;
}

.o-col {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

/*резиновая */
.o-col--e {
    flex: 1 1 0;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

/*по ширине содержимого*/
.o-col--a {
    flex: 0 1 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.o-col--1 {
    flex: 0 0 8.333333333333333%;
    max-width: 8.333333333333333%;
}

.o-col--2 {
    flex: 0 0 16.66666666666667%;
    max-width: 16.66666666666667%;
}

.o-col--3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.o-col--4 {
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
}

.o-col--5 {
    flex: 0 0 41.66666666666667%;
    max-width: 41.66666666666667%;
}

.o-col--6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.o-col--7 {
    flex: 0 0 58.33333333333333%;
    max-width: 58.33333333333333%;
}

.o-col--8 {
    flex: 0 0 66.66666666666667%;
    max-width: 66.66666666666667%;
}

.o-col--9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.o-col--10 {
    flex: 0 0 83.33333333333333%;
    max-width: 83.33333333333333%;
}

.o-col--11 {
    flex: 0 0 91.66666666666667%;
    max-width: 91.66666666666667%;
}

.o-col--12 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 640px) {
    .o-col--s1 {
        flex: 0 0 8.333333333333333%;
        max-width: 8.333333333333333%;
    }

    .o-col--s2 {
        flex: 0 0 16.66666666666667%;
        max-width: 16.66666666666667%;
    }

    .o-col--s3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .o-col--s4 {
        flex: 0 0 33.33333333333333%;
        max-width: 33.33333333333333%;
    }

    .o-col--s5 {
        flex: 0 0 41.66666666666667%;
        max-width: 41.66666666666667%;
    }

    .o-col--s6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .o-col--s7 {
        flex: 0 0 58.33333333333333%;
        max-width: 58.33333333333333%;
    }

    .o-col--s8 {
        flex: 0 0 66.66666666666667%;
        max-width: 66.66666666666667%;
    }

    .o-col--s9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .o-col--s10 {
        flex: 0 0 83.33333333333333%;
        max-width: 83.33333333333333%;
    }

    .o-col--s11 {
        flex: 0 0 91.66666666666667%;
        max-width: 91.66666666666667%;
    }

    .o-col--s12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 960px) {

    /*резиновая */
    .o-col--me {
        flex: 1 1 0;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    /*по ширине содержимого*/
    .o-col--ma {
        flex: 0 1 auto;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .o-col--m1 {
        flex: 0 0 8.333333333333333%;
        max-width: 8.333333333333333%;
    }

    .o-col--m2 {
        flex: 0 0 16.66666666666667%;
        max-width: 16.66666666666667%;
    }

    .o-col--m3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .o-col--m4 {
        flex: 0 0 33.33333333333333%;
        max-width: 33.33333333333333%;
    }

    .o-col--m5 {
        flex: 0 0 41.66666666666667%;
        max-width: 41.66666666666667%;
    }

    .o-col--m6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .o-col--m7 {
        flex: 0 0 58.33333333333333%;
        max-width: 58.33333333333333%;
    }

    .o-col--m8 {
        flex: 0 0 66.66666666666667%;
        max-width: 66.66666666666667%;
    }

    .o-col--m9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .o-col--m10 {
        flex: 0 0 83.33333333333333%;
        max-width: 83.33333333333333%;
    }

    .o-col--m11 {
        flex: 0 0 91.66666666666667%;
        max-width: 91.66666666666667%;
    }

    .o-col--m12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .o-order {
        order: 1;
    }

    .o-order--2 {
        order: 2;
    }
}

@media (min-width: 640px) {
    .o-order--s {
        order: 1;
    }

    .o-order--s2 {
        order: 2;
    }
}

@media (min-width: 960px) {
    .o-order--m {
        order: 1;
    }

    .o-order--m2 {
        order: 2;
    }
}

.o-flex {
    display: flex;
}

.o-flex--center {
    justify-content: center;
}

.o-flex--middle {
    align-items: center;
}

/*Иконка с восклицательным знаком*/
.o-icon {
    position: relative;
    padding-left: 30px;
}

.o-icon::after {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(https://www.phototech.ru/images/!.svg) 0 0 no-repeat;
}

.o-float:after {
    content: "";
    display: table;
    clear: both;
}

.o-float img {
    margin: 0 auto 20px auto;
}

@media (min-width: 960px) {
    .o-float img {
        /*картинка слева по-умолчанию*/
        float: left;
        margin: 0 30px 20px 0;
    }

    .o-float--mr img {
        /*картинка справа*/
        float: right;
        margin: 0 0 20px 30px;
    }
}

/*оранжевый фон с гифкой для обычных картинок*/

.lini2 {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: top;
    width: 100%;
}

.lini2:hover:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(234, 81, 13, 0.8);
    position: absolute;
}

.lini2:hover:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    text-align: center;
    top: calc(50% - 8px);
    width: 23px;
    height: 23px;
    background: url(https://www.phototech.ru/local/templates/main/css/img/ser.png) no-repeat center;
    background-size: contain;
    z-index: 10;
}

.succes-message {
    text-align: center;
}

.succes-message h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 10px;
}

.succes-message p {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .geo-city {
        display: none !important;
    }
}

@media (max-width: 960px) {
    .geo-city {
        margin-right: 20px !important;
    }
}

.geo-city {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-size: clamp(12px, 2vw - 5px, 14px);
    color: var(--gray);
    max-width: 120px;
}

.geo-city a {
    border-bottom: 1px dashed var(--orange);
    color: var(--orange);
}

.cat_text {
    font-size: 14px;
}

@media screen and (min-width: 481px) and (max-width: 766px) {
    .ona_text,
    .cat_text {
        font-size: clamp(12px, 2vw - 5px, 14px);
        line-height: 18px;
    }
}

/* Object filter */
.filter_top {
    padding: 23px;
}

.filter_top select {
    border: 1px solid #CDCDCD;
    border-radius: 8px;
    max-width: 100%;
    width: 100%;
    padding: 0 20px;
    background: var(--white-color);
    height: 40px;
    color: #313237;
    font-size: clamp(12px, 2vw - 5px, 14px);
    margin: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/local/templates/main/img/select-arrow.svg) no-repeat right;
    background-position-x: calc(100% - 20px);
    cursor: pointer;
}

.filter_top select:focus {
    outline: none;
}

.filter_top button {
    vertical-align: middle;
    height: 40px;
    color: var(--white-color);
    line-height: 39px;
    background: var(--orange);
    text-transform: uppercase;
    font-size: clamp(12px, 2vw - 5px, 14px);
    border: none;
    cursor: pointer;
}

/* End object filter */

.list-custom li a {
    font-size: 12px;
    color: var(--black-middle);
    text-decoration: underline;
}

.list-custom li a:hover {
    text-decoration: none;
}

.post .list-custom li:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: url("/local/templates/main/img/icons/list.svg");
    left: -3px;
    top: 7px;
}

/* font-size */

.fs-28 {
    font-size: 28px;
}

.fs-18 {
    font-size: 18px;
}

/* padding */

.uk-padding-30-30-20 {
    padding: 30px;
}

@media (max-width: 639px) {
    .uk-padding-30-30-20 {
        padding: 20px;
    }
}

#totop {
    bottom: 55px;
    right: 20px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s ease, visibility .4s ease;
}

.uk-custom-h3 {
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 300;
    color: var(--white-color);
}

.uk-custom-h3 a {
    display: block;
    font-weight: 300;
    font-size: 20px;
    margin-top: 0;
    color: var(--white-color);
    text-decoration: none;
}
/* === my-styles === */