/*Webnow*/ /*основные стили*/ .ios-safari-no-animation .appear-animation {opacity: 1 !important; animation: none !important; transform: none !important; transition: none !important;} html {margin: 0 !important} .bypostauthor {display: block;} p, span:not(#wpadminbar *), a:not(#wpadminbar *), li, div, button, strong, label, input, b, h1, h2, h3, h4, h5, h6 {line-height: 130% !important; outline: none !important;} .vc_btn3-container, .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li, h1, h2, h3, h4, h5, h6, p, .porto-sicon-box, .owl-carousel, .tabs, .widget {margin-bottom: 0;} a[rel="author"] {display: none;} .vc_general.vc_btn3 {background-image: none;} .btn:focus, .btn:active {-webkit-box-shadow: none; box-shadow: none;} .no-breadcrumbs .main-content {padding-top: 0; padding-bottom: 0;} html.panel-opened .page-wrapper, html.panel-opened #header.sticky-header .header-main.sticky, html.sidebar-opened #header.sticky-header .header-main.sticky, .filter-sidebar-opened #header.sticky-header .header-main.sticky {left: 0 !important;} body a {text-decoration: none !important;} .bypostauthor {display: block;} .page-image {display: none;} #main .vc_inner>div>div:before, #main .vc_inner>div>div:after, .vc_column_container > .vc_column-inner:before, .vc_column_container > .vc_column-inner:after {display: none;} .page-wrapper {background: transparent !important;} html {scroll-behavior: smooth;} ::-webkit-scrollbar {width: 13px; height: 10px;} ::-webkit-scrollbar-track {background: #ddd;} ::-webkit-scrollbar-thumb {background: var(--porto-primary-color); border: 1px solid #ddd; border-radius: 20px;} /*Секции*/ #main .vc_section, .single-portfolio .vc_section, #footer .vc_section {padding: 8vh 0; position: relative; width: 100vw !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50% !important; margin: 0; background-size: cover;} /*кнопки*/ .vc_btn3-container {width: -webkit-max-content; width: -moz-max-content; width: max-content} #main .vc_btn3, #header .vc_btn3, #footer .vc_btn3, #main .porto-sicon-read, .wpcf7 .wpcf7-submit {border-radius: 50px; overflow: hidden; font-size: 1.85vh; padding: 2.5vh 4.5vh; font-weight: 400; border: none; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: 3vh 0 0; background: var(--porto-primary-color);} #main .blue .vc_btn3, #header .blue .vc_btn3, #footer .blue .vc_btn3, #main .blue .porto-sicon-read, .wpcf7 .blue .wpcf7-submit {background: var(--porto-secondary-color);} #main .invert .vc_btn3 {background: #fff; color: var(--porto-dark-color);} #main .porto-sicon-read span {display: none;} /*Заголовки*/ h1.vc_custom_heading {font-size: 6vh !important;} .vc_custom_heading, #main .vc_custom_heading span, .single-portfolio .entry-title, .portfolio-archive-title, .single-post .entry-title {margin: 0 0 3vh; font-size: 4vh;} .vc_custom_heading b {color: var(--porto-primary-color); -webkit-background-clip: initial; -webkit-text-fill-color: initial; font-weight: inherit;} .vc_custom_heading span {margin: 0 !important;} .vc_custom_heading.invert, .wpb_text_column.invert * {color: var(--porto-primary-color);} .name_sec {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content; background: transparent; border-radius: 100px; border: 1px solid; color: #9FB7F5; -webkit-background-clip: initial; -webkit-text-fill-color: initial; font-size: 2vh; font-weight: 400; padding: .5vh 2vh; margin: 0;} /*текста*/ .main-content {padding-top: 0px; padding-bottom: 0px;} #main p, #main li, #main span {font-size: 2vh;} /*Навигация карсуели*/ #main .owl-nav {-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; width: 110%;} #main .owl-nav button {width: 5vh; height: 5vh; border-radius: 100px;} #main .owl-dots {margin: 0;} #main .owl-dots span {width: 10px; height: 10px; background: #D9D9D9; opacity: .5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} #main .owl-dots .active span {opacity: 1; width: 3vh;} /*header*/ #header .header-main {box-shadow: 0 4px 4px 0 rgba(216, 216, 216, 0.25);} #header .logo {max-width: 10vh !important; min-width: 10vh !important; margin: 0 3vh 0 0;} #header .logo * {-webkit-transform: none !important; -ms-transform: none !important; transform: none !important;} #header .header-row {min-height: -webkit-fit-content !important; min-height: -moz-fit-content !important; min-height: fit-content !important; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} /*#header .header-row:before {content: ''; position: absolute; left: 50%; top: 0; width: 100%; height: 100%; background: var(--porto-light-color); border-radius: 100px; -webkit-box-shadow: 0 0 40px 0 rgba(21, 56, 147, 0.1); box-shadow: 0 0 40px 0 rgba(21, 56, 147, 0.1); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}*/ #header .sticky .header-row:before {width: 100vw; border-radius: 0;} #header .sticky .header-row {margin: 0 auto;} #header .main-menu {gap: 1vh;} #header .main-menu > li.menu-item > a {font-weight: 400; font-size: 1.85vh; background: rgba(255, 255, 255, .1); padding: 1vh 2vh; border-radius: 50px; border: 1px solid transparent;} #header .main-menu > li.menu-item:hover > a, #header .main-menu > li.menu-item.active > a {border-color: #676767;} #header .header-col {padding: 0 !important;} #header .menu_head {display: none;} #header .menu_head svg {width: 6.2vh; height: 6.2vh;} #header #phone>div>div {display: flex; align-items: center; gap: 4vh;} #header .vc_btn3 {padding: 1.8vh 3vh; margin: 0;} #header .porto-sicon-title {font-size: 1.85vh; font-weight: 600; margin: 0; color: var(--porto-dark-color);} #header .porto-sicon-img {font-size: 1.5vh !important; background: var(--porto-primary-color); border-radius: 100px; padding: 6px;} /*хлебные крошки*/ .page-top {padding: 0 !important; background: transparent !important;} .page-top i {width: auto !important; margin: 0 !important; font-size: 2vh !important; color: var(--porto-primary-color);} .page-top .breadcrumb {gap: 8px; margin: 0 10px !important;} .single-post .page-top .breadcrumb {margin: 0 !important;} .page-top li {font-size: 1.65vh; gap: 8px; display: flex;} .page-top li:last-child {color: #919191;} .page-header-8 .delimiter:before, .page-top ul.breadcrumb>li .delimiter:before {content: '•' !important; right: auto !important;} /*WPML переключатель*/ #header .wpml-ls-item a {border: 1px solid #c6c6c6; margin: 0 1vh 0 0; border-radius: .5vh; padding: .7vh 1vh!important; display: -webkit-box; display: -ms-flexbox; display: flex !important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; font-size: 1.4vh!important; margin: 0; font-weight: 500!important; color: #232323!important; background: #fff} #header .wpml-ls-item img {width: 1.6vh; height: 1.6vh; border-radius: 5vh; overflow: hidden; margin: 0 .5vh 0 0; -o-object-fit: cover; object-fit: cover; max-width: fit-content;} #header .wpml-ls-item span {margin: 0; line-height: 100%!important; display: flex} #header .porto-view-switcher .narrow ul.sub-menu {padding: 0; background: transparent;} /*контейнер*/ @media (min-width: 750px) { html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]), html.pum-open.pum-open-overlay.pum-open-scrollable .header-main.sticky {padding-right: 13px !important;} .container {max-width: 73vw;} #reviews .ti-widget.ti-goog .ti-review-item {-webkit-box-flex: 0 !important;-ms-flex: 0 0 33.333% !important;flex: 0 0 33.333% !important; max-width: 33.333% !important;} } /*Главная*/ #main #mainsec {min-height: 100vh; padding: 14vh 0;} #mainsec * {color: var(--porto-light-color);} #mainsec:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(50, 50, 50, 0) 0%, #323232 67.79%), linear-gradient(180deg, rgba(50, 50, 50, 0) 0%, #323232 100%);} #mainsec .vc_custom_heading {font-size: 6vh; margin: 0 0 3vh; line-height: 110% !important;} #wrmain_trig {position: absolute; z-index: 20; transform: translateY(-19vh);} #wrmain_trig .porto-sicon-img {font-size: 5vh !important; margin: 0 2vh 0 0;} #wrmain_trig .porto-sicon-title {margin: 0; font-size: 2.6vh; color: var(--porto-light-color);} #wrmain_trig .porto-sicon-header p {font-size: 1.85vh; color: var(--porto-light-color);} #main #about_main {padding: 13vh 0 20vh;} #about_main:before {content: ''; position: absolute; left: 0; top: 0; width: 45%; height: 100%; background: url(/wp-content/uploads/2025/07/vector_about.svg) no-repeat right bottom; background-size: cover;} #main .blue_before {width: 53vh; position: absolute; right: 3vh; top: 50%; transform: translateY(-50%); z-index: -1;} #main .blue_before * {padding: 0;} #main .blue_before .wpb_single_image {position: relative;} #main .blue_before .wpb_single_image:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--porto-secondary-color); opacity: .5;} #produktiya_main {background: var(--porto-tertiary-color);} #produktiya_main .porto-sicon-box-link {height: 100%;} #produktiya_main .porto-sicon-box {display: block; text-align: center; background: var(--porto-light-color); padding: 3vh; height: 100%;} #produktiya_main .porto-sicon-img {font-size: inherit !important; width: 100%; margin: 0 0 3vh;} #produktiya_main .porto-sicon-img img {width: 100%;} #produktiya_main .porto-sicon-title {font-size: 2.2vh; font-weight: 700; width: 80%; margin: 0 auto;} #produktiya_main .porto-sicon-description {font-size: 1.65vh; color: #727272; margin: 2vh 0 0;} #our_products .wpb_text_column {margin: 0 0 2vh;} #our_products .porto-sicon-box {position: relative; margin: 2.5vh 0 0;} #our_products .porto-sicon-box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(32, 32, 32, 0) 50%, #202020 100%);} #our_products .porto-sicon-img {font-size: inherit !important; margin: 0; width: 100%;} #our_products .porto-sicon-img img {width: 100%;} #our_products .porto-sicon-title {margin: 0; position: absolute; left: 3vh; bottom: 3vh; color: var(--porto-light-color); font-size: 2vh; font-weight: 700;} #cifri .porto-sicon-box {text-align: center;} #cifri .porto-sicon-title {font-size: 6vh; color: var(--porto-primary-color); margin: 0; font-weight: 500;} #cifri .porto-sicon-description {font-size: 1.85vh; color: #727272; margin: 2vh 0 0;} #cifri .porto-sicon-description * {font-size: 1.85vh; color: #727272;} #sertificats {background: var(--porto-tertiary-color);} #sertificats .porto-gallery {margin: 4vh 0 0;} #footer .container {margin: 0 auto;} #footer form {opacity: 1;} #cta:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(26, 26, 26, 0.8) 39.42%, rgba(26, 26, 26, 0) 100%);} #cta .wpcf7 .vc_custom_heading {color: var(--porto-light-color);} #cta .wpcf7 .text {color: var(--porto-light-color);} #cta .wpcf7 {background: transparent; padding: 0; border-radius: 0;} #cta .wpcf7 input:not(.wpcf7 .wpcf7-submit), #cta .wpcf7 textarea {background: transparent; border-bottom: 1px solid; border-radius: 0; color: #fff; padding: 1.5vh 0;} #cta .wpcf7 input::placeholder, #cta .wpcf7 textarea::placeholder {color: #8D8D8D;} #my_footer .vc_custom_heading {font-size: 2.4vh; border-bottom: 2px solid var(--porto-primary-color); width: fit-content; padding: 0 0 1vh; margin: 0 0 3vh;} #my_footer .menu {border: none; margin: 0;} #my_footer .menu-item {padding: 0; border: none; margin: 0 0 1.5vh; font-size: 1.85vh;} #my_footer .menu-item:before {display: none;} #my_footer .porto-sicon-box {margin: 0 0 1.5vh} #my_footer .porto-sicon-img {font-size: 2.2vh !important; margin: 0 1vh 0 0;} #my_footer .porto-sicon-title {margin: 0; font-size: 1.85vh;} #my_footer .cent .menu {display: flex; flex-wrap: wrap;} #my_footer .cent .menu-item {width: 50%;} #my_footer #phone .vc_btn3-container, #my_footer #phone .wpb_text_column {display: none;} #my_footer .sub-menu, #my_footer .cat-item-none, #my_footer .btn {display: none;} #my_footer .thumb-info-title {padding: 0; position: relative; top: auto; transform: none;} #my_footer .product-category .thumb-info {min-height: auto;} #my_footer .sub-categories {margin: 0; opacity: 1;} #my_footer li.product-col {margin: 0 0 1.5vh} #my_footer .sub-title {font-weight: 400; font-size: 1.85vh; text-transform: none;} #main #about_page {padding-bottom: 0;} #about_page * {color: var(--porto-light-color);} #about_page .vc_custom_heading {font-size: 6vh;} #main #about_page .wpb_text_column * {font-size: 1.85vh;} #about_page:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0C0C0C; opacity: .8;} #about_page .vc_row-o-equal-height {margin-top: 9.5vh;} #about_page .porto-sicon-title {font-size: 6vh; font-weight: 700; margin: 0; line-height: 100% !important;} #about_page .porto-sicon-description {margin: 2vh 0 0; font-size: 1.85vh;} #about_page .porto-sicon-box {border-left: 1px solid var(--porto-primary-color); padding: 0 0 8vh 1vh; height: 100%; display: block;} #about_page .porto-sicon-box:before {content: ''; position: absolute; left: .6vh; top: 0; width: 1vh; height: 1vh; background: var(--porto-primary-color); border-radius: 50px;} #main #about_status {min-height: 100vh; text-align: center; padding: 3vh 0;} #about_status:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 41.83%);} #about_status .wpb_text_column * {font-size: 4vh;} #our_mission .porto-sicon-box {padding: 4vh 6vh 10vh; background: linear-gradient(180deg, #303030 0%, #202020 100%); height: 100%; display: block;} #our_mission .porto-sicon-box.right {background: var(--porto-light-color);} #our_mission .porto-sicon-box.right * {color: var(--porto-dark-color);} #our_mission .porto-sicon-description {margin: 3vh 0 0;} #our_mission .porto-sicon-description, #our_mission .porto-sicon-description * {color: var(--porto-tertiary-color); font-size: 1.85vh;} #our_mission .porto-sicon-title {margin: 0; color: var(--porto-light-color); font-size: 4vh; border-left: 4px solid var(--porto-primary-color); padding: 0 0 0 1.2vh;} /*single product*/ #my_product .right>div {padding: 0 0 0 4vh;} #my_product .product_title.vc_custom_heading {font-size: 4.2vh; margin: 0 0 4vh; letter-spacing: 0; width: auto;} #my_product .woocommerce-product-details__short-description p {margin: 0 0 1vh;} #my_product .woocommerce-product-details__short-description strong {color: #727272; font-weight: 400;} #main #my_product .owl-nav {width: 95%;} #main #my_product .owl-nav button {border: 1px solid var(--porto-tertiary-color); background: var(--porto-light-1) !important;} #my_product .otrals {font-size: 0; display: flex; flex-wrap: wrap; gap: 20px 10px;} #my_product .otrals-item {width: calc(33% - 20px); font-size: 2vh; min-height: 28vh; position: relative; display: flex; align-items: flex-end; padding: 4vh 3vh; color: var(--porto-light-color); background: var(--porto-primary-color); font-weight: 700; font-size: 2vh; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 3;} #my_product .otrals-item:before {content: ''; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: linear-gradient(180deg, rgba(32, 32, 32, 0) 50%, #202020 100%); z-index: -1;} #my_product .otrals-item.электростанции {background-image: url(/wp-content/uploads/2025/07/otrasli-2.jpg);} #my_product .otrals-item.заводы {background-image: url(/wp-content/uploads/2025/07/otrasli-3.jpg);} #my_product .otrals-item.жкх-и-инфраструктура {background-image: url(/wp-content/uploads/2025/07/otrasli-5.jpg);} #my_product .otrals-item.транспорт--железные-дороги {background-image: url(/wp-content/uploads/2025/07/otrasli-6.jpg);} #my_product .otrals-item.строительство {background-image: url(/wp-content/uploads/2025/07/otrasli-1.jpg);} #my_product .otrals-item.дата-центры {background-image: url(/wp-content/uploads/2025/07/otrasli-4.jpg);} /*Архив товаров*/ #my_archive .wr_descr_img .category-image {display: none;} #my_archive .category-image {margin: 0; box-shadow: 0 0 8vh rgba(0, 0, 0, .15);} #my_archive .wr_descr .term-description {display: none;} #my_archive .wr_descr .new {z-index: -1; transform: translate(0%, -50%); right: -100%; position: absolute; top: 50%; max-width: 30vw;} #my_archive .wr_descr .new img {box-shadow: none;} #my_archive .wr_descr .new:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--porto-secondary-color); opacity: .7;} #my_archive .archive-products {margin: 10vh 0 0;} .products .product .woocommerce-loop-product__title {font-size: 1.85vh; font-weight: 700; white-space: normal; margin: 0;} .products .product .product-image {border: none;} .products .product .product-inner {background: #EEF6FA; padding: 1.5vh;} .products .product .vc_btn3 {width: fit-content; padding: 1.5vh 3vh !important;} .products .product .description {margin: 2vh 0 0;} .products .product .description * {margin: 0 0 10px;} /*Страница новости*/ #main #news_page, #main #my_product {padding-top: 4vh;} .posts-container .post:first-child {width: 100%;} .posts-container .post:first-child .grid-box {display: flex; gap: 24px;} .posts-container .post:first-child .post-image {margin: 0; min-width: 50%;} .posts-container .post:first-child .post-content-wrapper {display: flex; flex-direction: column-reverse; justify-content: center;} .blog-posts .posts-container .post:first-child .entry-title {font-size: 3vh; margin: 2.5vh 0 2vh;} .posts-container .post:not(:first-child) .post-excerpt {display: none;} .posts-container .post .post-meta {margin: 0; color: #727272; font-size: 1.85vh;} .post .post-meta i, .post .btn-readmore {display: none;} .blog-posts .posts-container .post .entry-title {font-size: 1.85vh; font-weight: 700; margin: 0 0 2vh;} /*Новость пост*/ .single-post #content>.post {display: flex; flex-direction: row-reverse; flex-wrap: wrap; position: relative; align-items: center; justify-content: flex-end;} .single-post #content>.post .entry-title {color: var(--porto-dark-color);} .single-post #content>.post .post-meta {position: absolute; left: 0; top: 7vh; margin: 0;} .single-post #content>.post .post-media {margin: 5vh auto 5vh 0; width: 45%;} .single-post #content>.post .post-image {margin: 0; position: relative;} .single-post #content>.post .post-media.new {position: absolute; right: -50%; top: 0; width: 60%; transform: translateX(-50%); margin: 0;} .single-post #content>.post .new .post-image:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--porto-secondary-color); z-index: 2; opacity: .7;} .single-post #content>.post .post-content {width: 50%;} .single-post #content>.post .entry-content {width: 70%; margin: 10vh 0;} .single-post #content>.post .entry-content * {margin: 0 0 10px;} /*Страница контактов*/ #main #contact_page {padding-top: 3vh; padding-bottom: 12vh;} #contact_page .wr_map {position: absolute; right: 0; height: 48vh;} #contact_page .wr_map * {height: 100%;} #contact_page .porto-sicon-img {font-size: 3.2vh !important; margin: 0 2vh 0 0;} #contact_page .porto-sicon-title {font-size: 1.85vh; font-weight: 700; margin: 0;} #contact_page .porto-sicon-box {margin: 0 0 3vh;} #main .tab-content {padding: 0; border: none; background: transparent; box-shadow: none;} #main .nav-tabs {border: none; gap: 2vh; margin: 9vh 0 3vh;} #main .nav-tabs .nav-item a {border: none; background: transparent; margin: 0; color: #727272; font-size: 2.4vh; font-weight: 700; padding: 0; border-bottom: 3px solid transparent; transition: all .3s;} #main .nav-tabs .nav-item.active a {color: var(--porto-secondary-color); border-color: var(--porto-secondary-color);} @media (max-width: 750px) { body .container, body.single-portfolio .container-fluid {padding-left: 10px; padding-right: 10px;} .page-wrapper {-webkit-transition: all .3s !important;-o-transition: all .3s !important;transition: all .3s !important;} html.panel-opened .page-wrapper, html.panel-opened #header.sticky-header .header-main.sticky {right: auto !important; left: 0px !important;} body .accordion-menu {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} body .accordion-menu li {width: 100%;} body #side-nav-panel .accordion-menu span.arrow {font-family: "porto" !important; width: 50%; height: 6vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 2.5vh 0 0;} body #side-nav-panel #gt_float_wrapper {display: none !important} html.panel-opened body .side-nav-panel-close {color: white; right: 290px; left: auto; width: 30px; height: 30px; padding: 0; background: #353535; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 0;} body .accordion-menu li.wpml-ls-item {width: 30%; border: none !important; margin: 2vh 0 0;} body .accordion-menu li.wpml-ls-item a {text-align: center; border: 1px solid #e8e8e8; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} body #main p, #main li, #main span {font-size: 4vw;} body .vc_custom_heading, body #main .vc_custom_heading span, body.single-portfolio .entry-title, body .portfolio-archive-title, body.single-post .entry-title { font-size: 7vw;} body h1.vc_custom_heading {font-size: 8vw !important;} body #header .mobile-toggle svg {width: 10vw; height: 10vw; border: 1px solid var(--porto-primary-color); border-radius: 50px;} body #header .mobile-toggle svg * {fill: var(--porto-primary-color);} body #header .logo {max-width: 20vw !important; min-width: 20vw !important; margin: 0;} body #header .header-row {padding: 12px; border-radius: 0;} body #header .mobile-toggle {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; background: transparent; margin: 0;} body #header .vc_btn3, #header .porto-sicon-title {display: none;} body #header .porto-sicon-img {margin: 0; font-size: 6vw !important; padding: 2vw;} body #header #phone>div>div {gap: 0;} body #header .wpml-ls-item a {font-size: 4vw !important; padding: 3vw !important; border-radius: 35px;} body #header .wpml-ls-item img {width: 4vw; height: 4vw;} body #main #mainsec {min-height: 70vh; padding: 10vh 0; background-position: 100% 50%;} body #mainsec:before {background: linear-gradient(0deg, rgba(50, 50, 50, 0) 0%, #323232 67.79%), linear-gradient(0deg, rgba(50, 50, 50, 0) 0%, #323232 100%);} body #wrmain_trig {position: relative; transform: none; margin: 5vh 0 0;} body #wrmain_trig .porto-sicon-box {margin: 0 0 2vh;} body #wrmain_trig .porto-sicon-title {color: var(--porto-primary-color);} body #wrmain_trig .porto-sicon-header p {font-size: 4vw; color: var(--porto-dark-color);} body #wrmain_trig .porto-sicon-img {font-size: 8vw !important; border: 1px solid var(--porto-primary-color); border-radius: 50px;} body #main .blue_before {display: none;} body #main #about_main {padding: 10vh 0 7vh;} body #about_main:before {width: 100%;} body #about_main .wpb_single_image {margin: 2vh 0 0;} body #produktiya_main .vc_row-o-equal-height {flex-wrap: nowrap; overflow-x: scroll; padding: 0 0 5px;} body #produktiya_main .vc_row-o-equal-height .col-md-3 {width: 85%;} body #produktiya_main .porto-sicon-title {font-size: 5vw;} body #produktiya_main .porto-sicon-description {font-size: 3.8vw;} body #main #cifri {padding-top: 3vh;} body #cifri .col-md-3 {width: 50%; margin: 0 0 2vh;} body #cifri .porto-sicon-title {font-size: 10vw;} body #cta, body #my_footer {padding: 7vh 10px !important;} body #my_footer .vc_column_container {margin: 0 0 4vh;} body #about_page .porto-sicon-box {padding: 0 0 4vh 2vh;} body #about_page .porto-sicon-box:before {left: 1vh;} body #about_page .porto-sicon-title {font-size: 10vw;} body #our_products .porto-sicon-title {font-size: 5vw;} body #our_mission .porto-sicon-box {margin: 0 0 2vh; padding: 4vh;} body #main #about_status {min-height: 60vh;} body #about_status .wpb_text_column * {font-size: 6vw;} body #main #my_archive {padding: 2vh 0;} body #my_archive .category-image {margin: 3vh 0 0;} body .products .product .woocommerce-loop-product__title {font-size: 4vw;} body #my_product .otrals-item {width: 100%; font-size: 4.5vw; min-height: 22vh;} body #my_product .otrals {gap: 8px;} body #my_product .right>div {padding: 0; margin: 3vh 0 0;} body #my_product .product_title.vc_custom_heading {font-size: 6vw;} body .posts-container .post:first-child .grid-box {display: flex; gap: 24px; flex-wrap: wrap;} body .posts-container .post:first-child .post-image {min-width: 100%;} body .posts-container .post:not(:first-child) {width: 50%;} body .blog-posts .posts-container .post .entry-title {font-size: 3.5vw;} body.single-post #content>.post .post-content {width: 100%;} body.single-post #content>.post .post-media {width: 100%;} body.single-post .entry-title {font-size: 6vw;} body.single-post #content>.post .entry-content {width: 100%; margin: 0;} body #contact_page .wr_map {height: 50vh; position: relative; right: auto;} body #main #contact_page {padding-top: 3vh; padding-bottom: 3vh;} body .pum-container {width: 95% !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0;} body .pum-container .pum-close {font-size: 10vw !important;} body .wpcf7 {padding: 25px; border-radius: 10px;} body .wpcf7 .vc_custom_heading {font-size: 5.5vw;} body .wpcf7 input, body .wpcf7 textarea {margin: 5px 0 0; border-radius: 8px; padding: 15px 20px; font-size: 4vw;} body .wpcf7 label {margin: 0 0 8px;} body .wpcf7 .text {font-size: 3.5vw; margin: 0 0 20px; width: 100%;} body .wpcf7 .wpcf7-submit {font-size: 4vw; padding: 18px;} } .pum-overlay {overflow: hidden !important;} .pum-container .pum-close {font-size: 3.5vh !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .wpcf7 {background: #EFF6FF; padding: 5vh; border-radius: 2.5vh;} .wpcf7 .vc_custom_heading {font-size: 4vh; color: var(--porto-primary-color); margin: 0 0 1vh;} .wpcf7 .text {color: var(--porto-dark-light-10); font-size: 1.8vh; margin: 0 0 4vh; width: 80%;} .wpcf7 label {width: 100%; font-size: 0; color: var(--porto-dark-color); margin: 0 0 1vh; font-weight: 500;} .wpcf7 input, .wpcf7 textarea {display: block; width: 100%; margin: 0; border-radius: 1vh; padding: 2vh; font-size: 1.7vh; color: var(--porto-dark-color); margin: 1vh 0 0; border: none; max-height: 17vh;} .wpcf7 .wpcf7-submit {margin: 1vh 0 0; padding: 2.5vh;} .wpcf7 .wpcf7-spinner {width: 35px; height: 35px; top: 50%; left: 50%; margin: 0;} .copyr {font-size: 1.65vh; overflow: hidden; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 0 0 auto;} .copyr .wpb_wrapper {display: -webkit-box; display: -ms-flexbox; display: flex;} .copyr .wpb_wrapper a {display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--porto-dark-color); font-weight: 400; margin: 0;} .copyr .wpb_wrapper a span {font-weight: 700;} .copyr span {position: relative; display: block; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s} .copyr a:hover span {-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);} .copyr span:before {position: absolute; left: 0; bottom: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);} .copyr span:nth-child(1) {-webkit-transition-delay: .0s;-o-transition-delay: .0s;transition-delay: .0s; margin: 0 0 0 1vh;} .copyr span:nth-child(1):before {content: 'W'} .copyr span:nth-child(2) {-webkit-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s;} .copyr span:nth-child(2):before {content: 'e'} .copyr span:nth-child(3) {-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;} .copyr span:nth-child(3):before {content: 'b'} .copyr span:nth-child(4) {-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;} .copyr span:nth-child(4):before {content: 'n'} .copyr span:nth-child(5) {-webkit-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;} .copyr span:nth-child(5):before {content: 'o'} .copyr span:nth-child(6) {-webkit-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;} .copyr span:nth-child(6):before {content: 'w'}