@charset "UTF-8";
/*
Theme Name: DYTRI BIZ
Version: 1.5.1
Updated: 19.06.2025
Author: DYTRI
Author URI: https://dytri.com
Description: A multipurpose premium theme for your project that will allow you to quickly create and customize a website of almost any complexity, for example, a blog, portfolio, corporate website, catalog website or even an online store. The main difference between this theme and others is the maximum possibilities with a minimum of settings, without unnecessary documentation and many hours of training! Intuitive and simple customization, a powerful core of a wide variety of capabilities, a database of pre-installed templates and styles, included SEO optimization for search engines and much more in just one theme for your project. Looking for a multipurpose theme for all occasions? You've already found it! You can also familiarize yourself with all the features of the theme at the link https://dytri.com/
Requires at least: 5.3
Tested up to: 8.2.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dytri-biz
Tags: Custom background, menu customization, theme customization, accessibility, two columns, footer widgets, custom logo, color customization, one column, custom pages, different post formats, sticky post, wide blocks, custom customization, custom-menu, rtl- language-support, translation-ready
*/

/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');*/

/*------------------------------------------------------------------------------------------------*/
/*TAGS*/
/*------------------------------------------------------------------------------------------------*/
html, body { width: 100%; height: 100%; margin: 0px; padding: 0px;}
body {
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	line-height: normal;
	background-color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
	color: #000;
}

/*------------------------------------------------------------------------------------------------*/
/*GLOBAL COLORS AND BG*/
/*------------------------------------------------------------------------------------------------*/
/*
.gl-bg, .gl-bg-light.gl-bg-hover:hover{ background-color:#1E7BB7; color:#FFF; }
.gl-bg-light, .gl-bg.gl-bg-hover:hover{background-color:#72B4DF;}
.gl-color, a:link, a:visited, h1, h2, h3, h4 { color:#1E7BB7; }
.gl-color:hover, a:hover, a:active{ color:#1B6493; }
.gl-color-light{color:#72B4DF;}
.gl-border{ border-color:#1B6493;}
.gl-border-light{ border-color:#72B4DF;}
*/

:root{
  --header_height:96px;
}

/*------------------------------------------------------------------------------------------------*/
/*privacy-policy*/
/*------------------------------------------------------------------------------------------------*/
.privacy-policy-wrap {
	position: fixed; z-index: 9999; width:1200px; height: 64px; left:calc( (100% - 1230px) / 2 ); bottom:32px; padding:15px; background: #FFF; color: #111;
	display: flex; align-items: center; justify-content: space-between;
	border-radius: 5px; font-size: 0.75em; box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
	opacity:0;
}
.privacy-policy-content { width:calc(100% - 64px);}
.privacy-policy-button {
	display:flex; align-items: center; justify-content: center;
	width:64px; height:64px; cursor: pointer; background: #3B3B3B; color: #FFF; text-align: center !important; border-radius: 5px;
}
.privacy-policy-button:hover { background: #131313;}
.privacy-policy-content a {	color: #FF0004 !important; text-decoration: underline !important;}

.privacy-policy-wrap.infooter {
	position:relative !important; clear:both; z-index: auto !important; left:auto !important; bottom: auto !important; 
	background: none; border-top: none; color:inherit !important; text-align: left !important;
}
.privacy-policy-wrap.infooter a { color:inherit !important; text-decoration: underline !important; } 
.privacy-policy-wrap.infooter .privacy-policy-button { display:none !important; }

/*------------------------------------------------------------------------------------------------*/
/*STRUCTURE TAGS AND HELP ELEMENTS*/
/*------------------------------------------------------------------------------------------------*/
a:link { outline: none !important; text-decoration: none !important; transition: 0.2s linear;}

p { padding:5px 0px 15px 0px; margin: 0px; }

h1, h2, h3, h4, .heading {
  display:block; font-weight:bold;
  position:relative; z-index: 2;
  width: auto; min-width: 100px; height: auto; min-height: 24px;
  margin:25px auto 25px auto; padding:0px 0px 0px 0px; /*padding:0px 0px 35px 0px;*/
  text-transform: uppercase;
}
h1.heading, h2.heading, h3.heading, h3.heading, .heading { padding:0px 0px 35px 0px; }
h1.heading:after, h2.heading:after, h3.heading:after, .heading:after {
  display:block; position: absolute; z-index: 1;
  left: 0px; bottom:15px;
  content: '';
  width:100px; height: 3px;
  margin:30px 0px 0px 0px; padding: 0px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: auto 24px;
  background-color: #999999;
  background-color:rgba(0,0,0,0);
}
h1.has-text-align-center:after, h2.has-text-align-center:after, h3.has-text-align-center:after, .heading.has-text-align-center:after,
h1.center:after, h2.center:after, h3.center:after, .heading.center:after,
h1.text-center:after, h2.text-center:after, h3.text-center:after, .heading.text-center:after,
.has-text-align-center h1:after, .has-text-align-center h2:after, .has-text-align-center h3:after, .has-text-align-center .heading:after,
.center h1:after, .center h2:after, .center h3:after, .center .heading:after,
.text-center h1:after, .text-center h2:after, .text-center h3:after, .text-center .heading:after 
{
  left: 50% !important; margin-left: -50px !important; background-position: center bottom;
}
h1.has-text-align-right:after, h2.has-text-align-right:after, h3.has-text-align-right:after, .heading.has-text-align-right:after,
h1.text-right:after, h2.text-right:after, h3.text-right:after, .heading.text-right:after,
.has-text-align-right h1:after, .has-text-align-right h2:after, .has-text-align-right h3:after, .has-text-align-right .heading:after,
.text-right h1:after, .text-right h2:after, .text-right h3:after, .text-right .heading:after
{
  left:auto !important; margin-left:0px !important; right:0px !important; background-position: right bottom;
}

a img { border: none; outline: none !important;}
ul { list-style:circle;}
ul li { padding: 0px 0px 0px 0px;}
ul.list li { list-style:none; padding-left: 25px; margin:5px 5px; /*background: url('media/lkdent-list.svg') no-repeat left center;*/ }
hr { border: none; border-top: 1px solid #CCC; border-bottom: 1px solid #FFF; clear: both !important;}

.transition-none, .trans-none {transition: none !important;}
.trans, .transition, .transition-02 {transition: 0.2s linear;}
.trans-01, .transition-01 {transition: 0.1s linear;}
.trans-scale-down:hover, .trans-down:hover {transform: scale(0.95, 0.95);}
.trans-scale-up:hover, .trans-up:hover {transform: scale(1.05, 1.05);}
.trans-scale-rotate-90:hover, .trans-90:hover {transform: rotate(90);}
.trans-scale-rotate-90-min:hover, .trans-90m:hover {transform: rotate(-90);}
.trans-scale-rotate-180:hover, .trans-180:hover {transform: rotate(180);}
.trans-scale-rotate-180-min:hover, .trans-180m:hover {transform: rotate(-180);}
.trans-scale-rotate-360:hover, .trans-360:hover {transform: rotate(360);}
.trans-scale-rotate-360-min:hover, .trans-360m:hover {transform: rotate(-360);}

img.grayscale, .grayscale-wrap img { 
	opacity: 0.3; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;
}
img.grayscale:hover, .grayscale-wrap:hover img { opacity: 1; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none;}

.pointer { cursor:pointer; }

.hide {display: none;}
clear, .clear { display:block; clear: both;}
.left {float: left;}
.right {float: right;}
.center, .text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-justify {text-align: justify !important;}

inline, .inline {display: inline-block; vertical-align: top;}
.inline.middle, inline.middle {display: inline-flex; align-items: center; vertical-align: middle;}

.block {display: block;}

.color-white {color: #ffffff !important;}
.color-gray {color: #999999 !important;}
.color-black {color: #000000 !important;}
.color-blue {color: #158DAB !important;}
.color-red {color: #CB2B20 !important;}
.color-green {color: #0E8B00 !important;}
.color-brown {color: #492911 !important;}
.color-yellow {color: #FFD600 !important;}
.color-beg {color: #F9EFE0 !important;}

.color-text { color: #000000 !important; }
.color-text-2 { color: #999999 !important; }

.font-30 {font-size: 3em !important;}.font-27 {font-size: 2.75em !important;}.font-25 {font-size: 2.5em !important;}.font-22 {font-size: 2.25em !important;}
.font-20 {font-size: 2em !important;}.font-15 {font-size: 1.5em !important;}.font-13 {font-size: 1.32em !important;}.font-12 {font-size: 1.25em !important;}
.font-10 {font-size: 1em !important;}.font-09 {font-size: 0.9em !important;}.font-08 {font-size: 0.8em !important;}.font-07 {font-size: 0.7em !important;}

.font-vw05 {font-size: 0.5vw !important;}.font-vh05 {font-size: 0.5vh !important;}
.font-vw07 {font-size: 0.75vw !important;}.font-vh07 {font-size: 0.75vh !important;}
.font-vw1 {font-size: 1vw !important;}.font-vw15 {font-size: 1.5vw !important;}
.font-vh1 {font-size: 1vh !important;}.font-vw2 {font-size: 2vw !important;}
.font-vw25 {font-size: 2.5vw !important;}.font-vh2 {font-size: 2vh !important;}
.font-vw3 {font-size: 3vw !important;}.font-vw35 {font-size: 3.5vw !important;}
.font-vh3 {font-size: 3vh !important;}.font-vw4 {font-size: 4vw !important;}
.font-vw45 {font-size: 4.5vw !important;}.font-vh4 {font-size: 4vh !important;}
.font-vw5 {font-size: 5vw !important;}.font-vw55 {font-size: 5.5vw !important;}
.font-vh5 {font-size: 5vh !important;}

.uppercase {text-transform: uppercase !important;}
.lowercase {text-transform: lowercase !important;}
.bold {font-weight: bold !important;}
.normal {font-weight: normal !important;}
.italic {font-style: italic !important;}

.line-07 {line-height: 0.7em !important;}.line-08 {line-height: 0.8em !important;}.line-09 {line-height: 0.9em !important;}
.line-10, .line-1 {line-height: 1em !important;}.line-12 {line-height: 1.2em !important;}.line-13 {line-height: 1.3em !important;}
.line-14 {line-height: 1.4em !important;}.line-15 {line-height: 1.5em !important;}.line-16 {line-height: 1.6em !important;}
.line-normal {line-height: normal !important;}
.textspacing-05 { letter-spacing:0.5em; }.textspacing-1 { letter-spacing: 1em; }.textspacing-15 { letter-spacing: 1.5em; }.textspacing-2 { letter-spacing: 2em; }

.help {color: #999999 !important;font-size: 0.85em !important;}


.text-shadow, .text-shadow-black {text-shadow: 0px 1px 2px rgba(0,0,0,0.5);-webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.5);-moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.5);}
.text-shadow-white {text-shadow: 0px 1px 2px #FFF;-webkit-text-shadow: 0px 1px 2px #FFF;-moz-text-shadow: 0px 1px 2px #FFF;}

.box-shadow, .box-shadow-black {-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5); box-shadow: 0px 1px 2px rgba(0,0,0,0.5);}
.box-shadow-white {-webkit-box-shadow: 0px 1px 2px #FFF;-moz-box-shadow: 0px 1px 2px #FFF; box-shadow: 0px 1px 2px #FFF;}

.bg-white {background: #FFF !important;}
.bg-gray {background: #f1f1f1 !important;}
.bg-gray.hover:hover {background: #FFF !important;}

.border-gray {border: 1px solid #CCC !important;}
.border-white {border: 1px solid #f1f1f1 !important;}

.bg-preload, .bg-load {width: 100%;height: 100%; background: #FFF no-repeat center center url("images/preloader-16.gif");}
/* Lazyload classes */
img.preload-image, img.lazy {min-width:16px; min-height:16px; background:rgba(255,255,255,0) no-repeat center center url("images/preloader-16.gif");}
img.preload-image.lazyloaded, img.lazy.lazyloaded { min-width:10px; min-height:10px; background:none; }

.round-3 {border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;}
.round-5 {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
.round-10 {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;}
.round, .round-1000, .round-circle { border-radius: 1200px;-webkit-border-radius: 1200px;-moz-border-radius: 1200px;-o-border-radius: 1200px;-ms-border-radius: 1200px;}

/*FIELDS ans BUTTONS*/

input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder  {color:inherit; opacity: 0.5; }
input[type=text]::-moz-placeholder, textarea::-webkit-input-placeholder { color:inherit; opacity: 0.5;}
input[type=text]:-ms-input-placeholder, textarea::-webkit-input-placeholder { color:inherit; opacity: 0.5;}
input[type=text]:-moz-placeholder, textarea::-webkit-input-placeholder { color:inherit; opacity: 0.5; }
input[type=password]::-webkit-input-placeholder,input[type=password]::-moz-placeholder,input[type=password]::-ms-input-placeholder { color:inherit; opacity: 0.5; }

input,textarea,select {outline: none !important;}
label {display: block; margin: 5px 0px;}
input[type=text], input[type=number], input[type=tel], input[type=password], input[type=search], select {
	width: 97.8%;
	height: 41px;
	margin: 2px 0px;
	border: none !important;
  border-bottom:1px solid #999 !important;
	background:none;
	/*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.25);*/
	padding: 10px 1%; 
  font-family: 'Roboto Condensed', sans-serif;
  color: inherit !important;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; 
	font-size: 1em;
}
select {height: 42px;}
textarea {
	width: 97.8%;
	min-height:48px;
	margin: 2px 0px;
	border: none !important;
  border-bottom:1px solid #999 !important;
	background:none;
	/*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.25);*/
	padding: 10px 1%;
  font-family: 'Roboto Condensed', sans-serif;
  color: inherit !important;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
input[type=button], input[type=submit], button, .button, .widget [type=submit], .widget [type=button], .wp-block-button.style_button a {
  position: relative;
	display:inline-flex; align-items: center; justify-content: center; flex-direction: column;
	min-height: 15px !important;
	margin: 2px 0px;
	padding: 10px 25px !important;
  font-family: 'Roboto Condensed', sans-serif;

	/*background: linear-gradient(to top, #C10003 50%, #C02225 50%);*/
	background: #3192CF;
  color: #FFF !important;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	border: 1px solid #266F9E;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	text-align: center; font-size: 1em; cursor: pointer; transition: 0.2s linear;
}
input[type=button]:hover, input[type=submit]:hover, button, .button:hover, .wp-block-button.style_button a:hover {background: #266F9E;color: #FFF !important;}

.wp-block-button a { transition: 0.2s linear; box-shadow: 0px 1px 2px rgba(0,0,0,0.3); }
.wp-block-button a:hover { filter: brightness(0.93); }

input[type=button].load, input[type=submit].load, .button.load,
input[type=button].load:hover, input[type=submit].load:hover, .button.load:hover, a.button.load, a.button.load:visited
{
  background: none !important; background-color: none !important; border:none !important; box-shadow: none !important; color:rgba(0,0,0,0) !important;
}
input[type=button].load:before, input[type=submit].load:before, .button.load:before, a.button.load:before {
  position: absolute; left:0px; top:50%; z-index: 9; 
  display: block; height: 1px; width: 100%;
  content:'';
  background: #f44646;
}
input[type=button].load:after, input[type=submit].load:after, .button.load:after {
  position: absolute; left:0px; top:50%; z-index: 10;
  display: block; height: 1px; width: 24px;
  content:'';
  background:rgba(0,0,0,0);
  animation:animatedLine 1s linear infinite;
	-webkit-animation:animatedLine 1s linear infinite;
}
@keyframes animatedLine { from { left: 0%; }	to { left: 100%; } }

input[type=button].simple, input[type=submit].simple, .button.simple, a.button.simple {background: none;border-color: inherit;color: inherit;}
input[type=button].simple:hover, input[type=submit].simple:hover, .button.simple:hover, a.button.simple:hover {background:rgba(255,255,255,0.5); box-shadow: none !important; color:#000000;}

iframe[src="about:blank"] {display: none !important;visibility: hidden !important;}

/*------------------------------------------------------------------------------------------------*/
/*SCROLLBAR*/
/*------------------------------------------------------------------------------------------------*/
::-webkit-scrollbar {width:12px;}
#wrap-page ::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}

/*------------------------------------------------------------------------------------------------*/
/*BOXES*/
/*------------------------------------------------------------------------------------------------*/
.flex {display: flex;}
/* Направление главной оси - row (слева направо !ВЕРТИКАЛЬНЫЕ БЛОКИ), column (сверху вниз !ГОРИЗОНТАЛЬНЫЕ БЛОКИ) и реверсы */
.flex-dir-row {flex-direction: row;}
.flex-dir-row-r {flex-direction: row-reverse;}
.flex-dir-column {flex-direction: column;}
.flex-dir-column-r {flex-direction: column-reverse;}
/* выравнивание по главной оси */
.flex-content-start {justify-content: flex-start;}
.flex-content-end {justify-content: flex-end;}
.flex-content-center {justify-content: center;}
.flex-content-between {justify-content: space-between;}
.flex-content-around {justify-content: space-around;}
/* выравнивание по поперечной оси (линия по)*/
.flex-items-start {align-items: flex-start;}
.flex-items-center {align-items: flex-end;}
.flex-items-center {align-items: center;}
.flex-items-baseline {align-items: baseline;}
.flex-items-stretch {align-items: stretch;}
.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}
.flex-wrap-r {flex-wrap: wrap-reverse;}
/*Многострочная организация flex-flow: <‘flex-direction’> || <‘flex-wrap’>*/
.flex-flow-nowrap {flex-flow: row nowrap;}
.flex-flow-wrap {flex-flow: column wrap;}
.flex-flow-wrap-r {flex-flow: column wrap-reverse;}
/*align-content работает только в многострочном режиме (т.е. в случае flex-wrap:wrap; или flex-wrap:wrap-reverse;)*/
.flex-align-start {align-content: flex-start;}
.flex-align-end {align-content: flex-end;}
.flex-align-center {align-content: flex-center;}
.flex-align-between {align-content: space-between;}
.flex-align-around {align-content: space-around;}
.flex-align-stretch {align-content: stretch;}
/*Переопределяемые свойства блока flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]*/
.flex-over-center, .flex-center {display: flex;justify-content: center;align-items: center;overflow: hidden;}
.flex-stretch {display: flex;align-content: stretch;}
/* Выравнивание как горизонтальные блоки */
.flex-top-left {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.flex-top-right {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-end;}
.flex-top-center {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.flex-bottom-left {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;}
.flex-bottom-right {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;}
.flex-bottom-center {display: flex;flex-direction: column;justify-content: flex-end;align-items: center;}
/* Выравнивание в виде горизонтальныех блоков (строк) с одинаковым расстоянием между ними*/
.flex-space-between, .flex-row-between {display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;}
.flex-space-around, .flex-row-around {display: flex;flex-direction: column;justify-content: space-around;align-items: stretch;}
.flex-row-center { display: flex;flex-direction: column;justify-content:center;align-items: stretch; } 
/* Выравнивание в виде горизонтальныех блоков (строк) с одинаковым расстоянием между ними*/
.flex-column-between {display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;}
.flex-column-around {display: flex;flex-direction: row;justify-content: space-around;align-items: stretch;}
.flex-column-center { display: flex;flex-direction: row;justify-content:center;align-items: stretch; } 

.flex-start-center { display: flex; flex-direction: row; justify-content: start; align-items: center; }
.flex-center-center { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.flex-center-top { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
.flex-end-center { display: flex; flex-direction: row; justify-content:flex-end; align-items: center; }

.flex-list-wrap {
	display:inline-block;
	display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
	justify-content:flex-start;
	margin: 0px; padding: 0px; 
	list-style: none !important;
	/*text-align: center;*/
}
.flex-list-wrap .flex-list-item, .flex-list-wrap.col-3 .flex-list-item {
	position: relative; display:block; width: 33%; height: auto; margin: 0.1% 0%; padding: 0%; background:none; border:none; /*flex: 1 1 auto; overflow-x: hidden;*/
}
.flex-list-wrap.col-2 .flex-list-item {width: 48.8%; /*margin: 0.1% ; padding: 0.5%;*/}
.flex-list-wrap.col-3 .flex-list-item {width: 33%; /*margin: 0.1% ; padding: 0.5%;*/}
.flex-list-wrap.col-4 .flex-list-item {width: 23.8%; /*margin: 0.1% ; padding: 0.5%;*/}
.flex-list-wrap.col-5 .flex-list-item {width: 18.8%; /*margin: 0.1% ; padding: 0.5%;*/}
.flex-list-wrap.col-6 .flex-list-item {width: 14.4%; /*margin: 0.1% ; padding: 0.5%;*/}
.flex-list-wrap.col-7 .flex-list-item {width: 12.8%; /*margin: 0.1% ; padding: 0.5%;*/}

/*------------------------------------------------------------------------------------------------*/
/*BOXES*/
/*------------------------------------------------------------------------------------------------*/
.relative {position: relative !important;}
.fixed {position: fixed !important;}
.absolute {position: absolute !important;}
.nogap { gap:0em !important; }

.overhide, .overhidden {overflow: hidden !important;}

.z-index-1 {z-index: 1 !important;}.z-index-5 {z-index: 5 !important;}.z-index-10 {z-index: 10 !important;}.z-index-100 {z-index: 100 !important;}

.pos-left {left: 0px !important;}.pos-left-5 {left: 5px !important;}.pos-left-10 {left: 10px !important;}.pos-left-15 {left: 15px !important;}
.pos-left-20 {left: 20px !important;}.pos-left-25 {left: 25px !important;}.pos-left-50 {left: 50px !important;}

.pos-right {right: 0px !important;}.pos-right-5 { right: 5px !important;}.pos-right-10 { right: 10px !important;}.pos-right-15 { right: 15px !important;}
.pos-right-20 {right: 20px !important;}.pos-right-25 { right: 25px !important;}.pos-right-50 { right: 50px !important;}

.pos-top {top: 0px !important;}.pos-top-5 {top: 5px !important;}.pos-top-10 {top: 10px !important;}.pos-top-15 {top: 15px !important;}
.pos-top-20 { top: 20px !important;}.pos-top-25 { top: 25px !important;}.pos-top-50 { top: 50px !important;}

.pos-bottom { bottom: 0px !important;}.pos-bottom-5 { bottom: 5px !important;}.pos-bottom-10 { bottom: 10px !important;}.pos-bottom-15 { bottom: 15px !important;}.pos-bottom-20 { bottom: 20px !important;}.pos-bottom-25 { bottom: 25px !important;}.pos-bottom-50 { bottom: 50px !important;}

.pos-left-s25 { left: 25% !important;}.pos-left-s35 { left: 35% !important;}.pos-left-s50 { left: 50% !important;}
.pos-right-s25 { right: 25% !important;}.pos-right-s35 { right: 35% !important;}.pos-right-s50 { right: 50% !important;}
.pos-top-s25 { top: 25% !important;}.pos-top-s35 { top: 35% !important;}.pos-top-s50 { top: 50% !important;}
.pos-bottom-s25 { bottom: 25% !important;}.pos-bottom-s35 { bottom: 35% !important;}.pos-bottom-s50 { bottom: 50% !important;}

.s100 { width: 97.7% !important; padding: 1% !important;}
.s75 { width: 72.7% !important; padding: 1% !important;}
.s66 { width: 63.7% !important; padding: 1% !important;}
.s50 { width: 47.7% !important; padding: 1% !important;}
.s33 { width: 30.7% !important; padding: 1% !important;}
.s25 { width: 22.5% !important; padding: 1% !important;}
.s20 { width: 17.5% !important; padding: 1% !important;}
.s15, .s16 { width: 14.1% !important; padding: 1% !important;}
.s14 { width: 14.1% !important; padding: 1% !important;}

.w100 { width: 100% !important;}
.w80 { width: 80% !important;}
.w85 { width: 85% !important;}
.w75 { width: 75% !important;}
.w70 { width: 70% !important;}
.w66 { width: 66% !important;}
.w60 { width: 60% !important;}
.w50 { width: 50% !important;}
.w40 { width: 40% !important;}
.w33 { width: 33.3% !important;}
.w30 { width: 30% !important;}
.w25 { width: 25% !important;}
.w20 { width: 20% !important;}
.w15, .w16 { width: 16.6% !important;}
.w14 { width: 14.25% !important;}

.vw05 { width: 0.5vw !important;}.vh05 { width: 0.5vh !important;}
.vw07 { width: 0.75vw !important;}.vh07 { width: 0.75vh !important;}
.vw1 { width: 1vw !important;}.vh1 { width: 1vh !important;}
.vw2 { width: 2vw !important;}.vh2 { width: 2vh !important;}
.vw3 { width: 3vw !important;}.vh3 { width: 3vh !important;}
.vw4 { width: 4vw !important;}.vh4 { width: 4vh !important;}
.vw5 { width: 5vw !important;}.vh5 { width: 5vh !important;}

.button.s100 { padding-top: 12px !important; padding-bottom: 12px !important;}

.min-h-25 {*height:25px; min-height: 25px;}.min-h-50 {*height:50px; min-height: 50px;}.min-h-100 {*height:100px; min-height: 100px;}
.min-h-125 {*height:125px; min-height: 125px;}.min-h-150 {*height:150px; min-height: 150px;}.min-h-175 {*height:175px; min-height: 175px;}
.min-h-200 {*height:200px; min-height: 200px;}.min-h-225 {*height:225px; min-height: 225px;}.min-h-250 {*height:250px; min-height: 250px;}
.min-h-275 {*height:275px; min-height: 275px;}.min-h-300 {*height:300px; min-height: 300px;}.min-h-325 {*height:325px; min-height: 325px;}
.min-h-500 {*height:500px; min-height: 500px;}

.h-5 { height: 5px;}.h-10 { height: 10px;}.h-20 { height: 20px;}.h-25 { height: 25px;}.h-32 { height: 32px;}.h-40 { height: 40px;}.h-50 { height: 50px;}
.h-64 { height: 64px;}.h-75 { height: 75px;}.h-85 { height: 85px;}.h-100 { height: 100px;}.h-125 { height: 125px;}.h-150 { height: 150px;}
.h-175 { height: 175px;}.h-200 { height: 200px;}.h-225 { height: 225px;}.h-250 { height: 250px;}.h-275 { height: 275px;}.h-300 { height: 300px;}
.h-320 { height: 320px;}.h-350 { height: 350px;}.h-400 { height: 400px;}.h-500 { height: 500px;}.h-600 { height: 600px;}.h-700 { height: 700px;}
.h-100vh { height:100vh;} .h-75vh { height:75vh;} .h-50vh { height:50vh;}
.h-inherit { height: inherit;}
.h-s100 { height:100%; }.h-s50 { height:50%; }.h-s33 { height:33%; }.h-s25 { height:25%; }

.w-5 { width: 5px;}.w-10 { width: 10px;}.w-20 { width: 20px;}.w-25 { width: 25px;}.w-32 { width: 32px;}.w-50 { width: 50px;}.w-64 { width: 64px;}
.w-75 { width: 75px;}.w-85 { width: 85px;}.w-100 { width: 100px;}.w-125 { width: 125px;}.w-150 { width: 150px;}.w-175 { width: 175px;}
.w-200 { width: 200px;}.w-225 { width: 225px;}.w-250 { width: 250px;}.w-275 { width: 275px;}.w-300 { width: 300px;}.w-320 { width: 320px;}
.w-350 { width: 350px;}.w-400 { width: 400px;}
.w-inherit { width: inherit;}
.w-s100 {width: 100%;}

.ppx-5 { padding: 5px !important;}.ppx-10 { padding: 10px !important;}.ppx-15 { padding: 15px !important;}.ppx-20 { padding: 20px !important;}
.ppx-25 { padding: 25px !important;}.ppx-30 { padding: 30px !important;}.ppx-35 { padding: 35px !important;}.ppx-40 { padding: 40px !important;}
.ppx-50 { padding: 50px !important;}.ppx-75 { padding: 75px !important;}.ppx-100 { padding: 100px !important;}.ppx-125 { padding: 125px !important;}
.ppx-width { padding-top: 0px !important; padding-bottom: 0px !important;}
.ppx-height { padding-left: 0px !important; padding-right: 0px !important;}
.ppx-top { padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important;}
.ppx-bottom { padding-right: 0px !important; padding-top: 0px !important; padding-left: 0px !important;}
.ppx-right { padding-left: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important;}
.ppx-left { padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important;}

.mpx-5 { margin: 5px !important;}.mpx-10 { margin: 10px !important;}.mpx-15 { margin: 15px !important;}.mpx-20 { margin: 20px !important;}
.mpx-25 { margin: 25px !important;}.mpx-30 { margin: 30px !important;}.mpx-35 { margin: 35px !important;}.mpx-40 { margin: 40px !important;}
.mpx-50 { margin: 50px !important;}.mpx-75 { margin: 75px !important;}.mpx-100 { margin: 100px !important;}
.mpx-width { margin-top: 0px !important; margin-bottom: 0px !important;}
.mpx-height { margin-left: 0px !important; margin-right: 0px !important;}
.mpx-top { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important;}
.mpx-bottom { margin-right: 0px !important; margin-top: 0px !important; margin-left: 0px !important;}
.mpx-right { margin-left: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important;}
.mpx-left { margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important;}

.nopad, .noppx, .no-ppx, .s-nopad { padding: 0px !important;}
.nomargin, .nompx, .no-mpx, .s-nomargin { margin: 0px !important;}

.m-auto, .margin-auto { margin-left: auto !important; margin-right: auto !important;}

.m-top-10 { margin-top: 10px !important;}.m-top-15 { margin-top: 15px !important;}
.m-top-20 { margin-top: 20px !important;}.m-top-30 { margin-top: 30px !important;}
.m-bottom-10 { margin-bottom: 10px !important;}.m-bottom-15 { margin-bottom: 15px !important;}
.m-bottom-20 { margin-bottom: 20px !important;}.m-bottom-30 { margin-bottom: 30px !important;}

.opacity-0 { opacity: 0;}.opacity-01 { opacity: 0.1;}.opacity-02 { opacity: 0.2;}.opacity-05 { opacity: 0.5;}.opacity-07 { opacity: 0.7;}
.opacity-1 { opacity: 1;}
.opacity-hover:hover, .opacity-hover-1:hover { opacity: 1;}
.opacity-hover-05:hover { opacity: 0.5;}
.opacity-hover-0:hover { opacity: 0;}

content-box-back { display:block; position: relative; width: 100%; *height:50px; min-height: 50px; margin: 0px; padding:0px 0px 0px 0px; background: #FFF;}
content-box-back.gray { background: radial-gradient(circle, #FFFFFF, #f1f1f1); color: #111; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
content-box-back.black { background: #333 !important; color: #FFF !important;}
content-box-back.green { background: #AFCB1E !important; color: #FFF !important;}
content-box-back.gray h2 { font-size: 2em;}
content-box-back.gray h3 { font-size: 1.4em;}
content-box-back.white h2 { color: #111; font-size: 2em;}
content-box-back.white h2.gl-color-light, content-box-back.white h2.gl-color { color: inherit;}
content-box-back.white h3 { color: #111; font-size: 1.4em;}
content-box-back.white h3.gl-color-light, content-box-back.white h3.gl-color { color: inherit;}
content-box-back.black h2 { color: #FFF;}
content-box-back.black h2.gl-color-light, content-box-back.black h2.gl-color { color: inherit;}
content-box-back.black h3 { color: #FFF;}
content-box-back.green h2 { color: #FFF;}
content-box-back.green h3 { color: #FFF;}

content-box-back .gl-color h2, content-box-back .gl-color-light h2, content-box-back .gl-color h3, content-box-back .gl-color-light h3 { color: inherit !important;}

content-box {
  display:block;
  z-index: 2;
	position: relative;
	width: 1200px;
	min-height: 50px;
	margin: 0px auto 0px auto !important;
	padding:35px 25px;
  /*background: #FFF;*/
}
content-box.nopad, content-box.noppx, content-box-back.nopad, content-box-back.noppx { padding: 0px !important;}
content content-box { width:100% !important; padding-left:0% !important; padding-right:0% !important; margin-right: 0px !important; margin-left: 0px !important; }

content-box.bg-transparent { background:none !important; }
content-box-media {
  z-index: 1; position: relative;
  display: flex; align-items: center; justify-content: center;
  width:100%; height:525px; margin-bottom: -200px; overflow: hidden;
}
content-box-media img {
  /*width:100%; height:auto;*/
  width:auto;
	height:100%;
	flex: 1;
	-o-object-fit: cover;
	object-fit:cover;
  /*filter:brightness(0.8);*/
	/* object-fit:cover; */
}
/*------------------------------------------------------------------------------------------------*/
/* TPL BLOCKS */
/*------------------------------------------------------------------------------------------------*/
content-box.full { width:100% !important; padding:0px !important; margin: 0px auto !important; }
content-box-back .tpl-block h1, content-box-back .tpl-block h2, content-box-back .tpl-block h3, content-box-back .tpl-block h4 {
	color:inherit !important;
}
.tpl-block-title { padding: 5px 0px 5px 0px; }
.tpl-block-desc { padding: 5px 0px 25px 0px; }
.tpl-block-content { padding:0px 0px; }

.tpl-block-button-wrap { margin:35px 0px; }

/*------------------------------------------------------------------------------------------------*/
/*STRUCTURE*/ 
/*------------------------------------------------------------------------------------------------*/
/*overflow-x: hidden; - препятствует работе position:sticky; */
wrap-page { display: block; position: relative; width: 100%; min-height: 100%; margin: 0px auto; padding: 0px; /*overflow-x: hidden;*/}

/*BACK-s blocks*/
header-empty { display: block; position: relative; width: 100%; height:96px; }
header-back {
  display: block;
  position: absolute; top: 0px; left: 0px; z-index: 1000; 
  width: 100%; height:96px; padding: 0px; margin: 0px; background-color: #FFF; /*border-bottom: 1px solid #f1f1f1;*/
}
header-back.fix { position: fixed !important; }

content-back { display: block; position: relative; width: 100%; padding: 0px; margin: 0px 0px 0px 0px; border-top: none;}
footer-back { display: block; position: relative; width: 100%; height: 320px; margin-top: -320px; /*border-top:1px solid #CCC;*/ padding: 0px; background-color:#333; color:#FFF;}

/*MAIN blocks*/
header-in { display: block; position: relative; width: 1200px; margin: 0px auto; height:inherit; }
header-back.full header-in { width:98%; padding: 0px 1%; }
header-top { display: block; position: relative; width: 100%; height: 32px; margin: 0px auto; overflow: hidden; background-color:#333; }
header-bottom { display: block; position: relative; width: 100%;  height: 64px; margin: 0px auto; border-bottom: 1px solid #f1f1f1; }

content { display: block; position: relative; z-index: 2; width: 1200px; margin: 0px auto; padding:15px 0px 15px 0px; background-color:#FFF;}
content.wrap-media { width: 1200px; padding: 15px 50px; }
content.full_width { width:100%; padding:0px; }

content-column-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; padding: 0px; list-style: none !important;  }
content-column-left { position: relative; display:block; width:47%; height:inherit; margin: 0.5% 1% 0.5% 0%; padding:1%; background:none; border:none; }
content-column-center { position: relative; display:block; }
content-column-right { position: relative; display:block; width:47%; height: auto; margin: 0.5% 0% 0.5% 1%; padding:1%; background:none; border:none;}

content-column-wrap.modal-preview { position: relative; width: 100%; height:100%; overflow: hidden; margin: 0px; }
content-column-wrap.modal-preview content-column-left { width:35%; margin: 0px !important; padding: 0px !important; height:100%; }
content-column-wrap.modal-preview content-column-right { width:63%; margin: 0px !important; padding: 0px 1% !important; height:calc(100% - 2%); }
content-column-wrap.modal-preview content-column-left .img-modal-preview { display: flex; align-items:flex-start; justify-content: center; height:100% !important; width: 100% !important; }
content-column-wrap.modal-preview content-column-left .img-modal-preview img,
content-column-wrap.modal-preview content-column-left .img-modal-preview video,
content-column-wrap.modal-preview content-column-left .img-modal-preview iframe { height:100% !important; width: auto !important; margin: 0px auto !important; object-fit:contain;     border-radius: 5px;}
.img-modal-preview .img-preview, .img-modal-preview .img-preview-wrap, .img-modal-preview a { height:100% !important; padding: 0px !important; margin: 0px auto !important;}
content-column-wrap.modal-preview content-column-right {position: relative; height:100%; overflow-y: scroll; overflow-x: hidden; padding-right: 10px; }
content-column-wrap.modal-preview content-column-right .modal_scroll_btn {
		position:absolute; z-index: 999; display: flex; align-items: center; justify-content: center; background: #fff; color:#000; width: 100%; height: 32px; left:0px; bottom:0px; text-align: center; cursor: pointer;
	}
content-column-wrap.modal-preview content-column-right.hide_arrow .modal_scroll_btn { display:none; }

footer-empty { display: block; position: relative; width: 1200px; height: 320px; margin: 0px auto;}
footer { display: flex; flex-wrap: wrap; flex-direction: row; align-items:flex-start; justify-content: center; position: relative; width: 1200px; min-height:96px; margin-left: auto; margin-right: auto;}
footer-back.full footer, footer-back.full footer-in { width:98%; padding: 0px 1%;}

/*MAIN IN blocks*/
header a, footer a { color:#000; }
#footer-left, #footer-center, #footer-right { position: relative; float: left; width: 33.2%; min-height:50px; padding-top: 5px;}
/*footer a { color: #FFF;} footer a:hover { color: #FFF; text-decoration: underline !important;}*/
footer-copyright { display: block; position: absolute; left: 0px; bottom: 0px; clear: both !important; width: 100%; padding: 3px 0px; font-size: 0.85em; color:#808080; background-color: #151515; }
footer-in { display: block; position: relative; width: 1200px; margin: 0px auto; height:inherit; }

footer ul { margin: 0px !important; padding: 0px 5px 0px 22px !important; list-style:circle;}
a.link-dytri { display: inline-block; vertical-align: top; color: inherit; padding: 0px 0px 0px 32px !important; margin-left: 8px; background: no-repeat left center url("images/dytri.png");}

/* Header TPL */
header-empty.header-empty-1 { height:64px; }
header-back.header-back-1 { height:64px; }
header-back.opacity{background-color:rgba(0,0,0,0);}
header-back.opacity header-bottom { border-bottom: 1px solid rgba(0,0,0,0) !important; }

/*------------------------------------------------------------------------------------------------*/
/*MENUS*/
/*------------------------------------------------------------------------------------------------*/
menu {
  display: block; position: relative; float: left; z-index: 95; 
  width:auto; height:64px; /*border-bottom:1px solid #fff;*/
  margin: 0px; padding: 0px;
}
/*Main menu*/
menu ul { display: block; width:auto; z-index: 100; margin: 0px auto; padding: 0px 0px 0px 0px; list-style: none; text-align: left;}
/*First*/
menu li { display:block; float: left; padding: 0px;}
menu li a {
	display: flex; float: left; position: relative;
	justify-content:flex-start; align-items: center;
	min-width: 24px; width: auto; height:64px; margin: 0px 0px; padding:0px 10px; 
	background: none; background-position: 0px 0px; background-repeat: repeat-x; 
	border: none; border-left:1px solid #f1f1f1; border-right:1px solid #FFF; box-shadow: none;
	color: #000; text-align: center !important; text-decoration: none !important; font-size: 1em; transition:0.2s linear !important;
}
menu li:first-child a {border-left:1px solid #FFF;}
menu li a:hover { background: #f1f1f1; color: #000; border-right:1px solid #f1f1f1;}

/*Mob*/
.mob-menu {display: none; cursor: pointer !important; outline: none !important;}

/*Second*/
.mob-sub-icon { display: block; position: absolute; z-index: 99999; top: 0px; right: 0px; float: right; width: 24px; height: 24px; margin: 15px 10px 0px 0px; cursor: pointer;}
menu .mob-sub-icon { margin-top: 15px !important;}
menu ul li ul { display: none; position: absolute; top:64px; width: 250px !important; margin: 0px !important; padding: 0px !important; background-color: #f5f5f5; border: none; border-top: none !important; box-shadow: 0px 1px 1px #BFBFBF; }
menu ul li ul li ul { display: none; position: absolute; top: 0px; left: 249px !important; margin: 0px !important; padding: 0px !important; background-color: #222; border:none; }
menu ul li ul li { clear: both !important; display: block !important; width: 240px !important; margin: 0px !important; }
menu ul li ul li a {
	display: block !important; width: 228px !important; height: auto !important; padding: 5px 5px 5px 15px !important; margin: 0px 0px !important; 
	border-left:none !important; border-right:none !important; border-bottom:none !important;
	background: none; box-shadow: none !important; 
	color: #000; text-shadow: none !important; text-align: left !important;
}
menu ul li ul li:first-child a { border-left:none !important; border-right:none !important; border-bottom:none !important; }
menu ul li ul li a:hover { background-color: #FFF; color: #000; border-right:none !important; border-left:none !important; }
/*
menu ul li.current_page_item a { background-position:0px -40px; color:#FFF;}
*/

header-back.opacity menu ul:first-child li a {border-left:1px solid rgba(0,0,0,0) !important; border-right:1px solid rgba(0,0,0,0) !important; transition:0.2s linear !important;}
header-back.opacity menu ul:first-child li a:hover { background:rgba(0,0,0,0) !important; opacity: 0.7; }


/*------------------------------------------------------------------------------------------------*/
/*ELEMENTS*/
/*------------------------------------------------------------------------------------------------*/
deco-title, .deco_title { display:flex; align-items: center; position: relative; width: 100%; height:22px; margin:10px 0px; padding:5px 0px;  }
deco-title:before, .deco_title:before { content: ""; position: absolute; left:50%; top:auto; width:24px; height:2px; margin-left: -12px; background-color: #999; background-image: none; background-repeat: none; background-position: center center; background-size: auto 24px; }

side-content { display: block; float: right !important; width: 74% !important; *height:50px; min-height: 50px;}
side-content.right { margin-left: 1%; float: right !important; }
side-content.left { margin-right: 1%; float: right !important;}
side-content.full { width: 1200px !important; padding: 0px 0px !important; margin-left:auto !important; margin-right:auto !important;  }
side-content.full_width { width:100% !important;  }

side-content.full_width .wp-block-columns { margin:0px !important; padding: 50px 0px; }
side-content #title { margin-top: 25px; }

side-bar { display: block; float: left !important; width: 25% !important; *height:50px; min-height: 50px;}
side-bar h4 { display: block; margin-top: 5px; padding: 0px 5px; color: #000 !important; font-size: 1.2em;}
side-bar ul { display: block; margin:5px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none !important;}
side-bar ul li {
	display: flex;
	position: relative;
	width: 100%;
}
side-bar ul li a { 
	display: flex; width:100%; margin: 3px 0px; padding: 10px; 
	-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
	color: #000000 !important; background-color:#f1f1f1; border:1px solid #F5F5F5;
	box-shadow: 0px 1px 2px #B9B9B9;
}
side-bar ul li a:hover { color: #000000 !important; background-color:#F7F7F7; box-shadow:none; border:1px solid rgba(0,0,0,0); /*border:1px solid #F5F5F5;*/ }
side-bar ul li a.button.sidebar-cat-list-item {
  display: block !important; width:auto !important; padding-left:7px !important; padding-right: 5% !important; text-align:left !important;
}

side-bar ul li .sidebarcat-toggle { position: absolute !important; z-index: 99; right: 8px !important; top:8px !important; }
side-bar ul li a:hover { }
side-bar ul li ul { display: none; margin: 0px 0px 0px 0px; list-style: none !important;}
side-bar ul li ul li a  {  }
side-bar ul li.active ul { display: block;}
side-bar ul li ul li ul, side-bar ul li.active ul li ul { display: none;}

#header-logo { position: relative; display: block; float: left; height: 64px; width: auto; min-width: 64px; margin-right: 5px; }
#header-logo img { height: 64px !important; width: auto !important; }
#footer-logo img { height: 64px !important; width: auto !important; }

.header-sitename,.header-address, .header-regim, .header-email, .header-phones { display:inline-flex; height: 100%; align-items: center; justify-content: flex-start;  padding-right: 10px; }
.header-phones-column {display:flex; align-items: center; justify-content: center; flex-direction: column; }
.header-phones div:nth-child(1) {display:flex; height: 100%; align-items: center; justify-content: center; flex-direction: column; }

.header-phones isvg { margin:0px 2px !important;}
.header-phones isvg { width: 24px; height: 24px;} .header-phones isvg:before { background-size: auto 240px;}

.header-social, .header-contacts { float:right; height: inherit;  line-height: 1em; font-size: 0.8em; overflow: hidden; }

.header-lang { position: relative; min-width:32px; width: auto; height:64px; padding:0px 5px 0px 15px; cursor: pointer; }
.lang-box { min-width:32px; height:64px; }
.lang-action { display: none; position: absolute; width:100px; right:-8px; top:64px; padding: 0px 0px; background:#FFF; }
.lang-action a { display:block; padding:10px 0px; margin: 3px; }
.lang-action a:hover { background:#f1f1f1;  }
.lang-action a.hide-i { display: none; }
.lang-box-icon { display:inline-block; vertical-align: middle; width:24px; height:24px; }
.lang-box-icon img { width:100%; height: auto; }

.footer-address, .footer-regim, .footer-email, .footer-phones, .footer-link {
	display: flex; align-items: center; justify-content: flex-start;
	margin-top: 7px;
}

/* Counters */
.numrun-counters { display:flex; align-items:stretch; justify-content: center; flex-direction: row; margin: 25px 0px; }
.numrun-counters .numrun-item { display:flex; width:200px; padding: 25px; overflow-x: hidden; align-items: center; justify-content: flex-start; flex-direction: column; text-align: center; border-right:1px solid #CCC;  }
.numrun-counters .numrun-item:last-child { border-right:none; }
.numrun-item .animnum { display:flex; align-items: center; justify-content: center; width:32px; height:32px; padding:32px; margin: 15px; font-size:3em; font-weight: bold; color: #454545; }
.numrun-item .numrun-item-label { padding: 5px 10px; }
/*------------------------------------------------------------------------------------------------*/
/*SOCIAL ICONS*/
/*------------------------------------------------------------------------------------------------*/
#footer-social-buttons {
	width: 100% !important; 
	height: 35px !important;
	text-align: center;
	margin-top: 10px !important;
}
#footer-social-buttons ul.ya-share2__list { width:100% !important; min-height: 15px; padding:0px !important;}

ul.ya-share2__list li { display: flex; padding:0px !important; }
ul.ya-share2__list li a span { background:none !important;}
ul.ya-share2__list li a {
	position: relative; display: inline-block; vertical-align: middle; width: 32px; height: 32px; padding: 0px; margin: 0px; color: #000; transition: 0.2s linear;
}
ul.ya-share2__list li a:before {
	position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-image: url("images/icons.svg?v8") !important; background-repeat: no-repeat !important; background-size: auto 320px;
}
ul.ya-share2__list li a:hover:before { transform:scale(1.2, 1.2); }
/* --- */
#share-buttons.size-64 ul.ya-share2__list li a { width: 64px; height: 64px; }
#share-buttons.size-64 ul.ya-share2__list li a:before { background-size: auto 640px ; }
/* --- */
ul.ya-share2__list li.ya-share2__item_service_twitter a:before{ background-position: 33.3% 88.8% !important; }
ul.ya-share2__list li.ya-share2__item_service_whatsapp a:before{ background-position: 44.4% 99.9% !important; }
ul.ya-share2__list li.ya-share2__item_service_viber a:before{ background-position: 55.5% 99.9% !important; }
ul.ya-share2__list li.ya-share2__item_service_telegram a:before{ background-position: 66.6% 99.9% !important; }
ul.ya-share2__list li.ya-share2__item_service_skype a:before{ background-position: 77.7% 99.9% !important; }

/*------------------------------------------------------------------------------------------------*/
/* SVG icons */
/*------------------------------------------------------------------------------------------------*/
isvg { position: relative; display: inline-block; vertical-align: middle; width: 32px; height: 32px; padding: 0px; margin: 0px; color: #000000 !important;}
isvg:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-image: url("images/icons.svg?v8"); background-repeat: no-repeat; background-size: auto 320px;}
isvg.size-18 { width: 18px; height: 18px;}
isvg.size-18:before { background-size: auto 180px;}
isvg.size-24 { width: 24px; height: 24px;}
isvg.size-24:before { background-size: auto 240px;}
isvg.size-48 { width: 48px; height: 48px;}
isvg.size-48:before { background-size: auto 480px;}
isvg.size-64 { width: 64px; height: 64px;}
isvg.size-64:before { background-size: auto 640px;}
isvg.size-128 { width: 128px; height: 128px;}
isvg.size-128:before { background-size: auto 1280px;}

isvg.white { -webkit-filter: grayscale(1) invert(1); -moz-filter: grayscale(1) invert(1); -o-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); }

isvg.search:before { background-position: 0 0;}
isvg.phone:before { background-position: 11.1% 0;}
isvg.mail:before { background-position: 22.2% 0;}
isvg.map:before { background-position: 33.3% 0;}
isvg.hour:before { background-position: 44.4% 0;}
isvg.devilery:before { background-position: 55.5% 0;}
isvg.calendar:before { background-position: 66.6% 0;}
isvg.calc:before { background-position: 77.7% 0;}
isvg.view:before { background-position: 88.8% 0;}
isvg.photo:before { background-position: 99.9% 0;}

isvg.arrow-down:before { background-position: 0% 11.1%;}
isvg.arrow-up:before { background-position: 11.1% 11.1%;}
isvg.arrow-left:before { background-position: 22.2% 11.1%;}
isvg.arrow-right:before { background-position: 33.3% 11.1%;}
isvg.i-menu:before { background-position: 44.4% 11.1%;}
isvg.dots:before { background-position: 55.5% 11.1%;}
isvg.dots-v:before { background-position: 66.6% 11.1%;}
isvg.dots-h:before { background-position: 77.7% 11.1%;}
isvg.plus:before { background-position: 88.8% 11.1%;}
isvg.minus:before { background-position: 99.9% 11.1%;}

isvg.user:before { background-position: 0% 22.2%;}
isvg.login:before { background-position: 11.1% 22.2%;}
isvg.logout:before { background-position: 22.2% 22.2%;}
isvg.heart:before { background-position: 33.3% 22.2%;}
isvg.heart-red:before { background-position: 44.4% 22.2%;}
isvg.true:before,isvg.check:before { background-position: 55.5% 22.2%;}
isvg.false:before,isvg.uncheck:before { background-position: 66.6% 22.2%;}
isvg.question:before { background-position: 77.7% 22.2%;}
isvg.info:before { background-position: 88.8% 22.2%;}
isvg.close:before, isvg.delete:before { background-position: 99.9% 22.2%;}

isvg.cart:before { background-position: 0% 33.3%;}
isvg.sale:before { background-position: 11.1% 33.3%;}
isvg.hot:before { background-position: 22.2% 33.3%;}
isvg.refresh:before { background-position: 33.3% 33.3%;}
isvg.comments:before { background-position: 44.4% 33.3%;}
isvg.setting:before,isvg.gear:before { background-position: 55.5% 33.3%;}
isvg.protection:before { background-position: 66.6% 33.3%;}
isvg.download:before { background-position: 77.7% 33.3%;}
isvg.sound:before { background-position: 88.8% 33.3%;}
isvg.sound.off:before, isvg.sound-off:before { background-position: 99.9% 33.3%;}

isvg.sharing:before { background-position: 0% 44.4%;}

isvg.visa:before { background-position: 0% 55.5%; }
isvg.i-lang:before { background-position: 11.1% 55.5%; }

isvg.i-lang.lang-en:before { background-position: 22.2% 55.5%; }
isvg.i-lang.lang-de:before { background-position: 33.3% 55.5%; }
isvg.i-lang.lang-es:before { background-position: 44.4% 55.5%; }
isvg.i-lang.lang-fr:before { background-position: 55.5% 55.5%; }
isvg.i-lang.lang-pl:before { background-position: 66.6% 55.5%; }
isvg.i-lang.lang-ru:before { background-position: 77.7% 55.5%; }
isvg.i-lang.lang-by:before{background-position: 88.8% 55.5%;}

isvg.soc-vk:before { background-position: 0% 77.7%;}
isvg.soc-vk:hover:before, isvg.soc-vk.colored:before { background-position: 0% 88.8%;}
isvg.soc-linkedin:before { background-position: 11.1% 77.7%;}
isvg.soc-linkedin:hover:before, isvg.soc-linkedin.colored:before { background-position: 11.1% 88.8%;}
isvg.soc-facebook:before { background-position: 22.2% 77.7%;}
isvg.soc-facebook:hover:before, isvg.soc-facebook.colored:before { background-position: 22.2% 88.8%;}
isvg.soc-twitter:before { background-position: 33.3% 77.7%;}
isvg.soc-twitter:hover:before, isvg.soc-twitter.colored:before { background-position: 33.3% 88.8%;}
isvg.soc-youtube:before { background-position: 44.4% 77.7%;}
isvg.soc-youtube:hover:before, isvg.soc-youtube.colored:before { background-position: 44.4% 88.8%;}
isvg.soc-instagram:before { background-position: 55.5% 77.7%;}
isvg.soc-instagram:hover:before, isvg.soc-instagram.colored:before { background-position: 55.5% 88.8%;}
isvg.soc-pinterest:before { background-position: 66.6% 77.7%;}
isvg.soc-pinterest:hover:before, isvg.soc-pinterest.colored:before { background-position: 66.6% 88.8%;}
isvg.soc-tiktok:before { background-position: 77.7% 77.7%;}
isvg.soc-tiktok:hover:before, isvg.soc-tiktok.colored:before { background-position: 77.7% 88.8%;}
isvg.soc-telegram:before { background-position: 88.8% 77.7%;}
isvg.soc-telegram:hover:before, isvg.soc-telegram.colored:before { background-position: 88.8% 88.8%;}

isvg.a1:before,isvg.velcom:before { background-position: 0% 99.9%;} /*isvg.velcom:hover:before {background-position: 0% 99.9%;}*/
isvg.mts:before { background-position: 11.1% 99.9%;}
isvg.call:before { background-position: 22.2% 99.9%;}
isvg.life:before { background-position: 33.3% 99.9%;}
isvg.whatsapp:before { background-position: 44.4% 99.9%;}
isvg.viber:before { background-position: 55.5% 99.9%;}
isvg.telegram:before { background-position: 66.6% 99.9%;}
isvg.skype:before { background-position: 77.7% 99.9%;}

/* Background padding icon */
.isvg-pad { position: relative; padding-left:38px !important; line-height:1.4em !important; }
.isvg-pad:before { position: absolute; left: 0; top: 0; content: ''; width:32px; height:32px; background-image: url("images/icons.svg?v8"); background-repeat: no-repeat; background-size: auto 320px; }
.isvg-pad.size-18 { padding-left:24px !important; line-height: 0.5em !important; }
.isvg-pad.size-18:before { background-size: auto 180px; width:18px; height:18px;}

.isvg-pad.true:before,.isvg-pad.check:before { background-position: 55.5% 22.2%;}
.isvg-pad.false:before,.isvg-pad.uncheck:before { background-position: 66.6% 22.2%;}

/* Icon styles */
isvg.bg-transparent, .bg-icon-transparent isvg, .cs-0 .bg-icon-transparent isvg, .cs-1 .bg-icon-transparent isvg, .cs-2 .bg-icon-transparent isvg { background-color: rgba(0,0,0,0) !important; }

.bg-icon { background: #f1f1f1; color:#000000; }

/* Icons added */
icon-wrap {
  display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; 
  background-color: rgba(255,255,255,0); 
  width:32px; height:32px; min-width:32px; min-height:32px;
  padding:0px;
	overflow: hidden;
}
icon-wrap.size-48 { width:28px; height:28px; min-width:28px; min-height:28px; padding: 10px; }
icon-wrap.size-64 { width:44px; height:44px; min-width:44px; min-height:44px; padding: 10px; }
icon-wrap img { width: 100%; height:auto; }
icon-wrap.round { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
icon-wrap.round-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
icon-wrap.round-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.filter-black:before, .filter-black isvg:before, .filter-black img, img.filter-black {filter: invert(0%) sepia(100%) saturate(1232%) hue-rotate(180deg) brightness(97%) contrast(107%);}
.filter-white:before, .filter-white isvg:before, .filter-white img, img.filter-white { filter: invert(100%) sepia(0%) saturate(0%) grayscale(100%) hue-rotate(0deg) brightness(100%) contrast(100%); }

.social-link:hover .filter-white:before, .social-link:hover .filter-white:after { filter:none !important; }

.more { position: relative; display: inline-block; vertical-align: middle; width: 18px; height: 18px; padding: 0px; margin: 0px; color: #E00003 !important;}
.more:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-repeat: no-repeat; background-size: auto 180px; background-position: 22.2% 11.1%;}

/* Draw Arrows */
.icon-down-go { /*display:inline-block;  vertical-align:middle;*/
 display: block; width: 25px; height: 25px; background: none; position: relative; margin: 0px auto; cursor: pointer; color:rgba(0,0,0,0) !important; }
.icon-down-go:before { content: ""; position: absolute; height: 100%; width: 5px; left: 3px; top: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background: #666;}
.icon-down-go:after { content: ""; position: absolute; height: 100%; width: 5px; right: 2px; top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #666;}
.icon-down-go:hover:before, .icon-down-go:hover:after { background: #3D3D3D; animation: pressdown 0.7s infinite ease-in-out; -webkit-animation: pressdown 0.7s infinite ease-in-out; -moz-animation: pressdown 0.7s infinite ease-in-out; -o-animation: pressdown 0.7s infinite ease-in-out;}

.icon-down-go.white:before, .icon-down-go.white:after { background: #FFF; }
.icon-down-go.white:hover:before, .icon-down-go.white:hover:after { background: #ECECEC; }

.icon-24.bg-plus { display: inline-block; vertical-align: middle; position: relative; height: 24px; width: 24px;  background: rgba(0,0,0,0.5); cursor: pointer; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.icon-24.bg-plus.gray { background: rgba(241,241,241,0.5);}
.mob-sub-icon.icon-24.bg-plus { display: block; position: absolute !important;}
.icon-24.bg-plus:before { content: ""; height: 60%; width: 2px; background: #CCC; position: absolute; left: 11px; top: 20%;}
.icon-24.bg-plus:after { content: ""; height: 2px; width: 60%; background: #CCC; position: absolute; top: 11px; left: 20%;}
.icon-24.bg-plus:hover:before, .icon-24.bg-plus:hover:after { /*background: red;*/ }
.icon-24.bg-plus.minus:before { visibility: hidden;}

.icon-plus { display: inline-block; vertical-align: middle; position: relative; height: 32px; width: 32px; background: none; cursor: pointer;}
.icon-plus:before { content: ""; height: 100%; width: 4px; background: #555; position: absolute; left: 14px; top: 0px;}
.icon-plus:after { content: ""; height: 4px; width: 100%; background: #555; position: absolute; top: 14px; left: 0px;}
.icon-plus:hover:before, .icon-plus:hover:after { background: red;}
.icon-close { display: inline-block; vertical-align: middle; position: relative; height: 32px; width: 32px; background: none; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.icon-close:before { content: ""; height: 32px; width: 1px; background: #555; position: absolute; left: 15px; top: 0px;}
.icon-close:after { content: ""; height: 1px; width: 32px; background: #555; position: absolute; top: 15px; left: 0px;}
.icon-close:hover:before, .icon-close:hover:after { background: red;}

/* ANIMATION AND EFFECTS */
@keyframes pressdown { 0% {top:0px;} 50% {top:5px;} 100% {top:0px;} }
@keyframes animate-slide-top {0% {margin-bottom:-150px;} 100% {margin-bottom:0px;} }
@keyframes animate-slide-down {0% {margin-bottom:0px;} 100% {margin-bottom:-150px;} }

.scaleinout:hover { animation: scaleinout 0.7s 1/*infinite*/ ease-in-out; /*animation-iteration-count:1;*/ }
@keyframes scaleinout {
	 0% {transform: scale(0.95, 0.95);} 50% {transform: scale(1.05, 1.05);} 75% {transform: scale(0.97, 0.97);} 100% {transform: scale(1, 1);}
}

.rotateY-360:hover { animation: rotateY-360 0.7s 1 /*infinite*/ ease-in-out; /*animation-iteration-count:1;*/ }
@keyframes rotateY-360 { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } }
.rotateX-360:hover { animation: rotateX-360 0.7s 1 /*infinite*/ linear; /*animation-iteration-count:1;*/ }
@keyframes rotateX-360 { 50% { transform: scaleX(-1); } 100% { transform: scaleX(1); } }

.rotateX-45:hover { animation: rotateX-45 1s 1 /*infinite*/ linear; /*animation-iteration-count:1;*/ }
@keyframes rotateX-45 { 50% { transform: rotateX(45deg); } 100% { transform: rotateX(0deg); } }
.rotateY-45:hover { animation: rotateY-45 1s 1 /*infinite*/ linear; /*animation-iteration-count:1;*/ }
@keyframes rotateY-45 { 25% { transform: rotateY(45deg); } 50% { transform: rotateY(0deg); } 75% { transform: rotateY(-45deg); } 100% { transform: rotateY(0deg); } }

.dropX-10:hover { animation: dropX-10 0.7s 1 /*infinite*/ ease-in-out; /*animation-iteration-count:1;*/ }
@keyframes dropX-10 {
	0% { transform: translateX(0px); } 20% { transform: translateX(10px); } 40% { transform: translateX(-10px); }
	60% { transform: translateX(5px); } 80% { transform: translateX(-5px); } 100% { transform: translateX(0px); } 
}
.dropY-10:hover { animation: dropY-10 0.7s 1 /*infinite*/ ease-in-out; /*animation-iteration-count:1;*/ }
@keyframes dropY-10 {
	0% { transform: translateY(0px); } 20% { transform: translateY(10px); } 40% { transform: translateY(-10px); }
	60% { transform: translateY(5px); } 80% { transform: translateY(-5px); } 100% { transform: translateY(0px); } 
}

@keyframes opacOut { from {opacity:1;} to {top:0px; opacity:0;} }
@-webkit-keyframes opacOut {from { opacity:1; } to { top:0px; opacity:0; } }
.opacOut { animation: opacOut 0.5s linear 1;-webkit-animation: opacOut 0.5s linear 1; }

/* Анимация появлений */
.anim_scroll {opacity:0;}
.show_move_top,.anim_scroll_move_top.is_show { animation: show_move_top 1s forwards ease-in-out; /*animation-iteration-count:1;*/ }
@keyframes show_move_top { 0% { transform: translateY(100px); opacity: 0; }  100% { transform: translateY(0px); opacity: 1; } }

.show_move_down,.anim_scroll_move_down.is_show { animation: show_move_down 1s forwards ease-in-out; /*animation-iteration-count:1;*/ }
@keyframes show_move_down { 0% { transform: translateY(-100px); opacity: 0; }  100% { transform: translateY(0px); opacity: 1; } }

.show_move_left,.anim_scroll_move_left.is_show { animation: show_move_left 1s forwards ease-in-out; /*animation-iteration-count:1;*/ }
@keyframes show_move_left { 0% { transform: translateX(-100px); opacity: 0; }  100% { transform: translateX(0px); opacity: 1; } }
.show_move_right,.anim_scroll_move_right.is_show { animation: show_move_right 1s forwards ease-in-out; /*animation-iteration-count:1;*/ }
@keyframes show_move_right { 0% { transform: translateX(100px); opacity: 0; }  100% { transform: translateX(0px); opacity: 1; } }

.show_fadein_blur,.anim_scroll_fadein_blur.is_show {
	opacity:0; -webkit-animation: show_fadein_blur 1s forwards ease-in-out; animation: show_fadein_blur 1s forwards  ease-in-out;
}
@keyframes show_fadein_blur { 0% { transform: scale(2, 2); filter: blur(15px); opacity: 0; }  100% { transform: scale(1, 1); filter: blur(0px); opacity: 1; } }
.show_fadein_upscale,.anim_scroll_fadein_upscale.is_show {
	opacity:0; -webkit-animation: show_fadein_upscale 1s forwards ease-in-out; animation: show_fadein_upscale 1s forwards  ease-in-out;
}
@keyframes show_fadein_upscale { 0% { transform: scale(0.3, 0.3); filter: blur(15px); opacity: 0; }  100% { transform: scale(1, 1); filter: blur(0px); opacity: 1; } }

.anim_dur_05 { animation-duration:0.5s !important; }
.anim_dur_07 { animation-duration:0.75s !important; }
.anim_dur_10 { animation-duration:1s !important; }
.anim_dur_12 { animation-duration:1.25s !important; }
.anim_dur_15 { animation-duration:1.50s !important; }
.anim_dur_17 { animation-duration:1.75s !important; }
.anim_dur_20 { animation-duration:2s !important; }

.anim_delay_03 { animation-delay:0.3s !important; }
.anim_delay_06 { animation-delay:0.6s !important; }
.anim_delay_09 { animation-delay:0.9s !important; }
.anim_delay_1 { animation-delay:1s !important; }
.anim_delay_12 { animation-delay:1.2s !important; }
.anim_delay_15 { animation-delay:1.5s !important; }
.anim_delay_18 { animation-delay:1.8s !important; }
.anim_delay_21 { animation-delay:2.1s !important; }
.anim_delay_24 { animation-delay:2.4s !important; }

/*
@keyframes mtop { from {top:-100px; opacity:0; } to { top:0px; opacity:1; } }
@-webkit-keyframes mtop { from {top:-100px;opacity:0;} to {top:0px;opacity:1;} }
@keyframes mdown {from { bottom:-100px; opacity:0; } to { bottom:0px; opacity:1; } }
@-webkit-keyframes mdown { from {bottom:-100px; opacity:0;} to {bottom:0px; opacity:1;} }
@keyframes mleft {from {margin-right:-100px;opacity:0;} to {margin-right:0px;opacity:1;}}
@-webkit-keyframes mleft {from {margin-right:-100px;opacity:0;} to {margin-right:0px;opacity:1;}}
@keyframes mright {from {margin-left:-100px;opacity:0;} to {margin-left:0px;opacity:1;}}
@-webkit-keyframes mright {from {margin-left:-100px;opacity:0;} to {margin-left:0px;opacity:1;}}

.move-top, .move-top-1 {position: relative;animation: mtop 0.85s linear 1;-webkit-animation: mtop 0.85s linear 1;}
.move-top-2 {position: relative;animation: mtop 0.75s linear 1;-webkit-animation: mtop 0.75s linear 1;}
.move-top-3 {position: relative;animation: mtop 0.60s linear 1;-webkit-animation: mtop 0.60s linear 1;}
.move-top-4 {position: relative;animation: mtop 0.45s linear 1;-webkit-animation: mtop 0.55s linear 1;}
.move-down, .move-down-1 {position: relative;animation: mdown 0.85s linear 1;-webkit-animation: mdown 0.85s linear 1;}
.move-down-2 {position: relative;animation: mdown 0.75s linear 1;-webkit-animation: mdown 0.75s linear 1;}
.move-down-3 {position: relative;animation: mdown 0.60s linear 1;-webkit-animation: mdown 0.60s linear 1;}
.move-down-4 {position: relative;animation: mdown 0.45s linear 1;-webkit-animation: mdown 0.45s linear 1;}
.move-left {animation: mleft 0.85s linear 1;-webkit-animation: mleft 0.85s linear 1;}
.move-right {animation: mright 0.85s linear 1;-webkit-animation: mright 0.85s linear 1;}
*/

/* SPRITES */
/*------------------------------------------------------------------------------------------------*/
isvg-sprite { position: relative; display: inline-block; vertical-align: middle; width: 32px; height: 32px; padding: 0px; margin: 0px; color: #000000 !important;}
isvg-sprite:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-image: url("images/sprites.svg?v2"); background-repeat: no-repeat; background-size: auto 320px;}
isvg-sprite.size-18 { width: 18px; height: 18px;}
isvg-sprite.size-18:before { background-size: auto 180px;}
isvg-sprite.size-24 { width: 24px; height: 24px;}
isvg-sprite.size-24:before { background-size: auto 240px;}
isvg-sprite.size-64 { width: 64px; height: 64px;}
isvg-sprite.size-64:before { background-size: auto 640px;}
isvg-sprite.size-128 { width: 128px; height: 128px;}
isvg-sprite.size-128:before { background-size: auto 1280px;}

isvg-sprite.white { -webkit-filter: grayscale(1) invert(1); -moz-filter: grayscale(1) invert(1); -o-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); }

isvg-sprite.view-360:before { background-position: 0 0;}
isvg-sprite.view-move:before { background-position: 0 11.1%;}
isvg-sprite.view-scroll:before { background-position: 0 22.2%;}
isvg-sprite.view-slide:before { background-position: 0 33.3%;}

isvg-sprite.view-360:before { animation: play_360 0.9s steps(9) infinite alternate;}
@keyframes play_360 { 100% { background-position:100% 0px; } }
isvg-sprite.view-move:before {animation: play_move 0.9s steps(9) infinite alternate;}
@keyframes play_move { 100% { background-position:100% 11.1%; } }
isvg-sprite.view-scroll:before {animation: play_scroll 0.9s steps(9) infinite alternate;}
@keyframes play_scroll { 100% { background-position:100% 22.2%; } }
isvg-sprite.view-slide:before {animation: play_slide 0.9s steps(9) infinite alternate;}
@keyframes play_slide { 100% { background-position:100% 33.3%; } }

/* WIDTH BLOCKS */
/*------------------------------------------------------------------------------------------------*/
.w-item-box { 
	position: relative; display: block; float: left; width: 33.3%; height:320px; overflow: hidden; text-shadow: 0px 1px 1px #000; margin: 0px !important;
	/*box-shadow: inset 0px 0px 5px 5px #FFF;*/
}
.w-item-box-inwrap { position: relative; border: 1px solid #FFF; width: 100%; height: inherit;}
.w-item-image { 
  position: relative;
  z-index: 1;
	display:flex; justify-content: center; align-items: center;
	flex-grow: 1;
  flex-direction: column;
  overflow: hidden; 
  width: 100%; height: inherit;
}
.w-item-image img {
  transition:0.4s linear;
	width:100%; height:auto;
	flex: 1; object-fit:cover; -o-object-fit: cover;
}
.w-item-content {position: absolute; z-index: 5; left: 0px; bottom: 0px; width: 100%; min-height: 50px;}
h4.w-item-title { 
	min-height: 64px; padding: 10px; margin: 0px !important; text-transform: uppercase; font-size: 1.2em; line-height: 1.2em; color: #FFF !important; background: rgba(0,0,0,0.75);
}
.w-item-desc { 
	position: relative; height: 130px; padding: 10px; color: #FFF; background: rgba(0,0,0,0.75); animation: animate-slide-down 0.7s linear 1 alternate; -webkit-animation: animate-slide-down 0.7s linear 1 alternate; -moz-animation: animate-slide-down 0.7s linear 1 alternate; -o-animation: animate-slide-down 0.7s linear 1 alternate; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards;
}
.w-item-box:hover .w-item-desc { 
	animation: animate-slide-top 0.7s linear 1 alternate; -webkit-animation: animate-slide-top 0.7s linear 1 alternate; -moz-animation: animate-slide-top 0.7s linear 1 alternate; -o-animation: animate-slide-top 0.7s linear 1 alternate;
}
.w-item-box:hover h4.w-item-title { 
	background: rgba(255,255,255,0.85); color: #000 !important; text-shadow: none !important;
}

/* FRONT CATS */
.w-item-content-line { position: absolute; z-index: 5; left: 0px; bottom: 0px; width: 100%; height: 64px; background: rgba(255,255,255,0.75); color: #000; line-height: 1.4em; text-shadow: none !important;}
.w-item-content-line-title { display: flex; align-items: center; /*flex-direction:column; justify-content: flex-start;*/
 width: 55%; height: 64px; padding: 0px 2.5%; margin: 0px !important; float: left; font-weight: bold;}
.w-item-content-line-price { display: flex; align-items: center; /*flex-direction:column; justify-content: flex-start;*/
 width: 35%; height: 64px; padding: 0px 2.5%; float: left; margin: 0px !important; background: #62D157; color: #FFF !important;}

.w-item-box.wicl { height: 270px;}
.w-item-box-inwrap.wicl { position: relative; border: 1px solid #FFF; width: 100%; height: inherit;}
.w-item-image.wicl { width: 100%; height: 270px;}
.w-item-box.wicl:hover img { transform: scale(1.05, 1.05); transition: 1s linear;}
.w-item-box.wicl:hover .w-item-content-line { background: rgba(0,0,0,0.75);}
.w-item-box.wicl:hover .w-item-content-line-title { color: #FFF !important;}

/*------------------------------------------------------------------------------------------------*/
/* V-0 / DEFAULT */
.pub-items-wrap, ul.pubs-items, ul.pub-item-list-link-wrap {
	/*display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;*/
	display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
	margin: 0px; padding: 0px; 
	list-style: none !important;
}
.pub-item {
	position: relative; display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:0;
	width:49%; margin:1% 0px; padding:0%; background:rgba(0,0,0,0); border:none; box-shadow: 0px 1px 7px #E1E1E1; transition:0.4s linear;
}

.pub-item.s14 { width:13.1% !important; margin: 0.5% 0px !important; padding: 0% !important; }
.pub-item.s16 { width:15.4% !important; margin: 0.5% 0px !important; padding: 0% !important; }
.pub-item.s20 { width:18.8% !important; margin: 0.5% 0px !important; padding: 0% !important; }
.pub-item.s25 { width:23.8% !important; margin: 0.5% 0px !important; padding: 0% !important; }
.pub-item.s33 { width:32% !important; margin: 0.5% 0px !important; padding: 0% !important; }
.pub-item.s50 { width:48.8% !important; margin: 0.5% 0px !important; padding: 0% !important; }
.pub-item.s100 { width:98.8% !important; margin: 0.5% 0px !important; padding: 0% !important; }

.pub-item a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.pub-item .pub-item-img { 
  position: relative;
  z-index: 1;
	display:flex; 
	justify-content: center; 
	align-items: center;
	flex-grow: 1;
  flex-direction: column;
	width:100%;
	height:320px;
	text-align:center;
	background:none;
	overflow:hidden;
}
.pub-item img {
	transition:0.3s linear;
	width:auto;
	height:100%;
	flex: 1;
	-o-object-fit: cover;
	object-fit:cover;
}
.pub-item img.img-h {height:100% !important;max-height: 100% !important;width:100% !important;}
.pub-item img.img-w {width:100% !important;max-width: 100% !important;height:auto !important;}

.pub-item:hover img { transform: scale(1.03, 1.03); filter: brightness(1); }
.pub-item .pub-item-wrapper { 
  position: relative; 
	display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
	left: 0px; top: 0px; z-index: 2;
  width: 90%; height:120px;
  padding: 2.5% 5%; margin: 0px;
}
.pub-item .pub-item-content { position: relative; width:100%; margin-top:5px; line-height: 1em; font-size: 0.95em; color:#999 !important; }
.pub-item-price-wrapper {
	display:flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;
	width: 90%; padding:2.5% 5% 1% 5%; margin: 5px 0px 0px 0px; 
}
.pub-item .pub-item-price {
  position: relative; z-index: 3; left:auto; top:auto;
  display:inline-flex; align-items: center; height: 22px; padding:5px 10px 5px 0px; 
  /*background: #47A02D;*/ color: #47A02D; font-size: 1em; 
}
.pub-item .pub-item-sale {
  position: relative; z-index: 3; left:auto; top:auto;
  display:inline-flex; align-items: center; height: 22px; padding:5px 10px; 
  background: #EF7D76; color: #ffffff; font-size: 1em; 
}
.pub-item h4 { display: block; width: 100%; color:#000 !important; font-size:1em !important; min-height:96px; line-height:1.1em !important; font-weight:normal !important; margin-bottom:10px !important; margin-top:10px !important;  }
.pub-item.cat h4 { min-height: auto; margin-bottom:25px !important; }
.pub-item .more { display:none; position: absolute; z-index: 3; width:32px; height: 32px; left:auto; top:280px; bottom:auto; right:5px; transition:0.4s linear;  }

/* CAT */
.pubs-items.cats {}
.pub-item-img.img-none { display:none; }
.pub-item.img-none .pub-item-wrapper { align-items: center; justify-content: center; width:calc(100% - 10%); height: auto; min-height: 64px; padding:2.5%; margin:0px;  }
.pub-item.img-none .pub-item-wrapper h4  { text-align: center; min-height:auto; margin: 0px !important; }

/* HOVER */
.pub-item:hover { background: #FFF; box-shadow:0px 0px 15px #C5C5C5; }
.pub-item:hover .pub-item-wrapper, .pub-item:hover .pub-item-price, .pub-item:hover .pub-item-sale { /*display: none;*/ }
.pub-item:hover .more { display:block; }

/* V-1 (список строк) */
.pub-item.v1 { position: relative; clear:both; flex-direction: row; width:100%; height:150px; margin:1% 0px; padding:0%; background:rgba(0,0,0,0); }
.pub-item.v1 .pub-item-img { position: relative; width:20%; height: 100%;}
.pub-item.v1 .pub-item-img img { filter: brightness(1); }
.pub-item.v1 .pub-item-wrapper {position: relative; display:flex; flex-direction: column; left:auto; top:auto; width:74%; height:auto !important; padding: 2% 3% 2% 2.5% !important; text-align: left !important;}
.pub-item.v1 .pub-item-price-wrapper { position: absolute !important; left:23% !important; bottom:0px !important; width:74% !important; height: 32px !important; padding:0% !important; margin:5px 0px !important; }
.pub-item.v1 h4 { font-size: 1.4em !important; color:inherit !important; border: none !important; margin-top: 0px !important; text-shadow:none !important;}
.pub-item.v1 .pub-item-content { color:inherit !important; width:100%; margin: 0px !important; height: 54px !important; text-align: left !important; text-shadow:none !important;}
.pub-item.v1 .more { display:block; left:auto; top:50%; margin-top: -16px; bottom:5px; right:5px; }

/* V-2 (Фото стиль) */
.pub-items-wrap.v2, ul.pubs-items.v2 { justify-content:flex-start; }
.pub-item.v2 {
  position:relative; display:block; float:left; width:32.2%; aspect-ratio: 1/1; min-height:235px; margin:0.5% 0.5%; padding:0%; background:rgba(0,0,0,0); border:none; 
}
.pub-item.v2 .pub-item-img { position: relative; z-index: 3; width: 100%; aspect-ratio: 1/1; height:auto; min-height:235px; float: none; }
.pub-item.v2 .pub-item-img img {
  position: relative;
  z-index: 1;
  transition:0.4s linear;
	width:auto; max-width: 100% !important;
	height:100%; max-height: 100% !important;
	flex: 1; -o-object-fit:cover; object-fit:cover; 
  filter: brightness(1);
}
/*.pub-item.v2 img.img-h {height:100% !important; max-height: 100% !important; width:auto !important;}*/
.pub-item.v2 .pub-item-wrapper,.pub-item.v2 h4,.pub-item.v2 .pub-item-content,.pub-item.v2 .pub-item-price,.pub-item.v2 .more { display: none !important; }

/* Colums Post view / Pub item */
.pub-item.col-1, .pub-item.v1.col-1, .pub-item.v2.col-1 { width:99%; margin:0.5% 0.5%; padding:0%; }
.pub-item.col-2, .pub-item.v1.col-2, .pub-item.v2.col-2 { width:49%; margin:0.5% 0.5%; padding:0%; }
.pub-item.col-3, .pub-item.v1.col-3, .pub-item.v2.col-3 { width:32.2%; margin:0.5% 0.5%; padding:0%; }
.pub-item.col-4, .pub-item.v1.col-4, .pub-item.v2.col-4 { width:24%; margin:0.5% 0.5%; padding:0%; }
.pub-item.col-5, .pub-item.v1.col-5, .pub-item.v2.col-5 { width:19%; margin:0.5% 0.5%; padding:0%; }

/**/
.pub-item.pub-item-list-link {}
.pub-item-list-link-header {}
.pub-item-list-link-header h3 {}
.pub-item-list-link-title { display:block; }

/* OVER */
.over-text {
	display:block !important;
	position:absolute; z-index:100;
	left:0px; bottom:0px;
	height:50px; width:100%;
	background: linear-gradient( to bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 35%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100% );
}
.over-text.active { background: none !important;}
.over-text icon-wrap { position:absolute; left:0px; bottom:0px; z-index: 101; cursor: pointer;}

/* CONTENT IMAGE */
.bread-crumbs { color: #A6A6A6; margin-bottom:10px; }
.bread-crumbs a { padding:0px 5px; }

/* CONTENT IMAGE */
.img-preview {
	position: relative;
	display: flex;
	align-items:flex-start;
	justify-content: center;
	width:100%;
  height:auto;
  /* height: 480px; min-height: 480px; */
	margin:0px 0px;
	text-align:center;
	background:none;
}
content-column-wrap:not(.modal-preview) content-column-left .img-preview { position: -webkit-sticky; position:sticky; top:25px; /*align-self: flex-start;*/ }

.img-preview-wrap, .img-preview a {
	/*display: block;*/
	display: flex;
	position: relative;
	width: 100%;
	height:auto; min-height:120px;
}

.img-preview img, .img-preview video, .img-preview iframe {
  transition:0.4s linear;
	width:100%;
	height:auto;
  flex:1; object-fit:cover; -o-object-fit: cover;
}
.img-preview iframe { min-height: 580px; }
.img-preview img.img-h {
	/*height:100% !important; width:auto !important;*/
	max-height: 100% !important;
  flex:1; object-fit:contain; -o-object-fit: contain;
}
.img-preview img.img-w {
	width:100% !important;
	max-width: 100% !important;
	max-height:100% !important;
  flex:1; object-fit:contain; -o-object-fit: contain;
}


.post-preview-image {
	display: block !important;
	float: right;
	position: relative;
	width: 85% !important;
	/*margin-left: 15% !important;*/
}
.post-preview-image {
	display: block !important;
	float: right;
	position: relative;
	width: 85% !important;
	/*margin-left: 15% !important;*/
}
.post-preview-image.single {
	width: 100% !important;
}
.img-preview-thumbs {
	position: relative;
	/*float: left;*/
	/*position: absolute; z-index: 999; left: 0px; top:0px;*/
	width:10%; height: auto;
	margin-left: 0px !important;
}
.img-preview-thumbs-item {
	cursor: pointer; opacity: 0.5;
	width: 100%; height: auto;
}
.img-preview-thumbs-item:hover, .img-preview-thumbs-item.active { opacity: 1; }

/*
.img-preview.column  { height:480px; flex-direction: column; }
.img-preview.column .img-preview-wrap { height:100%; flex-direction: column; justify-content: space-between; }
.img-preview.column a { display: flex; height:80%; width: auto; align-items: center; justify-content: center; }
.img-preview.column a img { height: 100%; width: auto; flex: none;  }
.img-preview-thumbs { height: 18%; width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;  }
.img-preview.column .img-preview-thumbs img { width:auto !important; height:96px !important; }
*/

.img-preview-wrap {display: flex;flex-direction: row-reverse;align-items: flex-start;justify-content: space-between; }
.dslider-wrap.dslider-wrap-previews { width:100% !important; height:640px !important; }

.img-preview-wrap.thumbs .dslider-wrap.dslider-wrap-previews { width:calc(100% - 70px) !important; height:640px !important; }
.dslider-thumbs.dslider-thumbs-previews {
	position: relative; top:0px; left:0px;
	display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start;
	width:64px !important; height:100% !important;
	background: #FFF;
}
.dslider-thumbs.dslider-thumbs-previews span { width:62px; height:62px; border:1px solid #FFF; border-radius: 5px; } 
.dslider-thumbs.dslider-thumbs-previews span.active { border: 1px solid #E05232; }
.dslider-wrap-previews a { display:flex; width:100%; height:100%; }

.wpgl-wrap, .dslider-wrap.wpgl-wrap { width:calc(100% - 70px) !important; }

/* SPLIDE */
/*------------------------------------------------------------------------------------------------*/
.img-preview-wrap {display: flex;flex-direction: row-reverse;align-items: flex-start;justify-content: space-between; }
.img-preview-wrap .slider-post-preview { width:100% !important; height: 640px !important;}
.img-preview-wrap .slider-post-preview .splide__track { width:100% !important; height:inherit !important; }

.slider-post-preview ul.splide__list { height:inherit !important; }
.slider-post-preview ul.splide__list li { width: 100% !important;height: inherit !important; }
.slider-post-preview ul.splide__list li a { display: flex; width:auto; height: 100%; margin:0px 0px 0px 0px; }
.slider-post-preview ul.splide__list li img {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	flex: 1;
	object-fit:contain; -o-object-fit: contain;
}

/*image-small*/
.slider-post-preview[slider-type="preview-row"] ul.splide__list li {
	width: auto !important;
	height: inherit !important;
}
.slider-post-preview[slider-type="preview-row"] ul.splide__list li a { display: flex; width:auto; height: 100%; margin:0px 10px 0px 10px; }
.slider-post-preview[slider-type="preview-row"] ul.splide__list li img {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	flex: 1;
	object-fit:contain; -o-object-fit: contain;
}

/*thumbs*/
.img-preview-wrap.thumbs .slider-post-preview { width:calc(100% - 70px) !important; height:640px !important; }
.slider-preview-thumbs {
	position: relative; top:0px; left:0px;
	list-style: none; padding: 0px !important; margin: 0px !important;
	display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start;
	width:64px !important; height:100% !important;
	background: #FFF;
}
.slider-preview-thumbs li { display: flex; margin: 0px; padding: 0px;  width:62px; height:62px; border:1px solid #FFF; border-radius: 5px; opacity: 0.7; cursor: pointer; } 
.slider-preview-thumbs li.is-active { border: 1px solid #E05232; opacity: 1; }
.slider-preview-thumbs img {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	flex: 1;
	object-fit:contain; -o-object-fit: contain;
}

/*splide button*/
.splide__arrow.splide__arrow--prev, .splide__arrow.splide__arrow--next {
	display:block;
	position:absolute;
	width:32px;
	height:100%;
	cursor:pointer;
	box-shadow: none !important;
	padding: 0px !important;
	margin: 0px !important;
	background: none !important;
}
.splide__arrow.splide__arrow--prev svg, .splide__arrow.splide__arrow--next svg { display:none !important; }
.splide__arrow--prev:active, .splide__arrow--next:active,
.splide__arrow--prev:focus, .splide__arrow--next:focus 
{ 
	-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; 
	outline: none !important;
	-moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;
}
.splide__arrow--prev { left:0px; } .splide__arrow--prev:hover { background: rgba(255,255,255,0.5); outline:none; }
.splide__arrow--next { right:0px; } .splide__arrow--next :hover { background: rgba(255,255,255,0.5); outline:none; }
.splide__arrow--prev:before, .splide__arrow--prev:after, .splide__arrow--next:before, .splide__arrow--next:after {
	width:32px; height:2px;
	content: ""; position: absolute; background:rgba(125,125,125, 0.75);
}
.splide__arrow--prev:before {
	top:50%; left:0px; margin-top:-11px;
	-webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
}
.splide__arrow--prev:after {
	top:50%; left:0px; margin-top:11px;
  -webkit-transform: rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
}
.splide__arrow--next:before {
	top:50%; left:0px; margin-top:-11px;
	-webkit-transform: rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
}
.splide__arrow--next:after {
	top:50%; left:0px; margin-top:11px;
  -webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
}
.splide__arrow--prev:hover:before, .splide__arrow--prev:hover:after, .splide__arrow--next:hover:before, .splide__arrow--next:hover:after {
	background: rgba(0,0,0, 1);
}

/*splide pagination*/
.splide__pagination li button.splide__pagination__page {
	display: inline-block !important;
	padding: 0px !important;
	margin:3px !important;
	width:16px !important;
	height:16px !important;
	background: #CCC;
	-webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; border-radius: 100px !important;
	box-shadow: none !important;
}
.splide__pagination li button.splide__pagination__page.is-active { transform: scale(1.3) !important; background: #EBEBEB; opacity: 1; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) !important; }

/* PAGE STYLE */
/*------------------------------------------------------------------------------------------------*/
page-screen, page-screen-file {
	display:flex; position:relative;
	width:100%; height:100vh;
	overflow: hidden;
}
page-screen-file img, page-screen-file video {
  width:auto !important; height:100% !important; max-width: 100% !important;
	flex: 1;
	object-fit:cover; -o-object-fit:cover;
}
page-screen-content {
	display:flex; position:absolute; z-index: 9;
	width:94%; height:100vh; padding: 0px 3%;
	align-items: center; justify-content: center; flex-direction: column;
	text-transform: uppercase;
	text-align: center;
}

/* VIEW BLOCK */
/*------------------------------------------------------------------------------------------------*/
.view-price-wrap { display:flex; position: relative; flex-direction: row; align-items:center; justify-content: flex-start; flex-wrap: wrap; margin-bottom:5px; }
.view-price {display:flex; font-size: 1.2em; padding:10px; margin-right:5px; border: 1px solid #D8E8D2; background: #E5F0E1; color: #000 !important;}
.view-sale {display:flex; font-size: 1.2em; padding:10px; margin-right:5px; border: 1px solid #D38585; background: #DF9696; color: #FFF !important; }
.view-old-price { display:flex; padding:10px; margin-right:5px; text-decoration:line-through; text-align: center; font-size:0.85em; color:#999 !important;}
.view-item-hit { display:flex; position: absolute; right: 0px; font-size:0.85em; padding:10px; border: 1px solid #F8B230; /*background: #F8B230;*/ color: #000 !important; }

.view-count-vendorcode-wrap { display:flex; clear: both; flex-direction: row; align-items:center; justify-content: flex-start; margin: 5px 0px 15px 0px; font-size:0.85em; }
.view-vendorcode, .view-countitemby, .view-toorder, .view-instock { display:block; padding:10px; margin-right:5px; }
.view-vendorcode { border: 1px solid #E0E0E0; /*background: #E8E8E8;*/ color: #000 !important; }
.view-instock { border: 1px solid #E9DDC3; /*background: #EFE8D9;*/ color: #000 !important; }

.view-desc { width: 100%; margin:2% 0px; clear: both;}
.view-tags { width: 100%; margin:2% 0px; clear: both;}

.view-button-order-wrap { display:flex; position: relative; flex-direction: row; align-items:center; justify-content:space-between; margin: 10px 0px; }
.view-button-order-1, .view-button-order-2 { width:49%;}
.view-button-order-1 { margin-right:5px;}

.preview-params { font-size:0.85em; margin-bottom: 0px; width: 100%; overflow: hidden;}
.single-param-wrap { display: flex; flex-direction: row;  }
.single-param-wrap .single-param-name{ display: flex; color: #999; flex-basis:80px; padding:5px 0px;  }
.single-param-wrap .single-param-value  { display: flex; padding:5px 0px; }
.action-params-item-wrap { display: block; clear: both; width: 100%;}
.action-params-item-wrap .action-params-name { display: block; width: 100%; padding: 5px 0px 10px 0px !important; color: #868686 !important;}
.action-params-item-wrap .action-params-value { display: inline-block; vertical-align: top; padding: 3px 5px; margin: 2px 1px; border: 1px solid #f1f1f1; text-align: center; cursor: pointer;}
.action-params-value:hover, .action-params-value.active { display: inline-block; vertical-align: top; background: #519811; color: #FFF !important; border: 1px solid #519811;}

/* SIMPLE TABS */
/*------------------------------------------------------------------------------------------------*/
.item-tabs-wrapper { margin-top:10px; }
.item-tabs-btn { display: inline-block; background-color:#f1f1f1 !important; padding: 10px 20px; text-align: center; cursor: pointer; font-size:1em !important; }
.item-tabs-btn:hover, .item-tabs-btn.active { background-color:#FFF !important; color: #000 !important;}
.item-tabs-conteiner { clear: both; margin: 10px 0px;}
.item-tabs-box { display: none !important; /*width: 100%; height: auto; padding: 10px;*/}
.item-tabs-box.active { display:flex !important;}

/* QUESTIONS */
/*------------------------------------------------------------------------------------------------*/
ul.questions { position: relative; list-style: none; padding: 0px; }
ul.questions > li { display:block; position: relative; min-height:32px; padding: 15px; margin: 3px 0px; background: #FFF; font-size:1.6em; }
ul.questions > li > ul { display:none; list-style: none; padding: 0px; margin: 10px 0px; }
ul.questions > li > ul > li { font-size:0.65em !important; }
ul.questions > li:before { display: flex; align-items: center; justify-content: center; content:"+"; position: absolute; z-index: 10; height: 32px; width: 32px; padding:15px; right:0%; top:0%; margin:0px; background: none; cursor: pointer; font-size:1.6em !important; color:inherit; /*font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";*/ font-weight: lighter; }
ul.questions > li.active:before { content:"-"; }

/*------------------------------------------------------------------------------------------------*/
/* MANY ITEMS PARTS */
/*------------------------------------------------------------------------------------------------*/
#items-parts-content-wrapper { position: relative;}
.items-parts-element-params { width: 30%; float: left;}
.items-parts-element-list { width: 69%; float: right;}
.items-parts-element { width: 20.7%; padding: 1%; margin: 1%; border: 1px solid #FFF;}
.items-parts-element.active { border: 1px solid #F45300;}
.items-parts-image-left, .items-parts-image-right { width: 50%; height: auto; overflow: hidden;}
.items-parts-order-item {}

/*------------------------------------------------------------------------------------------------*/
/* FRONT SLIDER */
/*------------------------------------------------------------------------------------------------*/
.front-slider { 
	position: relative; background-color: #FFF;
}
#slider-preloader { 
	position: absolute; left: 0px; top: 0px; z-index: 999; 
	width: 100% !important; height: 620px !important; 
	background: #FFF no-repeat center center url("images/preloader-32.gif");
}
#slider-preloader.hide { display:none !important;}
.front-slider .dslider-wrap {
	position: relative; display: block; 
	margin: 0px auto; padding: 0px; 
	width: 100% !important;
	height: 620px !important; 
	overflow: hidden;
}
.front-slider .dslider {
  display: block !important;
  list-style: none !important;
  margin: 0px; padding: 0px;
  height:100%;
}
/*Осторожно использовать !important в свойсте display, так как могут возникнуть проблемы с режимом fade в слайдере!!! */
.front-slider .dslider li {
  position: relative; z-index: 1; display: block;
  list-style: none !important;
  margin: 0px; padding: 0px;
  height:100%;
}
#slider-preloader.fsize-100vh, .front-slider .dslider-wrap.fsize-100vh { height:100vh !important; }
#slider-preloader.fsize-100vh-2, .front-slider .dslider-wrap.fsize-100vh-2 { height:100vh !important; }

#slider-preloader.fsize-525, .front-slider .dslider-wrap.fsize-525 { height:525px !important; }
#slider-preloader.fsize-768, .front-slider .dslider-wrap.fsize-768 { height:768px !important; }

.dslider-navigation, .dslider-navigation.dslider-over .navItem::after, .navPrev, .navNext {z-index: 990 !important;}
/* Content slider */
.front-slider .slider-content-wrap {
  position: absolute; z-index: 2; left: 0px; top: 0px; width: 100% !important; height:100% !important;
}
.front-slider .slider-media-wrap {
  position:relative; z-index: 1; width: inherit !important; height:inherit !important; 
  display:flex; align-items: center; justify-content: center;
}
.front-slider .slider-media-wrap img, .front-slider .slider-media-wrap video {
  width:auto !important; height:100% !important;
  max-width: 100% !important;
	flex: 1;
	object-fit:cover; -o-object-fit:cover;
}
.front-slider .slider-media-wrap img.slider-media-mobile, .front-slider .slider-media-wrap video.slider-media-mobile { display:none; }

.slider-content-wrap .slider-content {
  display:flex; align-items:center; justify-content: center; flex-direction: column;
  position:absolute; z-index: 2; left:0px; bottom:0px;
  width:95%; height:95%; padding: 2.5%; min-height: 24px;
  text-align: center;
}
.slider-content-wrap .slider-content .slider-title { font-size:4vh; padding:0px 0px 25px 0px; text-transform: uppercase; }
.slider-content-wrap .slider-content .slider-sub-title { padding:20px 0px; }
.slider-content-wrap .slider-content .slider-desc { font-size:2vh; padding:0px 0px 25px 0px;}
.slider-content-wrap .slider-sub-title, .slider-content-wrap .slider-button { display: block; width: 100%; }


.slider-content-wrap .slider-content.off { display:none;}
.slider-content-wrap .slider-content.left {
  display:flex; align-items: flex-start; justify-content: center; flex-direction: column;
  left:128px; bottom:0px; width: 42%; height:100%; min-height: 24px; text-align: left;
}
.slider-content-wrap .slider-content.right {
  display:flex; align-items: flex-end; justify-content: center; flex-direction: column;
  left:auto; right:128px; bottom:0px; width: 42%; height:100%; min-height: 24px; text-align: right;
}
.slider-content-wrap .slider-content.center_bottom {
  position:absolute; z-index: 2; left:0px; bottom:50px;
  width:90%; height:auto; min-height: 24px;
  padding: 0px 5%; text-align: center;
}

.wp-block-gallery.gallery-dslider { display:none !important;  }
.wpgl-wrap { height:50vh !important; }

/*------------------------------------------------------------------------------------------------*/
/* COMMENTS */
/*------------------------------------------------------------------------------------------------*/
.list-comments-wrap { position: relative; padding: 25px 0px; }

/* v0 */
.list-comments-wrap .commentlist-wrap { position: relative; z-index: 2; width: 100% !important; height: 300px !important; background-color:#FFF;  -webkit-box-shadow: 0px 1px 5px #CCC; box-shadow: 0px 1px 5px #CCC; }
.list-comments-wrap .commentlist-bg-darkened {
  position: absolute; z-index: 1; left:0px; top:0px; width:100%; height:100%; /*background-color: rgba(0,0,0,0.1);*/ background-color:#FFF;
}

/* Global comment style */
ul.commentlist { display: block; position: relative; z-index:3; list-style: none !important; margin: 0px; padding:0px 0px; height:300px;  overflow-y: hidden; }
ul.commentlist li { display: flex; width: 100%; min-height:100px; clear: both !important; background-color:#FFF;   }
ul.commentlist li .comment-box, .modal-comment.comment-box {display: flex; flex-basis: auto; flex-direction: row; align-items: flex-start; justify-content:space-between; padding:10px 2% !important; width: 96% !important; margin: 0px 0px !important; }
.comment-image, .modal-comment-image.comment-image {
	display: flex; flex-basis:120px; align-items: center; justify-content: center;
	position:relative;
	width:120px; height: 120px !important;
	background: #FFF;
	-webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; 
	border:1px solid #FFF;
	text-align:center;
	overflow:hidden;
}
.comment-image img { display:flex; flex:1; object-fit:cover; -o-object-fit: cover; width: auto !important; height: 100% !important; }
.comment-text { display: flex; width:88%; padding-left:2%; flex-direction: column; align-items:flex-start; justify-content: center; }
.comment-autor { display: block; font-weight: bold; font-size: 1.2em; margin-bottom:15px; }

/*PAGE*/
ul.commentlist.page { height:auto !important; overflow:visible !important; }
ul.commentlist.page li { -webkit-box-shadow: 0px 1px 5px #CCC; box-shadow: 0px 1px 5px #CCC; margin: 5px 0px; }
/*Slider comments*/
ul.dslider-comments li {display: inline-flex; width:auto; height: 100%; }
ul.dslider-comments li .comment-box { padding:5% 5% !important; width:90% !important;}

/* Child comments */
ul.commentlist ul.children .comment-text { margin: 0px !important; padding: 0px !important;}
/* Comment form */
.open-modal-comment { cursor: pointer;}

/*------------------------------------------------------------------------------------------------*/
/* OTHER */
/*------------------------------------------------------------------------------------------------*/
.opacity-black { background: rgba(0,0,0,0.2);}
.opacity-white { background: rgba(255,255,255,0.2);}

.open-height { display:block; position: relative; width: 100%; height:360px; padding-bottom:96px; overflow:hidden; }
.open-height.active { padding-bottom:0px; }
/* .open-height-button - added total.js */
.open-height-button-wrap {
	display: flex; align-items:flex-end; justify-content: center; content:""; position: absolute; z-index: 10; height:96px; width:100%; left:0; bottom:0px; margin:0px 0px 0px 0px; font-size:1em; color:inherit; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,0) 100%);
}
.open-height-button { cursor: pointer; }

content table, content table[width] { margin: 2px auto !important; width: 100% !important; overflow-x: auto !important; border: none !important; font-size: 0.85em !important; background: none !important;}
content table tr td { padding:10px !important; margin: 2px !important; border: 0px solid #F4F4F4 !important; }
content table tr:nth-child(odd) { background: #f1f1f1 !important;}

.wp-block-embed { margin: 10px 0px !important; width: 100% !important;}

side-content .wp-block-image { text-align: center; margin-left: auto; margin-right: auto;}
side-content iframe, .wp-block-embed iframe { width:100%; height:525px; margin:25px 0%;}
side-content img.size-full { width: 100% !important; height: auto !important;}
content-box img.size-full { width: 99.8% !important; height: auto !important; /*border: 2px solid #FFF;*/ margin: 5px 0px !important;}

pagination { display: block; clear: both; margin:25px 0px; }
pagination a, pagination span { display:inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 10px; text-align: center !important; }
pagination span, pagination a:hover { background-color: #f1f1f1;}

/* GALLERY */
.gallery, .blocks-gallery-grid, .wp-block-gallery { width:100% !important; margin:10px 0px !important; }
.wp-block-gallery .blocks-gallery-item { margin: 2px 2px !important; overflow: hidden;}
.gallery .gallery-item img, .wp-block-gallery .blocks-gallery-item img { transition: 0.2s linear; }
.gallery .gallery-item img:hover, .wp-block-gallery .blocks-gallery-item img:hover { transform: scale(1.1, 1.1); }
.gallery .gallery-caption { font-size: 0.85em !important; }
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
  text-transform: uppercase;
  color: #FFF !important;
  bottom: 0px !important; 
  max-width: 100% !important;
  min-height:60px !important;
  padding:25px 25px 30px 25px !important;
  background: rgba(0,0,0,0) !important;
  text-align: left !important;
}
.wp-block-gallery .blocks-gallery-item figcaption:after {left:25px !important;}
.wp-block-gallery .blocks-gallery-item a {filter: brightness(0.9);}
.wp-block-gallery .blocks-gallery-item a:hover {filter:none;}

.gallery.gallery-size-full .gallery-item img { width: auto !important; height: auto !important;}

.wp-block-image figcaption {
	display: block !important; margin-top: .5em !important; margin-bottom: 0em !important; text-align: center; line-height: 1.2em !important; color: inherit; font-size: 1em !important;
}

.wp-block-gallery figure img { transition: 0.3s linear; }
.wp-block-gallery figure:hover img { filter: brightness(0.5); }

.wp-block-gallery figure a { display: block; position:relative; width:100%; height: 100%; margin: 0px; padding: 0px; }
.wp-block-gallery figure a:after { display: none; content:"+"; position: absolute; z-index: 10; height: 32px; width: 32px; left:calc(50% - 16px); top:calc(50% - 16px); /*margin: -16px 0px 0px -16px;*/ background: none; cursor: pointer; font-size:32px; color:#FFF; font-family: "Arial", "sans-serif"; font-weight: lighter !important; }
.wp-block-gallery figure:hover a:after { display:flex; align-items: center; justify-content: center; }


.blocks-gallery-grid .blocks-gallery-image figure, 
.blocks-gallery-grid .blocks-gallery-item figure, 
.wp-block-gallery .blocks-gallery-image figure, 
.wp-block-gallery .blocks-gallery-item figure {
    display: flex;
    align-items: flex-start !important;
    justify-content: center !important;
}
/*
.wp-block-image img {
  width: auto !important;
  height: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: cover; -o-object-fit: cover;
}
*/

/* Колонки */
.wp-block-columns {clear:both !important; margin-bottom:0px !important; }
.wp-block-columns img {max-width: 100% !important;height: auto !important;}

/* Обложка */
.wp-block-cover {padding: 0px !important;}
.wp-block-columns .wp-block-cover img{height: 100% !important; max-width: none !important;}
.wp-block-cover__inner-container { padding:15px !important; }
/*.wp-block-columns figcaption { display: block !important; }*/

/* FIX SIZES */
.wp-block-columns.fix-width-pc, .wp-block-column.fix-width-pc, div[class^="wp-block"].fix-width-pc, figure[class^="wp-block"].fix-width-pc, p.fix-width-pc,
.wp-block-columns.fix-wpc, .wp-block-column.fix-wpc, div[class^="wp-block"].fix-wpc, figure[class^="wp-block"].fix-wpc, p.fix-wpc
{ width: 1200px !important; margin:0px auto !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; }

/* FIX STYLE COLUMNS / GALLERY / BLOCK IMAGE / FILE ROW */
.wp-block-file {
	display:flex;
	align-items:center;
	justify-content: space-between;
	flex-direction: row;
	padding: 15px;
	margin: 3px auto;
	background: #f1f1f1;
}
.wp-block-file a[id^="wp-block-file--media"] { text-decoration: underline !important; }
.wp-block-file__button { background: #FFF !important; color:#000 !important; box-shadow: 0px 1px 3px #CCC; }
.wp-block-file__button:hover { background: #f1f1f1 !important; color:#000 !important; box-shadow:none; }
.wp-block-file:not(.wp-element-button) { font-size:1em !important; }

/* Lang FIX */
figure.wp-block-gallery { display: flex !important; flex-wrap: wrap !important; }
.wp-block-gallery:not(.is-layout-flex) .wp-block-image { padding: 0.2em !important; }
.wp-block-gallery.has-nested-images figure.wp-block-image {}
.wp-block-column { margin: 0.2em !important; }
.wp-block-image.aligncenter, .wp-block-image .aligncenter, .wp-block-image.alignleft, .wp-block-image .alignleft, .wp-block-image.alignright, .wp-block-image .alignright {
	display: block !important;
}

.wp-block-button.w100 a, .wp-block-button.s100 a {
	width:96% !important;
	padding-left: 2% !important;
	padding-right: 2% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.wp-block-column .aligncenter { text-align:center !important; }
.wp-block-columns.border-columns {}
.wp-block-columns.border-columns > .wp-block-column, .wp-block-columns.border > .wp-block-column, .wp-block-column.border { border: 1px solid #CCC; padding: 15px; }

.wp-block-columns.shadow > .wp-block-column, .wp-block-column.shadow { box-shadow: 0px 1px 3px #CCC; padding: 15px; }

/* Блок медиа-текст */
.wp-block-media-text {}
.wp-block-media-text__media img, .wp-block-media-text__media video, content-box .wp-block-media-text__media img.size-full { width:auto !important; height: auto !important; margin:0px !important; }
.wp-block-media-text.is-image-fill .wp-block-media-text__media {min-height:320px !important;}

.wp-block-pullquote { font-size:1em !important; line-height:1.2em !important; padding: 0px !important; }

.wp-block-group.center {justify-content:center;}

/* WIDGETS */
.widget header, .widget footer, .widget ol { display: block !important; position: relative !important; width:100% !important; height: auto !important; margin:0px !important; padding: 0px !important; }

.widget a { padding: 0px !important; margin: 0px !important; background: none !important; border:none !important; box-shadow:none !important;  }
.widget_search label { display:none !important; }

/* WIDGET - Список записей */
ul.wp-block-latest-posts__list {
  display:block !important; position: relative; margin:0px !important; padding: 0px !important; list-style: none !important;
}
ul.wp-block-latest-posts__list li {
  clear:none !important;
  display: flex !important;  flex-wrap: wrap !important; justify-content: space-between !important;
  position: relative !important; margin:0px !important; padding: 0px !important; background: none !important;
}
ul.wp-block-latest-posts__list li a { display:block !important; width:65% !important;  }
.wp-block-latest-posts__featured-image { display:block !important; width: 25% !important; height:64px !important; margin-bottom: 5px !important; }
.wp-block-latest-posts__featured-image img {
  width:auto !important; height:100% !important; max-width: 100% !important;
	flex: 1; -o-object-fit: cover; object-fit:cover;
}

/* WIDGET - Список рубрик */
ul.wp-block-categories a { display:block !important; width: auto !important; height: auto !important; padding: 5px !important; margin: 2px 0px !important; }

/* CATEGORIES */
form#category-sorting { display: block; margin:25px 0px 25px 0px;}
.catsort-label { display: inline-flex; vertical-align: middle; align-items: center; width:auto; height: 32px; padding: 0px 10px; }
input[name=catsort-clear], input[name=catsort-price], .cs-0 input[name=catsort-clear], .cs-0 input[name=catsort-price] {
  position: relative; display: inline-block; vertical-align: middle; 
	width: 32px; height: 32px;
  margin: 0px 5px 0px 0px !important; padding: 0px !important;
	color:rgba(0,0,0,0) !important;
  background: none !important; border: none !important; box-shadow: none !important;
  background-image: url("images/icons.svg?v6") !important; 
  background-repeat: no-repeat !important; background-size: auto 320px !important;
  transition: none !important;
}
input[name=catsort-clear]:hover, input[name=catsort-price]:hover, .cs-0 input[name=catsort-clear]:hover, .cs-0 input[name=catsort-price]:hover {
  color:rgba(0,0,0,0) !important; background: none !important; border: none !important; box-shadow: none !important;
  background-image: url("images/icons.svg?v6") !important; background-size: auto 320px !important;
}
input[name=catsort-clear], .cs-0 input[name=catsort-clear] {background-position: 55.5% 11.1% !important;}
input[name=catsort-price], .cs-0 input[name=catsort-price] {background-position: 11.1% 11.1% !important;}
input[name=catsort-price][value="max"], .cs-0 input[name=catsort-price][value="max"] {background-position: 0% 11.1% !important;}
input[name=catsort-clear]:hover, .cs-0 input[name=catsort-clear]:hover {background-position: 55.5% 11.1% !important;}
input[name=catsort-price]:hover, .cs-0 input[name=catsort-price]:hover {background-position: 11.1% 11.1% !important;}
input[name=catsort-price][value="max"]:hover, .cs-0 input[name=catsort-price][value="max"]:hover {background-position: 0% 11.1% !important;}
/*
input[name=catsort-clear]:hover, input[name=catsort-price]:hover { color: #EE3432 !important;}
input[name=catsort-clear] { background: no-repeat left center !important;}
*/
form#category-sorting input[type=checkbox] { width: 18px !important; height: 18px !important; vertical-align: middle !important;}
form#category-sorting input[type=text] { padding: 5px !important; height: 18px !important;}

.params-box {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  align-items: flex-start;
	justify-content:flex-start;
  position: relative; clear: both !important; background: none; padding: 0px 0px 0px 0px; height:auto; min-height:64px; overflow-x: hidden; overflow-y: scroll;
}
.params-box .params-box-item {
  position: relative; display:block; width:31.9%; height:120px !important; margin:0.5% 0.5%; padding: 0%; background:none; border:none;
  font-size: 0.9em !important; overflow-y: auto; overflow-x: hidden;
}
.params-box .params-box-btn-wrap {
  position: relative; display:block; width:100%; height: auto; margin:0%; padding: 0%;
}

.params-box select { /*padding: 5px !important;*/ }
.params-box label { /* margin: 0px 0px 3px 0px !important; */ font-size: 0.9em !important;}
.params-box label[for] { display: inline-block !important; vertical-align: middle !important;}
.params-box input[type=checkbox]:checked + label {}
/*.group-filter-wrap { position:relative; width:100%; height:84px; overflow:hidden; }*/

/*------------------------------------------------------------------------------------------------*/
/* SEARCH FORM */
/*------------------------------------------------------------------------------------------------*/
#searchform {
  position:fixed; z-index: 9999; left:0px; top:0px; width: 100%; height:100%;
  display:none; align-items: center; justify-content: center; flex-direction: column;
  background-color: rgba(0,0,0,0.8); color:#fff;
}
#searchform-page {
  position:relative; z-index: 1; width:100%; height: 96px; margin: 10px 0px;
  display:flex; align-items: center; justify-content: center;
  background-color:#f1f1f1; color:inherit;
}
#search-field { position: relative; width: 50%; height:auto; }
#searchform input[type=text]#s {
  border:none !important; border-bottom:1px solid #606060 !important;
  background: linear-gradient( to bottom,  rgba(35,35,35,0.00) 0%, rgba(35,35,35,1) 100% );
  width:calc(100% - 40px) !important; height:32px !important; padding: 10px 20px !important;
  color:#ffffff !important; text-align: center;
}
#searchform-page input[type=text]#search-value {
  border:none !important;  background:#FFF;
  width:calc(100% - 40px) !important; height:32px !important; padding: 10px 20px !important;
  color:#000 !important; text-align: center;
}
input[type=submit]#searchsubmit, button[type=submit]#searchsubmit-page { display: none;  position: absolute; top: 12px; right: 10px; width:32px !important; height:32px !important; padding:0px !important; margin: 0px !important; border: 0px !important; background-color:#f1f1f1 !important; box-shadow: none !important; }
input[type=submit]#searchsubmit:before, button[type="submit"]#searchsubmit-page:after { content:""; position: absolute; left: 0px; top: 0px;  width: 100%; height: 100%; background: url("images/icons.svg?v6") !important; background-repeat: no-repeat !important; background-size: auto 320px !important; background-position: 0 0 ; }
button[type=submit]#searchsubmit-page, button[type="submit"]#searchsubmit-page:after { display:block !important; }
#search-close { position: absolute; right: 15px; top: 15px; cursor: pointer; }

.search-item-title h3 { margin-bottom:5px !important; }
.search-item-desc span { background-color: #ffff00 !important; color: #000 !important;}

/*------------------------------------------------------------------------------------------------*/
/* DFORM, MESSAGE */
/*------------------------------------------------------------------------------------------------*/
.drec-form { margin: 10px 0px; text-align: center !important; }
side-content .drec-form iframe { height: 85px !important;}
.drec-recaptcha { padding: 15px 5px; margin-top: 10px; text-align: center;}
.g-recaptcha, #recaptcha_area { display: inline-block !important; }
side-content .g-recaptcha iframe, content .g-recaptcha iframe { width:100% !important;}

.dform-message, .dusers-message, .dform-message-true, .message { border: 1px solid #DFC492; background: #FFFBEF; margin: 10px 0px; padding: 12px; color: #111 !important;}
.dform-message-false, .dusers-message-false, .message.false { border: 1px solid #900; background: #C00; margin: 10px 0px; padding: 10px; color: #FFF !important;}
.dform-message-true, .dusers-message-true, .message.true { border: 1px solid #379E00; background: #D8E9CE; margin: 10px 0px; padding: 10px; color: #111 !important;}

input[type=submit].dform-sub { margin: 15px 3px !important; height: 50px !important;}

/* Dform correct style */
.dform-forms label { text-align: left !important; }
.dform-forms input[type=text], .dform-forms input[type=number], .dform-forms input[type=phone], .dform-forms select, .dform-forms textarea { text-align: left !important; }

.dform-forms .dform-field { margin-top: 10px; }
.dform-forms.col-2 .dform-forms-fields-wrap, .dform-forms.col-3 .dform-forms-fields-wrap, .dform-forms.col-4 .dform-forms-fields-wrap {
	display:inline-block;
	display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
	justify-content: space-between;
	margin: 0px; padding: 0px; 
	list-style: none !important;
	/*text-align: center;*/
}
.dform-forms.col-2 .dform-field, .dform-forms.col-3 .dform-field, .dform-forms.col-4 .dform-field {
	position: relative; display:block; width: 32%; height: auto; margin: 0.1% 0%; padding: 0%; background:none; border:none; /*overflow-x: hidden;*/
}
.dform-forms.col-2 .dform-field {width: 48.8%; /*margin: 0.1% ; padding: 0.5%;*/}
.dform-forms.col-3 .dform-field {width: 32%; /*margin: 0.1% ; padding: 0.5%;*/}
.dform-forms.col-4 .dform-field {width: 23.8%; /*margin: 0.1% ; padding: 0.5%;*/}

.dform-buttons-wrap { margin:10px 0px !important; }

/* ZOOM */
.zoom-wrapper { display: none; position: absolute; left: 0px; top: 0px; z-index: 999; width: 320px; height: 320px; overflow: hidden; background: #FFF; box-shadow: 0px 1px 2px #999; border: 1px solid #CCC;}
.zoom-wrapper img { width: auto !important; height: auto !important;}

/*------------------------------------------------------------------------------------------------*/
/* DUSERS / CART / BOOKMARKS */
/*------------------------------------------------------------------------------------------------*/
.pub-item-hit {
	position:absolute;
	z-index: 999;
	left: 2px; top:2px;
	padding: 5px;
	background: #FFCE00;
	color: balck;
	font-size: 0.8em;
}
.pub-item-hit.single {
	position:absolute;
	z-index: 999;
	right: 0px !important; left: auto; top:5px;
	padding: 5px;
	background: #FFCE00;
	color: balck;
	font-size: 1em;
}

.pub-item-cart .ucart-button-wrap {
	display:flex; align-items: center; justify-content:flex-end; flex-direction: row;
	width:42px !important;
  min-height:32px !important;
	float: left !important;
  overflow: hidden !important;
	-webkit-border-radius: 5px; border-radius: 5px;
	background-color: #fff;
	cursor: pointer;
}
.pub-item-cart .ucart-button-wrap.btn_cart_icon { background:none; }
.icon-cart-before, .bookmarks-send,
.ucart-count-icon, .bookmarks-count-icon, .user-cabinet-icon
{
  position: relative; display: inline-block;
	float: left !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0px !important;
	margin: 0px 5px 0px 2px !important;
	background-image: url(images/icons.svg?v7);
	background-color:#fff;
  background-repeat: no-repeat;
  background-size:auto 320px;
	background-position:0% 33.3%;
	border: 0px;
	cursor:pointer;
	-webkit-border-radius: 5px; border-radius: 5px;
	transition:none !important;
}
.icon-cart-before:hover { background-color:#f1f1f1; }
.ucart-button-wrap.btn_cart_icon_button, .ucart-button-wrap.btn_cart_button { width:auto !important; padding-left:3px !important; padding-right:10px !important; }
.ucart-button-wrap.btn_cart_icon_button .ucart-ui-send-button, .ucart-button-wrap.btn_cart_button .ucart-ui-send-button { display:flex; align-items: center; justify-content: center; flex-direction: row; color:black !important; }
.ucart-button-wrap.btn_cart_button, .ucart-button-wrap.btn_cart_icon_button, .ucart-button-wrap.btn_cart_icon_button .icon-cart-before { background-color:#f1f1f1; }
.ucart-button-wrap.btn_cart_button:hover, .ucart-button-wrap.btn_cart_icon_button:hover, .ucart-button-wrap.btn_cart_icon_button:hover .icon-cart-before { background-color:#D8D8D8; }

ucart_added { display:flex; flex-direction: row; align-items:center; justify-content: flex-start; }
ucart_added span { font-size:0.65em; display: none; }

.pub-item-cart .ucart-ui-send.ucart-ui-send-button[action="added"] { background-color:#D2EBC0; }

.bookmarks-count-icon, .ucart-count-icon, user-cabinet-icon { margin:0px !important; }

.user-cabinet-icon { background-position:0% 22.2% !important; }
.ucart-count-icon:hover, .user-cabinet-icon:hover { background-color:#f1f1f1; }

.bookmarks-send {display: block; float:right !important; margin: 0px 2px 0px 5px !important; }
.bookmarks-send, .bookmarks-count-icon { background-position:33.3% 22.2%; }
.bookmarks-send:hover, .bookmarks-send.added, .bookmarks-count-icon:hover { background-color:#f1f1f1; background-position: 44.4% 22.2%; }
.bookmarks-send.button { display:inline-flex; float: none !important; clear: both !important; background-image:none; background-position:center center; width: auto !important; padding:5px 15px !important; }
.bookmarks-send.bookmark-inline { display: block; float: none !important; margin:0px !important; }

.pub-item-cart .ui-spinner.ui-widget.ui-widget-content {
	float: left !important;
	width: 48px !important;
	height:30px !important;
}
.pub-item-cart input[type=number] {
	padding: 4px !important;
}
.pub-item-cart .bookmarks-send {
	float: right !important;
	padding: 0px !important;
}

/* CATEGORY STYLE */
.pubs-items .pub-item-cart {
	z-index: 4;	position:absolute; right:0px;
	display:flex; flex-direction: row; align-items: flex-end; justify-content: flex-end;
	width:165px !important; height:32px !important;
}
.pubs-items.v1 .pub-item-cart {
	z-index: 4; position: relative; right: auto;
	display:flex; flex-direction: row; align-items: flex-end; justify-content: flex-end;
	min-width: 64px; width:auto !important; margin-left:10px;
}


/* USERS AND CART - КНОПКА НА СТРАНИЦЕ */

.ucart-counter-wrap { display:flex; flex-direction: row; align-items: center; justify-content: flex-start; position: relative; min-width: 64px; height: 32px; }
.ucart-counter-minus, .ucart-counter-plus { display:flex; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; user-select:none; }
.ucart-counter-number { display:flex; width: 80px; height: 30px !important; border:1px solid #CCC !important; user-select:none; }

.post-page-cart-wrap { display:flex !important; width: 100%; margin: 10px 0px; }
.post-page-cart-wrap .ucart-button-wrap { display:flex !important; width: calc(100% - 32px) !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; }
.post-page-cart-wrap .ucart-button-wrap input[type=text], .post-page-cart-wrap .ucart-button-wrap input[type=number]{ width:48px !important; height: 32px !important; padding: 5px !important; text-align: center; border:1px solid #CCC !important;}
.post-page-cart-wrap .button.ucart-ui-send.ucart-ui-send-button { display:inline-flex !important; width: auto !important; padding: 10px 10px !important; flex-direction: row; }

a.ucart-box-wrap.cart-statistics-link {color:#999 !important; }
a.ucart-box-wrap.cart-statistics-link:hover { color:black !important; }

.post-page-cart-wrap .button.ucart-ui-send.ucart-ui-send-button.is_added { background: none !important; color:#000 !important; border:1px solid #CCC !important; box-shadow: none !important; }
.post-page-cart-wrap .button.ucart-ui-send.ucart-ui-send-button.is_added:hover { background:#F0F0F0 !important; }

/*------------------------------------------------------------------------------------------------*/
/* USERS AND CART - СПИСОК КОРЗИНЫ */
/*------------------------------------------------------------------------------------------------*/
.ui-spinner.ui-widget.ui-widget-content { z-index: 1; display: block !important; float: left !important; position: relative !important; width:64px !important; margin-right:5px !important;}
input.ucart-ui-counter { margin: 0px !important; height: 20px !important; width: 79.7% !important; padding-left: 5% !important; padding-right: 15% !important; display: inline-block; vertical-align: middle; border: none !important;}
input[type=number].ucart-ui-counter::-webkit-inner-spin-button, input[type=number].ucart-ui-counter::-webkit-outer-spin-button { -webkit-appearance: none;margin: 0;}
input[type=number].ucart-ui-counter { -moz-appearance: textfield;}
input.ucart-ui-counter.hide { display: none !important;}
.button.ucart-ui-send { margin: 0px 5px !important; display: inline-block; vertical-align: middle;}
.button.ucart-ui-send.ucart-ui-send-button { display: block; float:left !important; width:100px !important; margin: 0% !important; padding: 10px 0.25% !important;}
.button.ucart-ui-send.added { border: 1px solid #519811;}
.button.ucart-ui-send.added:hover { background: #519811 !important; color: #FFF !important;}
.button.ucart-ui-send.ucart-ui-clear { margin: 5px 5px !important; }

.ucart-count-inlist-total-statistics { background: #f0f0f0 !important; margin: 5px 0px; padding:10px; }

.ucart-item { padding: 5px; margin: 3px 0px; background: #FFF; box-shadow: 0px 3px 7px #CCC; }
.ucart-item-title {
	display:flex; align-items:center; justify-content:space-between; flex-direction: row;
	width:auto; padding:5px; margin-bottom: 5px; min-height: 15px; border-bottom: 1px solid #CCC;
}
.ucart-item-desc { background: #FFF; font-size: 0.85em; padding:5px 0px; color:gray; }
.ucart-ui-delete { display:flex; width: 32px; height: 32px; margin-top: 3px !important; cursor: pointer;}

.ucart-item-params { display:flex; width: 100%; position: relative; flex-direction: row; align-items:center; justify-content:space-between; flex-wrap: wrap; }
.ucart-item-preview { display:flex; width:64px; height:64px; }
.ucart-item-preview a { display:flex; width: 100%; height: 100%; }
.ucart-item-preview a img { width: 100% !important; height: auto !important;}
.ucart-item-counter-wrap { display:flex; width: 15%; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.ucart-item-count { display:flex; width: 10%; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.ucart-item-price { display:flex; width: 30%; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.ucart-item-delete  { display:flex; width: 10%; flex-direction: row; align-items: flex-start; justify-content: flex-end; flex-wrap: wrap; }
.ucart-item-delete isvg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; user-select:none; }
.ucart-item-counter-wrap input[type=text], .ucart-item-counter-wrap input[type=number]{ width:48px !important; height: 32px !important; padding: 5px !important; text-align: center; border:1px solid #CCC !important;}
.ucart-item-count strong, .ucart-item-price strong {display: inline-flex; padding:0px 5px;}

/* DUSERS */
.dusers-form { padding: 15px; background: #FFF; box-shadow: 0px 3px 7px #E5E5E5; }
.dusers-form label {}
.dusers-form-button-wrap{ width:100%; margin: 10px auto; text-align: center; }

/*------------------------------------------------------------------------------------------------*/
/* UI restyle */
/*------------------------------------------------------------------------------------------------*/

#side-content .ucart-item a { text-decoration:none !important; }

a.order-pay-button.active {
	background: #f1f1f1;
	border:1px solid #47D94A;
	/*color: #FFF !important;*/
}

.slider-range-wrapper .slider-range-1, .slider-range-wrapper .slider-range-2 { width: 43% !important; height: 18px !important; padding: 5px 2.5% !important; margin:2px 0px 0px 0px !important;}
.slider-range.ui-slider { width: 92% !important; margin: 5px 2% !important;}
.ui-slider-horizontal { height:0.5em !important;}

/*---------------------------------------------------------------------------------------------------------*/
/* MODAL */
/*---------------------------------------------------------------------------------------------------------*/
#mod-preloader-back { 
	position: fixed; z-index: 99999 !important; display: none;
	top: 0px; left: 0px; 
	background-color: rgba(0,0,0,0.5); 
	width: 100%; height: 100%;
}
#mod-preloader { 
	position: absolute; width: 120px; height: 80px; top: 50%; left: 50%; margin-left: -60px; margin-top: -40px; border:none; background-color: #FFF !important; background-image: url("images/preloader-32.gif") !important; background-position: center!important; background-repeat: no-repeat !important; 
  box-shadow: 0px 1px 5px #333333; -moz-box-shadow: 0px 1px 5px #333333; -webkit-box-shadow: 0px 1px 5px #333333;
}
#mod-modal { 
	display: none; position: absolute; 
	width: 80vw; height: 80vh; 
	top: 50%; left: 50%; 
	margin-left: -40vw; margin-top: -40vh; 
	border:none; 
	background-color: #FFF;
  box-shadow: 0px 1px 5px #333333; -moz-box-shadow: 0px 1px 5px #333333; -webkit-box-shadow: 0px 1px 5px #333333;
}
#mod-modal.small_view { width:30vw; height:50vh; margin-left: -15vw; margin-top: -25vh;  }
#mod-modal-title { 
	display: flex; align-items:center; justify-content:flex-start;
	font-size: 1em !important; color: #000 !important; height: 22px; padding:10px; background: none !important; border-bottom:1px solid #CCC;
}
#mod-modal-close { 
	z-index: 99999; position: absolute; top: 5px; right: 10px; width: 32px; height: 32px;
	cursor: pointer;
}
#mod-modal-image { display:none; }
#mod-modal-content {
  position: relative;
  display:block;
	width:96%; height:auto; padding: 10px 2%; margin: 0px auto;
  min-height:120px; 
  overflow-y: auto !important;
	color: #000 !important;
}
#mod-modal-content-insert {
  position: relative;
  display:block;
  width: 100%; min-height:120px; height:100%;
  padding:0px 0px; 
  overflow: auto;
}
#mod-modal.focus_center #mod-modal-content #mod-modal-content-insert { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;}

#mod-modal-content hr { border: none; border-top: 1px dashed #FFF;}
#mod-modal-btn { position: absolute; width: 95%; height: 32px; padding: 5px 0px; margin: 5px 0px; bottom: 0px; text-align: center;}

#mod-modal.image #mod-modal-image { display: block; float: left; padding: 10px 0px; width: 40%; height: 400px; }
#mod-modal.image #mod-modal-content { float: right; padding: 10px 2%; width: 56%; height: 400px; }

#mod-modal ::-webkit-scrollbar {width:2px !important;}
#wrap-page #mod-modal ::-webkit-scrollbar  {width:2px !important;}

#modal-form {width:50%; margin:0px auto; }
#mod-modal.small_view #modal-form {width:92%; margin:0px auto;}

#mod-modal content-box, #mod-modal content { width:100% !important; padding-left:0px !important; padding-right:0px !important; }

.animate_modal_form.is_show {opacity:0; -webkit-animation: animate_modal_form 1s forwards ease-in-out; animation: animate_modal_form 1s forwards  ease-in-out;}
@keyframes animate_modal_form { 0% { transform: scale(0.3, 0.3); filter: blur(15px); opacity: 0; }  100% { transform: scale(1, 1); filter: blur(0px); opacity: 1; } }
.animate_modal_form_back.is_show { display: block !important; opacity:0; -webkit-animation: animate_modal_form_back 1s forwards ease-in-out; animation: animate_modal_form_back 1s forwards  ease-in-out;}
@keyframes animate_modal_form_back { 0% { opacity: 0; }  100% { opacity: 1; } }

/*---------------------------------------------------------------------------------------------------------*/
/*SCROLL PAGE*/
/*---------------------------------------------------------------------------------------------------------*/
.go-up, .go-down { display: none; position: fixed; z-index: 9999; background: no-repeat url("images/nav-page.png"); padding: 0px; margin: 5px; cursor: pointer;}
.go-up { right: 15px; width: 32px; height: 32px; bottom: 64px; background-position: 0px 0px;}
.go-down { right: 15px; width: 32px; height: 32px; bottom: 20px; background-position: 0px -32px;}
.go-up:hover { background-position: -32px 0px;}
.go-down:hover { background-position: -32px -32px;}

/*---------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:320px) and (max-width:1200px) {
	.hide-0 { display: none !important}
	.w-item-box h4.w-item-title.font-15 { font-size: 1.2em !important;}
  
  header, footer, footer-in, footer-empty, content, side-content.full, content-box { width: 100% !important;}
  content.wrap-media {width: 100% !important; padding:5px 0% !important;}
  footer, header-in, footer-copyright, side-content.full, content-box { width: 95% !important; padding-left: 2.5% !important; padding-right: 2.5% !important; margin-right: 0px !important; margin-left: 0px !important; }
	side-content { width: 72% !important; margin-left: 2.5% !important; padding-left: 0% !important;}
	side-bar { width: 25% !important;}
	
	.wp-block-columns.fix-width-pc, div[class^="wp-block"].fix-width-pc, figure[class^="wp-block"].fix-width-pc, p.fix-width-pc,
	.wp-block-columns.fix-wpc, .wp-block-column.fix-wpc, div[class^="wp-block"].fix-wpc, figure[class^="wp-block"].fix-wpc, p.fix-wpc
	{ width:98% !important; margin-left: auto !important; margin-right: auto !important; /*padding-left: 2.45% !important; padding-right: 2.45% !important;*/ }
}

@media screen and (min-width:320px) and (max-width:1024px) {
	.hide-1,.hide-2, .hidem, .go-up, .go-down { display: none !important}
	
  .mob-h-parent { height: inherit !important; min-height: 5px !important;}
	.mob-font-10, .mob_font_1em { font-size: 1em !important;}
	.mob-font-09 { font-size: 0.9em !important;}
	.mob-font-08 { font-size: 0.85em !important;}
	
	.mob-text-right { text-align: right !important;}
	.mob-text-left { text-align: left !important;}
	.mob-text-center { text-align: center !important;}
	.mob-left { float: left !important;}
	.mob-right { float: right !important;}
  
  h1.mob-text-center:after, h2.mob-text-center:after, h3.mob-text-center:after, .heading.mob-text-center:after,
  .mob-text-center h1:after, .mob-text-center h2:after, .mob-text-center h3:after, .mob-text-center .heading:after 
  {
    left: 50% !important; margin-left: -50px !important; background-position: center bottom;
  }
  
  .mob-w50 { width: 47.7% !important; padding-left: 0.5% !important; padding-right: 0.5% !important; margin-left: 0.5% !important; margin-right: 0.5% !important;}
	.mob-w100 { width: 97.7% !important; padding-left: 0.5% !important; padding-right: 0.5% !important; margin-left: 0.5% !important; margin-right: 0.5% !important;}
	.mob-s-auto, .mob-w-auto { width: auto !important;}
	
  .mob-h-64 {height:64px !important;}.mob-h-100 {height:100px !important;}.mob-h-150 {height:150px !important;}.mob-h-250 {height:250px !important;}
  .mob-h-300 {height:300px !important;}.mob-h-350 {height:350px !important;}.mob-h-400 {height:400px !important;}.mob-h-450 {height:450px !important;}
  .mob-h-500 {height:500px !important;}.mob-h-550 {height:550px !important;}.mob-h-600 {height:600px !important;}.mob-h-650 {height:650px !important;}
  
  .wp-block-image.mob-h-350 img {height:350px !important;}.wp-block-image.mob-h-450 img {height:450px !important;}
  .wp-block-image.mob-h-550 img {height:550px !important;}
  
  .mob-img-64 .wp-block-media-text__media img { width:64px !important; height:auto !important; display:block !important; margin:25px auto !important; }
  .mob-img-128 .wp-block-media-text__media img { width:128px !important; height:auto !important; display:block !important; margin:25px auto !important; }
  .mob-img-256 .wp-block-media-text__media img { width:256px !important; height:auto !important; display:block !important; margin:25px auto !important; }
	.wp-block-media-text.mob-shift-img-right .wp-block-media-text__media { transform: translate(32px, 0%) !important; }
	.wp-block-media-text.mob-shift-img-left .wp-block-media-text__media { transform: translate(-32px, 0%) !important; }
	
	.privacy-policy-wrap { /*display:none !important;*/ width:calc(100% - 40px); left:5px; font-size:0.65em; }
	
	.view-wrapper, .img-preview, .view-desc { width: 100% !important; float: none !important; margin: 5px auto !important; overflow:hidden; }
	.img-preview-wrap, .img-preview a { /*height:380px !important; min-height: 320px; height: auto !important; min-height: auto !important; */ }

  side-content iframe, .wp-block-embed iframe { height:320px !important; }
  
	.w-item-box { width: 100%; margin: 0px 0px !important;}
	.w-item-box.w14,.w-item-box.w16,.w-item-box.w20,.w-item-box.w25,.w-item-box.w33 { width: 100% !important; height: 320px !important; margin: 0px 0px !important;}
	.w-item-image img { width: auto !important; height: 100% !important;}
	.w-item-image img.vertical { width:100% !important; height:auto !important;}
	
	.pub-item.s14, .pub-item.s16, .pub-item.s20, .pub-item.s25, .pub-item.s33 { width:48.7% !important; margin: 0.5% 0px !important; padding: 0% !important; }
	
	#header-logo { position: absolute; z-index: 95; display: block; left:48px; top: 0px;}
	#header-logo.mob-logo-right { left: auto; right: 0px !important; top: 0px;}
	
	#mod-modal { width:94vw; height:80vh; margin-left: -47vw; margin-top: -40vh;}
	#mod-modal.small_view { width:94vw; height:80vh; margin-left: -47vw; margin-top: -40vh;  }
	#mod-modal-content { display:block; width:90% !important;  }
	#modal-form { width:100%; }
	
	/*menu { width:100% !important; }*/
	/*Main menu*/
	menu ul { display: none; position: absolute; left: 0px; top: 36px; width: 100%; height: auto !important; margin: 0px 0px 0px 0px !important; padding: 0px !important; text-align: left; background: #222 !important;}
	
	/*First*/
	menu li, menu ul li ul li { clear: both !important; display: block !important; position: relative !important; width: 100% !important; margin: 0px !important; padding: 0px !important;}
	menu li a, menu ul li ul li a, header-back menu li a, header-back menu ul li ul li a, header-back menu ul li ul li ul li a {
		float: none !important; display: block !important; 
		width:auto !important; min-width: 150px; height: auto !important; min-height: 18px !important; padding: 18px 45px 18px 7% !important; border-top: 1px solid #111 !important; border-bottom:none !important; border-left:none !important; border-right:none !important;
		color: #FFF !important; text-align: left !important;
	}
	menu li a:hover, menu ul li ul li a:hover, header-back menu li a:hover, header-back menu ul li ul li a:hover, header-back menu ul li ul li ul li a:hover { color: #FFF !important; background-color:#333 !important; border-top: 1px solid #111 !important; border-bottom:none !important; border-left:none !important; border-right:none !important; }
	
	/*Second*/
	.mob-sub-icon { display: block;}
	menu ul li ul, menu ul li ul li ul, menu ul li ul li ul li ul { position: relative !important; top: 0px !important; left: 0px !important; width: 100% !important; height: auto !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border: none !important; background: #222 !important; box-shadow: none !important;}
	menu ul li ul li ul {background: #111 !important; /*width:95% !important; padding-left:5% !important;*/}
	menu ul li ul li ul li ul {background: #000 !important; /*width:90% !important; padding-left:10% !important;*/ }
	menu ul li:hover ul { display: none;}
  menu ul li a { background: #222 !important; }
	menu ul li ul li a { background: #111 !important; }
	menu ul li ul li ul li a, menu ul li ul li ul li ul li a { background: #000 !important;}
	
	/*SIDE MENU*/
	menu.side-menu {display: block; position: absolute; z-index: 95; left: 0px; top: 0px; width:48px; height: 64px; margin: 0px 0px;}
	menu.side-menu ul { position: fixed; z-index: 99999; left: -70.5%; top: 0px; width: 70.5%; height: 100% !important; overflow-x: hidden; overflow-y: auto;}
	.side-menu-close, menu.side-menu .side-menu-close { position: fixed; z-index: 99999; right: -30%; top: 0px; width: 30%; height: 100% !important; background-color: rgba(0,0,0,0.5) !important;}
	menu.side-menu li a { font-size: 1em !important; border-left:0px !important; border-right:0px !important;}
	
	/*white*/
	menu.side-menu.white ul, menu.side-menu.white ul li a { background: #FFF !important; color:#000 !important;  }
	menu.side-menu.white ul li a { border-top: 1px solid #CCC !important; }
	menu.side-menu.white ul:nth-child(1) li:first-child a { border-top: none !important; }
	menu.side-menu.white .side-menu-close { background-color: rgba(155,155,155,0.50) !important; }
	menu.side-menu.white .icon-24.bg-plus { background: rgba(0,0,0,0); }
	menu.side-menu.white .icon-24.bg-plus:before, menu.side-menu.white .icon-24.bg-plus:after { background: #707070;}
	
	/*Mob*/
	menu.side-menu .mob-menu {display: flex; position: absolute; top:9px; z-index: 96; cursor: pointer !important;}
	menu.side-menu .mob-menu.white { -webkit-filter: grayscale(1) invert(1); -moz-filter: grayscale(1) invert(1); -o-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); }
	
  /* FRONT SLIDER */
  .front-slider .dslider-wrap, #slider-preloader { height: 420px !important; }
  #slider-preloader.fsize-525, .front-slider .dslider-wrap.fsize-525 { height:325px !important; }
  #slider-preloader.fsize-768, .front-slider .dslider-wrap.fsize-768 { height:468px !important; }
  #slider-preloader.fsize-100vh, .front-slider .dslider-wrap.fsize-100vh { height:100vh !important; }
  #slider-preloader.fsize-100vh-2, .front-slider .dslider-wrap.fsize-100vh-2 { height:55vh !important; }
  
	/* FRONT SLIDER */
	.front-slider .slider-media-wrap img, .front-slider .slider-media-wrap video {width:auto !important; height:100% !important;}
	.front-slider .slider-media-wrap img.slider-media-mobile, .front-slider .slider-media-wrap video.slider-media-mobile { display:flex !important; }
	.front-slider .slider-media-wrap img.slider-media, .front-slider .slider-media-wrap video.slider-media { display:none !important; }
	
  /* SLIDER */
  .front-slider .slider-content-wrap .slider-content.left {left:32px; bottom:0px; width: 50%; height:100%;}
  .front-slider .slider-content-wrap .slider-content.right {left:auto; right:32px; bottom:0px; width: 50%; height:100%;}
  .slider-content-wrap .slider-content .slider-title { font-size:3vh; padding:0px 0px 18px 0px; }
  .slider-content-wrap .slider-content .slider-desc { font-size:1.6vh; padding:0px 0px 18px 0px;}
  .front-slider .navPrev, .front-slider .navNext { display:none !important; }
  
	/*.dslider*/
  .wpgl-wrap, .dslider-wrap.wpgl-wrap { width:calc(100% - 30px) !important; height:100vw !important; }
	.wpgl-wrap .navPrev, .wpgl-wrap .navNext { display:none !important; }
  
	/*page*/
  .comment-text { width: 100% !important; margin: 0px !important; height: auto !important; text-align: left !important;}
	.comment-autor { display:flex !important; width: 100% !important; padding-top: 15px; align-items: center; justify-content: center; }
	/*front*/
	.list-comments-wrap .commentlist-wrap {height:440px !important; }
  ul.dslider-comments li .comment-box, ul.commentlist li .comment-box, .modal-comment.comment-box { flex-direction: column; align-items: center; justify-content: flex-start;  }
	
	.w-item-box.w25 { height: 27vh !important;}
	.w-item-image img { width: auto; height: 100%;}

  /* Colums Post view / Pub item */
  .pub-item.col-1, .pub-item.v1.col-1, .pub-item.v2.col-1 { width:99%; margin:0.5% 0.5%; padding:0%; }
  .pub-item.col-2, .pub-item.v1.col-2, .pub-item.v2.col-2 { width:49%; margin:0.5% 0.5%; padding:0%; }
  .pub-item.col-3, .pub-item.v1.col-3, .pub-item.v2.col-3 { width:32.2%; margin:0.5% 0.5%; padding:0%; }
  .pub-item.col-4, .pub-item.v1.col-4, .pub-item.v2.col-4 { width:24%; margin:0.5% 0.5%; padding:0%; }
  .pub-item.col-5, .pub-item.v1.col-5, .pub-item.v2.col-5 { width:19%; margin:0.5% 0.5%; padding:0%; }
	
	#tpl-contacts { padding-bottom:25px; }
}

@media screen and (min-width:320px) and (max-width:640px) {
	.hide-3 { display: none !important;}
	
	h1, h2, h3, h4, .heading { line-height: 1em; margin: 30px auto 7px auto !important; }
  h1 { margin-top:5px !important; font-size:1.33em !important; }
	
	#footer-center { width: 98% !important;}
	#footer-center #footer-social-buttons { text-align: center !important;}
	content { padding:0px 0px 15px 0px !important; }
	content-back, content-box { width: 96% !important; padding:10px 2% !important;}
	side-content, side-content.full, side-bar { width:100% !important; margin: 5px 0% !important; padding: 0px !important;}
	
	.front-content-blocks  .tpl-block-content>.wp-block-columns:not(.main-slider) { padding-left: 2.5%; padding-right: 2.5%; }
	
	
	content-back.full_width, side-content.full_width { width:100% !important; padding:0px !important; margin:0px !important; }
	
  content-box-media { height:280px !important; margin-bottom:0px !important; }
  
	#searchform input[type=text]#s { width: 94% !important; padding: 10px 2.5% !important;}
	
	content table, content table[width] { margin: 2px auto !important; width:100% !important; max-width: 100%; overflow-x: scroll !important;}
	content table tr { width: 100% !important;}
	content #preview-params table { overflow: auto !important;}
	
	content-column-wrap { justify-content:center !important; }
	content-column-left, content-column-center, content-column-right {  width: 97.5% !important; margin: 5px 0.9% !important; padding:15px 0px !important; }

	content-column-wrap.modal-preview { position: relative; height:auto; overflow:auto; }
	content-column-wrap.modal-preview content-column-left .img-modal-preview { height:auto !important; }
	content-column-wrap.modal-preview content-column-left .img-modal-preview img, 
	content-column-wrap.modal-preview content-column-left .img-modal-preview video,
	content-column-wrap.modal-preview content-column-left .img-modal-preview iframe { height:auto !important; width: 100% !important; margin: 0px auto !important; object-fit:contain;     border-radius: 5px;}
	content-column-wrap.modal-preview content-column-right {position: relative; height:auto; overflow-y:auto; overflow-x: hidden; }
	content-column-wrap.modal-preview content-column-right .modal_scroll_btn {display:none;}
	content-column-wrap.modal-preview content-column-right.hide_arrow .modal_scroll_btn { display:none; }
	
  .item-tabs-btn, .item-tabs-btn a { display:block !important; max-width: 100% !important; width: 100% !important; padding-left:0px !important; padding-right: 0px !important; }
  
	/*.view-vendorcode, .view-countitemby { display: flex; flex-direction: column !important; align-items:center !important; }*/
	.view-item-hit { display: flex; align-items: center !important; justify-content: center !important; position:relative !important; right: auto !important; width:96% !important; margin: 5px 0px !important; padding: 10px 2% !important; font-size:0.85em !important; text-align: center !important;   }
	.view-button-order-wrap { flex-direction: column !important; flex-wrap: wrap; }
	.view-button-order-1, .view-button-order-2 { display: flex; width:100%; max-width: 100%; padding: 10px 0px !important; margin: 5px 0px !important; }
	
	/* SLIDER */
	
	/* V0 */
	.pub-item { width:99%;}
	.pub-item .pub-item-img { width: 100%; height:250px;}
	.pub-item .pub-item-wrapper { padding:5% 5% !important; }
	.pub-item .more { top:200px; }
	
	/* V1 */
	.pub-item.v1 { height:auto !important; }
	.pub-item.v1 .pub-item-img { width:30% !important;}
	.pub-item.v1 .pub-item-wrapper { width:65% !important; padding:5% 2.5% 36px 2.5% !important; }
	.pub-item.v1 .pub-item-price-wrapper { width:65% !important; left:33% !important; }
	.pub-item.v1 h4 { font-size:0.85em !important; }
	.pub-item.v1 .pub-item-content { font-size: 0.85em !important; }
	.pub-item.v1 .more { display:none !important; }

  /* V2 */
  .pub-item.v2, .pub-item.v2 .pub-item-img { height:auto !important; min-height:100px !important; }
  
	/* Colums Post view / Pub item */
  .pub-item.col-1, .pub-item.v1.col-1, .pub-item.v2.col-1 { width:99%; margin:0.5% 0.5%; padding:0%; }
  .pub-item.col-2, .pub-item.v1.col-2, .pub-item.v2.col-2 { width:49%; margin:0.5% 0.5%; padding:0%; }
  .pub-item.col-3, .pub-item.v1.col-3, .pub-item.v2.col-3 { width:32.2%; margin:0.5% 0.5%; padding:0%; }
  .pub-item.col-4, .pub-item.v1.col-4, .pub-item.v2.col-4 { width:24%; margin:0.5% 0.5%; padding:0%; }
  .pub-item.col-5, .pub-item.v1.col-5, .pub-item.v2.col-5 { width:19%; margin:0.5% 0.5%; padding:0%; }
  
  /*Restyle pubs*/
  /*V0*/
  .pub-item.col-1, .pub-item.col-2, .pub-item.col-3, .pub-item.col-4, .pub-item.col-5 { width: 99% !important; height:auto !important; }
  /*V1*/
  .pub-item.v1.col-1, .pub-item.v1.col-2, .pub-item.v1.col-3, .pub-item.v1.col-4, .pub-item.v1.col-5 { width: 99% !important; height:auto !important; }
  /*v2*/
  .pub-item.v2.col-3, .pub-item.v2.col-4, .pub-item.v2.col-5 { width:32.2% !important; height:auto !important; }
  
	.gallery .gallery-item, .wp-block-gallery .blocks-gallery-item { display: inline-block !important; vertical-align: top !important; width: 48% !important; margin: 1% !important;}
  .wp-block-gallery figcaption { display:none !important; }
  
	.s75, .s66, .s50, .s33, .s25, .s20, .s16 { width: 95% !important; clear: both; float: none !important; margin-left: auto !important; margin-right: auto !important;}
	.mob-s33 { width: 30% !important;}
	.mob-s50 { width: 48% !important; margin: 5px 0.5% !important; padding-left: 0.5% !important; padding-right: 0.5% !important;}
	.mob-s100 { width: 98% !important; margin: 5px 0.5% !important; padding-left: 0.5% !important; padding-right: 0.5% !important;}
	
  .params-box .params-box-item { width:97.8% !important; height:auto !important; margin-top:15px !important; }
	
	.w-item-box.w14,.w-item-box.w16,.w-item-box.w20,.w-item-box.w25,.w-item-box.w33,.w-item-box.w50 { width: 100% !important; height: 320px !important;}
	.pub-item.s14, .pub-item.s16, .pub-item.s20, .pub-item.s25, .pub-item.s33, .pub-item.s50 { width:98.8% !important; margin: 0.5% 0px !important; padding:0% !important; }
	
  /* FLEX списки и сетки */
  .flex-list-wrap { justify-content:center !important; }
	.flex-list-wrap .flex-list-item,
	.flex-list-wrap.col-2 .flex-list-item, 
	.flex-list-wrap.col-3 .flex-list-item, 
	.flex-list-wrap.col-4 .flex-list-item 
	{ width: 47.5% !important; margin: 5px 0.9% !important; }
	.flex-list-wrap.col-5 .flex-list-item, 
	.flex-list-wrap.col-6 .flex-list-item, 
	.flex-list-wrap.col-7 .flex-list-item 
	{ width: 47.5% !important; margin: 5px 0.9% !important; }
	.flex-list-wrap.mob-s100 .flex-list-item 
	{ width: 97.5% !important; margin: 5px 0.9% !important;}
  
  /*Dform correct style*/
  .dform-forms.col-2 .dform-forms-fields-wrap, .dform-forms.col-3 .dform-forms-fields-wrap, .dform-forms.col-4 .dform-forms-fields-wrap {
    display: block !important; flex-wrap: nowrap;
  }
  .dform-forms.col-2 .dform-field, .dform-forms.col-3 .dform-field, .dform-forms.col-4 .dform-field {
    position: relative; display:block; width:99% !important; height: auto; margin: 0.1% auto; padding: 0%;
  }
  
	/* Колонки */
	.wp-block-column { clear: both !important; width:96% !important; /*padding: 0px 2% !important;*/ margin: 0px !important; }
  
  .wp-block-columns.mob-col-2 {
    /*flex-grow:0 !important;*/  gap:0 !important;
  }
	.wp-block-columns.mob-col-2 .wp-block-column, .wp-block-columns.mob-col-2:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis:auto !important; font-size:0.85em !important;
		clear: none !important; width:40% !important; padding: 2% 2% !important; margin: 2% !important;
    
	}
  .wp-block-columns.mob-col-row .wp-block-column {
		flex-basis:0 !important; font-size:0.85em !important;
		clear: none !important; width:auto !important; padding: 0px 2% !important; margin: 0px !important;
	}
  /* .wp-block-columns.mob-col-row .wp-block-column .wp-block-image img { width:100% !important; max-width:100% !important; height: auto !important;} */
	
	/* Блок медиа-текст */
	.wp-block-media-text { display:block !important; }
	.wp-block-media-text .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content {
		display: block !important; clear: both !important; width:96% !important; padding: 0px 2% !important; margin: 0px !important;
	}
	
	/* SPLIDE ITEMS */	
	.img-preview-wrap.thumbs {display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
	.img-preview-wrap.thumbs .slider-post-preview { width:100% !important; height:560px !important; }
	.slider-preview-thumbs {
		position: relative; bottom:0px; left:0px;
		display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start;
		width:100% !important; height:44px !important; margin-top: 2px !important;
		background: #FFF;
	}
	.slider-preview-thumbs li { width:42px; height:42px; border:1px solid #FFF; border-radius: 5px; } 
	
	/* DSLIDER */
	.img-preview-wrap.thumbs {display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
	.img-preview-wrap.thumbs .dslider-wrap.dslider-wrap-previews { width:100% !important; height:560px !important; }
	.dslider-thumbs.dslider-thumbs-previews {
		position: relative; bottom:0px; left:0px;
		display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start;
		width:100% !important; height:44px !important; margin-top: 2px !important;
		background: #FFF;
	}
	.dslider-thumbs.dslider-thumbs-previews span { width:42px; height:42px; border:1px solid #FFF; border-radius: 5px; } 
	.dslider-wrap .navPrev:before, .dslider-wrap .navPrev:after, .dslider-wrap .navNext:before, .dslider-wrap .navNext:after {
		display: none;
	}
	
	/* MANY ITEMS PARTS */
	#items-parts-content-wrapper {}
	.items-parts-element-params { width: 100%;}
	.items-parts-element-list { width: 100%;}
	.items-parts-element { width: 44%; padding: 1%; margin: 1%;}
	.items-parts-element.active {}
	.items-parts-image-left, .items-parts-image-right { width: 50%; height: auto; overflow: hidden;}
	.items-parts-order-item {}
  
	/*DUSERS CART*/
	.ucart-item-params { width: 100%; }
	/*.ucart-item-preview { display:flex; width:64px; height:64px; }*/
	.ucart-item-counter-wrap { width:40%; }
	.ucart-item-count { width: 20%;  }
	.ucart-item-price { width: 80%;  }
	.ucart-item-delete  { width: 20%; }
	
	/*MODAL*/
	#mod-modal iframe { height:320px !important; }
	
}

@media screen and (min-width:320px) and (max-width:480px) {
	.hide-4 { display: none !important;}
	
	.mod-show { display: block !important;}
	.mod-show.inline { display: inline-block !important;}
	.mob-w50-25 { width: 22.7% !important; padding-left: 0.5% !important; padding-right: 0.5% !important; margin-left: 0.5% !important; margin-right: 0.5% !important;}
	.mob-w50-75 { width: 72.7% !important; padding-left: 0.5% !important; padding-right: 0.5% !important; margin-left: 0.5% !important; margin-right: 0.5% !important;}
	
	/*ПРЕВЬЮ*/
	.img-preview { max-height:640px !important; margin: 1% auto !important; padding: 0px !important;}
	/*.img-preview img, .img-preview video { width: auto !important; height: 100% !important; } .img-preview iframe { min-height:480px; }*/

}