/*
Theme Name: Магистраль сервис
Template: storefront


Theme URIs: http://jam-it.ru/
Description: Тема для сайта организации Магистраль сервис
Author: JamIT
Version: 1.1.2
*/


 button:focus {
   outline-color: transparent !important
 }

 #menu-item-724 a {
   color: #f57d25
 }

 div.col-full {
   max-width: 100%;
   padding: 0
 }

 header.site-header {
   margin-bottom: 0 !important;
   padding-top: 33px
 }

 .single-product div.product form.cart .quantity {
   display: none !important
 }

 .awooc-form-custom-order-sku {
   display: none !important
 }

 div.img-block-mainpage {
   background-image: url(/wp-content/themes/magistral/img/main-railway.svg);
   width: 100%;
   max-width: 1920px;
   height: 800px
 }

 ul.products li.product .price {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   text-align: left;
   gap: 10px
 }

 ul.products li.product img {
   margin: 0
 }

 ul.products li.product .woocommerce-loop-product__title {
    height: 85px;
    margin: 10px 0 0;
 }

 .products-and-categories .product .awooc-custom-order-button.button.alt.show-add-to-card {
   position: absolute;
   margin: 0;
   right: 15px;
   bottom: 18px
 }

 .added_to_cart.wc-forward {
   display: none !important
 }

 a {
   outline: none !important
 }

 .left-line-text {
   position: relative
 }

 .left-line-text-title {
   width: 100%;
   max-width: 690px;
   position: absolute;
   top: 12em;
   left: 34em
 }

 .left-line-text-title>h1 {
   color: #fff;
   font-weight: 700;
   font-size: 41px;
   margin: inherit
 }

 .left-line-text>img {
   padding-top: 7em
 }

 .right-bottom-button-block {
   position: relative;
   display: flex;
   height: 24em;
   align-items: end;
   justify-content: end
 }

 .icons-social {
   display: flex;
   gap: 20px;
   margin: 20px 0
 }

 .icons-social a>svg {
   width: 40px
 }

 .white-block {
   display: flex;
   justify-content: space-around;
   align-items: center;
   height: 230px;
   width: 100%;
   max-width: 900px;
   position: absolute;
   z-index: 99;
   background-image: url(/wp-content/themes/magistral/img/right-white.svg)
 }

 .white-block>a {
   background: #f57d25;
   border-radius: 10px;
   color: #fff;
   padding: 15px;
   font-size: 18px;
   font-weight: 700;
   width: 100%;
   max-width: 328px;
   display: flex;
   justify-content: space-around
 }

 .woo-related-products-container ul li a bdi {
   font-size: 23px !important
 }

 .white-block>a:hover {
   background: #ff9a50;
   transition: 1s
 }

 .grey-block {
   height: 267px;
   width: 100%;
   max-width: 1055px;
   position: absolute;
   bottom: -4em;
   background-image: url(/wp-content/themes/magistral/img/right-grey.svg);
   background-repeat: no-repeat
 }

 header.site-header {
   border-bottom: none;
   box-shadow: 0 4px 20px rgba(8, 78, 129, .25)
 }

 .all-header-item {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   display: flex;
   justify-content: space-between
 }

 .logo-header {
   width: 100%;
   max-width: 304px
 }

 .logo-header>img {
   width: 100%;
   max-width: 304px
 }

 .menu-block {
   display: flex;
   flex-direction: column
 }

 .vira-menu {
   display: flex;
   justify-content: end
 }

 .menu-pervoe-verhnee-container>ul,
 .menu-vtoroe-verhnee-container>ul {
   list-style: none;
   display: flex
 }

 .menu-pervoe-verhnee-container>ul>li,
 .menu-vtoroe-verhnee-container>ul>li {
   margin-right: 1em
 }

 .menu-pervoe-verhnee-container>ul>li>a {
   color: #000;
   font-size: 18px;
   font-weight: 400
 }

 .main-navigation ul.menu>li>a:hover {
   color: #f57d25
 }

 .site-header ul.menu li.current-menu-item>a {
   color: #e3650a
 }

 .main-navigation ul.menu ul li a:hover {
   color: #f57d25
 }

 .menu-pervoe-verhnee-container>ul>li>a:hover {
   color: #f57d25
 }

 .menu-vtoroe-verhnee-container>ul>li>a {
   color: #000;
   font-size: 20px;
   font-weight: 700
 }

 .main-navigation ul.menu>li.menu-item-has-children>a::after {
   display: none
 }

 .woocommerce-active .site-header .main-navigation {
   width: 100%;
   display: flex
 }

 .majna-menu {
   margin-top: -2em
 }

 ul#menu-vtoroe-verhnee {
   display: flex;
   align-items: center
 }

 .grafik {
   margin-bottom: 1em
 }

 .footer {
   display: flex;
   width: 100%;
   background-color: #f57d25;
   justify-content: center
 }

 .footer-conainer {
   display: flex;
   flex-direction: column;
   max-width: 1170px;
   padding: 0 15px;
   width: 100%;
   height: 530px
 }

 .footer-top {
   display: flex;
   width: 100%;
   height: 75%;
   align-items: flex-start;
   margin-top: 50px
 }

 .footer-logo {
   display: flex;
   width: 35%;
   height: 195px
 }

 .footer-logo>img {
   width: 100%;
   max-width: 300px;
   height: 100px
 }

 .menu-nizhnee-container {
   display: flex;
   width: 65%;
   align-items: center
 }

 .menu-nizhnee-container>ul {
   column-count: 2;
   list-style: none;
   width: 100%
 }

 .menu-nizhnee-container>ul>li>a {
   font-size: 24px;
   color: #fff !important;
   text-decoration: none;
   border-bottom: 1px solid transparent
 }

 .menu-nizhnee-container>ul>li>a:hover {
   border-bottom: 1px solid #fff
 }

 .footer-bottom {
   display: flex;
   width: 100%;
   height: 20%;
   justify-content: space-around;
   flex-wrap: wrap
 }

 .footer-bottom>span {
   color: #fff;
   font-size: 14px;
   font-weight: 400;
   display: flex;
   width: 100%;
   height: 33px;
   align-items: center
 }

 a.privacy-a {
   color: #fff !important;
   text-decoration: none;
   border-bottom: 1px solid transparent;
   margin: auto
 }

 a.privacy-a:hover {
   border-bottom: 1px solid #fff
 }

 .footer-bottom>span.developer {
   max-width: 189px;
   width: 100%
 }

 .footer-bottom>span.developer a {
   display: flex;
   max-width: 160px;
   width: 100%;
   justify-content: space-between;
   align-items: center;
   color: #fff !important;
   text-decoration: none;
   cursor: pointer
 }

 .footer-bottom>span.developer a img {
   cursor: pointer
 }

 .footer-bottom>span.developer>img {
   margin-left: 1em
 }

 .our-services {
   display: flex;
   width: 100%;
   max-width: 1170px;
   margin: auto;
   justify-content: space-around;
   margin-top: 7em;
   height: auto;
   flex-wrap: wrap
 }

 .our-services>.service {
   display: flex;
   width: 31.9%;
   height: 300px;
   margin-bottom: 2em;
   border-radius: 15px;
   background-size: cover !important
 }

 .our-services>.service:hover {
   background: linear-gradient(0deg, #182a4d, #182a4d), #c4c4c4 !important;
   transition: 1s;
   transform: scale(1.05)
 }

 .our-services>.service>a {
   width: 95%;
   display: flex;
   align-items: end;
   justify-content: space-around
 }

 .our-services>.service>a>h2 {
   color: #fff;
   font-weight: 700;
   margin-bottom: 2em;
   width: 100%;
   max-width: 270px;
   font-size: 26px
 }

 .abbout-block {
   display: flex;
   width: 100%;
   max-width: 1170px;
   margin: auto;
   justify-content: space-around;
   margin-top: 7em;
   height: auto;
   flex-wrap: wrap;
   margin-bottom: 18em
 }

 .abbout-block>.img-and-text {
   display: flex;
   position: relative;
   width: 100%;
   max-width: 1170px
 }

 .right-title-line {
   background: url(/wp-content/themes/magistral/img/right-title.svg);
   height: 155px;
   background-repeat: no-repeat;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   position: absolute
 }

 .abbout-block>.img-and-text>.title-about {
   width: 100%;
   right: -29em;
   top: 2em
 }

 .right-title-line>.h2-block {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   width: 100%;
   max-width: 88%
 }

 .right-title-line>.h2-block>h2 {
   color: #000;
   font-weight: 700;
   width: 100%;
   font-size: 36px;
   max-width: 206px;
   margin-bottom: 0
 }

 .left-title-line {
   height: 163px;
   display: flex;
   justify-content: center;
   position: absolute;
   width: 100%;
   align-items: center
 }

 .left-title-line>.h2-block-left {
   display: flex;
   justify-content: center
 }

 .left-title-line>.h2-block-left>h2 {
   color: #000;
   font-weight: 700;
   width: 100%;
   font-size: 36px;
   max-width: 371px;
   margin-bottom: 0
 }

 .title-completed {
   top: -14em
 }

 .img-and-text>.picture {
   width: 100%
 }

 .text-about-company {
   width: 100%;
   max-width: 55%;
   display: flex;
   align-items: end;
   justify-content: space-around
 }

 .text-about-company>.text {
   width: 100%;
   max-width: 398px
 }

 .text-about-company>.text>p {
   color: #000
 }

 .text-about-company>.text>a {
   font-weight: 700;
   font-size: 24px;
   line-height: 130%;
   color: #334e84
 }

 .completed-works {
   width: 100%;
   max-width: 1170px;
   display: flex;
   margin: auto;
   flex-direction: column;
   position: relative;
   margin-top: 20em;
   margin-bottom: 3em
 }

 .grey-block-completed-works {
   display: flex;
   background: #edeff2;
   border-radius: 10px;
   justify-content: space-around;
   flex-wrap: wrap
 }

 .text-completed-works {
   margin-bottom: 3em;
   display: flex;
   align-items: center
 }

 .text-completed-works>.inside-text-completed-works {
   width: 100%;
   max-width: 451px;
   display: flex;
   flex-direction: column;
   color: #000
 }

 .text-completed-works>.inside-text-completed-works>h3 {
   color: #000;
   font-weight: 700
 }

 .text-completed-works>.inside-text-completed-works>span.target,
 span.deadline {
   font-weight: 700
 }

 .slider-completed-works {
   width: 100%;
   max-width: 46%;
   margin-top: 3em;
   margin-bottom: 3em
 }

 div#n2-ss-2 .n2-ss-slider-2 {
   border-radius: 10px !important
 }

 div#n2-ss-2 .n2-style-1ed31f8a59846ab59a0a433b15363638-simple {
   padding: 2em 3px 3px 3px !important
 }

 div#n2-ss-2 .n2-style-540a89eea1b489eaa957cfcc7748f946-dot {
   opacity: 1 !important;
   padding: 0 8px 0 0px !important
 }

 div#n2-ss-2 .n2-thumbnail-dot img {
   border-radius: 10px
 }

 .reviwes {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   display: flex;
   position: relative;
   margin-bottom: 3em;
   flex-wrap: wrap
 }

 .inside-reviwes-block {
   margin-top: 2em;
   display: flex;
   justify-content: space-between;
   width: 100%;
   flex-wrap: wrap
 }

 .jobs-name-block .reviwes .inside-reviwes-block {
   margin-top: 15em
 }

 .reviews-element {
   background: #edeff2;
   border-radius: 10px;
   width: 100%;
   max-width: 550px;
   display: flex;
   flex-direction: column;
   padding: 55px
 }

 .reviews-element>p {
   color: #000
 }

 .reviews-element>span {
   font-weight: 700;
   color: #000;
   justify-content: end;
   display: flex
 }

 .form-main-page {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   margin-bottom: 4em
 }

 .form-call-back-main-down {
   padding: 45px;
   background: linear-gradient(rgb(85, 101, 130), rgba(44, 56, 102, .8)), url(/wp-content/themes/magistral/img/picture-for-form.svg) aliceblue;
   display: flex;
   justify-content: space-around;
   border-radius: 10px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }

 .form-call-back-main-down>.text-form-call-back {
   width: 100%;
   max-width: 50%;
   justify-content: space-around;
   display: flex
 }

 .text-inside {
   color: #fff;
   width: 100%;
   max-width: 478px
 }

 .text-inside>h3 {
   color: #fff;
   font-weight: 700;
   font-size: 34px;
   width: 100%
 }

 .text-inside>p {
   font-size: 18px
 }

 .form-call-back>div>form {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   width: 100%;
   max-width: 400px;
   color: #fff
 }

 .form-call-back>div>form>p {
   width: 96%
 }

 .form-call-back>div>form>p>label>span>input {
   background: #ffffff !important;
   border-radius: 10px;
   height: 60px;
   color: black !important;
   width: 100%
 }

 .form-call-back>div>form>p>label>span>span>span>label>span>a {
   color: #fff;
   text-decoration: underline
 }

 .form-call-back>div>form>p>label>input {
   background: #f57d25;
   border-radius: 10px;
   color: #fff;
   width: 100%;
   padding: 15px
 }

 .form-call-back>div>form>p>label>input:hover {
   background: #ff9a50;
   transition: 1s;
   color: #fff
 }

 .site-footer {
   padding: 0 !important
 }

 .mobmenu-right-alignment.mobmenu-panel.mobmenu-right-panel.show-panel {
   width: 100%;
   background: #fff
 }

 .menu-mobilnoe-menju-container {
   display: flex;
   width: 100%;
   max-width: 400px;
   margin: auto;
   background: #fff
 }

 .menu-mobilnoe-menju-container>ul {
   width: 100%
 }

 .menu-mobilnoe-menju-container>ul>li>a {
   color: black !important;
   font-size: 20px !important;
   /* font-weight: bold !important */
 }

 .menu-mobilnoe-menju-container>ul>li.menu-item-101>a {
   color: black !important;
   font-size: 20px !important;
   font-weight: 400 !important
 }

 .menu-mobilnoe-menju-container>ul>li.menu-item-102>a {
   color: black !important;
   font-size: 20px !important;
   font-weight: 400 !important
 }

 .menu-mobilnoe-menju-container>ul>li.menu-item-103>a {
   color: black !important;
   font-size: 20px !important;
   font-weight: 400 !important
 }

 .menu-mobilnoe-menju-container>ul>li.menu-item-104>a {
   color: black !important;
   font-size: 20px !important;
   font-weight: 400 !important
 }

 i.mob-icon-cancel-1.mob-cancel-button {
   color: #f57d25
 }

 .mobmenur-container i {
   color: #f57d25 !important
 }

 .contacts {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   display: flex;
   position: relative;
   margin-top: 4em;
   margin-bottom: 4em
 }

 .title-contacts {
   left: -30rem
 }

 .contacts-block {
   display: flex;
   justify-content: space-between;
   width: 100%;
   background: #edeff2;
   margin-top: 12em;
   border-radius: 10px;
   height: 400px
 }

 .contacts-block>.map {
   max-width: 50%;
   width: 100%;
   overflow: hidden
 }

 .contacts-block>.map>iframe {
   border-radius: 10px 0 0 10px
 }

 .contact-text {
   max-width: 42%;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   width: 100%
 }

 .contact-text>p {
   display: flex;
   width: 100%;
   color: #000
 }

 .contact-text>p>a {
   color: #000
 }

 .contact-text>p>img {
   margin-right: 1em;
   width: 25px;
   height: 25px
 }

 .woocommerce-breadcrumb {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   color: #f57d25;
   font-weight: 700
 }

 .woocommerce-breadcrumb>a {
   text-decoration: none
 }

 .service-page-block {
   width: 100%;
   max-width: 1170px;
   margin: auto
 }

 .title-service>h1 {
   font-weight: 700;
   color: #000
 }

 .description-service {
   background: #edeff2;
   border-radius: 10px;
   padding: 20px;
   margin-bottom: 2em;
   color: #000
 }

 .s-element {
   background: gray;
   filter: drop-shadow(0 4px 10px rgba(8, 78, 129, .25));
   border-radius: 10px;
   width: 100%;
   max-width: 270px;
   height: 370px;
   display: flex;
   justify-content: space-around
 }

 .s-element:hover {
   transition: 1s;
   transform: scale(1.05)
 }

 .sertificate {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   display: flex;
   position: relative
 }

 .elements-sertificate {
   height: auto;
   display: flex;
   width: 100%;
   justify-content: flex-start;
   gap: 10px;
   margin-top: 12em;
   margin-bottom: 4em
 }

 .right-title-line.title-sertificate>.h2-block>h2 {
   max-width: 239px
 }

 .right-title-line.title-sertificate {
   z-index: 9;
   width: 100%;
   right: -24em;
   height: 160px
 }

 .mob-menu-header-holder.mobmenu {
   box-shadow: 0 4px 20px rgba(8, 78, 129, .25)
 }

 .element-service {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   display: flex;
   flex-direction: column;
   margin-bottom: 3em;
   padding: 15px
 }

 .about-service-element {
   display: flex;
   justify-content: space-around;
   margin-bottom: 3em;
   align-items: flex-start
 }

 .text-service-element {
   width: 100%;
   max-width: 100%
 }

 .text-about-element-service>h2 {
   color: #f57d25;
   font-weight: 700
 }

 .text-about-element-service>h3 {
   color: #f57d25;
   font-weight: 700
 }

 .text-service-element>.text-about-element-service {
   padding: 20px;
   color: #000
 }

 .element-service>h1 {
   color: #000;
   font-weight: 700
 }

 .catalog-railway {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   display: flex;
   flex-direction: column
 }

 .catalog-railway>.products-and-categories>ul.products {
   width: 100%
 }

 .catalog-railway>.products-and-categories>ul.products>li {
   width: 100% !important;
   max-width: 280px
 }

 .catalog-railway>.products-and-categories>ul.products>li:hover {
   transform: scale(1.04);
   transition: 1s
 }

 .products-and-categories {
   display: flex
 }

 a.button.product_type_simple {
   display: none
 }

 span.onsale {
   display: none
 }

 ul.products.columns-3 {
   display: flex;
   justify-content: space-around;
   margin-bottom: 1em;
   flex-wrap: wrap
 }

 ul.products.columns-4 {
   display: flex;
   flex-wrap: wrap;
   gap: 1em 3em;
   margin-bottom: 50px
 }

 ul.products.columns-3>li {
   box-shadow: 0 0 10px rgba(8, 78, 129, .25);
   border-radius: 10px;
   display: flex;
   flex-direction: column;
   margin: inherit !important;
   height: 460px
 }

 .site-main ul.products.columns-4 li.product {
   position: relative
 }

 button.awooc-custom-order.button {
   max-width: 172px;
   width: 100%;
   position: absolute;
   right: 15px;
   /* bottom: 39px */
   bottom: 17px;
 }

 ul.products.columns-4>li {
   box-shadow: 0 0 10px rgba(8, 78, 129, .25);
   border-radius: 10px;
   display: flex;
   flex-direction: column;
   margin: inherit !important;
   height: 460px
 }

 ul.products.columns-3>li>a,
 ul.products.columns-4>li>a {
   display: flex;
   flex-direction: column;
   align-items: center;
   height: 100%
 }

 ul.products.columns-3>li>a>h2,
 ul.products.columns-4>li>a>h2 {
   color: #000;
   font-size: 18px !important;
   font-weight: bold !important;
   width: 100%;
   max-width: 237px;
   text-align: left;
   margin-top: 3em
 }

 ul.products.columns-3>li>a,
 ul.products.columns-4>li>a {
   padding: 1em;
   position: relative
 }

 ul.products.columns-3>li>a.button.product_type_simple,
 ul.products.columns-4>li>a.button.product_type_simple {
   display: none
 }

 ul.products.columns-3>li>a>span.price,
 ul.products.columns-4>li>a>span.price {
   color: #334e84;
   font-weight: 700;
   font-size: 18px;
   width: 100%;
   max-width: 91%;
   text-align: left;
   margin-top: 1em;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: absolute;
   bottom: 0
 }

 ul.products.columns-3>li>a>span.price>img,
 ul.products.columns-4>li>a>span.price>img {
   margin: inherit
 }

 ul.products.columns-3>li>a>span.price>img:hover,
 ul.products.columns-4>li>a>span.price>img:hover {
   transition: 1s;
   transform: scale(1.05)
 }

 ul.products.columns-3>li>a>span.price>ins,
 ul.products.columns-4>li>a>span.price>ins {
   margin-left: 0;
   font-weight: 700
 }

 div.menu-katalog-container>ul {
   margin: 0;
   list-style: none;
   display: flex;
   flex-direction: column;
   justify-content: space-around
 }

 div.menu-katalog-container>ul>li {
   display: flex;
   justify-content: flex-start;
   box-shadow: 0 0 10px rgba(8, 78, 129, .25);
   border-radius: 10px;
   padding: 1em;
   margin-bottom: 1em
 }

 div.menu-katalog-container>ul>li:hover {
   transition: 1s;
   transform: scale(1.1)
 }

 div.menu-katalog-container>ul>li>a {
   width: 100%
 }

 .pagination-product {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   display: flex;
   justify-content: center;
   margin-bottom: 2em;
   margin-top: 1em
 }

 .pagonation-list {
   width: 100%;
   max-width: 160px;
   margin: auto;
   justify-content: space-around;
   display: flex;
   color: #000;
   font-size: 20px;
   font-weight: 700;
   align-items: center
 }

 .pagonation-list>a {
   margin-right: .3em
 }

 .pagonation-list>span {
   margin-right: .3em
 }

 .storefront-full-width-content.single-product div.product .woocommerce-product-gallery>figure>div>a {
   display: flex;
   justify-content: space-around
 }

 a.next.page-numbers {
   color: #fff;
   background-color: #f57d25;
   width: 45px;
   text-align: center;
   border-radius: 10px;
   padding: 6px
 }

 a.prev.page-numbers {
   color: #fff;
   background-color: #f57d25;
   width: 45px;
   text-align: center;
   border-radius: 10px;
   padding: 6px
 }

 a.page-numbers {
   color: #000
 }

 span.page-numbers.current {
   color: #f57d25
 }

 header.woocommerce-products-header {
   position: relative;
   margin-bottom: 3em
 }

 div.search-line {
   background: url(/wp-content/themes/magistral/img/orange-line.svg);
   width: 141%;
   height: 165px;
   position: absolute;
   z-index: 9;
   top: 3em;
   display: flex;
   align-items: center;
   background-repeat: no-repeat;
   background-position: right;
   background-size:cover ;
 }

 h1.woocommerce-products-header__title.page-title {
   text-align: left;
   font-weight: 700
 }

 div.dgwt-wcas-search-wrapp {
   margin-left: 6em
 }

 input#dgwt-wcas-search-input-1 {
   height: 55px
 }

 .contacts-map {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   margin-bottom: 3em
 }

 .element-maps {
   position: relative
 }

 .element-maps>iframe {
   border-radius: 10px
 }

 .contact-map-list {
   position: absolute;
   bottom: 0;
   right: 0;
   background: #edeff2;
   width: 100%;
   max-width: 450px;
   height: 234px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
   border-radius: 0 0 10px 0
 }

 .contact-map-list>p {
   display: flex;
   width: 100%;
   max-width: 352px;
   color: #000;
   margin-bottom: 5px
 }

 .contact-map-list>p>a {
   color: #000
 }

 .contact-map-list>p>img {
   margin-right: 1em;
   width: 25px;
   height: 25px
 }

 div.product.type-product {
   width: 100%;
   max-width: 1170px;
   margin: auto
 }

 ul.custom-attributes {
   list-style: none;
   margin: 0
 }

 ul.custom-attributes>li {
   color: #000
 }

 ul.custom-attributes>li>span.attribute-label {
   font-weight: 700;
   margin-right: 2em;
   width: 100%;
   max-width: 250px;
   display: inline-block
 }

 .price del>span.woocommerce-Price-amount.amount>bdi {
   display: inline-flex;
   text-decoration-line: line-through
 }

 span.woocommerce-Price-amount.amount>bdi {
   color: #334e84;
   font-weight: 700;
   font-size: 26px
 }

 div.woocommerce-tabs.wc-tabs-wrapper>ul {
   display: none
 }

 div.woocommerce-tabs.wc-tabs-wrapper>div#tab-description {
   width: 100% !important;
   color: #000
 }

 div.woocommerce-tabs.wc-tabs-wrapper>div#tab-description>h2 {
   font-weight: 700;
   color: #000
 }

 .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
   padding: 15px
 }

 .storefront-full-width-content.single-product div.product .woocommerce-product-gallery>figure>div {
   filter: drop-shadow(0 0 10px rgba(8, 78, 129, .25));
   border-radius: 10px
 }

 h2.woorelated-title {
   display: none
 }

 .related-product-block {
   position: relative;
   width: 100%;
   margin-bottom: 16em
 }

 .title-related>.h2-block-left {
   width: 47%
 }

 .woo-related-products-container {
   width: 100%;
   max-width: 1170px;
   margin: auto
 }

 .woo-related-products-container>ul>li {
   width: 23.435% !important;
   min-width: 270px;
 }

 nav.storefront-product-pagination {
   display: none
 }

 ul.products::before {
   display: none
 }

 ul.products::after {
   display: none
 }

 input.dgwt-wcas-search-input-1 {
   box-shadow: inset 0 0 10px rgba(8, 78, 129, .25);
   border-radius: 10px;
   border: none
 }

 .menu-katalog-container ul#menu-katalog li.current-menu-item {
   background: #f57d25
 }

 .menu-katalog-container ul#menu-katalog li.current-menu-item>a {
   color: #fff;
   font-weight: 700
 }

 .site-main>div.product {
   display: flex;
   flex-wrap: wrap
 }

 button.awooc-custom-order.button {
   filter: drop-shadow(0 0 10px rgba(8, 78, 129, .25));
   border-radius: 10px;
   background: #f57d25
 }

 button.awooc-custom-order.button:hover {
   transform: scale(1.04);
   transition: 1s;
   background: #f57d25
 }

 .awooc-col {
   padding: 0 !important
 }

 .awooc-col.columns-right {
   max-width: 100%;
   flex: auto;
   width: 100%
 }

 .woocommerce .awooc-custom-order-wrap .wpcf7-form-control {
   margin: 0 !important
 }

 .wpcf7-form p {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 15px
 }

 .wpcf7-form-control-wrap {
   width: 100%
 }

 .wpcf7-spinner {
   display: none !important
 }

 .awooc-popup-inner {
   padding: 15px 30px !important
 }

 h2.awooc-form-custom-order-title.awooc-popup-title {
   color: #000;
   font-weight: 700;
   margin: 0
 }

 .woocommerce .awooc-custom-order-wrap .wpcf7-form-control.wpcf7-submit {
   background: #f57d25 !important;
   border-radius: 10px
 }

 .woocommerce .awooc-custom-order-wrap .wpcf7-form-control.wpcf7-submit:hover {
   transition: 1s;
   transform: scale(1.05)
 }

 form>div.popup-form-main {
   padding: 2em
 }

 form>div.popup-form-main>label>span>input {
   width: 100%;
   background: white !important;
   border-radius: 10px;
   outline: none;
   padding: 1em;
   box-shadow: 0 0 10px rgb(8 78 129 / 25%);
   border: none
 }

 form>div.popup-form-main>p>label>span>input {
   width: 100%;
   background: white !important;
   border-radius: 10px;
   outline: none;
   padding: 1em;
   box-shadow: 0 0 10px rgb(8 78 129 / 25%);
   border: none
 }

 textarea.textarea-315 {
   width: 100%;
   background: white !important;
   resize: none;
   outline: none;
   border-radius: 10px;
   box-shadow: 0 0 10px rgb(8 78 129 / 25%);
   border: none
 }

 label>span>a {
   font-weight: 700;
   color: #f57d25
 }

 form>div.popup-form-main>p>input {
   width: 100%;
   max-width: 370px;
   display: block;
   color: #fff;
   background-color: #f57d25;
   margin: auto;
   border-radius: 10px;
   padding: 1em
 }

 form>div.popup-form-main>p>input:hover {
   color: #fff;
   background-color: #ff9a50;
   transition: 1s
 }

 .s-element.grand {
   background: url(/wp-content/themes/magistral/img/grand.webp) !important;
   background-size: cover !important
 }

 .s-element.simstec {
   background: url(/wp-content/themes/magistral/img/simstec.webp) !important;
   background-size: cover !important
 }

 .s-element.alternative {
   background: url(/wp-content/themes/magistral/img/alternative.webp) !important;
   background-size: cover !important
 }

 .s-element.simtek {
   background: url(/wp-content/themes/magistral/img/blagodarstvennoe-pismo-ot-simstek.jpg) !important;
   background-size: cover !important
 }

 .s-element.plusone {
   background: url(/wp-content/themes/magistral/img/Scanitto_new.jpg) !important;
   background-size: cover !important
 }

 .contact-info-under-price {
   display: flex;
   background: #fff;
   border: 1px solid #f57d25;
   padding: 9px;
   margin-top: 1em;
   filter: drop-shadow(0 0 10px rgba(8, 78, 129, .25))
 }

 .icon-phone {
   width: 16%;
   align-items: center;
   display: flex;
   justify-content: space-around
 }

 .meta-contact {
   display: flex;
   flex-wrap: wrap;
   width: 84%
 }

 .meta-contact p {
   margin: 0;
   color: #000;
   font-weight: 600
 }

 .meta-contact a {
   margin-top: 1%;
   color: #f57d25;
   font-size: 18px;
   margin-right: 1em
 }

 .organization-info {
   width: 100%;
   display: flex;
   justify-content: space-around;
   color: #fff;
   flex-wrap: wrap
 }

 .second-price {
   color: #334e84;
   font-weight: 700;
   font-size: 26px
 }

 .second-price bdi>span::after {
   display: none
 }

 .reviews-title {
   width: 100%;
   text-align: center
 }

 .reviews-title h2 {
   color: #000;
   font-weight: 700;
   font-size: 36px
 }

 .single-product div.product form.cart {
   position: relative
 }

 .single-product div.product form.cart button[type="button"] {
   width: 200px;
   position: absolute;
   left: 100px;
   bottom: 15px
 }

 @media (min-width:1024px) {
   header {
     position: fixed;
     width: 100%
   }
 }

 @media (max-width:1024px) {
   header {
     position: inherit;
     width: 100%
   }

   .left-line-text-title>h1 {
     font-size: 39px
   }

   h1.woocommerce-products-header__title.page-title {
     margin-left: 1em
   }

   div.search-line {
     right: -9em;
     margin-top: 1em;
     width: 111%
   }

   .reviews-element {
     max-width: 460px
   }

   .products-and-categories {
     padding: 2em
   }

   .title-related>.h2-block-left {
     width: 82%
   }

   .woo-related-products-container>ul>li {
     width: 20.435% !important
   }

   div.product.type-product {
     padding: 1em
   }

   .inside-reviwes-block {
     padding: 15px
   }

   .contact-text>p>img {
     width: 20px;
     height: 20px
   }

   .contact-text>p {
     align-items: center
   }

   .contacts {
     padding: 15px
   }

   .main-page-block {
     padding: 15px
   }

   .col-full {
     margin: 0
   }

   .img-block-mainpage {
     height: 746px !important
   }

   .left-line-text>img {
     padding-right: 2em
   }

   .right-bottom-button-block {
     height: 18em
   }

   .white-block {
     bottom: -8em
   }

   .grey-block {
     bottom: -12em
   }

   .left-line-text-title {
     top: 10em;
     left: 13em
   }

   .form-main-page {
     padding: 28px
   }

   .form-call-back-main-down>.text-form-call-back {
     max-width: 44%
   }

   .mob-menu-header-holder.mobmenu {
     width: 100%;
     background: #fff;
     height: 6em;
     display: flex;
     align-items: center;
     align-content: center;
     justify-content: space-between
   }

   .mobmenur-container {
     top: 28px !important;
     margin-right: 11px !important
   }

   .mobmenur-container i {
     font-size: 46px
   }

   .mob-menu-logo-holder {
     margin-left: 1em !important
   }

   .service-page-block {
     padding: 15px
   }

   .s-element {
     max-width: 234px
   }

   .our-services {
     margin-top: 3em
   }
 }

 @media (max-width:834px) {
   .main-page-block {
     padding: 7px
   }

   .col-full {
     margin: 0
   }

   .img-block-mainpage {
     height: 746px !important
   }

   .left-line-text>img {
     padding-right: 2em
   }

   .right-bottom-button-block {
     height: 20em
   }

   .white-block {
     bottom: -7em;
     left: 5em
   }

   .grey-block {
     bottom: -11em
   }

   .left-line-text-title {
     top: 8em;
     left: 3em
   }

   .left-line-text-title>h1 {
     font-size: 34px
   }

   .form-main-page {
     padding: 28px
   }

   .form-call-back-main-down>.text-form-call-back {
     max-width: 44%
   }

   .mob-menu-header-holder.mobmenu {
     width: 100%;
     background: #fff;
     height: 6em;
     display: flex;
     align-items: center;
     align-content: center;
     justify-content: space-between;
     margin: 0 auto;
     left: 0
   }

   .mobmenur-container {
     right: 15px;
     top: 24px
   }

   .mobmenur-container i {
     font-size: 46px
   }

   .mob-menu-logo-holder {
     margin-left: 1em
   }

   .our-services>.service>a>h2 {
     font-size: 20px;
     padding: 15px
   }

   .abbout-block>.img-and-text>.title-about {
     right: -12em;
     top: -5em
   }

   .text-about-company>.text>p {
     font-size: 14px
   }

   .title-completed {
     left: 0;
     top: -14em
   }

   .text-completed-works {
     width: 34%
   }

   .reviews-element {
     max-width: 377px
   }

   .form-call-back-main-down>.text-form-call-back {
     max-width: 37%
   }

   .text-inside>h3 {
     font-size: 28px
   }

   .text-inside>p {
     font-size: 16px
   }

   .s-element {
     max-width: 191px;
     height: 295px
   }

   .text-about-company>.text {
     padding-left: 15px
   }

   .right-title-line.title-sertificate {
     right: -15em
   }

   .text-service-element>.text-about-element-service {
     font-size: 14px
   }

   h1.woocommerce-products-header__title.page-title {
     font-size: 2em
   }
 }

 @media (max-width:800px) {
   .reviews-element {
     max-width: 370px
   }
 }

 @media (max-width:768px) {
   .title-jobs>h1 {
     font-size: 30px !important
   }

   .left-line-text-title>h1 {
     font-size: 34px
   }

   .right-bottom-button-block {
     height: 21em
   }

   .reviews-element {
     max-width: 352px
   }

   .form-call-back>div>form {
     max-width: 334px
   }

   .text-inside>h3 {
     font-size: 24px
   }

   .s-element {
     max-width: 205px;
     width: 100%;
   }
   .elements-sertificate {
    flex-wrap: wrap;
   }
   .woocommerce-breadcrumb {
     display: none
   }

   .left-line-text>img {
     padding-right: 0em
   }

   .left-line-text-title>h1 {
     font-size: 28px;
     line-height: 34px
   }

   .left-line-text-title {
     width: 85%
   }

   .reviews-element {
     max-width: 310px;
     padding: 35px
   }

   header.woocommerce-products-header {
     margin-bottom: 10em
   }
 }

 @media(max-width:700px) {
   .reviews-element {
     padding: 20px
   }

   .reviews-element {
     max-width: 270px
   }

   header.woocommerce-products-header>h1 {
     margin-top: 1em
   }

   div.search-line {
     margin-top: 0;
     top: 7em
   }
 }

 @media(max-width:548px) {
   .menu-katalog-container {
     width: 90%
   }

   .site {
     overflow: hidden
   }
 }

 @media (max-width:480px) {
   .menu-katalog-container {
     width: 100%
   }

   .left-line-text-title {
     width: 100%
   }

   .left-line-text-title>h1 {
     font-size: 25px;
     width: 300px
   }

   .title-jobs>h1 {
     font-size: 29px !important
   }

   .icons-social {
     justify-content: center
   }

   .footer-conainer {
     height: auto
   }

   .organization-info {
     flex-direction: column;
     margin: 1em auto;
     text-align: center
   }

   div.summary.entry-summary {
     margin: auto;
     width: 100%;
     padding: 15px
   }

   div.dgwt-wcas-search-wrapp {
     margin-left: 10em;
     max-width: 300px
   }

   .products-and-categories {
     flex-direction: column-reverse
   }

   .catalog-railway>.products-and-categories>ul.products>li {
     max-width: 302px
   }

   header.woocommerce-products-header {
     margin-bottom: 13em;
     display: flex;
     justify-content: space-around
   }

   div.search-line {
     right: -12.5em;
     margin-top: 4em;
     width: 169%
   }

   div.woo-related-products-container>ul>li {
     margin: auto !important;
     margin-bottom: 3em !important
   }

   .title-related {
     left: 0
   }

   .title-related>.h2-block-left {
     width: 84%
   }

   .woo-related-products-container>ul>li {
     width: 66.435% !important
   }

   div.img-block-mainpage {
     background-image: url("/wp-content/themes/magistral/img/Rectangle-42.webp");
     background-repeat: no-repeat;
     background-size: cover
   }

   .white-block {
     bottom: -6em;
     left: 0em;
     background: #fff;
     width: 100%;
     box-shadow: 0 4px 20px rgba(8, 78, 129, .25)
   }

   .grey-block {
     display: none
   }

   .left-line-text>img {
     max-width: 1000px;
     padding-top: 7em
   }

   .left-line-text-title {
     left: 1em
   }

   .our-services>.service {
     width: 77.9%
   }

   .abbout-block {
     margin-top: 14em
   }

   .abbout-block>.img-and-text {
     flex-direction: column
   }

   .abbout-block>.img-and-text>.title-about {
     right: -8em;
     top: -13em;
     background: url(/wp-content/themes/magistral/img/left-title.svg);
     width: 140%
   }

   .img-and-text>.picture {
     padding: 25px
   }

   .text-about-company {
     max-width: 100%;
     padding: 25px
   }

   .text-about-company>.text {
     padding-left: 0
   }

   .completed-works {
     margin-top: 17em
   }

   .title-completed {
     left: -15em;
     width: 212%
   }

   .left-title-line>.h2-block-left>h2 {
     max-width: 367px;
     font-size: 25px
   }

   .text-completed-works {
     width: 100%;
     margin-bottom: 0
   }

   .text-completed-works>.inside-text-completed-works {
     padding: 15px
   }

   .inside-reviwes-block {
     justify-content: space-around
   }

   .jobs-name-block .reviwes .inside-reviwes-block {
     margin-top: 10em
   }

   .reviews-element {
     margin-bottom: 2em
   }

   .form-call-back-main-down {
     flex-direction: column-reverse;
     background: linear-gradient(rgb(85, 101, 130), rgba(44, 56, 102, .8)), url(/wp-content/themes/magistral/img/toformvertical.webp) aliceblue;
     background-size: cover
   }

   .form-call-back>div>form>p {
     width: 100%
   }

   .form-call-back-main-down>.text-form-call-back {
     max-width: 282px
   }

   .title-contacts {
     left: -6em
   }

   .title-contacts>.h2-block-left {
     width: 99%
   }

   .title-contacts>.h2-block-left>h2 {
     width: 56%
   }

   .contacts-block {
     flex-direction: column;
     height: auto
   }

   .contacts-block>.map {
     max-width: 100%
   }

   .contact-text {
     max-width: 100%;
     background: #edeff2;
     border-radius: 10px;
     margin-top: 2em;
     margin-bottom: 2em
   }

   .contact-text>p {
     width: 62%
   }

   .slider-completed-works {
     max-width: 100%;
     padding: 0 15px
   }

   .contacts {
     padding: 0
   }

   .footer-top {
     height: 100%;
     flex-direction: column;
     justify-content: space-around
   }

   .footer-logo {
     width: 100%;
     justify-content: space-around;
     height: auto
   }

   .menu-nizhnee-container {
     justify-content: space-around;
     text-align: center
   }

   .menu-nizhnee-container>ul {
     margin-left: 0
   }

   .footer-bottom {
     flex-direction: column;
     width: 100%;
     max-width: 258px;
     margin: auto;
     margin-bottom: 2em;
     align-items: center;
     height: auto
   }

   .footer-bottom>span {
     font-size: 11px;
     justify-content: space-around
   }

   .office {
     text-align: center;
     margin-bottom: 1em
   }

   .elements-sertificate {
     flex-wrap: wrap;
     justify-content: space-around
   }

   .elements-sertificate>.s-element {
     margin-bottom: 2em
   }

   .title-service>h1 {
     text-align: center
   }

   .right-title-line.title-sertificate {
     right: 0em;
     width: 196%
   }

   .right-title-line.title-sertificate>.h2-block {
     width: 41%;
     max-width: 100%
   }

   .elements-sertificate {
     margin-bottom: 1em
   }

   .about-service-element {
     flex-direction: column
   }

   .about-service-element>div {
     max-width: 100%
   }
 }

 @media (max-width:414px) {
   .title-related.left-title-line>.h2-block-left>h2 {
     max-width: 354px
   }

   .left-line-text-title>h1 {
     font-size: 23px;
     width: 360px;
     margin-top: 1em
   }

   .abbout-block>.img-and-text>.title-about>.h2-block {
     max-width: 75%
   }

   .abbout-block>.img-and-text>.title-about>.h2-block>h2 {
     font-size: 28px
   }

   .title-completed {
     top: -12em;
     text-align: center
   }

   .title-completed>.h2-block-left>h2 {
     width: 100%
   }

   .contacts {
     padding: 0
   }

   .title-completed>.h2-block-left {
     width: 100%;
     padding-left: 0
   }
 }

 @media (max-width:390px) {
   .title-related.left-title-line>.h2-block-left>h2 {
     max-width: 338px
   }

   div.dgwt-wcas-search-wrapp {
     margin-left: 7em
   }

   .left-line-text-title>h1 {
     font-size: 21px;
     margin-top: 2em
   }

   .right-title-line.title-about>.h2-block {
     max-width: 76%
   }

   .right-title-line.title-about>.h2-block>h2 {
     font-size: 28px
   }

   .contacts {
     padding: 0
   }

   .s-element {
     max-width: 240px
   }
 }

 @media (max-width:375px) {
   .title-related.left-title-line>.h2-block-left>h2 {
     max-width: 322px
   }

   div.dgwt-wcas-search-wrapp {
     margin-left: 8em
   }

   div.search-line {
     right: -10.5em
   }

   .text-inside>h3,
   .text-inside>p {
     text-align: center
   }

   .contacts {
     padding: 0
   }

   .left-line-text-title>h1 {
     font-size: 22px;
     margin-top: 1em
   }

   .element-service>h1 {
     font-size: 32px
   }

   .our-services>.service {
     width: 94.9%
   }
 }

 @media (max-width:360px) {
   .title-related.left-title-line>.h2-block-left>h2 {
     max-width: 272px
   }

   div.dgwt-wcas-search-wrapp {
     margin-left: 7em
   }

   .abbout-block>.img-and-text>.title-about>.h2-block {
     max-width: 79%
   }

   .left-title-line>.h2-block-left {
     width: 76%
   }
 }

 @media (max-width:320px) {
   .left-line-text-title>h1 {
     font-size: 22px;
     width: 100%;
     max-width: 244px
   }

   .title-related.left-title-line>.h2-block-left>h2 {
     max-width: 255px
   }

   div.search-line {
     right: -7.5em
   }

   .abbout-block>.img-and-text>.title-about {
     right: -7em
   }

   .abbout-block>.img-and-text>.title-about>.h2-block {
     max-width: 83%
   }

   .title-completed>.h2-block-left {
     width: 78%
   }

   .text-inside>p {
     font-size: 14px
   }

   .text-inside>h3 {
     font-size: 20px
   }

   .form-call-back>div>form>p>label>span>span>span>label>span {
     font-size: 14px
   }

   .title-contacts>.h2-block-left>h2 {
     width: 52%
   }

   .left-title-line.title-contacts>.h2-block-left {
     width: 99%
   }

   .right-title-line.title-sertificate>.h2-block {
     width: 46%
   }
 }

 .about-block-h1 {
   display: flex;
   max-width: 1170px;
   justify-content: flex-start;
   width: 100%;
   margin: auto
 }

 .about-block-h1>h1 {
   font-weight: 700;
   margin-bottom: 1em;
   color: #000
 }

 .block-about-company {
   display: flex;
   max-width: 1170px;
   width: 100%;
   margin: auto;
   flex-direction: column
 }

 .first-block-company {
   display: flex;
   width: 100%;
   margin-bottom: 2em;
   padding: 0 15px;
   justify-content: space-between;
   flex-wrap: wrap
 }

 .first-block-company>.full-text-company {
   width: 100%;
   margin-top: 1em
 }

 .first-block-company>.full-text-company>ul {
   color: #000
 }

 .first-block-company>.full-text-company>p {
   color: #000
 }

 .img-block-company {
   display: flex;
   max-width: 53%;
   width: 100%;
   height: 40%;
   margin-right: 20px
 }

 .text-block-company {
   display: flex;
   max-width: 45%;
   flex-direction: column
 }

 .text-block-company>p {
   color: #000
 }

 .company-mission {
   width: 100%;
   max-width: 100%;
   margin: auto;
   display: flex;
   position: relative;
   margin-top: 16em;
   margin-bottom: 20em
 }

 .left-mission-line {
   background: url(/wp-content/themes/magistral/img/left-title.svg);
   background-repeat: no-repeat;
   height: 163px;
   background-size: contain;
   width: 980px;
   max-width: 75%;
   display: flex;
   justify-content: flex-end;
   position: absolute;
   padding-right: 12%;
   align-items: center
 }

 .h2-mission-left {
   width: 100%;
   display: flex;
   justify-content: flex-end
 }

 .h2-mission-left>h2 {
   font-weight: 700;
   color: #000;
   margin: 0
 }

 .title-mission {
   left: 0em;
   top: -14em
 }

 .right-mission-line {
   background: url(/wp-content/themes/magistral/img/Rectangle%2064.svg);
   height: 270px;
   background-repeat: no-repeat;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   position: absolute;
   width: 1250px;
   max-width: 75%;
 }

 .mission-title {
   left: auto;
   top: -2em;
   right: 0;
 }

 .text-block-mission {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   width: 100%;
   margin-left: 12em;
   max-width: 75%
   
 }

 .text-block-mission>p {
   color: #fff;
   font-size: 24px;
   margin: auto;
   font-weight: 300
 }

 .company-purpose {
   width: 100%;
   max-width: 100%;
   margin: auto;
   display: flex;
   position: relative;
   margin-top: 32em;
   margin-bottom: 6em
 }

 .title-purpose {
   left: 0em;
   top: -13em
 }

 .h2-purpose-left {
   width: 100%;
   display: flex;
   justify-content: flex-end
 }

 .h2-purpose-left>h2 {
   font-weight: 700;
   color: #000;
   margin: 0
 }

 .purpose-list-company {
   display: flex;
   width: 100%;
   max-width: 100%;
   margin: auto;
   padding: 0 15px;
   justify-content: center;
   /* height: 560px */
 }

 .purpose-list-company>ul {
   display: flex;
   max-width: 1170px;
   background: #edeff2;
   border-radius: 10px;
   padding: 63px;
   justify-content: space-around;
   margin: 0;
   flex-direction: column
 }

 .purpose-list-company>ul>li {
   color: rgba(245, 125, 37, 1);
   font-size: 24px
 }

 .purpose-list-company>ul>li>span {
   font-size: 24px;
   color: rgba(0, 0, 0, 1);
   font-weight: 400
 }

 @media (max-width:1366px) {
   .text-block-mission {
     max-width: 70%
   }

   .title-completed,
   .title-contacts {
     left: 0em;
     width: 100%
   }
 }

 @media (max-width:1024px) {
   .abbout-block>.img-and-text>.title-about {
     top: -2em
   }

   .title-mission {
     left: -30em
   }

   .about-block-h1 {
     margin-left: 1em
   }

   .h2-mission-left {
     width: 84%
   }

   .mission-title {
     left: 5em
   }

   .text-block-mission {
     margin-left: 9em;
     max-width: 77%
   }

   .title-purpose {
     left: -30em
   }

   .h2-purpose-left {
     width: 77%
   }

   .sertificate-block {
     padding: 0 15px
   }
 }

 @media (max-width:834px) {
   .img-block-company>img {
     height: 55%
   }

   .left-mission-line {
     width: 115%
   }

   .h2-purpose-left {
     width: 80%
   }

   .text-block-mission>p {
     font-size: 18px
   }

   .purpose-list-company>ul>li>span {
     font-size: 18px
   }

   .text-block-mission {
     margin-left: 8em
   }
 }

 @media (max-width:768px) {
   .left-mission-line {
     width: 125%
   }
 }

 @media (max-width:428px) {
   .img-block-company>img {
     height: auto
   }

   .about-block-h1>h1 {
     font-size: 48px
   }

   .first-block-company {
     justify-content: center;
     flex-wrap: wrap
   }

   .img-block-company {
     max-width: 100%;
     width: 100%;
     margin: 0;
     margin-bottom: 2em
   }

   .img-block-company>img {
     width: 100%
   }

   .text-block-company {
     max-width: 100%
   }

   .title-mission {
     left: 0em
   }

   .h2-mission-left {
     width: 59%
   }

   .h2-mission-left>h2 {
     font-size: 24px
   }

   .mission-title {
     left: -8em
   }

   .text-block-mission {
     margin-left: 10em
   }

   .title-purpose {
     left: 0em
   }

   .h2-purpose-left {
     width: 55%
   }

   .h2-purpose-left>h2 {
     font-size: 24px
   }

   .about-block-h1>h1 {
     font-size: 40px
   }

   .purpose-list-company>ul>li {
     margin: 1em 0em 0em 1em
   }

   .purpose-list-company {
     height: 100%
   }

   .purpose-list-company>ul {
     margin: 1em 0em 0em 0em
   }
 }

 @media (max-width:390px) {
   .right-title-line.title-sertificate {
     right: -4em
   }

   .right-title-line.title-sertificate>.h2-block {
     width: 53%
   }

   .title-completed>.h2-block-left {
     width: 80%
   }

   .h2-purpose-left {
     width: 57%
   }

   .text-block-mission {
     margin-left: 9em
   }
 }

 @media (max-width:320px) {
   .h2-mission-left {
     width: 65%
   }

   .h2-purpose-left {
     width: 61%
   }
 }

 .title-guarantee {
   display: flex;
   width: 100%;
   justify-content: flex-start
 }

 .title-guarantee>h1 {
   font-weight: 700;
   font-size: 64px;
   color: #000
 }

 .main-block-guarantee {
   display: flex;
   max-width: 1170px;
   padding: 0 15px;
   margin: auto;
   flex-direction: column
 }

 .text-guarantee {
   display: flex;
   width: 100%;
   flex-direction: column;
   margin-bottom: 2em
 }

 .text-guarantee>span {
   font-size: 18px;
   color: #000
 }

 @media (max-width:834px) {
   .title-guarantee>h1 {
     font-size: 48px
   }

   .text-guarantee>span {
     font-size: 14px
   }
 }

 @media (max-width:428px) {
   .title-guarantee {
     padding: 0 15px
   }

   .title-guarantee>h1 {
     font-size: 40px
   }

   .text-guarantee {
     padding: 0 15px
   }
 }

 .payment-method-block {
   display: flex;
   max-width: 1170px;
   padding: 0 15px;
   margin: auto;
   flex-direction: column
 }

 .title-payment {
   display: flex;
   width: 100%;
   justify-content: flex-start
 }

 .title-payment>h1 {
   font-weight: 700;
   font-size: 64px;
   color: #000
 }

 .title-text {
   display: flex;
   width: 100%;
   flex-direction: column;
   margin-bottom: 2em
 }

 .title-text>span {
   font-size: 18px;
   color: #000
 }

 .subtitle-first-way {
   width: 100%;
   display: flex;
   margin-bottom: 2em;
   justify-content: flex-start
 }

 .subtitle-first-way>h4 {
   font-size: 24px;
   color: #000;
   font-weight: 700
 }

 .text-way-first {
   display: flex;
   flex-direction: column;
   margin-bottom: 3em
 }

 .text-way-first>span {
   font-size: 18px;
   color: #000
 }

 @media (max-width:834px) {
   .title-payment>h1 {
     font-size: 48px
   }

   .text-way-first>span {
     font-size: 14px
   }
 }

 @media (max-width:428px) {
   .title-payment>h1 {
     font-size: 40px
   }

   .payment-method-block {
     padding: 0 30px
   }
 }

 .delivery-block {
   display: flex;
   max-width: 1170px;
   padding: 0 15px;
   margin: auto;
   flex-direction: column
 }

 .title-dilivery {
   display: flex;
   width: 100%;
   justify-content: flex-start
 }

 .title-dilivery>h1 {
   font-weight: 700;
   font-size: 64px;
   color: #000
 }

 .first-block-dilivery {
   display: flex;
   width: 100%;
   margin-bottom: 3em;
   justify-content: space-between
 }

 .img-block-dilivery {
   display: flex;
   max-width: 50%;
   width: 100%;
   height: 40%;
   margin-right: 20px
 }

 .dilivery-img-text {
   display: flex;
   width: 48%;
   max-width: 100%;
   flex-direction: column
 }

 .dilivery-img-text>p {
   font-size: 18px;
   color: #000;
   line-height: 23px
 }

 .text-dilivery {
   display: flex;
   width: 100%;
   flex-direction: column;
   margin-bottom: 3em
 }

 .text-dilivery>p {
   font-size: 18px;
   color: #000;
   line-height: 23px
 }

 .two-block-dilivery {
   display: flex;
   width: 100%;
   margin-bottom: 3em;
   justify-content: space-between
 }

 .text-two-img {
   display: flex;
   width: 48%;
   flex-direction: column;
   margin-right: 20px;
   max-width: 100%
 }

 .text-two-img>p {
   font-size: 18px;
   color: #000;
   line-height: 23px
 }

 .img-dilivery-two {
   display: flex;
   max-width: 50%;
   width: 100%;
   height: 40%
 }

 .office {
   display: flex;
   flex-direction: column;
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   width: 45%
 }

 .office a {
   color: white !important
 }

 span.kirova {
   margin-bottom: 1em
 }

 span.organization-tm {
   max-width: 325px
 }

 span.link-policy {
   max-width: 325px
 }

 @media (max-width:1024px) {
   .title-dilivery>h1 {
     font-size: 48px
   }

   .dilivery-img-text>p {
     font-size: 14px;
     line-height: 18px
   }

   .text-dilivery>p {
     font-size: 14px;
     line-height: 18px
   }

   .text-two-img>p {
     font-size: 14px;
     line-height: 18px
   }

   .img-block-dilivery {
     max-width: 44%
   }

   .dilivery-img-text {
     width: 54%;
     justify-content: space-between
   }

   .text-two-img {
     width: 54%;
     justify-content: space-between
   }

   .img-dilivery-two {
     max-width: 44%
   }
 }

 @media (max-width:428px) {
   .delivery-block {
     padding: 0 30px
   }

   .title-dilivery>h1 {
     font-size: 40px
   }

   .first-block-dilivery {
     flex-wrap: wrap
   }

   .img-block-dilivery {
     max-width: 100%;
     margin: 0
   }

   .dilivery-img-text {
     width: 100%;
     margin-top: 2em
   }

   .two-block-dilivery {
     flex-direction: column-reverse
   }

   .img-dilivery-two {
     max-width: 100%;
     margin-bottom: 2em
   }

   .text-two-img {
     width: 100%;
     margin: 0
   }
 }

 .work-exaples-block {
   display: flex;
   width: 100%;
   max-width: 1170px;
   margin: auto;
   justify-content: space-around;
   height: auto;
   flex-wrap: wrap
 }

 .work-title {
   display: flex;
   width: 100%;
   justify-content: flex-start
 }

 .work-title>h1 {
   font-weight: 700;
   font-size: 64px;
   color: #000
 }

 .work-block {
   display: flex;
   width: 100%;
   max-width: 1170px;
   margin: auto;
   justify-content: space-around;
   margin-top: 3em;
   margin-bottom: 3em;
   height: auto;
   flex-wrap: wrap
 }

 .work-block>.service {
   display: flex;
   width: 31.9%;
   height: 300px;
   margin-bottom: 2em;
   border-radius: 15px;
   background-size: cover !important
 }

 .work-block>.service>a {
   width: 95%;
   display: flex;
   align-items: end;
   justify-content: space-around
 }

 .work-block>.service>a>h2 {
   color: #fff;
   font-weight: 700;
   margin-bottom: 2em;
   width: 100%;
   max-width: 270px;
   font-size: 26px
 }

 .work-block>.service:hover {
   background: linear-gradient(0deg, #182a4d, #182a4d), #c4c4c4 !important;
   transition: 1s;
   transform: scale(1.05)
 }

 @media (max-width:1024px) {
   .work-exaples-block {
     padding: 15px
   }

   .work-title>h1 {
     font-size: 48px;
     margin-left: 10px
   }
 }

 @media (max-width:834px) {
   .work-exaples-block {
     padding: 7px
   }

   .work-block>.service>a>h2 {
     font-size: 20px;
     padding: 15px
   }
 }

 @media (max-width:428px) {
   .SliderSwiper .swiper-wrapper .swiper-slide img {
     padding: 0;
     max-width: 100%;
     height: 100% !important
   }

   .abbout-block>.img-and-text>.title-about {
     top: -13em
   }

   .work-title>h1 {
     font-size: 40px
   }

   .work-block>.service {
     width: 77.9%
   }
 }

 .jobs-name-block {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   display: flex;
   flex-direction: column;
   margin-bottom: 3em;
   padding: 15px
 }

 .title-jobs {
   display: flex;
   width: 100%;
   justify-content: flex-start
 }

 .title-jobs>h1 {
   font-weight: 700;
   font-size: 64px;
   color: #000
 }

 .entry-header {
   display: flex;
   max-width: 1170px;
   width: 100%;
   margin: auto;
   flex-direction: column
 }

 .entry-header>h1 {
   color: #000
 }

 .entry-content {
   display: flex;
   max-width: 1170px;
   width: 100%;
   margin: auto;
   flex-direction: column
 }

 .entry-content>h2 {
   margin: 1em 0em;
   color: #000
 }

 .entry-content>p {
   margin: 0;
   color: #000
 }

 .policy-block {
   display: flex;
   max-width: 1170px;
   width: 100%;
   padding: 0 10px;
   margin: auto;
   flex-direction: column
 }

 .title-polity {
   display: flex;
   width: 100%;
   justify-content: flex-start
 }

 .title-polity>h1 {
   font-weight: 700;
   font-size: calc((100vw - 480px) / (1280 - 280) * (64 - 36) + 36px);
   color: #000
 }

 .title-polity-block {
   display: flex;
   width: 100%;
   justify-content: flex-start
 }

 .title-polity-block>h3 {
   font-weight: 700;
   font-size: calc((100vw - 480px) / (1280 - 480) * (36 - 24) + 24px);
   color: #000
 }

 .text-polity-block {
   display: flex;
   width: 100%;
   justify-content: flex-start;
   flex-direction: column
 }

 .text-polity-block>p {
   font-size: calc((100vw - 480px) / (1280 - 480) * (24 - 16) + 16px);
   color: #000000ad
 }

 @media (max-width:1024px) {
   .policy-block {
     padding: 0 30px
   }
 }

 .reviwes-block {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   display: flex;
   flex-direction: column;
   padding: 0 15px
 }

 .text-reviwes-block {
   display: flex;
   justify-content: space-between;
   width: 100%;
   flex-wrap: wrap;
   margin-bottom: 2em
 }

 .h1-block-reviwes {
   display: flex;
   max-width: 1170px;
   justify-content: flex-start;
   width: 100%;
   margin: auto
 }

 .h1-block-reviwes>h1 {
   font-size: calc((100vw - 428px) / (1280 - 428) * (64 - 40) + 40px);
   font-weight: 700;
   margin-bottom: 1em;
   color: #000
 }

 @media (max-width:428px) {
   .text-reviwes-block {
     justify-content: space-around
   }
 }

 .error-404 {
   width: 100%;
   max-width: 1170px;
   margin: auto
 }

 .page-error-404_wrapp {
   display: flex;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 0 15px;
   text-align: center
 }

 .page-error-404_wrapp p {
   font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   color: #f57d25;
   font-size: 175px;
   font-weight: 700;
   padding: 0;
   line-height: 150px;
   margin: 0
 }

 .page-error-404_wrapp h1 {
   font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   color: #727272;
   font-size: 48px;
   padding: 0;
   margin: 0
 }

 .page-error-404_wrapp span {
   font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   color: #727272;
   font-size: 28px;
   padding: 0;
   margin: 0
 }

 @media (max-width:680px) {
   .page-error-404_wrapp p {
     font-size: 110px;
     line-height: 115px
   }

   .page-error-404_wrapp h1 {
     font-size: 40px
   }

   .page-error-404_wrapp span {
     font-size: 22px
   }
 }

 @media (max-width:430px) {
   .page-error-404_wrapp h1 {
     font-size: 34px
   }

   .page-error-404_wrapp span {
     font-size: 18px
   }
 }

 .container-prajs-title {
   width: 100%;
   max-width: 1170px;
   margin: 0 auto
 }

 .container-prajs-title h1 {
   font-weight: 700
 }

 .container-prajs-list {
   max-width: 1170px;
   width: 100%;
   margin: 0 auto;
   margin-bottom: 100px;
   display: flex;
   flex-direction: column;
   align-items: center
 }

 .wp-block-table {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 60px
 }

 .wp-block-table td a {
   color: #000
 }

 table>tbody>tr:nth-child(1)>td:nth-child(3) {
   text-align: center !important
 }

 table>tbody>tr:nth-child(1)>td:nth-child(4) {
   text-align: center !important
 }

 .container-prajs-list table>tbody>tr:nth-child(1)>td {
   font-weight: 700
 }

 .container-prajs-list .wp-block-table:not(.has-background):not(.is-style-stripes) tbody tr:nth-child(2n) td {
   background-color: #edeff2
 }

 .container-prajs-list table>tbody>tr:nth-child(1)>td {
   color: #000;
   vertical-align: middle;
   text-align: left
 }

 table>tbody>tr>td:nth-child(2) {
   width: 180px
 }

 table>tbody>tr>td:nth-child(3) {
   text-align: center;
   width: 180px
 }

 table>tbody>tr>td:nth-child(4) {
   text-align: center;
   width: 180px
 }

 table>tbody>tr:nth-child(1)>td:nth-child(1)>a {
   text-decoration: none
 }

 .container-prajs-list tbody>tr>td:nth-child(1) {
   width: 60%
 }

 table>tbody>tr>td>a {
   text-decoration: underline
 }

 .container-prajs-list table>tbody>tr>td {
   color: #000;
   background-color: transparent
 }

 .container-prajs-list tbody tr {
   display: none;
   vertical-align: middle;
   text-align: center;
   transition: all 0.3s ease
 }

 .container-prajs-list tbody tr:nth-child(-n+4) {
   display: table-row;
   vertical-align: middle;
   opacity: 1
 }

 .btn-price-list-more {
   background: #f57d25;
   border-radius: 10px;
   color: #fff;
   margin: 0 auto;
   font-size: 14px
 }

 .btn-price-list-more:hover {
   background: #ff9a50;
   transition: 1s;
   color: #fff
 }

 @media(max-width:780px) {
   table>tbody>tr>td {
     font-size: 12px
   }
 }

 @media(max-width:420px) {
   table>tbody>tr>td {
     font-size: 10px
   }

   .container-prajs-list tbody>tr>td:nth-child(1) {
     width: 45%
   }
 }

 @font-face {
   font-family: "swiper-icons";
   src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
   font-weight: 400;
   font-style: normal
 }

 :root {
   --swiper-theme-color: #007aff
 }

 .swiper {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   z-index: 1
 }

 .swiper-vertical>.swiper-wrapper {
   flex-direction: column
 }

 .swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: flex;
   transition-property: transform;
   box-sizing: content-box
 }

 .swiper-android .swiper-slide,
 .swiper-wrapper {
   transform: translate3d(0, 0, 0)
 }

 .swiper-pointer-events {
   touch-action: pan-y
 }

 .swiper-pointer-events.swiper-vertical {
   touch-action: pan-x
 }

 .swiper-slide {
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   transition-property: transform
 }

 .swiper-slide-invisible-blank {
   visibility: hidden
 }

 .swiper-autoheight,
 .swiper-autoheight .swiper-slide {
   height: auto
 }

 .swiper-autoheight .swiper-wrapper {
   align-items: flex-start;
   transition-property: transform, height
 }

 .swiper-backface-hidden .swiper-slide {
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }

 .swiper-3d,
 .swiper-3d.swiper-css-mode .swiper-wrapper {
   perspective: 1200px
 }

 .swiper-3d .swiper-wrapper,
 .swiper-3d .swiper-slide,
 .swiper-3d .swiper-slide-shadow,
 .swiper-3d .swiper-slide-shadow-left,
 .swiper-3d .swiper-slide-shadow-right,
 .swiper-3d .swiper-slide-shadow-top,
 .swiper-3d .swiper-slide-shadow-bottom,
 .swiper-3d .swiper-cube-shadow {
   transform-style: preserve-3d
 }

 .swiper-3d .swiper-slide-shadow,
 .swiper-3d .swiper-slide-shadow-left,
 .swiper-3d .swiper-slide-shadow-right,
 .swiper-3d .swiper-slide-shadow-top,
 .swiper-3d .swiper-slide-shadow-bottom {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10
 }

 .swiper-3d .swiper-slide-shadow {
   background: rgba(0, 0, 0, .15)
 }

 .swiper-3d .swiper-slide-shadow-left {
   background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-3d .swiper-slide-shadow-right {
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-3d .swiper-slide-shadow-top {
   background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-3d .swiper-slide-shadow-bottom {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-css-mode>.swiper-wrapper {
   overflow: auto;
   scrollbar-width: none;
   -ms-overflow-style: none
 }

 .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
   display: none
 }

 .swiper-css-mode>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: start start
 }

 .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
   scroll-snap-type: x mandatory
 }

 .swiper-vertical.swiper-css-mode>.swiper-wrapper {
   scroll-snap-type: y mandatory
 }

 .swiper-centered>.swiper-wrapper::before {
   content: "";
   flex-shrink: 0;
   order: 9999
 }

 .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
   margin-inline-start: var(--swiper-centered-offset-before)
 }

 .swiper-centered.swiper-horizontal>.swiper-wrapper::before {
   height: 100%;
   min-height: 1px;
   width: var(--swiper-centered-offset-after)
 }

 .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
   margin-block-start: var(--swiper-centered-offset-before)
 }

 .swiper-centered.swiper-vertical>.swiper-wrapper::before {
   width: 100%;
   min-width: 1px;
   height: var(--swiper-centered-offset-after)
 }

 .swiper-centered>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: center center
 }

 .swiper-virtual .swiper-slide {
   -webkit-backface-visibility: hidden;
   transform: translateZ(0)
 }

 .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none
 }

 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
   height: 1px;
   width: var(--swiper-virtual-size)
 }

 .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
   width: 1px;
   height: var(--swiper-virtual-size)
 }

 :root {
   --swiper-navigation-size: 44px
 }

 .swiper-button-prev,
 .swiper-button-next {
   position: absolute;
   top: 50%;
   width: calc(var(--swiper-navigation-size) / 44 * 27);
   height: var(--swiper-navigation-size);
   margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
   z-index: 10;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--swiper-navigation-color, var(--swiper-theme-color))
 }

 .swiper-button-prev.swiper-button-disabled,
 .swiper-button-next.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none
 }

 .swiper-button-prev.swiper-button-hidden,
 .swiper-button-next.swiper-button-hidden {
   opacity: 0;
   cursor: auto;
   pointer-events: none
 }

 .swiper-navigation-disabled .swiper-button-prev,
 .swiper-navigation-disabled .swiper-button-next {
   display: none !important
 }

 .swiper-button-prev:after,
 .swiper-button-next:after {
   font-family: swiper-icons;
   font-size: var(--swiper-navigation-size);
   text-transform: none !important;
   letter-spacing: 0;
   font-variant: initial;
   line-height: 1
 }

 .swiper-button-prev,
 .swiper-rtl .swiper-button-next {
   left: 10px;
   right: auto
 }

 .swiper-button-prev:after,
 .swiper-rtl .swiper-button-next:after {
   content: "prev"
 }

 .swiper-button-next,
 .swiper-rtl .swiper-button-prev {
   right: 10px;
   left: auto
 }

 .swiper-button-next:after,
 .swiper-rtl .swiper-button-prev:after {
   content: "next"
 }

 .swiper-button-lock {
   display: none
 }

 .swiper-pagination {
   position: absolute;
   text-align: center;
   transition: 300ms opacity;
   transform: translate3d(0, 0, 0);
   z-index: 10
 }

 .swiper-pagination.swiper-pagination-hidden {
   opacity: 0
 }

 .swiper-pagination-disabled>.swiper-pagination,
 .swiper-pagination.swiper-pagination-disabled {
   display: none !important
 }

 .swiper-pagination-fraction,
 .swiper-pagination-custom,
 .swiper-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-bullets.swiper-pagination-horizontal {
   bottom: 10px;
   left: 0;
   width: 100%
 }

 .swiper-pagination-bullets-dynamic {
   overflow: hidden;
   font-size: 0
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transform: scale(.33);
   position: relative
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
   transform: scale(1)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
   transform: scale(1)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
   transform: scale(.66)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
   transform: scale(.33)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
   transform: scale(.66)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
   transform: scale(.33)
 }

 .swiper-pagination-bullet {
   width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
   height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
   display: inline-block;
   border-radius: 50%;
   background: var(--swiper-pagination-bullet-inactive-color, #000);
   opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
 }

 button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   box-shadow: none;
   -webkit-appearance: none;
   appearance: none
 }

 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
 }

 .swiper-pagination-bullet:only-child {
   display: none !important
 }

 .swiper-pagination-bullet-active {
   opacity: var(--swiper-pagination-bullet-opacity, 1);
   background: var(--swiper-pagination-color, var(--swiper-theme-color))
 }

 .swiper-vertical>.swiper-pagination-bullets,
 .swiper-pagination-vertical.swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   transform: translate3d(0, -50%, 0)
 }

 .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
 .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
   display: block
 }

 .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   top: 50%;
   transform: translateY(-50%);
   width: 8px
 }

 .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   display: inline-block;
   transition: 200ms transform, 200ms top
 }

 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
 }

 .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
 .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap
 }

 .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
 .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transition: 200ms transform, 200ms left
 }

 .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transition: 200ms transform, 200ms right
 }

 .swiper-pagination-progressbar {
   background: rgba(0, 0, 0, .25);
   position: absolute
 }

 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background: var(--swiper-pagination-color, var(--swiper-theme-color));
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   transform: scale(0);
   transform-origin: left top
 }

 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   transform-origin: right top
 }

 .swiper-horizontal>.swiper-pagination-progressbar,
 .swiper-pagination-progressbar.swiper-pagination-horizontal,
 .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0
 }

 .swiper-vertical>.swiper-pagination-progressbar,
 .swiper-pagination-progressbar.swiper-pagination-vertical,
 .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
 .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0
 }

 .swiper-pagination-lock {
   display: none
 }

 .swiper-scrollbar {
   border-radius: 10px;
   position: relative;
   -ms-touch-action: none;
   background: rgba(0, 0, 0, .1)
 }

 .swiper-scrollbar-disabled>.swiper-scrollbar,
 .swiper-scrollbar.swiper-scrollbar-disabled {
   display: none !important
 }

 .swiper-horizontal>.swiper-scrollbar,
 .swiper-scrollbar.swiper-scrollbar-horizontal {
   position: absolute;
   left: 1%;
   bottom: 3px;
   z-index: 50;
   height: 5px;
   width: 98%
 }

 .swiper-vertical>.swiper-scrollbar,
 .swiper-scrollbar.swiper-scrollbar-vertical {
   position: absolute;
   right: 3px;
   top: 1%;
   z-index: 50;
   width: 5px;
   height: 98%
 }

 .swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(0, 0, 0, .5);
   border-radius: 10px;
   left: 0;
   top: 0
 }

 .swiper-scrollbar-cursor-drag {
   cursor: move
 }

 .swiper-scrollbar-lock {
   display: none
 }

 .swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center
 }

 .swiper-zoom-container>img,
 .swiper-zoom-container>svg,
 .swiper-zoom-container>canvas {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain
 }

 .swiper-slide-zoomed {
   cursor: move
 }

 .swiper-lazy-preloader {
   width: 42px;
   height: 42px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -21px;
   margin-top: -21px;
   z-index: 10;
   transform-origin: 50%;
   box-sizing: border-box;
   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
   border-radius: 50%;
   border-top-color: transparent
 }

 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
 .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
   animation: swiper-preloader-spin 1s infinite linear
 }

 .swiper-lazy-preloader-white {
   --swiper-preloader-color: #fff
 }

 .swiper-lazy-preloader-black {
   --swiper-preloader-color: #000
 }

 @keyframes swiper-preloader-spin {
   0% {
     transform: rotate(0deg)
   }

   100% {
     transform: rotate(360deg)
   }
 }

 .swiper .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000
 }

 .swiper-free-mode>.swiper-wrapper {
   transition-timing-function: ease-out;
   margin: 0 auto
 }

 .swiper-grid>.swiper-wrapper {
   flex-wrap: wrap
 }

 .swiper-grid-column>.swiper-wrapper {
   flex-wrap: wrap;
   flex-direction: column
 }

 .swiper-fade.swiper-free-mode .swiper-slide {
   transition-timing-function: ease-out
 }

 .swiper-fade .swiper-slide {
   pointer-events: none;
   transition-property: opacity
 }

 .swiper-fade .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-fade .swiper-slide-active,
 .swiper-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-cube {
   overflow: visible
 }

 .swiper-cube .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   transform-origin: 0 0;
   width: 100%;
   height: 100%
 }

 .swiper-cube .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-cube.swiper-rtl .swiper-slide {
   transform-origin: 100% 0
 }

 .swiper-cube .swiper-slide-active,
 .swiper-cube .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-cube .swiper-slide-active,
 .swiper-cube .swiper-slide-next,
 .swiper-cube .swiper-slide-prev,
 .swiper-cube .swiper-slide-next+.swiper-slide {
   pointer-events: auto;
   visibility: visible
 }

 .swiper-cube .swiper-slide-shadow-top,
 .swiper-cube .swiper-slide-shadow-bottom,
 .swiper-cube .swiper-slide-shadow-left,
 .swiper-cube .swiper-slide-shadow-right {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }

 .swiper-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: .6;
   z-index: 0
 }

 .swiper-cube .swiper-cube-shadow:before {
   content: "";
   background: #000;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   filter: blur(50px)
 }

 .swiper-flip {
   overflow: visible
 }

 .swiper-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1
 }

 .swiper-flip .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-flip .swiper-slide-active,
 .swiper-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-flip .swiper-slide-shadow-top,
 .swiper-flip .swiper-slide-shadow-bottom,
 .swiper-flip .swiper-slide-shadow-left,
 .swiper-flip .swiper-slide-shadow-right {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }

 .swiper-creative .swiper-slide {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   overflow: hidden;
   transition-property: transform, opacity, height
 }

 .swiper-cards {
   overflow: visible
 }

 .swiper-cards .swiper-slide {
   transform-origin: center bottom;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   overflow: hidden
 }

 .Swiper_bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: auto;
   max-width: 600px;
   width: 100%;
   margin-bottom: 20px
 }

 .Swiper_bottom .swiper-slide {
   height: 235px;
   border-radius: 10px
 }

 .Swiper_bottom .swiper-slide img {
   border-radius: 10px;
   -o-object-fit: cover;
   object-fit: cover
 }

 .SliderSwiper {
   max-width: 600px;
   width: 100%
 }

 .SliderSwiper,
 .SliderSwiper .swiper-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }

 .SliderSwiper .swiper-wrapper {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
 }

 .SliderSwiper .swiper-wrapper .swiper-slide {
   height: 150px;
   max-width: 150px;
   width: 100%
 }

 .SliderSwiper .swiper-wrapper .swiper-slide img {
   border-radius: 10px;
   cursor: pointer;
   height: 150px;
   max-width: 150px;
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%
 }

 @media (max-width:1080px) {
   .Swiper_bottom {
     margin-bottom: 0
   }

   .description-text {
     max-width: 100%;
     padding: 2em
   }

   .SliderSwiper .swiper-wrapper .swiper-slide img {
     padding: 0 5px
   }
 }

 @media(max-width:480px) {
   .menu-nizhnee-container>ul>li>a {
     font-size: 20px
   }

   .footer-top {
     align-items: center
   }
 }

 @media (max-width:360px) {
   .SliderSwiper .swiper-wrapper .swiper-slide {
     max-width: 100px
   }
 }

 .wpcf7-list-item {
   margin: 0
 }

 .acceptance-invert>a {
   color: #f57d25
 }

 .description-text {
   width: 100%;
   max-width: 1170px;
   margin: auto
 }

 button.single_add_to_cart_button {
   filter: drop-shadow(0 0 10px rgba(8, 78, 129, .25));
   border-radius: 10px;
   background-color: #f57d25 !important
 }

 button.single_add_to_cart_button:hover {
   transform: scale(1.04);
   transition: 1s
 }

 .storefront-full-width-content.woocommerce-cart .entry-header {
   position: relative
 }

 .entry-header {
   position: relative
 }

 table.full_techs {
   width: 100%;
   margin: 10px 0
 }

 .full_techs th {
   background-color: transparent;
   padding: 25px;
   width: 50%;
   border: 1px solid #3333331a;
   color: #33333380;
   text-transform: uppercase;
   line-height: 150%;
   text-align: center
 }

 .full_techs td p,
 .full_techs th p {
   margin: 0
 }

 .full_techs tr:nth-child(even) {
   background-color: #F2F6FF
 }

 .full_techs td {
   padding: 10px 25px;
   border: 1px solid #3333331a;
   color: #5a5a5a;
   font-size: 14px;
   vertical-align: bottom
 }

 .price span img {
   position: absolute;
   bottom: 25px;
 }

 .product-template-default button.awooc-custom-order.button {
   max-width: 192px;
   width: 100%;
 }

 @media (max-width:425px) {
   .Swiper_bottom .swiper-slide img {
     border-radius: 10px;
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     height: 100%;
   }
 }

 @media(max-width:767.98px) {
   button.awooc-custom-order.button {
     font-size: 14px;
   }

   ul.products li.product .woocommerce-loop-product__title {
     height: auto;
   }
 }

 .reestr-slider {
   display: flex;
   max-width: 1170px;
   width: 100%;
   gap: 30px;
   flex-wrap: wrap;
   align-items: flex-start;
 }

 .reestr-slider img {
   max-width: 270px;
   object-fit: contain;
   filter: drop-shadow(0 4px 10px rgba(8, 78, 129, .25));
 }

 .reestr-slider img:hover {
   transition: 1s;
   transform: scale(1.05);
 }

 .company-purpose.reestr-block {
   margin-top: 16em;
 }

 .s-element.zhdtrans {
   background: url(/wp-content/themes/magistral/img/blagodarstvennoe-pismo-ot-ooo-sc-zheldortran.jpg) !important;
   background-size: cover !important;
 }

 div.img-block-mainpage {
   margin: 0 auto;
 }
 div.col-full {
  width: 100%;
  max-width: 1920px;
}
.left-line-text-title {
  left: 34%;
}
@media (max-width: 1160px) {
  .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding: 1.618em 0.1em;
  }
  .menu-pervoe-verhnee-container>ul>li, .menu-vtoroe-verhnee-container>ul>li {
    margin-right: 2px;
  }
}

@media (max-width: 66.4989378333em){
  .col-full {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1063px){
  .h2-mission-left, .h2-purpose-left {
    height: 50%;
  }
  .title-mission, .title-purpose {

    left: -3em;
  }
  .mission-title {
    left: auto;
    right: -3em;
  }
  .left-line-text-title {
  
  left: 8%;
  }
}
@media  (max-width: 1100px) {

  
  div.search-line {
    background-size:cover;
    background-position: left;
  }
}
  @media  (max-width: 1024px) {
  .mission-title {
    left: auto;
  }
  .text-block-mission {
  
  margin-left: 7em;
  }
  .right-mission-line {
    max-width: 88%;
  }
  .text-block-mission {
    max-width: 70%;
  }
  .footer-conainer {
    height: 100%;
    }
}

@media  (max-width: 800px){
  .h2-mission-left, .h2-purpose-left {
    height: 64%;
  }
  div.dgwt-wcas-search-wrapp {
    margin-left: 0;

  }
  div.search-line {
    background-position: right;
    background: #f57d25;
    width: 100%;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div.search-line > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: auto;
  }
  div.search-line::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100vw;
    width: 200vw;
    height: 100%;
    width: 100%;
    background: #f57d25;
  }
}


@media  (max-width: 800px){
  .left-mission-line {
    height: 93px;
  }
  .footer-top {
    height: 83%;
    flex-wrap: wrap;
  }
  .menu-nizhnee-container {
   flex-wrap: wrap;
  }

}

@media  (max-width: 520px){
  .left-mission-line {
    height: 110px;
    background-size: cover;
    width: 130%;
    max-width: 130%;
  }
  .left-mission-line {
    justify-content: center;
  }
  .h2-purpose-left,.h2-mission-left {
    width: 100%;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
  }
  .right-mission-line {
    width: 100%;
    max-width: 100%;
    right: 0;
    background-color: #f57d25;
    background-image: url();
  }
  .text-block-mission {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }
  ul.products.columns-3>li>a>h2 {
    font-size: 15px!important;
  }
}


#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#content {
  flex: 1 0 auto;
}
footer {
  flex: 0 0 auto;
}

.dev-logo {
  width: 50%;
}