b,
strong {
    font-weight: bold;
}

.inside-block {
    /* height: 100vh; */
}

.content-page-block a {
    color: #0057a1;
    text-decoration: underline;
}
.content-page-block a:hover {
    text-decoration: none;
}

.content-page-block-with-gallery h1,
.content-page-block-with-gallery h2,
.content-page-block-with-gallery h3 {
    color: #0057a1;
}

.productTypes.products {
    padding: 90px 0 60px;
}

.lng-box {
    display: none;
}

.navigation {
    z-index: 99;
    position: relative;
}

nav > ul {
    display: flex;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
}

.navigation nav > ul > li {
    padding: 0 15px;
    margin: 0;
}

.navigation ul li {
    position: relative;
}
.navigation ul li > span {
    color: #fff;
    cursor: pointer;
}

.navigation ul > li {
    overflow: hidden;
}

.navigation ul > li:hover {
    overflow: visible;
}

.navigation ul > li:hover > a,
.navigation ul > li:hover > span {
    border-top: 2px solid #ff0f0f;
}
.navigation ul > li ul.submenu {
    background: rgb(0 0 0 / 0.9);
    height: 0;
    width: 220px;
    position: absolute;
    left: 0px;
    opacity: 0;
    padding: 12px 15px;
    transition: 0.3s;
    overflow: hidden;
    z-index: 9;
    backdrop-filter: blur(10px);
    border-radius: 0.3125rem;
}
.navigation ul > li ul.submenu li {
    display: block;
    margin: 0;
}
.navigation ul > li:hover ul.submenu {
    height: auto;
    margin-top: -15px;
    opacity: 1;
}
.navigation ul > li ul.submenu a {
    border-top: none;
    display: block;
    padding: 5px 0;
    text-transform: none;
    color: #999;
}
.navigation ul > li ul.submenu a:hover {
    color: #fff;
    text-decoration: underline;
}

.main-box .row {
    height: calc(100vh - 255px);
}
.main-box .row.align-items-center {
    align-items: flex-end !important;
}
.main-box .title {
    margin-bottom: 10px;
}
.main-box .subtitle {
    margin-bottom: 10px;
    color: #ffffff;
    letter-spacing: normal;
    font-size: 1.37rem;
    max-width: 676px;
    text-transform: none;
}
.main-box .more-link {
    opacity: 0;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #fff;
}
.main-box .more-link:hover {
    border-color: transparent;
}
.main-block.section-animate.is-visible .main-box .more-link {
    animation: fade-top 0.5s linear forwards;
    animation-delay: 1.2s;
}
.main-box .video-popup-youtube {
    display: block;
    margin: 5px 0 0;
    opacity: 0;
    position: relative;
}

.main-block .crumbs {
    margin-bottom: 0px;
}

.main-block.section-animate.is-visible .main-box .video-popup-youtube {
    animation: fade-top 0.5s linear forwards;
    animation-delay: 1s;
}
.main-block {
    background: url(https://pkfsaotron.com/img/bg/bg-main-video.jpg) center;
    background-size: cover;
    height: 100vh;
}

.header-block a {
    color: #fff;
}

.products .subtitle {
    display: block;
    font-size: 13px;
    font-family: NeoSansCyr-Medium;
    line-height: 107%;
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

.products .cat-box {
    background-color: #fff;
    padding: 26px;
    overflow: hidden;
}
.products .cat-box:hover {
    background-color: #fff;
    box-shadow: 0 0 20px #bbb;
    transform: scale(1);
}
.products .cat-box .title {
    line-height: 1.3em;
    text-transform: uppercase;
}
.products .cat-box:hover .title {
    color: #000;
}
.products .cat-box img {
    top: 0;
    left: 0;
    margin: auto;
    transition: 0.5s;
}
.products .cat-box:hover img {
    transform: scale(1.5);
    left: 50%;
}
.products .cat-box .more-link {
    color: #000;
    opacity: 0;
    transition: 1s;
    border-bottom: 4px solid #ff0f0f;
    position: absolute;
    bottom: 9px;
    left: 0;
    text-transform: uppercase;
    padding: 0px 23px 1px 13px;
    font-weight: bold;
    font-size: 14px;
}
.products .cat-box:hover .more-link {
    opacity: 1;
}

.products .btn {
    font-size: 17px;
    text-transform: uppercase;
}

.logo-box span {
    color: #fff;
}

.nav-pagination {
    background-color: transparent;
}



.nav-pagination ul.pagination {
    border: none;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.nav-pagination ul.pagination li {
    margin: 0 3px;
}

.nav-pagination ul.pagination li span,
.nav-pagination ul.pagination li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px;
    border-radius: 5px;
    line-height: 40px;
    color: #000;
    font-size: 14px;
    position: relative;
    padding: 0;
}

.nav-pagination ul.pagination li.active span,.nav-pagination ul.pagination li.active a {
    color: #0057A1;
    border: 1px solid #0057A1;
}

.nav-pagination ul.pagination li a:hover {
    background-color: #eee;
}

.page-content-block {
    padding: 48px 0 0;
}

.cert-block {
    padding-top: 0;
}

.clients-page {
    padding-top: 100px; 
}

.productTypes h2.title {
    text-align: center;
    float: none;
}
.productTypes .row {
    justify-content: center;
}

.two-bl-wr {
    background: url(https://pkfsaotron.com/img/a_bg.jpg);
    background-size: cover;
}
.advantage {
    background: none;
    padding: 80px 0 60px;
}
.advantage-page {
    background: url(https://pkfsaotron.com/img/a_bg.jpg);
}
.advantage .wrapper {
    position: relative;
    padding: 0;
}
.advantage .wrapper .inner {
    position: relative;
    z-index: 10;
    overflow: hidden;
}
.advantage .title {
    margin-bottom: 48px !important;
    line-height: 1.37em;
    padding-left: 30px;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}
.advantage .title i {
    font-style: normal;
    border-bottom: 1px solid #fff;
}
.advantage .sub-title {
    margin-top: -26px;
    margin-bottom: 48px;
    line-height: 1.5em;
    padding-left: 30px;
    font-size: 19px;
}
.advantage .wrapper .advant-box {
    border: none;
    height: 180px;
}
.advantage.advantage-six .wrapper .advant-box {
    width: 33.3333%;
}
.advantage-page .advant-box {
    border: none !important;
}
.advantage .wrapper .advant-box:nth-child(3),
.advantage .wrapper .advant-box:nth-child(5),
.advantage .wrapper .advant-box:nth-child(6),
.advantage .wrapper .advant-box:nth-child(8) {
    background: #0057a1 !important;
}
.advantage.advantage-six .wrapper .advant-box:nth-child(7),
.advantage.advantage-six .wrapper .advant-box:nth-child(8) {
    display: none;
}
.advantage.advantage-six .wrapper .advant-box:nth-child(2),
.advantage.advantage-six .wrapper .advant-box:nth-child(4),
.advantage.advantage-six .wrapper .advant-box:nth-child(6) {
    background: #0057a1 !important;
}
.advantage.advantage-six .wrapper .advant-box:nth-child(3),
.advantage.advantage-six .wrapper .advant-box:nth-child(5) {
    background: transparent !important;
}
.advantage .wrapper .advant-box:hover {
    background-color: transparent;
}
.advantage-page .advant-box:hover {
    background-color: transparent !important;
}
.advantage-page .advant-box .name {
    color: #fff !important;
}
.advantage .wrapper .advant-box .name {
    border-color: transparent;
    text-transform: uppercase;
    max-width: 148px;
    left: 30px;
    bottom: 20px;
    font-size: 18px;
    line-height: 1.3em;
}
.advantage.section-animate.is-visible .advant-box .name {
    animation: fade-bottom-20 0.4s linear forwards;
}
.advantage .wrapper .advant-box:hover .name {
    color: #fff;
    border-color: transparent !important;
    text-decoration: underline !important;
}
.advantage .wrapper .advant-box .num {
    color: #fff;
    position: absolute;
    right: 30px;
    bottom: 20px;
    font-size: 18px;
    cursor: pointer;
}
.advantage .wrapper .advant-box .num:hover {
    text-decoration: underline;
}
.advantage.section-animate.is-visible .advant-box .num {
    animation: fade-bottom-20 0.4s linear forwards;
}
.advantage .wrapper .hidden {
    background: #000;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    overflow: hidden;
    opacity: 1;
}

.advantage .wrapper .hidden .advant-modal {
    max-width: initial;
    background: none;
    padding: 0 51% 0 6%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.advantage .wrapper .hidden .a-num {
    display: inline-block;
    font-size: 48px;
    font-weight: bold;
    vertical-align: bottom;
    line-height: 1em;
    margin: 0 15px 10px 0;
}
.advantage .wrapper .hidden .a-icon {
    display: inline-block;
    margin: 0 0 18px;
}
.advantage .wrapper .hidden .a-icon img {
    max-height: 130px;
}
.advantage .wrapper .hidden .a-name {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.advantage .wrapper .hidden .a-text {
    font-size: 0.87rem;
    line-height: 1.4em;
}
.advantage .wrapper .hidden .a-text ul {
    padding-left: 15px;
}
.advantage .wrapper .hidden .a-text ul li {
    list-style: disc;
}
.advantage .wrapper .hidden .a-image {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.advantage .wrapper .hidden .a-image img {
    min-width: 100%;
    max-width: initial;
    min-height: 100%;
}

.seo-block .wrapper h2.title {
    font-size: 24px;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.technologies {
    background: none;
    color: #fff;
    padding: 80px 0 60px;
}
.technologies .wrapper {
    position: relative;
    padding: 0;
}
.technologies .wrapper .inner {
    position: relative;
    z-index: 10;
    overflow: hidden;
}
.technologies .title {
    margin-bottom: 48px !important;
    line-height: 1.37em;
    padding-left: 30px;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}
.technologies .title i {
    font-style: normal;
    border-bottom: 1px solid #fff;
}
.technologies .sub-title {
    max-width: 967px;
    margin-top: -26px;
    margin-bottom: 48px;
    line-height: 1.5em;
    padding-left: 30px;
    font-size: 19px;
}
.technologies .tech-block {
    background: #0057a1;
    width: 100%;
    min-height: 348px;
    position: relative;
    overflow: hidden;
}
.technologies .tech-block .tech-left,
.technologies .tech-block .tech-right {
    position: absolute;
    width: 50%;
    height: 100%;
}
.technologies .tech-block .tech-left {
    left: 0;
    padding: 3% 4%;
}
.technologies .tech-block .tabs {
    margin: 0 0 48px;
}
.technologies .tech-block .tabs ul li {
    cursor: pointer;
    font-size: 18px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    margin: 0 0 7px;
    text-decoration: underline;
    text-transform: uppercase;
}
.technologies .tech-block .tabs ul li.checked {
    color: #fff;
}
.technologies .tech-block .tab-content {
    display: none;
}
.technologies .tech-block .tab-content.active {
    display: block;
}
.technologies .tech-block .tab-content ul li {
    color: rgba(255, 255, 255, 0.7);
    font-size: 26px;
    margin: 5px 0;
    text-transform: uppercase;
    font-weight: bold;
    transition: 0.3s;
}
.technologies .tech-block .tab-content ul li.hovered {
    color: #fff;
}
.technologies .tech-block .tech-right {
    background: #000;
    right: 0;
}
.technologies .tech-block .tech-right .image {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.articles-block {
    padding: 30px 0 80px;
}
.articles-block .articles-title {
    color: #fff;
    font-weight: bold;
    margin-bottom: 48px;
    line-height: 1.37em;
    padding-left: 30px;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}
.articles-block .article {
    background-size: cover;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 340px;
    position: relative;
    overflow: hidden;
}
.articles-block .article .article-inner {
    background: #0057a1;
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.5s;
}
.articles-block .article .article-inner:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    transition: 0.5s;
}
.articles-block .article .article-inner .hidden-part {
    display: none;
    margin-top: 10px;
}
.articles-block .article:hover .article-inner {
    background: rgba(0, 0, 0, 0.8);
}
.articles-block .article-1:hover .article-inner:before {
    border-left: 23px solid rgba(0, 0, 0, 0.8);
}
.articles-block .article-2:hover .article-inner:before {
    border-bottom: 23px solid rgba(0, 0, 0, 0.8);
}
.articles-block .article-3:hover .article-inner:before {
    border-right: 23px solid rgba(0, 0, 0, 0.8);
}
.articles-block .article-1 {
    background-position: right center;
    width: 100%;
}
.articles-block .article-1 .article-inner {
    width: 33.3334%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    padding: 24px 28px 56px 28px;
    justify-content: flex-end;
}
.articles-block .article-1 .article-inner:before {
    top: 0;
    right: -21px;
    bottom: 0;
    border-top: 30px solid transparent;
    border-left: 23px solid #0057a1;
    border-bottom: 30px solid transparent;
}
.articles-block .article-1:hover .article-inner {
    width: 66.6666%;
}
.articles-block .article .article-inner:hover .hidden-part {
    display: block;
}
.articles-block .article-1 .article-inner .more-link {
    position: absolute;
    left: 28px;
    bottom: 28px;
}
.articles-block .article-1 .article-inner:hover .more-link {
    left: initial;
    right: 28px;
}
.articles-block .article-2 {
    background-position: top center;
    width: 33.3334%;
}
.articles-block .article-2 .article-inner {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.articles-block .article-2 .article-inner:before {
    top: -21px;
    right: 0;
    left: 0;
    border-left: 30px solid transparent;
    border-bottom: 23px solid #0057a1;
    border-right: 30px solid transparent;
}
.articles-block .article-3 {
    background-position: left center;
    width: 66.6666%;
}
.articles-block .article-3 .article-inner {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.articles-block .article-3 .article-inner:before {
    top: 0;
    left: -21px;
    bottom: 0;
    border-top: 30px solid transparent;
    border-right: 23px solid #0057a1;
    border-bottom: 30px solid transparent;
}
.articles-block .article .title {
    margin: 0 0 10px;
    line-height: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
}
.articles-block .article-1 .title {
    font-size: 24px;
}
.articles-block .article-2 .title {
    font-size: 20px;
}
.articles-block .article-3 .title {
    font-size: 20px;
}
.articles-block .article .text {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0 0 10px;
}
.articles-block .article .more-link a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
}
.articles-block .article:hover .article-inner .more-link a {
    color: #ff0f0f;
    border-bottom: 1px solid #ff0f0f;
}
.articles-block .article .more-link a:hover {
    border-bottom: 1px solid transparent;
}
.articles-block .more-articles-link {
    margin: 15px 0 0;
    text-align: right;
}
.articles-block .more-articles-link a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}
.articles-block .more-articles-link a:hover {
    border-bottom: 1px solid transparent;
}

.extra-information {
    padding: 60px 0 20px;
}
.extra-information .container {
    max-width: 960px;
}
.extra-information .title {
    margin: 0 0 20px;
    text-align: center;
}
.extra-information .text {
    margin: 0 0 20px;
    text-align: center;
}
.extra-information .soc-links {
    margin-top: 30px;
    text-align: center;
}
.extra-information .soc-links img {
    width: 36px;
}

.how-order-block {
    padding: 48px 0;
}
.how-order-block .container {
    /* max-width: 960px; */
}
.how-order-block .title {
    margin: 0 0 20px;
    /* text-align: center; */
}

.how-order-block .sub-title {
    text-transform: uppercase;
    color: #888;
    display: block;
}

.how-order-block .secondary-text {
    color: #909090;
    line-height: 110%;
}

.how-order-block .of-row {
    overflow: hidden;
}
.how-order-block .of-row .of-field {
    color: #666666;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 0;
    /* box-shadow: inset 0 0 10px 0 #bbb; */
}

.how-order-block .primary-text {
    line-height: 126%;
}

.how-order-block .row-form {
    row-gap: 20px;
}

.how-order-block .order-form {
    display: flex;
    flex-direction: column;
    row-gap: 13px;
}

.how-order-block .row {
    margin-left: -10px;
    margin-right: -10px;
}

.how-order-block .row > * {
    padding-left: 10px;
    padding-right: 10px;
}

.how-order-block .rqf-file {
    /* background: url(/img/main/icon_file_form.png) right 13px center no-repeat; */
    border: 1px solid #c4c4c4;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
}

.how-order-block .rqf-file-input {
    display: none;
}

.how-order-block .of-row-1 {
    /* margin-bottom: 13px; */
}
.how-order-block .of-row-1 .of-field {
    /* width: 32%;
    height: 42px;
    height: 48px; */

    padding: 10px 20px;
}
.how-order-block .of-row-1 .of-field-1,
.how-order-block .of-row-1 .of-field-2 {
    /* margin-right: 2%; */
}

.how-order-block .of-row-1 .of-field-2 {
    /* background: url(/img/main/icon_email_form.png) right 13px center no-repeat; */
}

.how-order-block .of-row-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.how-order-block .of-row-2 > :last-child {
    row-gap: 0.75rem;
}

.how-order-block .of-field:focus,
.how-order-block .of-field:focus:invalid:required {
    border-color: #000;
}

.how-order-block .of-row-2 .of-field {
    height: 64px;
}
.how-order-block .of-row-2 .of-field-1 {
    width: 100%;
    min-height: 100px;
    padding: 10px 22px;
    /* margin-right: 2%;
    padding: 13px 20px; */
}
.how-order-block .of-row-2 .of-field-2 {
    /* background-image: url(https://pkfsaotron.com/img/file.png); */
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 6%;
    margin-right: 2%;
}
.how-order-block .of-order-checked {
    display: none;
}

.how-order-block .of-order-checked-label {
    font-size: 11px;
    margin-bottom: 0;
    line-height: 14px;
    margin-left: 42px;
    position: relative;
    display: flex;
    align-items: center;
}

.how-order-block .of-order-checked-label::after {
    position: absolute;
    content: "";
    aspect-ratio: 1/1;
    height: 25px;
    width: 25px;
    left: -42px;
    /* top: 0; */
    z-index: 1;
    border-radius: 5px;
    border: 1px solid #c4c4c4;
    padding: 5px;
}

.rqf-note a {
    text-decoration: underline;
}

.how-order-block .form-group {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 12px;
}

.how-order-block .form-group input {
    position: relative;
    z-index: 2;
    background-color: transparent;
}

.how-order-block .form-group > label {
    margin-bottom: 0;
}

.how-order-block .form-group svg {
    position: absolute;
    right: 10px;
    z-index: 1;
}

.how-order-block .form-group input:focus ~ .email_svg path,
.how-order-block .form-group input:focus ~ .phone_svg path,
.how-order-block .form-group input:active ~ .email_svg path,
.how-order-block .form-group input:active ~ .phone_svg path {
    fill: #292929;
}

.rqf-file-input ~ .rqf-file .file_svg {
    transition: transform 0.15s ease-out;
}

.rqf-file-input.has-file ~ .rqf-file .file_svg {
    transform: rotate(45deg);
}

.how-order-block .of-order-checked:checked ~ .of-order-checked-label::after {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}

.how-order-block .of-row-2 .of-field-2 input {
    display: none;
}

.how-order-block .of-row-3 {
    margin-left: auto;
}

.how-order-block .of-row-2 .of-field-3,
.how-order-block .of-row-3 .of-field-submit {
    background: none;
    overflow: hidden;
    color: #fff;
    width: 100%;
    min-height: 45px;
    padding: 13.5px 15px;
    margin: 0;
    line-height: 81.25%;
    border-radius: 5px;
    font-size: 16px;
    position: relative;
    z-index: 2;
    transition: none;
}

.how-order-block .row-submit-form {
    row-gap: 20px;
}

/* .how-order-block .of-row-2 > *:last-child {
    flex: 0 0 calc(77.777333%);
    max-width: calc(77.777333%);
} */

.rqst-frm-popup2 {
    display: none;
}

/* .rqst-frm-menu {
    display: none;
} */

.rqst-frm-popup2 .backdrop-blur {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.rqst-frm-popup2 form {
    position: relative;
}

.rqst-frm-popup2-close-button {
    position: absolute;
    top: 15px;
    right: 15px;
}

.open-rqst-frm-popup2 span {
    color: #fff;
}

/* .open-rqst-frm-popup2 .phone_svg {

} */

.open-rqst-frm-popup2 {
    display: flex;
    align-items: center;
    padding-right: 21px;
    gap: 16px;
}

.rqst-frm-popup2 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;

    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(7.5px);
}

.rqst-frm-menu{
    position: static;
    
}

.rqst-frm-popup2.rqst-frm {
    max-width: unset;
}

.rqst-frm-popup2.rqst-frm .rqf-headline {
    font-weight: normal;
}

.rqst-frm-popup2 .rqst-frm-container {
    display: flex;
    max-width: 416px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.rqst-frm.rqst-frm-popup2 form {
    background-color: #0057a1;
}

.rqst-frm.rqst-frm-popup2 .rqf-note a {
    color: #fff;
    text-decoration: none;
}


.rqst-frm-menu.rqst-frm button,
.rqst-frm.rqst-frm-popup2 button {
    background-color: #fff;
    color: #0057a1;
}
.rqst-frm-menu.rqst-frm button:hover,
.rqst-frm-menu.rqst-frm button:active,
.rqst-frm-menu.rqst-frm button:focus,
.rqst-frm.rqst-frm-popup2 button:hover,
.rqst-frm.rqst-frm-popup2 button:active,
.rqst-frm.rqst-frm-popup2 button:focus {
    background-color: #fff;
    color: #0057a1;
}
.rqst-frm-menu.rqst-frm button::after,
.rqst-frm-menu.rqst-frm button::before,
.rqst-frm.rqst-frm-popup2 button::after,
.rqst-frm.rqst-frm-popup2 button::before {
    content: none;
}

.rqst-frm-menu.rqst-frm .rqf-headline {
    text-transform: none;
    font-weight: 400;

}   

.rqst-frm-menu.rqst-frm form {
    font-size: 16px;
    font-weight: 400;
    font-family: NeoSansCyr-Regular,sans-serif;
    text-transform: none;
}

.rqst-frm-menu.rqst-frm .rqf-note a{
    color: #fff;
    text-decoration: none;
}

.order .message .form-group label {
    padding-left: 35px;
}

.order .message .form-group .custom-checkbox + label::before {
    left: 0 !important;
}

.map-block .sub-title {
    text-transform: uppercase;
    color: #888;
    display: block;
}

.map-block .map {
    height: auto;
    height: 75dvh;
}
.map-block {
    min-height: 100dvh;
    overflow: hidden;
}

.map-block .map iframe {
    height: 100%;
}
.map-block .shipping {
    /* padding-left: 15px; */
    line-height: 1.3em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.map-block .shipping h1,
.map-block .shipping h2,
.map-block .shipping h3 {
    margin-top: 16px;
}
.map-block .shipping h1,
.map-block .shipping h2,
.map-block .shipping h3,
.map-block .shipping p,
.map-block .shipping ul {
    margin-bottom: 10px;
}
.map-block .shipping ul {
    padding-left: 20px;
}
.map-block .shipping ul li {
    list-style: disc;
}

.map-block .shipping .text-blue {
    color: #0057a1;
}

.map-block .map-block-container {
    row-gap: 1rem;
}

.map-block .toggler {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.map-block .toggler .toggler_svg {
    margin-top: 5px;
    transition: 0.35s ease transform;
}

.map-block .toggler.collapsed .toggler_svg {
    transform: rotate(180deg);
    transition: 0.35s ease transform;
}

.content-page-block {
    margin: 48px;
}
.content-page-block ul {
    margin: 0 0 20px;
    padding-left: 15px;
}
.content-page-block ul li {
    list-style: disc;
}
.with-left-and-write-images {
    margin: 0;
    overflow: hidden;
}
.with-left-and-write-images .gallery-image-left {
    float: left;
}
.with-left-and-write-images .gallery-image-right {
    float: right;
}
.with-left-and-write-images .container {
    clear: both;
}

.articles-list {
    margin: 48px 0;
}
.articles-list .article {
    margin: 0 0 36px;
}
.articles-list .article .image {
    
    margin: 0 0 10px;
    text-align: center;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    height: 200px;
}
.articles-list .article .image:hover {
    opacity: 0.87;
}
.articles-list .article .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.articles-list .article .title {
    line-height: 1.5em;
    margin: 0 0 3px;
}
.articles-list .article .title a {
    color: #000;
    font-size: 1.13rem;
    font-weight: bold;
}
.articles-list .article .title a:hover {
    color: #777;
}
.articles-list .article .text {
    font-size: 0.96rem;
    line-height: 1.5em;
}

.our-address-info {
    overflow: hidden;
}
.our-address-info .address-map {
    width: 50%;
    float: left;
    height: 460px;
}
.our-address-info .address-details {
    display: table;
    font-size: 18px;
    width: 50%;
    float: left;
    height: 460px;
}
.our-address-info .address-details .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10%;
}
.our-address-info .address-details .line-1 {
    color: #0055b6;
    margin: 0 0 15px;
}
.our-address-info .address-details strong {
    line-height: 2em;
    font-weight: bold;
}

a.gotoctlg {
    background: #ff3333;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    display: block;
    width: 60%;
    margin: 30px auto -30px;
    border-radius: 4px;
    font-size: 18px;
    z-index: 9;
    position: relative;
}
a.gotoctlg:hover {
    background: #ff5454;
}

.cntcts-box {
    display: none;
}

.form-popup p {
    width: calc(100% - 284px);
}

.product-gallery-wrapper {
    margin: 0 0 48px;
}

.our-social-accounts ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.our-social-accounts ul li img {
    filter: invert(19%) sepia(48%) saturate(4078%) hue-rotate(193deg) brightness(97%) contrast(102%);
}

.our-social-accounts ul li.osa-instagram img {
    width: 32px;
}
.our-social-accounts ul li.osa-facebook img {
    width: 32px;
}
.our-social-accounts ul li.osa-youtube img {
    width: 60px;
}

.our-social-accounts ul li img:hover {
    filter: invert(26%) sepia(51%) saturate(4408%) hue-rotate(193deg) brightness(90%) contrast(90%);
}

.wrapper-prod-list {
    margin: 0 0 30px;
}

.wrapper-prod-list .prod-box {
    /* margin-left: 1.5%;
    margin-right: 1.5%;
    width: 30.3333%; */
    max-width: calc(33.33% - 30px);
}

.select-variation {
    text-align: center;
    margin: 0 0 11px;
}

.select-variation select,
.select-variation .nice-select {
    display: inline-block;
    float: none;
    max-width: 100%;
    height: auto;
    border: 1px solid #999;
}

.select-variation .nice-select span {
    max-width: 100%;
    position: relative;
    display: block;
    white-space: normal;
    line-height: 1.5rem;
    padding: 10px 0 7px;
}

.select-variation .nice-select span.current {
    font-weight: bold;
}

.add-to-cart {
    margin: 0 0 30px;
}
.add-to-cart .quantity-wrapper {
    display: inline-block;
    margin: 0 13px 13px 0;
    position: relative;
}
.add-to-cart .quantity-wrapper input {
    width: 128px;
    height: 36px;
    text-align: center;
    padding: 0 20px;
}
.add-to-cart .quantity-wrapper .decrease,
.add-to-cart .quantity-wrapper .increase {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.add-to-cart .quantity-wrapper .decrease {
    background: url(../img/icons/minus.svg) center no-repeat;
    left: 7px;
}
.add-to-cart .quantity-wrapper .increase {
    background: url(../img/icons/plus.svg) center no-repeat;
    right: 7px;
}

.add-to-cart .add-to-cart-button {
    display: inline-block;
    background: red;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    transition: 0.3s;
    cursor: pointer;
    user-select: none;
}
.add-to-cart .add-to-cart-button:hover {
    background: #ff5151;
}
.add-to-cart .add-to-cart-button img {
    margin-left: 7px;
    width: 18px;
    vertical-align: text-bottom;
}

.prod-box .title {
    margin-bottom: 20px;
}
.prod-box .cost-wrap {
    margin: 20px 0 15px;
}
.prod-box .add-to-cart {
    text-align: center;
    margin: 0;
}
.prod-box .add-to-cart .quantity-wrapper {
    margin: 0 auto 13px;
    margin-right: 5px;
}

.prod-box .table-row {
    margin: 0 0 20px;
}

.mini-cart {
    width: 67px;
    text-align: center;
}
.mini-cart .cart-icon {
    margin: 0 0 5px;
}
.mini-cart .cart-total {
    font-size: 12px;
}

.cart-items {
    margin: 48px 0;
}
.cart-items-wrapper {
    width: 100%;
    margin: 0 0 36px;
}
.cart-items .cart-item-image-title,
.cart-items .cart-item-price-title,
.cart-items .cart-item-quantity-title,
.cart-items .cart-item-total-title,
.cart-items .cart-item-image,
.cart-items .cart-item-price,
.cart-items .cart-item-quantity,
.cart-items .cart-item-total,
.cart-items .cart-item-remove {
    text-align: center;
}
.cart-items .cart-item-image img {
    width: 64px;
}
.cart-items .cart-item-name a {
    display: block;
    color: #000;
}
.cart-items .cart-item-name a:hover {
    color: #999;
}
.cart-items .cart-item-name span {
    font-size: 13px;
}
.cart-items table tr th,
.cart-items table tr td {
    border: 1px solid #bbb;
    padding: 10px 15px;
}
.cart-items .cart-item-properties {
    font-size: 12px;
}
.cart-items .cart-item-quantity input {
    width: 67px;
    text-align: center;
}
.cart-items .cart-item-remove img {
    width: 16px;
    filter: invert(15%) sepia(96%) saturate(3680%) hue-rotate(356deg) brightness(91%) contrast(96%);
    cursor: pointer;
}

.cart-bottom-notes {
    margin: 0 0 28px;
    text-align: right;
}

.cart-bottom-buttons .cart-go-back {
    float: left;
    display: inline-block;
    background: #ffffff;
    border: 1px solid #003d72;
    color: #003d72;
    margin-right: 10px;
    padding: 9px 20px;
}
.cart-bottom-buttons .cart-go-back:hover {
    border: 1px solid #0074da;
    color: #007ae4;
}

.cart-bottom-buttons {
    width: 100%;
}
.cart-bottom-buttons .cart-update-button {
    display: inline-block;
    background: #a4a4a4;
    color: #fff;
    margin-right: 10px;
    padding: 10px 20px;
    float: right;
}
.cart-bottom-buttons .cart-update-button:hover {
    background: #b4b4b4;
}
.cart-bottom-buttons .go-to-checkout-page {
    display: inline-block;
    background: #0057a1;
    color: #fff;
    padding: 10px 20px;
    float: right;
}
.cart-bottom-buttons .go-to-checkout-page:hover {
    background: #1470bf;
}

.checkout-page {
    padding: 36px 0 0;
}

.checkout-subtitle {
    font-size: 24px;
    margin: 0 0 20px;
}
.checkout-form {
    width: 100%;
    max-width: 640px;
}
.checkout-form .checkout-fields-wrapper {
    /* border: 1px solid #bbb; */
    margin: 0 0 28px;
    /* padding: 30px 25px 13px; */
}
.checkout-fields-wrapper-individual {
    display: none;
}
.checkout-form .customer-type {
}
.checkout-form .checkout-fields {
    display: flex;
    justify-content: space-between;
    margin: 0 0 13px;
}
.checkout-form .checkout-fields .checkout-field {
    width: 100%;
    margin: 0;
}
.checkout-form .checkout-fields .checkout-field span {
    font-weight: bold;
}
.checkout-form .checkout-fields .checkout-field input {
    border: 1px solid #888;
    width: 100%;
    height: 40px;
    padding: 0 15px;
}
.checkout-form .checkout-fields .checkout-field input[type="submit"] {
    background: #0057a1;
    color: #fff;
}
.checkout-form .checkout-fields-two-columns .checkout-field {
    width: 48%;
}
.checkout-form .checkout-fields-three-columns .checkout-field {
    width: 31.3333%;
}

.checkout-form .checkout-fields .checkout-field .fill-by-inn {
    background: #0057a1;
    color: #fff;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.checkout-form .checkout-fields .checkout-field .fill-by-inn:hover {
    background: #1470bf;
}
.checkout-form .checkout-fields .checkout-field .fill-by-inn.is-clicked {
    background: #999;
}

#checkout-form .shipping-method {
    margin: 0 0 26px;
}
#checkout-form .shipping-method .shipping-method-headline {
    font-weight: bold;
}

#checkout-form .payment-method-individual {
    display: none;
}
#checkout-form .payment-method {
    margin: 0 0 26px;
}
#checkout-form .payment-method .payment-method-headline {
    font-weight: bold;
}

#checkout-form .nice-select {
    border: 1px solid #888;
    width: 100%;
}
#checkout-form .nice-select.open .list {
    width: 100%;
}

.checkout-submit {
    text-align: right;
}
.checkout-submit input[type="submit"] {
    display: inline-block;
    background: #0057a1;
    color: #fff;
    width: 100%;
    max-width: 320px;
    padding: 10px 20px;
    cursor: pointer;
    transition: 0.3s;
}
.checkout-submit input[type="submit"]:hover {
    background: #1470bf;
}

.checkout-items {
    margin: 0 0 30px;
}
.checkout-items .checkout-item {
    overflow: hidden;
    margin: 0 0 10px;
}
.checkout-items .checkout-item .checkout-item-image {
    width: 10%;
    margin: 0 2% 0 0;
    float: left;
}
.checkout-items .checkout-item .checkout-item-info {
    width: 60%;
    float: left;
}
.checkout-items .checkout-item .checkout-item-info a {
    color: #000;
    display: block;
}
.checkout-items .checkout-item .checkout-item-info span {
    display: block;
    color: #777;
    font-size: 13px;
}
.checkout-items .checkout-item .checkout-item-total {
    width: 28%;
    float: left;
    text-align: right;
}

.checkout-items-total {
    font-weight: bold;
    text-align: right;
}

.check .checkbox:checked + label:before {
    background: #1488ea;
    border: 1px solid #b0b4cc;
}

.filters-headline {
    font-weight: bold;
    font-size: 20px;
    display: none;
    margin: 0 0 16px;
    border-bottom: 1px solid #bbb;
}
.filters-headline img {
    float: right;
    margin-top: 10px;
}
.filters-headline.toggled img {
    transform: rotate(180deg);
}

.filter-submit-button input[type="submit"] {
    display: inline-block;
    background: #0057a1;
    color: #fff;
    width: 100%;
    max-width: 320px;
    padding: 10px 20px;
    cursor: pointer;
    transition: 0.3s;
}
.filter-submit-button input[type="submit"]:hover {
    background: #1488ea;
}

.categories-list {
    margin: 0 0 17px;
}
.categories-list ul li {
    margin: 0 0 7px;
}
.categories-list ul li a {
    background: #c4c4c4;
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.categories-list ul li.active a {
    background: #0057a1;
}
.categories-list ul li:not(.active) a:hover {
    background: #b1b1b1;
}

.filters {
    margin: 0 0 17px;
    padding: 17px;
    box-shadow: 3px 3px 20px 0px #bbb;
}
.filters .filter {
    margin: 0 0 13px;
}
/*.filters .filter:last-child {
    margin-bottom: 0;
}*/
.filters .filter .filter-headline {
    color: #0057a1;
    font-weight: bold;
    text-transform: uppercase;
}
.filters .filter .filter-field .nice-select {
    width: 100%;
    border: 1px solid #bbb;
}
.filters .filter .filter-field .nice-select .list {
    overflow-y: scroll;
    max-height: 360px;
}
.filters .filter .filter-field .nice-select.open .list {
    width: 100%;
}
.filters .filter-submit input[type="submit"] {
    display: inline-block;
    background: #0057a1;
    color: #fff;
    width: 100%;
    max-width: 320px;
    padding: 7px 15px;
    cursor: pointer;
    transition: 0.3s;
}
.filters .filter-submit input[type="submit"]:hover {
    background: #1488ea;
}

.categories-list2 li {
    display: inline-block;
    margin-right: 10px;
}
.categories-list2 li a {
    color: #000000;
    font-size: 14px;
    text-decoration: underline;
}
.categories-list2 li a:hover {
    color: #777;
    text-decoration: none;
}
.categories-list2 li.active a {
    font-weight: bold;
    text-decoration: none;
}

.new_top_title {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 10px 0;
}

.new_top_subtitle {
    font-size: 20px;
    line-height: 1.3em;
    margin: 8px 0 48px;
}

.subcats {
    margin: 0 0 30px;
}

.subcats .subcat {
    margin: 0 0 30px;
    padding: 15px 15px 10px;
    border: 1px solid #999;
}

.subcats .subcat a {
    color: #000;
}

.subcats .subcat img {
    width: 140px;
    margin: 0 0 10px;
}

.subcats .subcat.sc-no-img img {
    filter: grayscale(1);
    opacity: 0.5;
}

.subcats .subcat span {
    display: block;
    font-weight: bold;
}

.subcats .subcat i {
    color: #999;
    font-style: normal;
}

body .subcats .owl-nav button.owl-prev,
body .subcats .owl-nav button.owl-next {
    position: absolute;
    top: -60px;
    bottom: 0;
    margin: auto;
    font-size: 48px;
    width: 42px;
    height: 42px;
    line-height: 40px;
    color: #fff;
    background: #1488ea;
}

body .subcats .owl-nav button.owl-prev {
    left: -15px;
}

body .subcats .owl-nav button.owl-next {
    right: -15px;
}

.get-got-estimate {
    margin: 0 0 30px;
}

.get-got-estimate a {
    background: #ff0f0f;
    padding: 18px;
    text-transform: uppercase;
    transition: 0.3s;
}

.get-got-estimate a:hover {
    background: #ff3a3a;
}

.clearfix {
    clear: both;
}

@media screen and (max-width: 1360px) {
    /* .wrapper-prod-list .prod-box {
        margin-left: 2%;
        margin-right: 2%;
        width: 46%;
    } */
    .wrapper-prod-list .prod-box {
        flex-basis: calc(50% - 30px);
        width: calc(50% - 30px);
    }

    .how-order-block .of-row {
        /*  margin-bottom: 20px; */
    }

    .how-order-block .of-row {
        row-gap: 20px;
    }
}

@media screen and (min-width: 992px) {
    .advantage .title {
        width: 70%;
    }
    .articles-wrapper .article .article-inner:hover .hidden-part {
        display: block;
    }

    .rqst-frm-menu {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .navigation nav ul {
        display: none;
        margin: 0;
    }

    

    .navigation.navigation-open-menu nav {
        padding-bottom: 20px;
    }
    .navigation nav > ul > li > a,
    .navigation nav > ul > li > span {
        padding-bottom: 10px;
    }

    .navigation ul li ul.submenu {
        background: transparent;
        position: relative;
        display: block;
        height: auto;
        width: auto;
        opacity: 1;
        padding: 0px 20px 5px 36px;
        backdrop-filter: unset;
    }

    .navigation ul li ul.submenu a {
        text-transform: uppercase;
        border: none;
        padding: 12px 0;
        color: #fff;
    }

    .navigation nav > ul > li {
        padding: 0;
        font-size: 20px;
    }

    .navigation nav ul li a::after,
    .navigation nav ul li span::after {
        content: none;
    }

    .navigation nav ul li ul.submenu {
        padding: 0;
        font-size: 13px;
        font-weight: 400;
        font-family: "NeoSansCyr-Regular";
    }

    .navigation ul li ul.submenu.collapse {
        display: none;
    }

    .navigation ul li ul.submenu.collapse.show {
        display: block;
    }

    .navigation ul li ul.submenu.collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
    }
    .navigation ul li:hover ul.submenu {
        margin-top: 0;
    }
    .navigation ul li:hover > a {
        border-top: none;
    }
    .navigation ul li ul.submenu a:hover {
        color: #fff;
    }

    .technologies .tech-block {
        min-height: initial;
    }
    .technologies .tech-block .tech-left,
    .technologies .tech-block .tech-right {
        position: relative;
        width: 100%;
        height: auto;
    }
    .technologies .tech-block .tech-right {
        min-height: 348px;
    }
    .articles-wrapper .article {
        width: 100%;
    }
    .articles-wrapper .article-1 .article-inner {
        width: 50%;
    }
    .articles-wrapper .article:hover .article-inner {
        width: 100%;
    }
    .map-block .map iframe {
        /* height: 340px !important; */
    }

    .map-block .map {
        max-height: 400px;
        min-height: 340px;
    }

    .map-block .shipping {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wrapper-prod-list .prod-box {
        max-width: calc(50% - 30px);
    }

    .filters-headline {
        display: block;
    }
    .filters form {
        display: none;
    }

    .rqst-frm-menu {
        display: none;
    }

    .navigation.navigation-open-menu nav {
        display: flex;
    }

    .navigation.navigation-open-menu nav > * {
        flex: 1 0 0;
    }

    .navigation-open-menu .rqst-frm-menu  {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    .element-with-video-bg {
        display: block;
    }

    .main-box .row {
        height: calc(100vh - 705px);
    }
    .advantage .wrapper .hidden .advant-modal {
        padding: 0 6%;
    }
    .advantage .wrapper .hidden .a-text {
        font-size: 1rem;
        margin: 0 0 20px;
    }
    .advantage .wrapper .hidden .a-image {
        position: relative;
        top: initial;
        margin: 0;
        width: 100%;
    }
    .advantage .wrapper .hidden .a-image img {
        max-width: 100%;
        height: 200px;
    }
    .advantage.advantage-six .wrapper .advant-box {
        width: 100%;
    }

    .how-order-block .of-row-1 {
        /* margin-bottom: 13px; */
    }
    .how-order-block .of-row .of-field {
        width: 100%;
        margin-right: 0;
    }
    .how-order-block .of-row-2 .of-field-1 {
        height: 84px;
    }
    .how-order-block .of-row-2 .of-field-2 {
        width: 15%;
        margin-right: 2%;
    }
    .how-order-block .of-row-2 .of-field-3 {
        width: 83%;
    }

    .how-order-block .row-submit-form {
        row-gap: 20px;
    }

    .our-address-info .address-map {
        width: 100%;
    }
    .our-address-info .address-details {
        width: 100%;
        padding: 30px 0;
        height: auto;
    }
    .wrapper-prod-list .prod-box {
        flex-basis: calc(100% - 30px);
        width: calc(100% - 30px);
    }

    .rqst-frm-menu {
        display: none !important;
    }
}

@media screen and (max-width: 575px) {
    .main-box .subtitle {
        font-size: 1rem;
    }
    .articles-wrapper .article .article-inner {
        width: 100%;
        height: auto;
        top: initial;
    }
    .articles-wrapper .article-1 .article-inner:before,
    .articles-wrapper .article-3 .article-inner:before {
        top: -51px;
        right: 0;
        left: 0;
        bottom: initial;
        border-left: 30px solid transparent;
        border-bottom: 23px solid #0057a1;
        border-right: 30px solid transparent;
    }
    .articles-wrapper .article-1:hover .article-inner:before,
    .articles-wrapper .article-3:hover .article-inner:before {
        border-bottom: 23px solid rgba(0, 0, 0, 0.8);
    }
    .wrapper-prod-list .prod-box {
        max-width: calc(100% - 30px);
    }

    body .rqst-frm button {
        height: 60px;
    }
}

@keyframes fade-bottom-20 {
    0% {
        opacity: 0;
        bottom: -45px;
    }
    to {
        opacity: 1;
        bottom: 20px;
    }
}