/*
Theme Name:   InVogue
Theme URI:    https://kairaweb.com/child-theme/invogue/
Description:  InVogue is a new redesigned look for the popular multipurpose WooCommerce theme, Vogue. Build a professional website or an eCommerce store easily by adding our recommended top plugins from WooCommerce to Page Builders and lots more. InVogue is simple, beautiful, clean but comes packed with a bunch of layout settings, full theme color settings and lots more... InVogue is the theme you want, build easily and professional websites now! Give it a go!
Author:       Kaira
Author URI:   https://kairaweb.com/
Template:     vogue
Version:      1.0.3
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, blog, e-commerce
Text Domain:  invogue
*/
/*
 * vova 08*/
.post-template-default h1 {
    color: #ffec00;
    padding: 50px 0px;
}
h1 {
    color: #ffec00;
}
.post a{
	color:#ffec00;
}
.header-tm-two .main-navigation{
	background-color: #fff0 !important;
}
.form-zayvka .wpcf7-text, .form-zayvka .wpcf7-mask{
	width:100%;
}
.pum-open body{
	overflow:hidden;
}
#popmake-1936 {
    position: fixed
}
html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active {
    position: fixed !important;
    height: auto;
    width: auto
}
.pum-overlay.pum-overlay-disabled {
    visibility: inherit !important
}
.woocommerce ul.products li.product .button{
	    margin-top: 0.4em;
	background:#fff;
}

li.product-category.product h2 {
    width: 150px;
}

.for-icon::before {
    content: "";
    display: block !important;
    position: absolute;
    top: 0px;
    height: 9px;
    left: 0;
	right: 0;
    background-color: #00000000;
    background-image: -webkit-linear-gradient( 
135deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
60deg, rgba(255,236,0,1) 0%, rgba(255,236,0,1) 25%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(255,236,0,1) 50%, rgba(255,236,0,1) 75%, rgba(0,0,0,1) 75%);
    background-size: 23px 39px;
}
.left-wr-question p {
    color: #000;
}
.wrap-otzivi {
    background: url(/wp-content/uploads/2021/11/pattern-drel-chern-38.svg);
    background-size: 13% !important;
    background-repeat: repeat !important;
}
ul.products.columns-4 li.product-category.product:hover svg .cls-1 {
    transition: all 0.6s;
    background-color: #123;
    fill: #fff;
}
ul.products.columns-4 li.product-category.product:hover h2{
	color: #fff !important;
    transition: all 0.6s;
}
.site-container {
    max-width: 1320px;
}
ul.products.columns-4 li.product-category.product.first {
/*     margin-left: 0px; */
}
li.product-category.product::before {
/*     content: "";
    position: absolute;
	top: -6px;
	bottom: -6px;
    left: -6px;
    right: -6px;
    background: linear-gradient(
311deg, rgba(255,236,0,1) 0%, rgba(255,236,0,1) 25%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(255,236,0,1) 50%, rgba(255,236,0,1) 75%, rgba(0,0,0,1) 75%);
    background-size: 31px 31px;
    border-radius: 34px;
    z-index: -1; */
}
.site-header-one #main-menu {
    padding: 10px 0;
}
.site-header-one .site-branding {
    padding: 40px 0 40px;
    display: inline-block;
}
.site-header-one .site-branding svg:not(:root) {
    width: 270px;

}
.site-container-background {
    background: url(/wp-content/uploads/2021/11/fon-shapka-34.svg);
    background-repeat: no-repeat;
    background-size: cover;
	height:200px;
}
/*vova shop*/

body {
    background-color: #000 !important;
	color:#ffec00;
}
.woocommerce a.button:hover, .woocommerce-page a.button:hover{
	background-color: #ffec00 !important;
    color: #000 !important;
}
.wrapper-header-first .main-navigation li {
    font-size: 15px;
}
.wrapper-header-first .main-navigation li a {
    padding: 0px 14px !important;
}
td, th {
    padding: 2px 10px;
	border: 1px solid #ffffff1c;
}
mark, ins{
	background: #ffec00;
    padding: 3px 3px;
    position: absolute;
    bottom: 0px;
    right: 0px;
	    display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title{
/* 	font-size: 16px !important; */
	font-size: 14px !important;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {

    background: rgb(255 255 255 / 26%);
}
body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{
	    background: rgb(255 255 255 / 26%);
}
h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .widget-area .widget-title, .main-navigation ul li a {
    color: #000;
}
/*vova kart tovara*/

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size: 14px !important;
}
.woocommerce a.button, .woocommerce-page a.button{
	    text-shadow: none !important;
    font-size: 12px !important;
    font-weight: 400;
    border: 1px solid rgba(0, 0, 0, 0.14);
    padding: 8px !important;
    margin: 0 0 0 7px;
}
a#sp-wqv-view-button{
	color: #000 !important;
	
}
a#sp-wqv-view-button.button.sp-wqv-view-button{

	 font-weight: 400;
background: linear-gradient(
-45deg, #f0a700, #ffec00, #ffee00);
    background-size: 400% 400%;
    
    animation: gradient 10s ease infinite;
	transition: all 1s;
	line-height: 1 !important;
	border-radius: 3px !important;
}
a#sp-wqv-view-button.button.sp-wqv-view-button:hover{
	background: linear-gradient(
-45deg, #f0a700, #ffec00, #ffee00);
    background-size: 400% 400%;
    animation: gradient 1s ease infinite;
	transition: all 1s;
	
}
/*vova header*/
#product-category-page .woocommerce-loop-category__title{
	color: #ffec00;
	bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
	padding:0px;
}
#product-category-page .product img{
	height:200px;
	object-fit:cover;
}
.widget-area{
	width:100%;
}
.wrap-shop-page{
	flex-wrap: nowrap;
    display: flex;
    gap: 0 30px;
}
.site-branding a img {
    max-height: 130px;
}
.form-zayvka h4 {
    color: #000;
}
.site-header {
    color: #000;
}
/*vova footer*/
.created img {
    width: 20px;
    margin: -3px 5px 0px 5px;
}
.created {
    float: right;
}
.created a {
    color: #fff;
    font-size: 9px;
}
.wcf-dop-seti p {
    font-size: 11px;
}
.footer-uslugi a {
    color: #ffec00;
	transition:all 0.2s;
}
.footer-uslugi a:hover {
    transition:all 0.2s;
	color: #fff;
}
/*vova services*/
.wrap-content-foo .fa-whatsapp, .wrap-content-foo .fa-telegram, .wrap-content-foo .fa-viber{
	padding:0 5px;
}
table.table-master {
    border-color: #634e8e;
    border-width: 2px;
}
table.table-master td {
    border-width: 2px;
    padding: 5px;
}
table.table-master tr:first-child {
    background: linear-gradient( 
21deg , rgb(94 61 122 / 74%) 20%, rgb(89 85 151 / 73%) 50%, rgb(11 47 88 / 82%) 100%);
    color: #fff;
}
/*vova services*/
/* Add custom styling from here */
@font-face {
    font-family: "Montserrat Regular";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/Montserrat-Regular.woff2") format("woff2"), url("fonts/Montserrat-Regular.woff") format("woff")

}
@font-face {
    font-family: "Montserrat Bold";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/Montserrat-Bold.woff2") format("woff2"), url("fonts/Montserrat-Bold.woff") format("woff")

}
#primary{
	padding:0px !important;
}
.main-navigation ul li a{
	font-family: "Montserrat Bold" !important;
}
body{
	font-family: "Montserrat Regular" !important;
	overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6 b, strong{
	font-family: "Montserrat Bold" !important;
}
b, strong{
	font-weight:700;
}
h1{
	font-size:40px;
}
h2{
	font-size:35px;
}
h3{
	font-size:27px
}
h4{
	font-size:22px
}
#comments .form-submit #submit,
.search-block .search-submit,
.side-aligned-social a.header-social-icon,
.no-results-btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce ul.products li.product a.add_to_cart_button, .woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page input.button,
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.single-product span.onsale,
.woocommerce button.button.alt.disabled,
.main-navigation ul ul a:hover,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-menu-parent > a,
.main-navigation ul ul li.current_page_parent > a,
.main-navigation ul ul li.current-menu-ancestor > a,
.main-navigation ul ul li.current_page_ancestor > a,
.wpcf7-submit,
.wp-paginate li a:hover,
.wp-paginate li a:active,
.wp-paginate li .current,
.wp-paginate.wpp-modern-grey li a:hover,
.wp-paginate.wpp-modern-grey li .current {
    background: inherit;
    background-color: #000000;
}

a,
.content-area .entry-content a,
#comments a,
.post-edit-link,
.site-title a,
.error-404.not-found .page-header .page-title span,
.search-button .fa-search,
.header-cart-checkout.cart-has-items .fa-shopping-cart,
.main-navigation div > ul > li > a:hover,
.main-navigation div > ul > li.current-menu-item > a,
.main-navigation div > ul > li.current-menu-ancestor > a,
.main-navigation div > ul > li.current-menu-parent > a,
.main-navigation div > ul > li.current_page_parent > a,
.main-navigation div > ul > li.current_page_ancestor > a {
    color: #fff;
}

a:hover,
.content-area .entry-content a:hover,
.header-social .header-social-icon:hover,
.site-header-topbar ul li a:hover,
.widget-area .widget a:hover,
.site-footer-widgets .widget a:hover,
.site-footer .widget a:hover,
.search-btn:hover,
.search-button .fa-search:hover,
.site-footer-bottom-bar ul li a:hover,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
    color: #bfbfbf;
}

.main-navigation button:hover,
#comments .form-submit #submit:hover,
.search-block .search-submit:hover,
.no-results-btn:hover,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover, .woocommerce-page ul.products li.product a.add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce-page #review_form #respond .form-submit input:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce button.button.alt.disabled:hover,
.wpcf7-submit:hover {
    background: inherit;
    background-color: #a8a8a8;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
	display: none !important;
}
/* custom css ssteam */

/*  */
.first-header{
	height: 35px;
/*     position: fixed;
    top: 0;
    width: 100%;
    z-index: 10900; */
 
	transition: all 0.4s ease;
}
/*
.fixed_f_h{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 10900;
	transition: all 0.4s ease;
	background-color:#000;
}
.fixed_nav{
	position: fixed !important;
    top: 35px;
    width: 100%;
    z-index: 10900;
    transition: all 0.4s ease;
	background-image: url(/wp-content/uploads/2021/11/pattern-fon-metall-36.svg);
    background-repeat: repeat;
    background-size: 14%;
	background-color:#000;
}
.fixed_nav #main-menu{
	padding:25px 0;
} */
/*vova*/
nav#site-navigation.fixed_nav {
    position: fixed;
    width: 100%;
    top: 0px;
	background: #000;
}
/*vova*/

.head-one-logo{
	display:none;
/* 	
	opacity:0;
	visibility:hidden; */
	}
.fixed_nav .head-one-logo{
	display: inline-flex;
    transition: all 0.2s;
}

.fixed_nav svg {
    width: 130px;
	    width: 95px;
    margin-bottom: -10px;
    margin-right: 30px;
}

.fixed_nav .number-phone {
    display: inline-flex;
	margin: 0px 20px;
}
.fixed_nav .number-phone a {
    color: #fbec10;
}
.fixed_nav .menu-main-menu-container {
    margin-left: 52px;
}
.number-phone {
    display: none;
}
.fixed_nav .main-menu-inner {
    display: inline-flex;
}
body.scrolled .first-header{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 10900;
	transition: all 2s ease;
	background-color:#000;
}
.wcf-item-svyaz-header{
	max-width: 1240px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: inherit;
    gap: 25px;
	position:relative;
	z-index:100300;
}
.wcf-item-svyaz-header span {
    margin-right: 6px;
}
.wcf-item-svyaz-header a, .wcf-item-svyaz-header i, .wcf-item-svyaz-header p, .wcf-item-svyaz-header span {
    color: #fff !important;
    margin-bottom: 0px !important;
}
.wcf-item-svyaz-header div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*  */
.site-header .site-container, #site-navigation{
	position:relative;
	z-index:33;
}
.main-navigation li a {
    padding: 0px 20px !important;
}
.main-navigation li {
	font-size:18px;
}
.second-header{
	max-width: 1240px;
    margin: 0 auto;
    padding: 0 30px;
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	z-index:10;
}
.sh-bottom-section .sh-bottom-wrap{
	z-index: 1;
    display: block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    bottom: -1px;
    position: absolute;
    left: 0;
    font-size: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}
.home .sh-bottom-section .sh-bottom-wrap svg{
	height: 4vw;
    fill: #fff !important;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 101%;
}
.sh-bottom-section .sh-bottom-wrap svg{
	height: 4vw;
    fill: #f2f2f2 !important;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 101%;
}
.sh-men, .sh-house, .sh-equipment{
	position:absolute;
}
.sh-men{
	top: 20px;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: 55;
}
.scroll-to-top{
	background: #ffec00 !important;
	border: 1px solid #000;
    box-shadow: none !important;
	border-radius:50px;
}
.sh-wrapper-form{
    position: absolute;
    top: 66%;
    transform: translate(-50%, -50%);
    right: -10%;
    background-color: rgb(255 236 0);
    padding: 25px;
    
}
.sh-wraper-text-center{
 position: absolute;
    left: 30%;
    top: 58%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: rgb(255 236 0);
    text-align: center;
    padding: 10px 20px;
    max-width: 530px;
    text-align: left;
}
ul.product-categories {
    list-style: none;
}
ul.product-categories {
    list-style: none;
    margin: 0 0 10px 5px;
}

li.cat-item.cat-item-main-category {
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 5px;
	transition: all .6s;
}
/* li.cat-item.cat-item-main-category:hover {
color: #2c2c2c;
    background: #f6e509;
    transition: all .6s;
} */
li.cat-item.cat-item-main-category:hover a {
    color: #2c2c2c;
    transition: all 0.6s;
}
li.cat-item.cat-item-main-category .subcategory-image img{
	 filter: invert(1);transition: all 0.6s;
}
li.cat-item.cat-item-main-category:hover .subcategory-image img {
   filter: none;
    transition: all 0.6s;
}
.cat-item-href-main-category {
    margin-left: 5px;
}
/* .cat-item-image-category {
    width: 10%;
    height: 26px;
} */


/* .top-zebra-border::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 5px;
    left: 0;
    right: 0;
    background-color: #ffec00;
    background-image: -webkit-linear-gradient( 
135deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
   background-image: linear-gradient( 
-45deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #fbeb00 65%, #ffec00);
    background-size: 8px 8px;
} */
.site-header-one #site-navigation:before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    height: 9px;
    left: 0;
    right: 0;
    background-color: #ffec00;
    background-image: -webkit-linear-gradient( 
135deg, #232323 15%, #ffec00 15%, #ffec00 50%, #000000 50%, #000000 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
60deg, #232323 45%, #ffec00 45%, #ffec00 60%, #000000 60%, #000000 80%, #fbeb00 80%, #ffec00);
    background-size: 19px 46px;
}
.site-header-one #site-navigation:after {
    content: "";
    display: block;
    position: relative;
    top: 0;
    height: 9px;
    left: 0;
    right: 0;
    background-color: #ffec00;
    background-image: -webkit-linear-gradient( 
300deg, #232323 15%, #ffec00 15%, #ffec00 50%, #000000 50%, #000000 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
300deg, #232323 45%, #ffec00 45%, #ffec00 60%, #000000 60%, #000000 80%, #fbeb00 80%, #ffec00);
    background-size: 19px 47px;
}
.top-zebra-border::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    height: 9px;
    left: 0;
    right: 0;
    background-color: #00000000;
    background-image: -webkit-linear-gradient( 
135deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
60deg, rgba(255,236,0,1) 0%, rgba(255,236,0,1) 25%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(255,236,0,1) 50%, rgba(255,236,0,1) 75%, rgba(0,0,0,1) 75%);
    background-size: 23px 39px;
}
.top-zebra-border::after{
	    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 9px;
    left: 0;
    right: 0;
    background-color: #ffec00;
    background-image: -webkit-linear-gradient( 
300deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
300deg, #232323 45%, #ffec00 45%, #ffec00 60%, #000000 58%, #000000 80%, #fbeb00 80%, #ffec00);
    background-size: 19px 47px;
    background-image: linear-gradient( 
300deg, rgba(255,236,0,1) 0%, rgba(255,236,0,1) 25%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(255,236,0,1) 50%, rgba(255,236,0,1) 75%, rgba(0,0,0,1) 75%);
    background-size: 23px 39px;
}

.top-zebra-border-black::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 5px;
    left: 0;
    right: 0;
    background-color: #ffec00;
        background-image: -webkit-linear-gradient(135deg, #ffec00 15%, #232323 15%, #232323 50%, #ffec00 50%, #ffec00 65%, #232323 65%, #232323);
   background-image: webkit-linear-gradient  (-45deg, #ffec00 15%, #232323 15%, #232323 50%, #ffec00 50%, #ffec00 65%, #232323 65%, #232323);
    background-size: 8px 8px;
}
.top-zebra-border-black-two::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 5px;
    left: 0;
    right: 0;
    background-color: #ffec00;
    background-image: -webkit-linear-gradient(
135deg, transparent 10%, #232323 10%, #232323 50%, transparent 50%, transparent 60%, #232323 60%, #232323);
    background-image: linear-gradient(
-45deg, transparent 10%, #232323 10%, #232323 50%, transparent 50%, transparent 60%, #232323 60%, #232323);
    background-size: 8px 8px;
}
.main-navigation ul li a {
    color: #fff;
    transition: all 0.5s;
}
.main-navigation div > ul > li > a:hover {
    color: #ffeb10;
    transition: all 0.5s;
}
.main-navigation div > ul > li.current-menu-item > a{
	    color: #fff;
    transition: all 0.5s;
}
/* .current-menu-item::after {
   width: 80%;
    margin: 0 auto;
    content: "";
    display: block;
    position: absolute;
    bottom: -1px; 
	height: 2px;
	left: 0;
    right: 0;
    background-color: #ffec00;
    background-image: -webkit-linear-gradient( 
135deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
-45deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
    background-size: 8px 8px;
    transition: all 0.6s; 
     transition-delay: 3s; 
	animation: scroll 20s linear infinite;
} */

@keyframes scroll {
   100%{
    background-position:200px 0px;
  }
}


.sh-wraper-text-center p{
	font-size: 34px;
    margin: 15px 0px;
}
.sh-wraper-text-center .vld{
	font-size:30px;
	font-family: "Montserrat Bold" !important;
}
.sh-wraper-text-center .vld2 {
    font-size: 15px;
    line-height: 2.1;
    padding-top: 10px;
}

.sh-house{
	top: 0;
    bottom: 0;
    margin: auto;
    left: -50%;
    opacity: 0.7;
}
.sh-equipment{
	left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
	width:200px;
}
.site-header-one{
/* 	height: 100vh; */
	height:700px;
    background-repeat: no-repeat;
    background-size: cover;
	background-color:#000;
	box-shadow:none !important;
	overflow:hidden;
	background-image: url(/wp-content/uploads/2021/11/pattern-fon-metall-36.svg);
    background-repeat: repeat;
    background-size: 14%;
}
.main-navigation{
	border-top:0px !important;
/* 	background-color: #000; */
}
.flex-center > .vc_column-inner{
	justify-content:center;
}
.fl-box-usluga .ifb-front,.fl-box-usluga .ifb-back{
	height:210px !important;
} 
.fl-box-usluga .ifb-front .ifb-flip-box-section  p{
	font-size: 30px !important;
    color: #0074b8 !important;
    bottom: 10px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.fl-box-usluga .ifb-front, .fl-box-usluga .ifb-back{
	background-color:#fff !important;
}
.fl-box-usluga .ifb-back{
	border-color: #964794!important;
}
.fl-box-usluga h3.ult-responsive.flipbox_heading:before {
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    background: url(/wp-content/uploads/2021/11/arrow-right_icon-icons.com_72375.svg) 15% no-repeat;
    width: 135px;
    height: 40px;
}
.fl-box-usluga h3{
	font-size:20px !important;
}
.fl-box-usluga .ifb-flip-box-section {
	height:100%;
	position:relative;
}
/*  */
.left-wr-question .vc_column-inner .wpb_wrapper{
	height: 210px;
    background-color: #ffec00;
/* 	color:#fff !important; */
}
.left-wr-question .vc_column-inner .wpb_wrapper h3{
/* 	color: #fff !important; */
    padding-top: 30px;
    text-align: center;
}
.left-wr-question p{
	text-align:center;
}
.btn-popup{
	
    padding: 20px;
    bottom: 15px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 20%;
	background: #000;
	color: #fff;
    animation: gradient 10s ease infinite;
}
.usluga-right-wrap > .vc_column-inner > .wpb_wrapper {
    background: #202020;
    color: #fff;
    padding: 30px 45px 70px 45px;
    position: relative;
	margin-bottom:35px;
	height:453px;
}
.usluga-right-wrap ul li{
	list-style-type: none;
	position:relative;
}
.usluga-right-wrap ul li:before{
	content: "";
    display: block;
    width: 11px;
    height: 12px;
    background: url(/wp-content/uploads/2021/10/services-list-arrow.svg) 50% no-repeat;
    position: absolute;
    top: 5px;
    left: -20px;
}
.footer-uslugi ul li {
    list-style-type: none;
    position: relative;
    color: #fff;
    font-size: 16px;
}
.footer-uslugi ul{
	padding:0px !important;
}
.footer-uslugi ul li:before{
	content: "";
    display: block;
    width: 11px;
    height: 12px;
    background: url(/wp-content/uploads/2021/10/services-list-arrow-1.svg) 50% no-repeat;
    position: absolute;
    top: 5px;
    left: -20px;
}
.wrap-usluga > .vc_column-inner > .wpb_wrapper > .wpb_text_column{
	padding: 70px 25px;
	box-shadow: 0 0 5px #0074b866;
	-webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.wrap-usluga > .vc_column-inner > .wpb_wrapper > .wpb_text_column:hover{
	position:absolute;
	right: 15px;
    left: 15px;
	box-shadow: 0 0 25px #0074b866;
	z-index: 999;
	background-color:#fff;
	-webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.wrap-usluga > .vc_column-inner > .wpb_wrapper > .wpb_text_column:hover .wrap-usluga-main-text{
	overflow: visible;
    height: 100px;
	-webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.usluga-right-wrap > .vc_column-inner > .wpb_wrapper h3{
	color: #fff;
}
.wrap-usluga-main-text{
	overflow: hidden;
    height: 0;
}
/*  */
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.form-zayvka .wpcf7-submit {
background-color: #000000 !important;
    padding: 20px 0px;
    background-size: 400% 400%;
    color: #fff;
}
.form-zayvka label{
	font-size:15px;
}
.form-zayvka .wpcf7-text, .form-zayvka .wpcf7-mask{
	padding:10px 15px !important;
}
.form-zayvka h4{
	text-align:center;
}
.sh-wrapper-form .wpcf7-response-output{
	display:none !important;
}
.form-zayvka .wr-submit{
	display: flex;
    flex-direction: column;
}

/*  */
.backg-color-white .wpb_wrapper{
	background-color:#fff;
}
.backg-color-grey{
	background-color: #f2f2f2;
}
.height70{
	height:120px;
}
.wrap-otzivi .lvca-testimonials-slider.lvca-container{
	min-width:100%;
}
.lvca-icon-quote:before {
    color: #000;
}
.lvca-container .lvca-flex-direction-nav a.lvca-flex-prev:before, .lvca-container .lvca-flex-direction-nav a.lvca-flex-next:before {
    color: #000;
}
/*  */
.site-footer-standard{
	background-color: inherit !important;
    box-shadow: none !important;
    color: #000000;
}
.footer {
    box-shadow: none !important;
/*     background-image: url(/wp-content/uploads/2021/10/home.webp); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    padding: 70px 0px 50px;
}
.footer:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
	background-image: url(/wp-content/uploads/2021/11/pattern-binzopila-48.svg);
    background-repeat: repeat;
    background-size: 14%;
}
.section-ostalis-vopros{
	background-image: url(/wp-content/uploads/2021/11/pattern-pila.svg);
    background-repeat: repeat;
    background-size: 7%;
}
.site-header-two .header-tm-two{
    background-image: url(/wp-content/uploads/2021/11/pattern-fon-metall-36.svg);
    background-repeat: repeat;
    background-size: 14%;
}
footer .vc_col-sm-4{
	z-index:10;
}
footer h3{
	text-align:left;
	color:#ffec00;
	position:relative;
	padding:20px 0px;
}
footer h3:before {
    content: '';
    bottom: 0px;
    position: absolute;
    width: 35px;
    height: 2px;
    background-color: #ffec00;
}
footer p{
	color:#ffec00;
}
.footer .site-footer{
	max-width: 1240px;
    margin: 0 auto;
    padding: 0 30px;
}
.wrap-content-foo .wcf-item .wcf-item-svyaz div{
	color: #ffec00;
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.fa-angle-up:before {
    color: #000;
}
.wrap-content-foo .wcf-item .wcf-item-svyaz span{
	color: #ffec00;
    font-size: 30px;
}
.wrap-content-foo .wcf-item .wcf-dop-seti span{
	color: #ffec00;
    font-size: 30px;
	padding: 0 5px;
}
.wrap-content-foo .wcf-item .wcf-item-svyaz a, .wrap-content-foo .wcf-item .wcf-item-svyaz p {
	color: #ffec00;
    font-size: 16px;
    padding-left: 5px;
	margin-bottom:0px;
}
.wrap-content-foo span {
    color: #fdf000 !important;
}
/*  */
#map_container{
	height:400px;
	background-image:url(/wp-content/uploads/2021/10/homemap.jpg);
	background-position: center center;
}
.phone_on_mobile{
	display:none;
}
.phone_on_mobile a {
    font-size: 24px;
    color: #121212;
}
.wrap-content-foo{
	display:flex;
	flex-wrap:nowrap;
	gap:0 15px;
}
.wrap-content-foo .wcf-item{
	width:33%;
	z-index:33
}
.color_black{
	color:#000;
}
.main-menu-close i{
	color:#ffec00;
}
.sh-bottom-section{
	margin-bottom:-1px;
}
.woocommerce ul.products li.product a img{
	border-radius:34px;
}
@media screen and (min-width:320px) and (max-width:767px){
	
	.for-icon {
	background-size: 50% !important;}
/* 	shop */
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		width:46% !important;
	}
/* all */
	.site-header-one .site-branding svg:not(:root){
/* 		width:210px; */
		width:160px;
	}
	.site-header-one .site-branding{
		display:flex;
	}
	.site-header-one{
		height: auto;
    	padding-bottom: 20px;
	}
	a.site-logo-img{
		max-width:100% !important;
	}
	.wrap-content-foo{
		flex-direction:column;
	}
	.wrap-content-foo .wcf-item{
		width:100%;
	}
	.sbc-fast-time:after, .sbc-time:after{
		display:none;
	}
	.sh-bottom-section{
		flex-direction:column;
		margin-bottom:-1px;
	}
	.sbc-fast-time, .sbc-telephone, .sbc-time{
		width:100% !important;
	}
	.sbc-telephone, .sbc-time{
		    padding: 32px 0;
	}
/* 	 */
	table.table-master td {
    	font-size: 9px;
	}
	table.table-master td:last-child {
		font-family: 'Montserrat Bold';
		color: #000;
	}
	table.table-master tr:first-child td div {
    	color: #fff;
	}
	table.table-master td {
		border-width: 2px;
		padding: 2px;
	}
/* 	 */
/* 	.table-master tr {
		display:block;
	}
	table.table-master{
		width: min-content;
    	margin: 0 auto;
	}
	.table-master tr:first-child{
		display:none;
	}
	.table-master td {
		 display: flex;
		 justify-content: space-between;
		 font-size: 14px;
	}
	.table-master td::before {
		 content: attr(data-label);
		 font-weight: bold;
		 margin-right: 20px;
	}
	.table-master thead {
     	display: none;
	} */
	.first-header{
/* 		height:40px; */
		height:auto;
	}
	.wcf-item-svyaz-header{
		flex-wrap: wrap;
		justify-content: center;
		gap: 0px 6px;
	}
/* 	 */
	.phone_on_mobile{
		display:block;
		    background: #ffec00;
    margin: -35px 10px;
    border-radius: 5px;
    font-family: 'Montserrat Bold';
    padding: 10px 0px;
	}
	.left-wr-question{
		padding-bottom:35px;
	}
	.btn-popup{
		width:90%;
		display:block !important;
		position:relative;
		bottom:0px;
	}
/* 	 */
	.form-main p{
		flex-direction:column;
	}
	.form-main input{
		width: 100%;
	}
	.page-template-default .content-area, .woocommerce #container, .woocommerce-page #container, .content-area{
		padding:0px !important;
	}
	.second-header{
		position:relative;
	}
	.second-header img{
		display:none;
	}
	.sh-wraper-text-center{
		position: relative;
		left: 0;
		top: 0;
		transform: translate(0, 0);
		margin-bottom:10px;
	}
	.sh-wrapper-form{
		position: relative;
		top: 0;
		transform: translate(0, 0);
		right: 0;
	}
	.sh-wraper-text-center .vld{
		font-size:16px;
	}
	.sh-wraper-text-center .vld2{
		font-size:11px;
	}
	.form-zayvka input{
		width:100%;
	}

/* 	 */
	#site-navigation{
		position: absolute;
		top: 70px;
		right: 30px;
		width: 30px;
	}
	#main-menu{
		box-shadow: none !important;
		background-image: url(/wp-content/uploads/2021/10/background-1.jpg) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: top center !important;
	}
	#main-menu:after{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		background: #000;
	}
	.main-navigation ul li a{
		color:#ffec00 !important;
	}
	body.admin-bar .main-menu-close{
		z-index:150;
	}
/* 	 */
}
@media screen and (min-width:768px) and (max-width:980px){
/* 	 */

	.header-menu-button i{
		font-size:25px;
	}
	#site-navigation{
		position: absolute;
		top: 40px;
		right: 30px;
		width: 30px;
	}
	#main-menu{
		box-shadow: none !important;
		background-image: url(/wp-content/uploads/2021/10/background-1.jpg) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: top center !important;
	}
	#main-menu:after{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		background:#000;
	}
	body.admin-bar .main-menu-close{
		z-index:150;
	}
	.btn-popup{
		width:45%;
	}
/* 	 */
	.sh-men{
		left:-60px;
	}
	.sh-wraper-text-center{
		left:26%;
		max-width:350px;
	}
	.sh-wraper-text-center .vld{
		font-size:24px;
	}
	.sh-wrapper-form{
		right:20px;
		top:30%;
		width:40%;
	}
	.sh-wrapper-form{
		right: 20px;
		top: 30%;
		width: 40%;
		transform: translate(0px, 0px);
	}
	.form-zayvka input{
		width:100%;
	}
}
@media screen and (min-width:981px) and (max-width:1230px){
	.sh-wraper-text-center{
		transform: translate(10px, 10px);
		top: 45%;
		left: 1%;
	}
	.sh-wrapper-form{
		right: 2%;
		transform: translate(10px, 10px);
		top: 37%;
	}
	.sbc-telephone a{
		font-size:28px !important;
	}
}
.wrap-otzivi::before {
    content: "";
    display: block !important;
    position: absolute;
    top: -1px;
    height: 9px;
    left: 0;
    right: 0;
    background-color: #00000000;
    background-image: -webkit-linear-gradient( 
135deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
60deg, rgba(255,236,0,1) 0%, rgba(255,236,0,1) 25%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(255,236,0,1) 50%, rgba(255,236,0,1) 75%, rgba(0,0,0,1) 75%);
    background-size: 23px 39px;
}
.wrap-otzivi::after {
    content: "";
    display: block !important;
    position: absolute;
    bottom: 0px;
    height: 9px;
    left: 0;
    right: 0;
    background-color: #00000000;
    background-image: -webkit-linear-gradient( 
135deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
60deg, rgba(255,236,0,1) 0%, rgba(255,236,0,1) 25%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(255,236,0,1) 50%, rgba(255,236,0,1) 75%, rgba(0,0,0,1) 75%);
    background-size: 23px 39px;
}
.for-icon::after {
    content: "";
    display: block !important;
    position: absolute;
    bottom: 0px;
    height: 9px;
    left: 0;
    right: 0;
    background-color: #00000000;
    background-image: -webkit-linear-gradient( 
135deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
60deg, rgba(255,236,0,1) 0%, rgba(255,236,0,1) 25%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(255,236,0,1) 50%, rgba(255,236,0,1) 75%, rgba(0,0,0,1) 75%);
    background-size: 23px 39px;
}
.footer::before {
	 content: "";
    display: block !important;
    position: absolute;
    top: -9px;
    height: 9px;
    left: 0;
    right: 0;
    background-color: #00000000;
    background-image: -webkit-linear-gradient( 
135deg, #232323 15%, #ffec00 15%, #ffec00 50%, #232323 50%, #232323 65%, #ffec00 65%, #ffec00);
    background-image: linear-gradient( 
60deg, rgba(255,236,0,1) 0%, rgba(255,236,0,1) 25%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(255,236,0,1) 50%, rgba(255,236,0,1) 75%, rgba(0,0,0,1) 75%);
    background-size: 23px 39px;
}

ul.products.columns-4 li svg {
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
}
ul.products.columns-4 li.product-category.product {
    height: 190px;
	margin:12px;
	flex:0 0 22%;
	border-radius: 27px;
}
ul.products.columns-4 li.type-product.product{
	margin:12px;
	flex:0 0 22%;
	border-radius: 27px;
	background: url(/wp-content/uploads/2021/11/ramka-dlya-ikonki-52.svg);
    background-repeat: no-repeat;
    background-position: bottom;
}
.related.products ul.products.columns-4 {
	display:flex;
	flex-wrap:wrap;
}
@media screen and (max-width: 1227px){
	ul.products.columns-4 li.product-category.product {
		flex:0 0 21%;
	}
	ul.products.columns-4 li svg{
/* 		top:-20px; */
		top: 0px;
	}
	ul.products.columns-4 li.type-product.product{
		flex:0 0 30%;
	}
	.woocommerce ul.products li.product .woocommerce-loop-category__title {
    width: 120px;
    font-size: 13px !important;
    top: 120px;
}
}
@media screen and (max-width: 1100px){
	ul.products.columns-4 li svg{
		top:-30px;
	}
	ul.products.columns-4 li.product-category.product {
		margin:11px;
	}
	ul.products.columns-4 li.type-product.product{
		margin:9px !important;
	}
	.related.products ul.products.columns-4 li.type-product.product{
		margin: 15px 9px !important;
	}
}
@media screen and (max-width: 1024px){
	#product-category-page .woocommerce-loop-category__title{
		font-size:14px !important;
	}
}
@media screen and (max-width: 991px){
	ul.products.columns-4 li.product-category.product.first{
		margin-left:0px !important;
	}
	ul.products.columns-4 li.product-category.product{
		margin:16px !important;
	}
	.wrap-shop-page .col-lg-2{
		display:none !important;
	}
}
@media screen and (max-width: 980px){
		.fixed_nav svg{
		display:none;
	}
	nav#site-navigation.fixed_nav {
    display: none;
}
	.show-main-menu .main-menu-inner { 
		position: relative;
		z-index: 155;
	}
	.show-main-menu{
		overflow:hidden;
	}
	.site-header-one #site-navigation:before , .site-header-one #site-navigation:after{
		display:none;
	}
	.header-menu-button i{
		font-size:25px;
		color: #ffec00;
	}
	.sbc-fast-time:after, .sbc-time:after{
		display:none;
	}
	.wrapper-header-first{
		justify-content:center !important;
	}
	.site-header-two #site-navigation{
		top: 0px !important;
	}
	.main-navigation ul li a{
		color:#ffec00 !important;
	}
	.main-menu-close{
		z-index:150;
	}
}
@media screen and (max-width: 767px){
	.footer:after, .wrap-otzivi, .section-ostalis-vopros, .site-header-one, .site-header-two .header-tm-two {
		background-size: 50% !important;
	}
	.related.products ul.products.columns-4 li.type-product.product{
		flex: 0 0 95%;
	}
	.wrapper-header-first{
		flex-direction:column;
	}
	.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
		content:none !important;
	}
	ul.products.columns-4 li.product-category.product{
		margin: 20px 0 !important;
		flex: 0 0 46%;
	}
	ul.products.columns-4 li.type-product.product{
		margin: 20px 0 !important;
		flex: 0 0 46%;
	}
	.wrap-shop-page ul.products.columns-4{
		justify-content:space-between;
	}
	#product-category-page .woocommerce-loop-category__title{
		height:auto;
		padding: 6px 10px!important;
	}
	ul.products.columns-4 li svg {
		top:-40px;
		width: 170px;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
	}
}
@media screen and (max-width: 500px){
	ul.products.columns-4 li svg{
		width:auto;
	}
	ul.products.columns-4 li.type-product.product{
		background:none;
	}
}
.single .byline {
    display: none;
}

@media screen and (max-width: 400px){
	
	body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {
    background-repeat: no-repeat !important;
	}
	ul.products.columns-4 li svg {
    top: -70px;
	}
	#product-category-page .woocommerce-loop-category__title {
    font-size: 10px !important;
		bottom: 77px;
	}
	ul.products.columns-4 li.product-category.product {
    margin: -10px 0 !important;
}

}