/* Fonts load first */



















/* Default & normalize setter */
a{
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
article,aside,footer,header,nav,section,figcaption,figure,blockquote,main,details,menu,picture,video{
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
template,[hidden]{
	display: none;
}
audio,video,canvas{
	display: inline-block;
}
audio:not([controls]){
	display: none;
	height: 0;
}
svg:not(:root){
	overflow: hidden;
}
button,input,optgroup,select,textarea{
	margin: 0;
}
button,input{
	overflow: visible;
}
button,select{
	text-transform: none;
}
button,html[type="button"],[type="reset"],[type="submit"]{
	-webkit-appearance: button;
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
	border-style: none;
	padding: 0;
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
	outline: 1px dotted ButtonText;
}
fieldset{
	padding: 0.35em 0.75em 0.625em;
}
legend{
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
textarea{
	overflow: auto;
}
[type="checkbox"],[type="radio"]{
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
	height: auto;
}
[type="search"]{
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
::-webkit-file-upload-button{
	-webkit-appearance: button;
	font: inherit;
}


/* Normalize - Comerto specific 1  */
body,html,div,img,svg,figure,form,iframe{
	padding: 0px;
	border: 0px;
	margin: 0px;
	box-sizing: border-box;
	border-style: none;
}
ul,ol,li,a,span{
	box-sizing: border-box;
}
div{
	position: relative;
	max-height: 9999999px;
}
main,footer,header,section{
	width: 100%;
}

/* Normalize - Comerto specific 2 */
body{
	min-height: 101vh;
}
.form,.form_submit,div{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	box-sizing: border-box;
}
img, picture {
	max-width: 100%;
	height: auto;
	display: block;
}
iframe {
	max-width: 100%;
}
a,.form_submit{
	cursor: pointer;
}

.fimg, .fimg_wrp, .fimg_pic {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
}

.fimg_wrp, .fimg_pic {
  width: 100%;
  height: 100%;
}


:root {
	--font-basic: 'Inter', sans-serif;
	--font-fancy: 'Lexend', sans-serif;
	--font-fancy-italic: 'Afacad', sans-serif;

	--yellow-light: #FFFBB2;
	--transition: ease-in-out .3s;
	--gray-border: #CFCFCF;
	--gray-bg: #F5F5F5;
	--box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.08);

	--container-width: 1224px;

	--blue-hex: #005EAD;
	--blue-rgb: 0, 94, 173;
	--blue-rgbf: rgb(0, 94, 173);
	--blue-hslwl: 207, 100%;
	--blue-hsl: 207, 100%, 34%;
	--blue-hslf: hsl(207, 100%, 34%);

	--orange-hex: #F45600;
	--orange-rgb: 244, 86, 0;
	--orange-rgbf: rgb(244, 86, 0);
	--orange-hslwl: 21, 100%;
	--orange-hsl: 21, 100%, 48%;
	--orange-hslf: hsl(21, 100%, 48%);

	--yellow-hex: #FFF100;
	--yellow-rgb: 255, 241, 0;
	--yellow-rgbf: rgb(255, 241, 0);
	--yellow-hslwl: 57, 100%;
	--yellow-hsl: 57, 100%, 50%;
	--yellow-hslf: hsl(57, 100%, 50%);

	--green-hex: #0BB440;
	--green-rgb: 11, 180, 64;
	--green-rgbf: rgb(11, 180, 64);
	--green-hslwl: 139, 88%;
	--green-hsl: 139, 88%, 37%;
	--green-hslf: hsl(139, 88%, 37%);

	--gold-hex: #D8B838;
	--gold-rgb: 216, 184, 56;
	--gold-rgbf: rgb(216, 184, 56);
	--gold-hslwl: 48, 67%;
	--gold-hsl: 48, 67%, 53%;
	--gold-hslf: hsl(48, 67%, 53%);
}










/* Page */
html{
	scroll-behavior: smooth;
	scroll-padding-top: var(--padding-main-top);

	scroll-padding-top: 120px;
}



/* FIGIMAGE & LZLoad */

.lzl{
	background-color: silver;
	font-size: 0.6rem;
	text-align: center;
	opacity: 0.6;
	overflow: hidden;
	transition: opacity 1s ease;
}

.lzl .fimg_img:not([src]),
img.lzl:not([src]){
	opacity: 0;
}


html, body{
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}

html {
	font-size: 16px;
}

body {
	font-family: var(--font-basic);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
}

.container,
.articles_art_text {
	--padding-inline: 20px;
	--compressed-max-width: 808px;
	--content-max-width: 1224px;
	--breakout-max-width: 1640px;

	--breakout-size: calc(
	(var(--breakout-max-width) - var(--content-max-width)) / 2
	);
	--content-size: calc(
		(var(--content-max-width) - var(--compressed-max-width)) / 2
	);

	display: grid;
	grid-template-columns: [full-width-start] minmax(var(--padding-inline), 1fr)
	[breakout-start] minmax(0, var(--breakout-size))
	[content-start] var(--content-size)
	[compressed-start] min(100% - (var(--padding-inline) * 2), var(--compressed-max-width))
	[compressed-end]
	var(--content-size) [content-end]
	minmax(0, var(--breakout-size)) [breakout-end]
	minmax(var(--padding-inline), 1fr) [full-width-end];
}

.container > :not(.breakout, .full-width, .compressed),
.full-width > :not(.breakout, .full-width, .compressed),
.articles_art_text > :not(.breakout, .full-width, .compressed) {
	grid-column: content;
}

.container > .compressed,
.articles_art_text > .compressed {
	grid-column: compressed;
}

.compressed-text-cont .text-wrap > p,
.compressed-text-cont .text-wrap > h1,
.compressed-text-cont .text-wrap > h2,
.compressed-text-cont .text-wrap > h3,
.compressed-text-cont .text-wrap > h4,
.compressed-text-cont .text-wrap > h5,
.compressed-text-cont .text-wrap > ul,
.compressed-text-cont .text-wrap > ol {
	grid-column: compressed;
}

.compressed-text-cont .text-wrap > p:has(> img) {
	grid-column: content;
}

.compressed-text-cont.have_imgs_fs .container > h2 {
	grid-column: content;
}

.compressed-text-cont .articles_art_text > p,
.compressed-text-cont .articles_art_text > h1,
.compressed-text-cont .articles_art_text > h2,
.compressed-text-cont .articles_art_text > h3,
.compressed-text-cont .articles_art_text > h4,
.compressed-text-cont .articles_art_text > h5,
.compressed-text-cont .articles_art_text > ul,
.compressed-text-cont .articles_art_text > ol {
	grid-column: compressed;
}

.container > .breakout,
.articles_art_text > .brakout,
.container > .type_fw,
.container > .text-wrap > .breakout {
	grid-column: breakout;
}

.articles_art_text > .articles_art_thumb,
.articles_art_text > .gallery_container,
.articles_art_text > table,
.text-wrap > table {
	grid-column: content;
}

.container > .full-width,
.articles_art_text > .full-width {
	grid-column: full-width;

	display: grid;
	grid-template-columns: inherit;
}

.container > .hp-main-text,
.container > .text-wrap {
	grid-column: full-width;

	display: grid;
	grid-template-columns: inherit;
}


.col-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.col-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.col-4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container > .text-wrap > #ic-calc {
	grid-column: full-width;
	margin: 0 -20px;
  width: calc(100% + 40px);
}

h1, h2, h3, h4, h5 {
	margin-top: 1em;
	margin-bottom: .5em;
	font-family: var(--font-fancy);
	font-weight: 600;
	line-height: 1.15;
}

h1 {
	font-size: 3rem;
}

h2 {
	font-size: 2.5rem; 
}

h3 {
	font-size: 2rem;
}

h4 {
	font-size: 1.6rem;
}

h5 {
	font-size: 1.3rem;
}

.compressed-text-cont h1,
.compressed-text-cont h2 {
	font-size: 2rem;
}

.compressed-text-cont h1.header-section,
.compressed-text-cont h2.header-section {
	font-size: 3rem;
}

.compressed-text-cont h3 {
	font-size: 1.6rem;
}

.compressed-text-cont h4 {
	font-size: 1.4rem;
}

.compressed-text-cont .header-section .upper-head {
	font-size: 1.3rem;
	display: inline-block;
	background-color: var(--yellow-hex);
	color: #000;
	font-weight: 600;
	padding: 10px 20px;
	position: relative;
	margin-bottom: 10px;
}

.compressed-text-cont .header-section .upper-head::after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 10px 0 10px;
  border-color: var(--yellow-hex) transparent transparent transparent;
  transform: rotate(0deg);
  content: " ";
  position: absolute;
  top: 100%;
  left: 20px;
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
	margin-top: 0;
}

a {
	color: var(--green-hex);
}

a:hover {
	text-decoration: none;
}

.btn {
	font-family: var(--font-fancy);
	font-weight: 600;
	color: #fff;
	background-color: var(--green-hex);
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	transition: var(--transition);
	display: flex;
	padding: 15px 30px;
	line-height: 1;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
	border-radius: 24px;
	width: fit-content;
	cursor: pointer;
  border: 0px solid transparent;
}

.btn:hover {
	background-color: hsl(var(--green-hslwl), 32%);
}

.btn.yellow {
	color: #000 !important;
	background-color: var(--yellow-hex);
}

.btn.yellow:hover {
	color: #000;
	background-color: hsl(var(--yellow-hslwl), 43%);
}

.btn.clean {
	color: var(--green-hex);
	background-color: rgba(0,0,0,0);
	border: 2px solid var(--green-hex);
}

.btn.clean:hover {
	color: #fff;
	background-color: var(--green-hex);
}

.btn.blue {
	color: var(--blue-hex);
	background-color: rgba(0,0,0,0);
	border: 2px solid var(--blue-hex);
}

.btn.blue:hover {
	color: #fff;
	background-color: var(--blue-hex);
  fill: #fff;
}

.container .text-wrap .btn {
	display: inline-block;
}

.def-section {
	padding: 80px 20px;
}


.def-section.have_h3 {
	padding: 60px 20px;
}

.def-section:not(.gray-bg) + .def-section:not(.gray-bg),
.def-section.gray-bg:not(.green) + .def-section.gray-bg:not(.green) {
	padding-top: 0;
}

.gray-bg {
	background-color: var(--gray-bg);
}

.gray-bg.green {
	background-color: var(--green-hex);
}

#small_menu {
	display: none;
}

.ani-counter {
	display: inline-block;
	text-align: right;
}

header {
	border-bottom: 1px solid var(--gray-border);
	position: relative;
	z-index: 999;
}

.header-top {
	border-bottom: 1px solid var(--gray-border);
	padding: 20px;
}

.h-inner-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 48px;
}

.header-cta-wrap {
	display: flex;
	align-items: center;
	gap: 35px;
}

.open-form {
	cursor: pointer;
}

#menu, .submenu {
	padding: 0;
	margin: 0;
	display: flex;
	list-style-type: none;
	align-items: center;
	gap: 20px;
}

#menu a, .submenu a {
	color: #000;
	text-decoration: none;
	transition: var(--transition);
  font-weight: 600;
  letter-spacing: 0.025em;
}

#menu a:hover, .submenu a:hover {
	color: var(--green-hex);
}

.calc-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: var(--yellow-hex);
	border-radius: 24px;
	padding: 12px 30px;
	line-height: 1;
	color: #000;
	text-decoration: none;
	font-weight: 600;
	font-family: var(--font-fancy);
}

header .h-phone {
	color: var(--green-hex);
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	text-decoration: none;
}

.search-top-wrap {
	width: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	height: 100%;
	left: 200px;
	transition: width var(--transition);
	z-index: 9;
}

.search-top-wrap.visible {
	width: 350px;
}

.search-btn {
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
}

.search-btn img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: var(--transition);
}

.search-btn img.close {
	opacity: 0;
}

.search-btn img.magnifier {
	opacity: 1;
}

.search-btn.open img.magnifier {
	opacity: 0;
}

.search-btn.open img.close {
	opacity: 1;
}

.search_container form {
	display: flex;
	gap: 0;
	align-items: center;
}

.search_container form input {
	border: 1px solid var(--gray-border);
	border-right: none;
	border-radius: 0;
	box-sizing: border-box;
	height: 48px;
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
}

.search_container form input:focus {
	outline: none;
	border-color: #000;
}

.search_container form .form_submit {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
	border: none;
}

.search_results_tag.group {
	font-size: .85rem;
	margin-top: 10px;
	color: #666;
}

#header_product_menu {
	display: flex;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header_product_menu li {
	flex: 1 1 auto;
	text-align: center;
	border-right: 1px solid var(--gray-border);
}

#header_product_menu li ul.sub_1 {
	display: none;
}

#header_product_menu li:last-child {
	border-right: none;
}

#header_product_menu li a {
	display: flex;
	height: 64px;
	width: 100%;
	justify-content: center;
	align-items: center;
	font-family: var(--font-fancy);
	font-weight: 600;
	line-height: 1.2;
	font-size: 1.1rem;
  letter-spacing: 0.015em;
	color: #000;
	text-decoration: none;
}

#header_product_menu .sub_0_a,
#header_product_menu .sub_0_li {
	position: relative;
}

#header_product_menu .sub_0_a::after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: var(--green-hex);
	transition: var(--transition);
	content: " ";
}

#header_product_menu .sub_0_li#header_product_menu_143_li::after {
	position: absolute;
	right: 3px;
	top: 2px;
	width: 32px;
	height: 22px;
	content: " ";
	background-image: url('/gfx/img/ai-badge.png');
	background-size: cover;
}

#header_product_menu .sub_0_a:hover::after,
#header_product_menu .active .sub_0_a::after,
#header_product_menu .parent .sub_0_a::after {
	width: 100%;
}

#header_product_menu .sub_0_a .img_main {
	width: 35px;
	height: 25px;
	margin-right: 7px;
}

#header_product_menu .sub_0_a#header_product_menu_278_a .img_main {
	width: 35px;
	height: 30px;
}

#header_product_menu .sub_0_a .img_main img {
	width: 100%;
  height: auto;
  object-fit: contain;
}

#header_product_menu .sub_0_a .img_main .lzl {
	background-color: rgba(0, 0, 0, 0);
}





/* Header Menu */
#submenu-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: block;
  overflow: none;
  box-shadow: 0px 15px 30px rgba(23,46,84,0.1);
  pointer-events: none;
  opacity: 0;
}

#submenu-wrap.initialized {
  display: none;
  opacity: 1;
  pointer-events: auto;
}

#submenu-wrap .inner-wrap {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #fff;
  position: relative;
}

#submenu-wrap .map-side {
  background-color: var(--gray-bg);
  position: relative;
  min-height: 370px;
  padding: 20px 40px;

	padding: 0;
}

#submenu-wrap .map-link {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	border-radius: 0;
	overflow: hidden;
}

#submenu-wrap .map-link::after {
	position: absolute;
	left: -2px;
	top: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	content: " ";
	box-shadow: inset 0px 0px 18px 20px rgba(245,245,245,1);
	border-radius: 50px;
	overflow: hidden;
	display: none;
}

#submenu-wrap .map-side img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  transition: var(--transition);
	object-fit: cover;
  /*filter: grayscale(.5);*/
}

#submenu-wrap .text-wrap {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  gap: 15px;
}

#submenu-wrap .text-wrap .shop-text {
  font-size: 1.3rem;
  font-family: var(--font-fancy);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #000;
	text-shadow:
     3px  3px 0 #fff,
    -1px -1px 0 #fff,
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff
}

.map-link:hover .btn {
  background-color: hsl(var(--green-hslwl),32%);
}

#submenu-wrap .map-side .map-link:hover img {
  filter: grayscale(0);
}

#submenu-wrap .sub_1 {
  display: flex;
	flex-direction: column;
  row-gap: 15px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 40px;
  top: 50px;
  width: calc(100% - 80px);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity var(--transition);
	list-style-type: none;
}

#submenu-wrap .sub_1 a {
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #000;
	transition: var(--transition);
  line-height: 1.2;
  font-size: 1.2rem;
  text-wrap: balance;
	font-weight: 600;
}

#submenu-wrap .sub_1 a:hover {
	color: var(--green-hex);
}

@media(max-width:1400px) {
  #submenu-wrap .sub_1 {
    left: 20px;
    width: calc(100% - 40px);
  }

  #submenu-wrap .btn {
    text-align: center;
    font-size: 1rem;
  }
}

@media(max-width:1200px) {
  #submenu-wrap .sub_1 {
    grid-template-columns: 1fr;
  }

  #submenu-wrap .btn {
    font-size: .9rem;
    padding: 5px;
  }
}

@media(max-width: 1200px) {
	.phone-wrap .phone-hours {
		display: none;
	}

	.header-top-right-wrap {
		flex: 0 0 245px;
	}
}

#submenu-wrap .sub_1.show {
  z-index: 5;
  pointer-events: auto;
  opacity: 1;
}

#submenu-wrap .sub_1 li a figure {
  flex: 0 0 80px;
	height: 80px;

	padding: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#submenu-wrap .sub_1 li a figure .fimg_wrp {
	overflow: hidden;
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

#submenu-wrap .sub_1 li a figure .fimg_wrp picture {
	width: 100%;
	height: 100%;
}

#submenu-wrap .sub_1 li a figure .fimg_wrp picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#submenu-wrap .sub_1 li a figure::before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url('/gfx/svg/circle-half-small-gray.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0 0;
}

#submenu-wrap .sub_1 li a figure::after {
	position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url('/gfx/svg/circle-half-small-green.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0 0;
  opacity: 0;
  transition: var(--transition);
}

#submenu-wrap .sub_1 li a:hover figure::after {
  opacity: 1;
}





.top-hp-cont {
	position: relative;
	padding: 0 20px;
}

.top-hp-bg-wrap {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.top-hp-bg-wrap .gallery_item {
	width: 100%;
	height: 100%;
}

.hp-promo-box-img {
	flex: 0 0 calc(50% - 170px);
	background-color: var(--green-hex);
	position: relative;
	overflow: hidden;
}

.hp-promo-box-img .promo-img {
	position: absolute;
	left: 345px;
	top: 70%;
	transform: translatey(-50%);
	height: auto;
	width: auto;
	mix-blend-mode: none;
	filter: brightness(1);
	min-width: 450px;
}

.promo-box.viessmann .promo-body h3 {
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 700;
}

.promo-box.viessmann .promo-body h3 .big {
	font-size: 1.7em;
}

.promo-box.viessmann .promo-body h4 {
	font-size: 1.1rem;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 700;
}

.promo-box.viessmann .promo-body h4 .big {
	font-size: 1.7em;
}

.promo-box.viessmann .promo-body p {
	font-size: 1.1rem;
}

.promo-box.viessmann .promo-body p .big {
	font-weight: 700;
	font-size: 1.3em;
}

.promo-box.viessmann .promo-body ul {
	list-style-type: none;
	padding: 0;
}

.promo-box.viessmann .promo-body ul li {
	padding-left: 30px;
	background-image: url('/gfx/img/fajfka.png');
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-size: 20px auto;
	margin-bottom: 10px;
	font-size: 1.1rem;
	max-width: 250px;
}

.hp-promo-box-img .promo-img.viessmann {
	top: auto;
	bottom: 0;
	height: calc(100% - 80px);
	width: auto;
	aspect-ratio: 15 / 13;
	transform: translateY(0);
	left: 280px;
}

.hp-promo-box-img .promo-img.viessmann img {
	max-width: unset;
}

@media (min-width: 1600px) {
	.hp-promo-box-img .promo-img {
		top: 50%;
	}
}

.hp-promo-box-img .promo-img .fimg_wrp,
.hp-promo-box-img .promo-img .fimg_pic {
	width: 100%;
	height: 100%;
}

.hp-promo-box-img .promo-img img {
	max-width: 100%;
}

.promo-img-mobile {
  display: none;
}

.main-cell-img,
.homepage-top {
	flex: 1 1 auto;
	overflow: hidden;
	position: relative;
}

.main-cell-img::after,
.homepage-top::after {
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(135deg,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0) 100%);
	width: 100%;
	height: 100%;
	content: " ";
}

.main-cell-img .fimg_wrp,
.main-cell-img .fimg_pic,
.main-cell-img .gallery_item,
.homepage-top .gallery_img,
.homepage-top .gallery_img picture {
	height: 100%;
	width: 100%;
}

.main-cell-img img,
.homepage-top .gallery_img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.inner-top-hp {
	height: 700px;
	display: flex;
	padding: 80px 0;
}

.inner-top-hp .main-cell-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #fff;
	flex: 1 1 auto;
}

.inner-top-hp h2 {
	margin-top: 0;
	max-width: 90%;
	font-size: 3rem;
}

.inner-top-hp h2 .green {
	color: var(--green-hex);
}

.fake-cursor {
	height: .85em;
	width: 4px;
	background-color: #fff;
	display: inline-block;
	animation-name: cursor-pulse;
  animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	margin-left: 10px;
}

@keyframes cursor-pulse {
  0% {opacity: 1}
	33% {opacity: 0;}
  66% {opacity: 1;}
	100% {opacity: 1}
}

.cell-text-bottom .counters-wrap {
	margin-bottom: 70px;
}

.counters-wrap {
	display: flex;
	align-items: center;
	gap: 40px;
}

.counters-wrap .counter-item {
	display: flex;
	gap: 10px;
}

.counters-wrap .counter-item .number {
	font-family: var(--font-fancy);
	font-weight: 600;
	line-height: 1;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('/gfx/svg/bubble-short.svg');
	background-size: 100% 100%;
	font-size: 1.3rem;
	padding-right: 25px;
	color: inherit;
	text-decoration: none;
	transition: var(--transition);
}

.counters-wrap .counter-item.customers .number {
	background-image: url('/gfx/svg/bubble-long.svg');
}

.counters-wrap .counter-item .number:hover {
	color: var(--green-hex);
}

.counters-wrap .counter-item.customers {
	position: relative;
}

.counters-wrap .counter-item.customers::after {
	top: calc(100% + 15px);
	width: 107px;
	height: 16px;
	content: " ";
	position: absolute;
	left: 0;
	background-image: url('/gfx/svg/stars-yellow.svg');
	background-size: 100% 100%;
}

.inner-top-hp .promo-box {
	flex: 0 0 calc(40% - 80px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #fff;
	padding: 0 20px;
	padding-left: 50px;
	position: relative;
}

@media (min-width: 1600px) {
	.inner-top-hp .promo-box {
		padding: 0 45px;
		padding-left: 10px;
	}
}

.promo-box .promo-head,
.promo-box-inner .promo-head {
	background-color: var(--yellow-hex);
	color: #000;
	width: fit-content;
	font-size: 1.3rem;
	font-weight: 600;
	font-family: var(--font-fancy);
	line-height: 1;
	padding: 15px;
	position: relative;
}

.promo-box .promo-head::after,
.promo-box-inner .promo-head::after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 18px 20px 0 20px;
	border-color: var(--yellow-hex) transparent transparent transparent;
	transform: rotate(0deg);
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translatex(-50%);
}

.promo-box .promo-body h3 {
	font-size: 2.2rem;
}

.promo-box .promo-body h4 {
	color: #2b2a29;
	color: var(--yellow-hex);
	font-size: 2rem;
	margin-top: 1em;
	margin-bottom: 0;
	font-weight: 700;
}

.promo-box .promo-body h4 .big {
	display: block;
	font-size: 2em;
}

.promo-box .promo-body {
	margin-bottom: 20px;
}

.boxes-wrap {
	grid-template-columns: 1fr 1fr 2fr;
	display: grid;
	gap: 15px;
}

.boxes-wrap .box {
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	aspect-ratio: 1 / 1;
	background-image: url('/gfx/svg/chevron-right-black.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 25px) calc(100% - 30px);
	border-radius: 5px;
	border-width: 1px;
	border-color: var(--green-hex);
	border-style: solid;
	border-bottom-width: 6px;
	font-family: var(--font-fancy);
	line-height: 1.3;
	font-weight: 600;
	font-size: 1.3rem;
	overflow: hidden;
	transition: var(--transition) color;
}

.boxes-wrap .box-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.boxes-wrap .box.blue {
	border-color: var(--blue-hex);
}

.boxes-wrap .box.blue:hover {
	color: var(--blue-hex);
}

.boxes-wrap .box.orange {
	border-color: var(--orange-hex);
}

.boxes-wrap .box.orange.article {
	padding: 0;
}

.box.orange.article .articles_small_container {
	display: flex;
	height: 100%;
	width: 100%;
}

.box.orange.article .articles_link.articles_small_link {
	display: none;
}

.box.orange.article .articles_small_item {
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	border: none;
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.box.orange.article img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.box.orange.article .articles_small_thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 120px);
	margin: 0;
}

.box.orange.article .articles_small_title h3 {
	padding: 40px 45px 25px 25px;
	margin: 0;
	font-size: 1.1rem;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.737114914325105) 10%, rgba(255,255,255,1) 40%);
}

.box.orange.article .articles_small_title h3 a::after {
	background-image: url('/gfx/svg/chevron-right-black.svg');
	position: absolute;
	right: 25px;
	bottom: 25px;
	width: 12px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	content: " ";
}

.box.orange.article .articles_small_title h3 a:hover {
	color: var(--orange-hex);
}

.boxes-wrap .box.orange:hover {
	color: var(--orange-hex);
}

.boxes-wrap .box.big {
	aspect-ratio: unset;
	flex-direction: row;
	padding-left: calc(35% + 30px);
	background-image: none;
}

.boxes-wrap .box.big .img-wrap {
	position: absolute;
	height: calc(100% + 5px);
	left: 0;
	top: 0;
	width: 35%;
}

.boxes-wrap .box.big .img-wrap img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.boxes-wrap .box.big strong {
	color: var(--green-hex);
	font-weight: 600;
}

.box-btns-wrap {
	display: flex;
	padding-left: 35%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: .9rem;
	border-top: 1px solid var(--gray-border);
}

.box-btns-wrap a {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	padding: 10px;
	transition: var(--transition);
	color: var(--green-hex);
	position: relative;
	gap: 15px;
	border: 1px solid var(--gray-border);
	margin: -1px;
	margin-right: 0;
}

.box-btns-wrap a:hover {
	background-color: var(--green-hex);
	color: #fff;
	border-color: var(--green-hex);
}

.box-btns-wrap a::after {
	width: 6px;
	height: 9px;
	background-image: url('/gfx/svg/chevron-right-green.svg');
	background-size: cover;
	content: " ";
	display: inline-block;
	transition: var(--transition);
}

.box-btns-wrap a:hover::after {
	filter: brightness(0) invert(1);
}

/* NEW BOXES */
.boxes-wrap {
	grid-template-columns: 1fr 1fr 3fr;
}

@media(max-width: 1024px) {
	.boxes-wrap {
		grid-template-columns: 1fr 1fr;
	}
}

.boxes-wrap .box {
	aspect-ratio: unset;
}

.boxes-wrap .box.big .img-wrap {
	width: 150px;
	position: relative;
	top: 0;
	left: 0;
	height: calc(100% + 40px);
	margin-left: -20px;
	margin-top: -20px;
}

.boxes-wrap .box.big .img-wrap .over-info-box {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: calc(100% + 20px);
	border-top-right-radius: 36px;
	border-bottom-right-radius: 36px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	background-color: var(--green-hex);
	font-size: 1rem;
}

.boxes-wrap .box.big .img-wrap .over-info-box img {
	object-fit: unset;
	width: 30px;
	height: auto;
}

.boxes-wrap .box.big {
	padding: 20px;
	display: grid;
	grid-template-columns: 150px auto;
}

.boxes-wrap .box.big h2 {
	font-size: 1.1rem;
}

.boxes-wrap .box.big .regions-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	margin-top: 20px;
}

.boxes-wrap .box.big .regions-wrap a {
	font-weight: 400;
	color: #000;
	font-size: .85rem;
}

.boxes-wrap .box.big .btns-wrap {
	margin-top: 30px;
	display: flex;
	font-size: .85rem;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

.boxes-wrap .box.big .btns-wrap .btn {
	font-size: .85rem;
	padding: 12px 20px;
}


/* NEW BOXES END */

.benefits-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 40px;
}

.benefits-wrap .item {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding: 0 40px;
	font-size: 1.2rem;
	border-right: 1px solid var(--gray-border);
}

.benefits-wrap .item:last-child {
	border: none;
}

.category-wrap {
	gap: 15px;
	margin-top: 80px;
}

.category-wrap:first-child {
	margin-top: 0;
}

.category-wrap.items {
	margin-top: 0;
}

.category-wrap .item {
	padding: 40px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #d9dee9;
	box-shadow: var(--box-shadow);
	transition: var(--transition);
	display: flex;
	gap: 20px;
	align-items: center;
}



.category-wrap .item {
	/* padding: 40px 80px; */
  padding: 40px 40px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #d9dee9;
	box-shadow: var(--box-shadow);
	transition: var(--transition);
	display: flex;
	gap: 20px;
	align-items: center;
	position: relative;
	transition: var(--transition);
	overflow: hidden;
}

.category-wrap .item.bubble{
  border-color: var(--blue-hex);
  padding-top: calc(40px + 20px);
}
.category-wrap .item .tag-bubble{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  text-align: center;
  padding: 0.25em 1em;
  
  font-family: var(--font-fancy);
  font-weight: 600;
  
  background-color: var(--blue-hex);
  color: #FFFFFF;
  transition: var(--transition);
}
.category-wrap .item:hover .tag-bubble{
  background-color: var(--green-hex);
}

.category-wrap .item::after {
	width: 100%;
	height: 0;
	position: absolute;
	background-color: var(--green-hex);
	content: " ";
	transition: var(--transition);
	bottom: 0;
	left: 0;
}

.category-wrap .item:hover::after {
	height: 8px;
}

.category-wrap .item:hover {
	border-color: var(--green-hex);
}

.category-wrap .item a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.category-wrap .item .outer-img-wrap {
	padding: 30px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.category-wrap .item .outer-img-wrap::before {
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	background-image: url('/gfx/svg/circle-half-small-gray.svg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 0 0;
}

.category-wrap .item .outer-img-wrap::after {
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	background-image: url('/gfx/svg/circle-half-small-green.svg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 0 0;
	opacity: 0;
	transition: var(--transition);
}

.category-wrap .item:hover .outer-img-wrap::after {
	opacity: 1;
}

.category-wrap .item .circle-wrap {
	width: 105px;
	height: 105px;
	border-radius: 50%;
	overflow: hidden;
}

.category-wrap .item .circle-wrap .fimg_wrp,
.category-wrap .item .circle-wrap .fimg_pic {
	width: 100%;
	height: 100%;
}

.category-wrap .item .circle-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.category-wrap .item .upper-head {
	font-size: .85rem;
  margin-bottom: 5px;
	display: flex;
	align-items: center;
}

.category-wrap .item .upper-head img {
	position: relative;
	top: -10px;
	left: -5px;
}

.category-wrap .item .item-name {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 20px;
}

.category-wrap .item .item-info {
	margin-bottom: 20px;
}
.category-wrap .item .item-spacer {
	flex-grow: 1;
}

.category-wrap.col-2 .item:nth-child(-n + 2),
.category-wrap.col-3 .item,
.category-wrap.col-4 .item {
	flex-direction: column;
	text-align: center;
}

.category-wrap.col-2 .item:nth-child(-n + 2) .circle-wrap {
	width: 255px;
	height: 255px;
}

.category-wrap.col-3 .item .circle-wrap,
.category-wrap.col-4 .item .circle-wrap {
	width: 145px;
	height: 145px;
}

.category-wrap.col-2 .item:nth-child(-n + 2) .outer-img-wrap,
.category-wrap.col-3 .item .outer-img-wrap,
.category-wrap.col-4 .item .outer-img-wrap {
	padding: 60px;
}

.category-wrap.col-2 .item:nth-child(-n + 2) .outer-img-wrap::before,
.category-wrap.col-3 .item .outer-img-wrap::before,
.category-wrap.col-4 .item .outer-img-wrap::before {
	background-image: url('/gfx/svg/circle-half-big-gray.svg');
	background-size: 100% auto;
}

.category-wrap.col-2 .item:nth-child(-n + 2) .outer-img-wrap::after,
.category-wrap.col-3 .item .outer-img-wrap::after,
.category-wrap.col-4 .item .outer-img-wrap::after {
	background-image: url('/gfx/svg/circle-half-big-green.svg');
	background-size: 100% auto;
}

.category-wrap.col-2 .item:nth-child(-n + 2) .item-body,
.category-wrap.col-3 .item .item-body,
.category-wrap.col-4 .item .item-body {
	display: flex;
	flex-direction: column;
	align-items: center;
  height: 100%;
}

.def-section.h-center h2 {
	margin-top: 0;
	text-align: center;
}

.main-hp-cont h2 {
	font-size: 3.6rem;
	margin-bottom: 0;
}

.def-section h2:first-child {
	margin-top: 0;
}

.def-section h2 strong {
	color: var(--green-hex);
  font-weight: inherit;
}

.main-hp-cont {
	z-index: 9;
	margin-bottom: -150px;
	position: relative;
	padding-bottom: 0;
}

.main-hp-cont h2 + p {
	text-align: center;
}

.why-us-wrap {
	display: grid;
	grid-template-columns: 60% auto;
}

.why-us-wrap .why-us-text {
	padding-right: 60px;
}

.why-us-wrap .why-us-text ol {
	margin-top: 50px;
}

.why-us-cont {
	position: relative;
}

.id_template_1 .why-us-cont {
	padding-top: 200px;
}

.why-us-cont .bg-img {
	position: absolute;
	right: 0;
	width: 45%;
	height: 100%;
	top: 0;
}

.why-us-cont .bg-img::after {
	background: linear-gradient(45deg, rgba(0,0,0,0.748319396117822) 0%, rgba(0,0,0,0) 90%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
}

.why-us-cont .bg-img .fimg_wrp,
.why-us-cont .bg-img .fimg_pic {
	width: 100%;
	height: 100%;
}

.why-us-cont .bg-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.why-us-text ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	counter-reset: my-li-counter;
}

.why-us-text ol li {
	margin-bottom: 55px;
	display: flex;
	align-items: flex-start;
	gap: 25px;
}

.why-us-text ol li:last-child {
	margin-bottom: 0;
}

.why-us-text ol li::before {
	width: 54px;
	height: 45px;
	background-image: url('/gfx/svg/list-bg.svg');
	/*background-size: ;*/
	display: flex;
	justify-content: center;
	align-items: center;
	counter-increment: my-li-counter;
	content: counter(my-li-counter);
	color: #fff;
	flex: 0 0 54px;
	font-size: 1.3rem;
	font-weight: 600;
	font-family: var(--font-fancy);
	background-repeat: no-repeat;
	padding-top: 3px;
	margin-top: 2px;
}

.why-us-cont .promo-box-text {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-left: 50px;
	font-size: 1.2rem;
}

.why-us-cont .promo-box-text h2 {
	margin-top: 1em;
	padding-left: 30px;
	border-left: 4px solid var(--yellow-hex);
}

.why-us-cont .promo-box-text .promo-head {
	min-width: 200px;
	text-align: center;
}

/*.why-us-text h2 {
	max-width: 550px;
}*/

.why-us-text h2 img {
	display: inline;
	position: relative;
	top: 8px;
}

.last-realization-head .long-header {
	font-size: 1.7rem;
}

.last-realization-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
}

.last-realization-head .btn-wrap {
	display: flex;
	align-items: center;
	height: 100%;
}

.last-realization-head .counters-wrap {
	padding-bottom: 35px;
}

.last-realization-head .left-side {
	max-width: 430px;
}

.last-realization-head .left-side .subhead {
	display: flex;
	align-items: center;
	gap: 40px;
	font-size: 1.25rem;
}

.last-realization-head .left-side .point {
	width: 16px;
	flex: 0 0 16px;
	height: 16px;
	background-color: var(--green-hex);
	border-radius: 50%;
	display: block;
	position: relative;
}

.last-realization-head .left-side .point::before {
	position: absolute;
	width: 14px;
	height: 14px;
	background-color: var(--green-hex);
	opacity: .5;
	animation-name: pulse;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	content: " ";
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

@keyframes pulse {
	0% {opacity: .5;transform: translate(-50%, -50%) scale(1,1);}
	90% {opacity: 0;transform: translate(-50%, -50%) scale(4,4);}
	100% {opacity: 0;transform: translate(-50%, -50%) scale(1,1);}
}

.realizations-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 50px;
	gap: 25px;
}

.realizations-wrap.col-4 {
	grid-template-columns: repeat(4, 1fr);
}

.realizations-wrap .item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	padding: 40px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--gray-border);
	box-shadow: var(--box-shadow);
	background-color: #fff;
}

.realizations-wrap .item .top-wrap {
	position: relative;
}

.realizations-wrap .item .top-wrap .date {
	position: absolute;
	top: -15px;
	left: -15px;
	border-radius: 16px;
	line-height: 1;
	padding: 10px 15px;
	background-color: var(--yellow-light);
	font-weight: 500;
	font-size: .9rem;
	display: flex;
	gap: 10px;
	align-items: center;
	z-index: 9;
}

.realizations-wrap .item .ref-img {
	margin: 0 -40px;
	margin-top: -40px;
	max-width: unset;
}

.realizations-wrap .item .ref-img .fimg_wrp,
.realizations-wrap .item .ref-img .fimg_pic {
	width: 100%;
	height: 100%;
}

.realizations-wrap .item .ref-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.realizations-wrap .item .top-wrap .name {
	margin-top: 40px;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.3;
	font-family: var(--font-fancy);
  margin-bottom: 0px;
}

.realizations-wrap .item .bottom-wrap {
	display: flex;
	align-items: flex-end;
	gap: 30px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ref-card-text {
	flex: 0 0 100%;
	font-size: .9rem;
}

.realizations-wrap .item .bottom-wrap .parameters-wrap {
	display: flex;
	flex-wrap: wrap;
	font-size: .8rem;
	column-gap: 10px;
	font-weight: 600;
	flex: 0 1 calc(100% - 140px);
}
.realizations-wrap .item .bottom-wrap .parameters-wrap .parameter{
  width: 100%;
}

.realizations-wrap .item .bottom-wrap .parameters-wrap .name {
	color: #8B8B8B;
}

.realizations-wrap .item .link-more {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.realizations-wrap .item:hover .btn {
	background-color: var(--green-hex);
	color: #fff;
}

.link-more-wrap {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.ref-people-wrap {
	position: relative;
	display: flex;
	align-items: stretch;
	gap: 50px;
	flex-wrap: wrap;
}

.ref-people-wrap .item {
	background-color: #fff;
	padding: 40px;
	padding-top: 80px;
	font-size: 1.25rem;
	border: 1px solid #d9dee9;
	box-shadow: var(--box-shadow);
	border-radius: 8px;
	width: calc(50% - 50px);
	margin-left: 25px;
	border-top-left-radius: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	gap: 40px;
}

.ref-people-wrap .item::before {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 35px 0px 0 40px;
	border-color: #d9dee9 transparent transparent transparent;
	transform: rotate(0deg);
	position: absolute;
	right: 100%;
	top: -1px;
	content: " ";
}

.ref-people-wrap .item::after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 33px 0px 0 38px;
	border-color: #fff transparent transparent transparent;
	transform: rotate(0deg);
	position: absolute;
	right: calc(100% - 1px);
	top: 0;
	content: " ";
}

.ref-people-wrap .item .ref-text {
	position: relative;
	font-family: var(--font-fancy-italic);
	font-weight: 400;
	font-style: italic;
	font-size: 1.25rem;
}

.ref-people-wrap .item .ref-text::before {
	position: absolute;
	bottom: calc(100% + 30px);
	content: " ";
	width: 15px;
	height: 12px;
	background-image: url('/gfx/svg/quotes-green.svg');
	background-size: cover;
	left: 0;
}

.ref-people-wrap .item .bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ref-people-wrap .item .bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ref-people-wrap .item .people-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
}

.ref-people-wrap .item .people-img {
	width: 56px;
	height: 56px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}

.ref-people-wrap .item .people-img .fimg_wrp,
.ref-people-wrap .item .people-img .fimg_pic {
	width: 100%;
	height: 100%;
}

.ref-people-wrap .item .people-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ref-people-wrap .item .link-more {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.ref-people-wrap .item:hover .btn {
	background-color: var(--green-hex);
	color: #fff;
}

.how-is-cont {
	position: relative;
	padding-bottom: 300px;
}

.how-is-cont .how-is-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	object-fit: cover;
}

.how-is-cont .how-is-bg img {
	object-fit: cover;
}

.how-is-cont .how-is-text {
	display: flex;
	flex-direction: column;
	gap: 50px;
	padding-right: 60px;
}

.how-is-cont .how-is-text > * {
	margin: 0;
}

.how-is-steps-cont {
	margin-top: -280px;
}

.how-is-steps-cont.only-bottom {
	margin-top: 0;
}

.how-is-steps-cont.only-bottom .how-is-steps-wrap {
	padding-top: 0;
}

.how-is-steps-cont.only-bottom  .how-is-bottom {
	margin-top: 0;
}

.how-is-steps-wrap {
	position: relative;
	background-color: #fff;
	min-height: 300px;
	border-radius: 8px;
	overflow: hidden;
	padding-top: 100px;
}

.how-is-steps-wrap .yellow-corner {
	position: absolute;
	background-color: var(--yellow-hex);
	display: flex;
	align-items: center;
	gap: 30px;
	font-size: 1.4rem;
	font-weight: 600;
	padding: 30px 50px;
	max-width: 420px;
	right: 0;
	top: 0;
	border-bottom-left-radius: 48px;
}

.how-is-steps-inner {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding-bottom: 80px;
}

.scale-wrap {
	background-color: var(--yellow-hex);
	width: 3px;
	left: 50%;
	transform: translatex(-50%);
	position: absolute;
	top: 0;
	height: 100%;
}

.scale-triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: var(--yellow-hex) transparent transparent transparent;
	transform: rotate(0deg);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
}

.scale-wrap::after {
	background-color: var(--yellow-hex);
	width: 100%;
	left: 0;
	top: 0px;
	background: linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
	content: " ";
	height: 80px;
	position: absolute;
}

.scale-wrap .scale-filler {
	background-color: var(--green-hex);
	width: 100%;
	top: 0;
	height: 80px;
	position: absolute;

	display: none;
}

.history-text-wrap .header-col {
	padding-right: 100px;
}

.history-text-wrap .link-wrap {
	display: flex;
	justify-content: flex-end;
	margin-top: 50px;
}

.how-is-steps-inner .step-item {
	display: flex;
	justify-content: flex-start;
	position: relative;
	line-height: 1.3;
}

.how-is-steps-inner .step-item:nth-child(2n + 1) {
	justify-content: flex-end;
}

.how-is-steps-inner .step-item h3 {
	margin-top: 0;
	font-size: 1.25rem;
	margin-bottom: 0.25em;
}

.how-is-steps-inner .step-item p {
	margin: 0;
}

.how-is-steps-inner .step-item .step-number {
	position: absolute;
	background-color: var(--yellow-hex);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.25rem;
	font-weight: 600;
	font-family: var(--font-fancy);
	width: 40px;
	height: 40px;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	border-radius: 50%;
}

.how-is-steps-inner .step-item .step-number span {
	z-index: 9;
	position: relative;
}

.how-is-steps-inner .step-item .step-number::before {
	position: absolute;
	width: 70%;
	height: 70%;
	background-color: var(--yellow-hex);
	opacity: .5;
	animation-name: pulse;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	content: " ";
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%,-50%);
}

.how-is-steps-inner .step-item .step-item-text {
	width: 50%;
	padding-right: 50px;
	text-align: right;
}

.how-is-steps-inner .step-item:nth-child(2n + 1) .step-item-text {
	padding-right: 0;
	padding-left: 50px;
	text-align: left;
}

.how-is-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 670px;
	margin: 0 auto;
	margin-top: 50px;
	gap: 25px;
	font-size: 1.25rem;
}

.how-is-bottom h2 {
	margin: 0;
}

.how-is-bottom:not(.ref-list-top-text) p strong,
.how-is-bottom:not(.ref-list-top-text) p a {
	font-weight: 600;
	color: var(--green-hex);
	line-height: 1;
	padding: 5px 10px;
	border-radius: 16px;
	border: 2px solid var(--green-hex);
	padding-right: 30px;
	position: relative;
  white-space: nowrap;
	transition: var(--transition);
	text-decoration: none;
}

.how-is-bottom:not(.ref-list-top-text) p a:hover {
	background-color: var(--green-hex);
	color: #fff;
}

.how-is-bottom:not(.ref-list-top-text) p strong::before,
.how-is-bottom:not(.ref-list-top-text) p a::before {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--green-hex);
	top: 50%;
	transform: translatey(-50%);
	right: 10px;
	content: " ";
	position: absolute;
}

.how-is-bottom:not(.ref-list-top-text) p strong::after,
.how-is-bottom:not(.ref-list-top-text) p a::after {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: var(--green-hex);
	opacity: .5;
	animation-name: pulse;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	content: " ";
	top: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	right: 5px;
}

.contact-form-wrap {
	grid-template-columns: 1fr 2fr;
	gap: 25px;
	display: grid;
}

.contact-form-wrap .form-person-side {
	background-color: #fff;
	overflow: hidden;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 60px 40px;
	box-shadow: var(--box-shadow);
	gap: 30px;
}

.contact-form-wrap h2 {
	font-size: 2rem;
}

.contact-form-wrap .form-person-side h2,
.contact-form-wrap .form-person-side p {
	margin: 0;
}

.person-wrap {
	width: 180px;
	height: 180px;
	border: 3px solid var(--green-hex);
	border-radius: 50%;
	padding: 4px;
	position: relative;
}

.person-wrap .img-wrap {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.person-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.person-wrap::before {
	z-index: 5;
	position: absolute;
	background-color: #fff;
	width: 26px;
	height: 26px;
	left: 75%;
	bottom: 5%;
	content: " ";
	border-radius: 50%;
}

.person-wrap::after {
	z-index: 9;
	position: absolute;
	background-color: var(--green-hex);
	width: 18px;
	height: 18px;
	left: calc(75% + 4px);
	bottom: calc(5% + 4px);
	content: " ";
	border-radius: 50%;
	animation-name: flicking;
	animation-iteration-count: infinite;
	animation-duration: 2s;
}

.contact-form-wrap .phone-wrap p {
	margin-top: 15px;
	font-size: 1rem;
}

.contact-form-wrap .form-person-side .btn {
	position: relative;
}

.contact-form-wrap .form-person-side .btn::after {
	position: absolute;
	content: " ";
	bottom: calc(100% - 1px);
	left: 50%;
	transform: translatex(-50%);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 11.5px 14px 11.5px;
	border-color: transparent transparent var(--yellow-hex) transparent;
	transform: rotate(0deg);
	transition: var(--transition);
}

.contact-form-wrap .form-person-side .btn:hover::after {
	border-color: transparent transparent hsl(var(--yellow-hslwl),43%) transparent;
}

@keyframes flicking {
	0% {opacity: .2}
	85% {opacity: 1}
	100% {opacity: 1}
}

.form-cont {
	position: relative;
}

.form-cont#articles_form {
	background-image: url('/gfx/img/articles-form-bg.jpg');
	background-position: 50% 50%;
	background-size: cover;
}

.form-cont .contact-bg {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	overflow: hidden;
}

.form-cont .contact-bg::after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	content: " ";
}

.form-cont .contact-bg .fimg_wrp,
.form-cont .contact-bg .fimg_pic {
	height: 100%;
	width: 100%;
}

.form-cont .contact-bg .fimg_pic img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.contact-form-wrap .form-side {
	background-color: #fff;
	border-radius: 8px;
	padding: 60px 40px;
	text-align: center;
	box-shadow: var(--box-shadow);
}

.contact-form-wrap .form-side label {
	text-align: left;
	font-weight: 600;
	width: 100%;
	display: block;
}

.contact-form-wrap .form-side .upper-text {
	position: absolute;
	content: " ";
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
	transition: var(--transition);
	display: flex;
	padding: 15px 30px;
	line-height: 1;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
	border-radius: 24px;
	width: fit-content;
	background-color: var(--yellow-hex);
}

.contact-form-wrap .form-side .upper-text::after {
	position: absolute;
	content: " ";
	top: 100%;
	left: 50%;
	transform: translatex(-50%);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 11.5px 0px 11.5px;
	border-color: var(--yellow-hex) transparent transparent transparent;
	transform: rotate(0deg);
}

.cform_form_type_cleartext p {
	margin: 0;
}

form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.cform_item.full-width_item,
.cform_cleartext.full-width_item,
.cform_item_type_textarea,
.cform_header.full-width_item {
	grid-column: span 2;
}

form .cform_item_id_96 {
	display: none;
}

.cform_header.full-width_item {
	text-align: left;
}

.cform_header.full-width_item {
	text-align: left;
	margin-top: 15px;
}

.cform_header.full-width_item h3 {
	margin: 0;
	font-size: 1.3rem;
}

#articles_form form .cform_item_id_96 {
	display: block;
}

.cform_form_id_104 {
	max-width: 477px;
	margin: 0 auto;
}

#articles_form form .cform_item_id_17 {
	display: none;
}

.cform_item_id_115 {
	margin-bottom: 15px !important;
	margin-top: 15px;
}

#form_ffpif12_115 {
	height: 90px;
}

.form {
	width: 100%;
	font-family: inherit;
	padding: 7px 15px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #a2a2a2;
	height: 45px;
}

.form.form_textarea {
	height: 135px;
	resize: vertical;
}

.cform_cleartext:not(.full-width_item) {
	text-align: left;
	font-size: .85rem;
}

.cform_cleartext:not(.full-width_item) a {
	color: #000;
}

.form_submit {
	font-family: var(--font-fancy);
	font-weight: 600;
	color: #000;
	background-color: var(--yellow-hex);
	font-size: 18px;
	text-decoration: none;
	transition: var(--transition);
	display: flex;
	padding: 15px 30px;
	line-height: 1;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
	border-radius: 24px;
	width: fit-content;
	cursor: pointer;
	border: none;
}

.cform_form_submit {
	display: flex;
	justify-content: flex-end;
}

.cform_item_type_textarea {
	margin-bottom: 60px;
}

.news_container,
.faq-items-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
}

.news_name {
	grid-column: span 2;
	text-align: center;
}

.news_title,
.faq-title {
	position: relative;
	cursor: pointer;
}

.news_title::before,
.faq-title::before {
	position: absolute;
	left: -28px;
	height: 3px;
	width: 16px;
	background-color: var(--green-hex);
	top: 32px;
	content: " ";
}

.news_title::after,
.faq-title::after {
	position: absolute;
	left: -21px;
	height: 16px;
	width: 3px;
	background-color: var(--green-hex);
	top: 25px;
	content: " ";
	transition: var(--transition);
	opacity: 1;
}

.news_title.open::after,
.faq-title.open::after {
	opacity: 0;
	transform: rotate(-90deg);
}

.news_title h3,
.faq-title h3 {
	margin: 0;
	font-family: var(--font-basic);
	font-weight: 700;
	font-size: 1rem;
	padding-top: 25px;
	padding-bottom: 25px;
}

.faq-side-wrap {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.news_item,
.faq-item {
	border-radius: 25px;
	background-color: #fff;
	border-top-left-radius: 0;
	padding: 0 20px;
	padding-left: 45px;
}

.news_text,
.faq-text {
	display: none;
}

.news_text_answer,
.faq-text-internal {
	padding-bottom: 20px;
}

.faq-person-wrap {
	display: flex;
	text-align: center;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	margin-top: 80px;
}

.faq-person-wrap .faq-btns-wrap {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.faq-person-text {
	font-size: 2rem;
	font-weight: 600;
	font-family: var(--font-fancy);
	line-height: 1.3;
}

.faq-person-wrap .person-wrap {
	width: 110px;
	height: 110px;
}

.ref-list-top-text.how-is-bottom {
	margin-top: 0;
	max-width: 900px;
}

.ref_subcats {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
	margin-top: 40px;
  flex-wrap: wrap;
}

.realizations-wrap .item.promo-box {
	background-color: var(--green-hex);
	position: relative;
	color: #fff;
}

.realizations-wrap .item.promo-box .promo-img {
	position: absolute;
	bottom: 50%;
	left: 30%;
	width: 400px;
}

.realizations-wrap .item.people-ref {
	background-color: var(--gray-bg);
	position: relative;
}

.realizations-wrap .item.people-ref::before {
	position: absolute;
	background-color: #fff;
	top: 25px;
	left: 0;
	transform: translatex(-50%);
	border-radius: 50%;
	content: " ";
	width: 64px;
	height: 64px;
	background-image: url('/gfx/svg/quotes-green.svg');
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: 75% 50%;
}

.realizations-wrap .item.people-ref .top-wrap {
	font-size: 1.25rem;
	padding-top: 50px;
	font-family: var(--font-fancy-italic);
}

.realizations-wrap .item.people-ref .people-wrap {
	display: flex;
	gap: 20px;
	align-items: center;
}

.realizations-wrap .item.people-ref .people-img {
	border-radius: 50%;
	overflow: hidden;
}

.realizations-wrap .item.promo-box:hover .btn.yellow {
	background-color: hsl(var(--yellow-hslwl), 43%);
	color: #000;
}

.filter_actions.top {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.filter_actions_center {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
}

.paging {
	display: flex;
	gap: 5px;
	justify-content: flex-end;
	margin-top: 20px;
}

.paging_item.inactive {
	display: none;
}

.paging_numbers,
.paging_navnl,
.paging_navfp {
	display: flex;
	gap: 5px;
}

.paging_navnl,
.paging_navfp {
	font-weight: 100;
}

.paging_item a {
	display: flex;
	width: 38px;
	height: 38px;
	justify-content: center;
	align-items: center;
	line-height: 1;
	transition: var(--transition);
	border: 1px solid var(--gray-border);
	text-decoration: none;
	border-radius: 5px;
	color: #000;
}

.paging_item a:hover {
	border-color: var(--green-hex);
}

.paging_item a.active {
	background-color: var(--green-hex);
	color: #fff;
}

.id_page_298 .text-wrap ul {
	margin: 0
}

.filter_actions.top + .realizations-wrap {
	margin-top: 20px;
}

.how-is-text.hp-text-head {
	gap: 10px;
}

.hp-main-text-wrap {
	padding-top: 100px;
	background-color: #fff;
}

.hp-main-text-wrap .hp-main-text {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}

.hp-main-text-wrap .hp-main-text h2 {
	font-size: 2rem;
}

.hp-main-text-wrap .hp-main-text h3 {
	font-size: 1.5rem;
}

.hp-main-text-wrap .hp-main-text h4 {
	font-size: 1.3rem;
}

.hp-main-text-wrap .fvideo_wrp {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.hp-main-text-wrap .fvideo_wrp iframe {
	width: 100%;
	height: 100%;
}



.reward-wrap{
	position: relative;
	background-image: url("/gfx/img/articles-form-bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	display: flex;
	gap: 40px;
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
	box-shadow: var(--box-shadow);
}
.reward-wrap .reward-hover{
	transition: .3s color ease-in-out;
}
.reward-wrap:hover .reward-hover{
	color: var(--yellow-hex);
}
.reward-wrap-img{
	background-image: url("/gfx/img/banner-reward-bg.png");
	background-size: cover;
	background-position: 0% 20%;
	background-repeat: no-repeat;

	max-width: 33.333%;
	width: 100%;
	height: 100%;
	margin-left: auto;
	mix-blend-mode: multiply;
	filter: brightness(1.1);
	opacity: 0.8;
}
.reward-wrap-img img{
	z-index: 1;
	position: relative;
}
.reward-wrap-icon{
	position: absolute;
	top: 20px;
	right: 40px;
}

.reward-wrap .reward-sum{
	background: -webkit-linear-gradient(right,#ffffff,var(--yellow-hex));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
}

.reward-wrap .claim-info{
	position: relative;
	width: fit-content;
	display: flex;
	gap: 20px;
}
.reward-wrap .claim-info::after{
	content: '';
	background-image: url("/gfx/svg/thumb-up-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	min-width: 36px;
	width: 36px;
	height: 36px;
	display: block;
	position: relative;
	left: 0;
	top: 0;
}
.reward-wrap .claim-info-text{
	background-color: rgba(0,0,0,0.23);
	padding: 5px;
	border-radius: 5px;
}

.reward-wrap-text{
	padding: 20px 40px;
	padding-right: 0;
}



.map-cont {
	position: relative;
}
.map-cont .map-wrap {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(((100% - var(--container-width)) / 2) + ((var(--container-width) / 3) * 2));
	height: 100%;
}

.map-cont .map-wrap .map-canvas,
.map-cont .map-wrap .map-canvas > div {
	width: 100%;
	height: 100%;
}

.map-cont .map-wrap iframe {
	width: 100%;
	height: 100%;
}

.side-map-wrap {
	padding-right: 40px;
}

.side-map-wrap h1 {
	margin-top: 0;
	font-size: 3rem;
	margin-bottom: 10px;
}

@media(max-width: 1320px) {
	.side-map-wrap h1 {
		font-size: 2rem;
	}

	.map-cont .map-wrap {
		width: calc(((100% - var(--container-width)) / 2) + ((var(--container-width) / 3) * 2) - 40px);
	}
}

.side-map-wrap .navigation-wrap {
	margin: 25px 0;
}

.side-map-wrap .ref-stats {
	margin-top: 25px;
}

.side-map-wrap .ref-stats .stats-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 0;
	border-bottom: 1px solid var(--gray-border);
}

.side-map-wrap .ref-stats .stats-value {
	display: flex;
	align-items: center;
	gap: 3px;
}

.side-map-wrap .ref-stats .stats-value.stars {
	gap: 10px;
}

.side-map-wrap .ref-stats .stats-value.stars .stars-number {
	background-color: var(--gold-hex);
	padding: 5px 10px;
	color: #fff;
	border-radius: 5px;
	padding-left: 5px;
	position: relative;
}

.side-map-wrap .ref-stats .stats-value.stars .stars-number::before {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 8px 5px 0;
	border-color: transparent var(--gold-hex) transparent transparent;
	transform: rotate(0deg);
	content: " ";
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translatey(-50%);
}

.side-map-wrap .ref-stats .stats-name {
	font-size: .9rem;
}

.side-map-wrap .ref-stats .stats-value {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--green-hex);
}

.navigation-wrap > span {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	font-size: .85rem;
	line-height: 1;
}

.def-section.top-ref-cont {
	padding-top: 40px;
}

.top-ref-cont h1 {
	text-align: center;
	margin-bottom: 10px;
}

.top-ref-cont .navigation-wrap > span {
	justify-content: center;
}

.ref-detail-main {
	display: grid;
	grid-template-columns: 65% auto;
	gap: 25px;
	margin-top: 45px;
}

.ref-splide {
	border: 1px solid var(--gray-border);
	aspect-ratio: 16 / 10;
	border-radius: 5px;
	background-color: #fff;
}

.ref-splide .splide__track,
.ref-splide .splide__list {
	height: 100%;
	width: 100%;
}

.ref-splide .splide__slide {
	overflow: hidden;
	border-radius: 5px;
	width: 100%;
	height: 100%;
}

.ref-splide .splide__slide .fimg_wrp {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ref-splide .splide__slide .fimg_pic {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.mod_arpref_item .ref-splide .splide__slide .fimg_pic {
	width: 100%;
	height: 100%;
}

.mod_arpref_item .ref-splide .splide__slide .fimg_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ref-splide .splide__slide figcaption {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translate(-50%);
	max-width: calc(100% - 30px);
	text-align: center;
	background-color: rgba(255,255,255,.85);
	font-size: .9rem;
	font-style: italic;
	padding: 10px;
	border-radius: 8px;
}

.ref-splide .splide__slide img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.ref-detail-main .date {
	position: absolute;
	top: 20px;
	left: 20px;
	border-radius: 16px;
	line-height: 1;
	padding: 10px 15px;
	background-color: var(--yellow-light);
	font-weight: 500;
	font-size: .9rem;
	display: flex;
	gap: 10px;
	align-items: center;
}

.splide__arrows {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	width: 100%;
	left: 0;
	z-index: 9;
}

.ref-splide .splide__arrow {
	background-color: rgba(0, 0, 0, .3);
	transition: var(--transition);
	width: 48px;
	height: 48px;
	opacity: 1;
}

.splide__arrow svg {
	filter: brightness(0) invert(1);
}

.ref-splide .splide__arrow:hover {
	background-color: #000;
}

.splide__arrow:disabled {
	display: none;
}

.slider-thumbs {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	margin-top: 25px;
	gap: 25px;
}

.slider-thumb {
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	opacity: .7;
	transition: var(--transition);
	cursor: pointer;
	border: 1px solid var(--gray-border);
	aspect-ratio: 16 / 10;
	background-color: #fff;
}

.slider-thumb:hover,
.slider-thumb.is-active {
	opacity: 1;
}

.slider-thumb::after {
	height: 0;
	width: 100%;
	background-color: var(--green-hex);
	transition: var(--transition);
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
}

.slider-thumb.is-active::after {
	height: 6px;
}

.slider-thumb .fimg_wrp {
	display: flex;
	justify-content: center;
	align-items: center;
}

.slider-thumb .fimg_pic {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.slider-thumb .fimg_pic img {
	object-fit: contain;
}

.ref-info-box {
	box-shadow: var(--box-shadow);
	overflow: hidden;
	border-radius: 5px;
}

.ref-info-box .btn {
	z-index: 9;
}

.ref-info-main {
	padding: 45px 35px;
	padding-bottom: 75px;
	background-color: #fff;
	font-size: .9rem;
}

.ref-info-main .text_short {
	margin-bottom: 30px;
}

.ref-info-main table {
	width: 100%;
}

.ref-info-main table td,
.ref-info-main table th {
	padding: 5px 0;
	line-height: 1.3;
	text-align: left;
	font-weight: 400;
	border-bottom: 1px solid var(--gray-border);
}

.ref-info-main table td:last-child {
	font-weight: 600;
	text-align: right;
}

.ref-info-main .text_technical {
	margin-top: 30px;
}

.text_technical h2 {
	font-size: 1.3rem;
}

.ref-cta-cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	padding: 30px 20px;
	padding-top: 70px;
	background-color: #fff;
}

.ref-cta-cont::before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: " ";
	background-color: rgba(var(--yellow-rgb), .1);
}

.ref-cta-cont .person-wrap {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ref-cta-cont .ref-cta-text {
	text-align: center;
	font-size: 1.3rem;
	font-weight: 600;
	font-family: var(--font-fancy);
	line-height: 1.15;
}

.ref-btns-wrap {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 25px;
}

.ref-btns-wrap.svj {
	grid-column: compressed;
	justify-content: flex-start;
	gap: 80px;
}

@media(max-width: 768px) {
	.ref-btns-wrap.svj {
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
	}

	.reward-wrap{
		flex-direction: column;
		gap: 0;
	}
	.reward-wrap-img{
		min-height: 120px;
		max-width: unset;
	}
	.reward-wrap-text{
		padding: 20px;
	}
}

.ref-btns-wrap.svj .ref-btn {
	font-size: 1.1rem;
}

.ref-btns-wrap.svj .ref-btn .icon-wrap {
	width: 60px;
	height: 60px;
}

.ref-btn {
	color: #000;
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
	text-decoration: none;
	line-height: 1.3;
	font-size: .9rem;
	font-weight: 700;
	transition: var(--transition);
}

.ref-btn:hover {
	color: var(--green-hex);
}

.ref-btn .icon-wrap {
	background-color: var(--green-hex);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 42px;
	height: 42px;
}

.ref-review {
	background-color: #fff;
	padding: 25px;
	border-radius: 5px;
	box-shadow: var(--box-shadow);
	margin-top: 50px;
}

.ref-review p {
	font-size: 1.25rem;
	font-family: var(--font-fancy-italic);
}

.ref-review-people {
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
}

.fb-ref{
  margin-top: 50px;
}
.fb-ref h2.fb {
	font-size: 1.4rem;
}

.fb-ref h2.fb span {
	color: #108CEC;
}

.fb-ref h2 span a{
  color: inherit;
}

.fb-ref-wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.components-cont h2 {
	text-align: center;
	font-size: 2rem;
}

.components-wrap {
	gap: 25px;
}

.components-wrap .item {
	border: 1px solid var(--gray-border);
	padding: 40px 30px;
	box-shadow: var(--box-shadow);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	gap: 25px;
	border-radius: 8px;
	position: relative;
	transition: var(--transition);
}

.components-wrap .item:hover {
	border-color: var(--green-hex);
}

.components-wrap .item-body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.components-wrap .item-body .btn {
	margin-top: 10px;
}

.components-wrap .item .link-more {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.components-wrap .item .upper-head {
	font-size: .85rem;
}

.components-wrap .item .item-name {
	font-size: 1.3rem;
	font-family: var(--font-fancy);
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 20px;
}

.components-wrap .item .img-wrap {
	width: 100%;
	height: 200px;
}

.components-wrap .item .img-wrap .fimg_wrp {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.components-wrap .item .img-wrap .fimg_pic {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.components-wrap .item:hover .btn {
	background-color: hsl(var(--green-hslwl),32%);
}

.articles_art_container {
	grid-column: content;
}

.articles_small_container,
.articles_list_container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 25px;
	grid-column: content;
}

.articles_small_item,
.articles_list_item {
	padding: 30px;
	border: 1px solid var(--gray-border);
	box-shadow: var(--box-shadow);
	border-radius: 8px;
	overflow: hidden;
	padding-bottom: 100px;
	position: relative;
}

.articles_small_thumb,
.articles_list_thumb {
	margin: -30px;
	margin-bottom: 25px;
	max-width: unset;
}

.articles_small_title h3,
.articles_list_title h2 {
	font-size: 1.3rem;
}

.articles_small_title h3 a,
.articles_list_title h2 a {
	color: #000;
	transition: var(--transition);
	text-decoration: none;
}

.articles_small_title h3 a:hover,
.articles_list_title h2 a:hover {
	color: var(--green-hex);
}

.articles_small_item .articles_date,
.articles_list_item .articles_date {
	position: absolute;
  left: 30px;
  bottom: 43px;
	font-size: .85rem;
	font-weight: 500;
}

.articles_art_date {
	text-align: center;
	font-weight: 600;
	font-size: .85rem;
	margin-top: -10px;
	margin-bottom: 35px;
}

.news-cont h2.section-name {
	text-align: center;
}

.articles_small_link,
.articles_list_link {
	position: absolute;
	bottom: 30px;
	right: 30px;
}

.articles_small_link a,
.articles_list_link a {
	font-family: var(--font-fancy);
	font-weight: 600;
	color: var(--green-hex);
	background-color: rgba(0,0,0,0);
	border: 2px solid var(--green-hex);
	font-size: 18px;
	text-decoration: none;
	transition: var(--transition);
	display: flex;
	padding: 15px 30px;
	line-height: 1;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
	border-radius: 24px;
	width: fit-content;
	cursor: pointer;
}

.articles_small_link a:hover,
.articles_list_link a:hover {
	background-color: var(--green-hex);
	color: #fff;
}

.articles_small_more {
	grid-column: span 3;
	display: flex;
	justify-content: center;
}

.articles_small_more a {
	font-family: var(--font-fancy);
	font-weight: 600;
	color: #fff;
	background-color: var(--green-hex);
	font-size: 18px;
	text-decoration: none;
	transition: var(--transition);
	display: flex;
	padding: 15px 30px;
	line-height: 1;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
	border-radius: 24px;
	width: fit-content;
	cursor: pointer;
}

.articles_small_more a:hover {
	background-color: hsl(var(--green-hslwl), 32%);
}

.articles-form-btn-wrap {
	margin-top: 90px;
	text-align: center;
}

.assembly-cont h2,
.products-cont h2 {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 1em;
}

.products-cont h2 + .category-wrap {
	margin-top: 0;
}

.assembly-table {
	overflow: auto;
	width: 100%;
}

.assembly-table,
.technical-info-cont table {
	width: 100%;
	border-collapse: collapse;
}

.assembly-table th,
.technical-info-cont table th {
	background-color: var(--green-hex);
	color: #fff;
	font-family: var(--font-fancy);
	font-weight: 600;
	text-align: right;
	padding: 15px;
	font-size: .9rem;
	line-height: 1.25;
}

.assembly-table th:first-child,
.technical-info-cont table th:first-child {
	text-align: left;
}

.assembly-table .product_params_div th {
  font-weight: 400;
}
.assembly-table td,
.technical-info-cont table td {
	text-align: right;
	padding: 15px;
	border-bottom: 1px solid var(--gray-border);
	background-color: var(--gray-bg);
}

.assembly-table .product_params_div  th, .gray-bg .assembly-table td,
.technical-info-cont table td {
	background-color: #fff;
  color: #000;
}

.assembly-table td:first-child,
.technical-info-cont table td:first-child {
	text-align: left;
}

.assembly-table .btn {
	display: inline-block;
}

.top-cat-cont {
	text-align: center;
	padding-top: 40px;
}

.top-cat-cont h1 {
	margin-bottom: 15px;
}

.top-cat-cont .navigation-wrap > span {
	justify-content: center;
}

.top-cat-cont .btn-wrap {
	display: flex;
	justify-content: center;
	margin-top: 40px;
	gap: 30px;
	flex-wrap: wrap;
}

.top-text {
	margin: 30px 0;
	font-size: 1.15rem;
}

.top-cat-cont .category-wrap {
	margin-top: 30px;
}

.category-wrap.num_2 {
	grid-template-columns: auto minmax(300px, 400px) minmax(300px, 400px) auto;
}

.category-wrap.num_2::before {
	content: " ";
}

.top-cat-cont .perex ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.navigation-cont ul {
	margin: 0;
	padding: 15px 0;
	display: flex;
	justify-content: center;
	list-style-type: none;
}

.navigation-cont ul li {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	text-align: center;
}

.navigation-cont ul a {
	font-family: var(--font-fancy);
	font-weight: 600;
	display: flex;
	gap: 15px;
	align-items: center;
	padding: 15px 10px;
	color: #000;
	text-decoration: none;
	transition: var(--transition);
	line-height: 1.3;
	width: 100%;
	justify-content: center;
}

.navigation-cont ul a:hover {
	color: var(--green-hex);
}

.navigation-cont ul a::after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: var(--green-hex) transparent transparent transparent;
	transform: rotate(0deg);
	content: " ";
}

.category-wrap.col-3.centered {
	grid-template-columns: 1fr 2fr 2fr 1fr;
}

.category-wrap.col-3.centered .item:first-child {
	grid-column-start: 2;
}

.category-cont h2 {
	font-size: 2rem;
}

.category-cont .category-wrap {
	margin-top: 30px;
}

.cat-benefits-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.cat-benefits-wrap .item {
	max-width: 200px;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.3;
	font-family: var(--font-fancy);
	display: flex;
	align-items: center;
	gap: 15px;
	flex-direction: column;
}

.top-cat-cont {
	position: relative;
}

.top-cat-cont.white-text * {
	color: #fff;
}

.top-cat-cont.white-text .green {
	color: var(--green-hex);
	font-weight: 600;
}

.top-cat-cont.white-text .yellow {
	color: var(--yellow-hex);
	font-weight: 600;
}

.top-cat-cont .cat-bg-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.top-cat-cont .cat-bg-img .fimg_wrp,
.top-cat-cont .cat-bg-img .fimg_pic {
	width: 100%;
	height: 100%;
}

.top-cat-cont .cat-bg-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top-cat-cont .cat-bg-img::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	content: " ";
}

.cat-benefits-wrap {
	margin-top: 50px;
}

.detail-top-wrap {
	display: grid;
	grid-template-columns: 7fr 5fr;
	gap: 40px;
	margin-bottom: -150px;
}

.top-cat-cont.white-text .navigation-wrap > span img {
	filter: brightness(0) invert(1);
}

.top-cat-cont.detail {
	text-align: left;
	padding-bottom: 0;
}

.top-cat-cont.detail .left-name-col {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 600px;
	gap: 50px;
}

.top-cat-cont.detail .navigation-wrap > span {
	justify-content: flex-start;
}

.top-cat-cont.detail .counters-wrap {
	margin-top: 60px;
}

.top-cat-cont.detail h1 {
	max-width: 450px;
}

.detail-top-info-col .inner-box {
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	padding-top: 45px;
}

.detail-top-info-col .inner-box h2 {
	text-align: center;
	font-size: 2rem;
	margin: 0;
	padding: 0 20px;
	margin-bottom: 20px;
}

.detail-top-info-col .inner-box * {
	color: #000;
}

.detail-top-info-col .inner-box > div {
	padding-left: 40px;
	padding-right: 40px;
}

.detail-top-info-col .selects-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;

	display: block;
}

.detail-top-info-col .select-item-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: .85rem;
}

.detail-top-info-col .select-item-wrap select {
	background-color: #fff;
	width: 100%;
	border: 1px solid var(--gray-border);
	border-radius: 24px;
	height: 48px;
	padding-left: 55px;
	appearance: none;
	-webkit-appearance: none;
	background-image: url('/gfx/svg/arrow-down-black.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) 50%;
	background-size: 8px auto;
	font-size: 1rem;
	margin-top: 5px;
}


.detail-top-info-col .prices-wrap {
	border-top: 1px solid var(--gray-border);
	border-bottom: 1px solid var(--gray-border);
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 30px;
}

.detail-top-info-col .prices-wrap .price-item:first-child {
	border-right: 1px solid var(--gray-border);
}

.detail-top-info-col .prices-wrap .price-item {
	justify-content: center;
	display: flex;
	align-items: center;
	text-align: center;
}

.detail-top-info-col .prices-wrap .price-item.nzu {
	padding: 10px 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: left;
	gap: 10px;
}

.detail-top-info-col .county-expection {
	text-align: center;
	border-bottom: 1px solid var(--gray-border);
	padding: 20px 40px;
}

.detail-top-info-col .saving-info {
	text-align: left;
  max-width: max-content;
  
  background-image: url('/gfx/svg/calculator-black.svg');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: 1em auto;
  
  line-height: 1.4;
	padding: 0.25em 1.5em;
  margin: 0 auto;
  margin-top: 25px;
}

.detail-top-info-col .detail-cta-box {
	padding: 40px 20px;
	background-color: rgba(var(--yellow-rgb), .1);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.detail-top-info-col .detail-cta-box .price {
	color: var(--green-hex);
	font-weight: 600;
	font-size: 3rem;
	line-height: 1.3;
}

.detail-top-info-col .detail-cta-box .btn {
	width: 100%;
	justify-content: center;
	padding: 17px 30px;
	margin-top: 25px;
}






/* House schema */
.house-wrap {
	position: relative;
}

.house-wrap figcaption {
	text-align: center;
	font-style: italic;
}

.points-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.point-item {
	position: absolute;
}

.point-item.one {
	left: 30.5%;
	top: 16.3%;
}
.point-item.two {
	left: 27.9%;
	top: 84.2%;
}
.point-item.three {
	left: 31.9%;
	top: 78.2%;
}
.point-item.four {
	left: 35.8%;
	top: 84.2%;
}
.point-item.five {
	left: 41.6%;
	top: 84.2%;
}
.point-item.six {
	left: 51.4%;
	top: 43.8%;
}
.point-item.seven {
	left: 51.4%;
	top: 55.2%;
}
.point-item.eight {
	left: 20.05%;
	top: 62.6%;
}
.point-item.nine {
	left: 48.2%;
	top: 84.2%;
}
.point-item.ten {
	left: 60.9%;
	top: 86.4%;
}
.point-item.eleven {
	left: 66%;
	top: 59.2%;
}



.point-circle {
	cursor: pointer;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: #fff;
	font-weight: 600;
}

.point-circle-inner {
	width: 100%;
	height: 100%;
	background-color: var(--blue-hex);
	border-radius: 50%;
	color: #fff;
	font-weight: 600;
	font-size: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #fff;
	position: relative;
	z-index: 5;

	line-height: 1;
}

.point-circle::before {
	width: 100%;
	height: 100%;
	content: " ";
	animation-name: point-pulse;
	animation-duration: 1.6s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	background-color: var(--blue-hex);
	border-radius: 50%;
	opacity: .7;
	z-index: 1;
}


@media (max-width: 1650px) {
	.point-item.one {
		left: 27.9%;
	}
	.point-item.two {
		left: 24.9%;
	}
	.point-item.three {
		left: 29%;
	}
	.point-item.four {
		left: 33.5%;
	}
	.point-item.five {
		left: 40.2%;
	}
	.point-item.eight {
		left: 15%;
	}
	.point-item.eleven {
		left: 68%;
	}
}

@media (max-width: 1400px) {
	.point-item.one {
		left: 22.9%;
	}
	.point-item.two {
		left: 19.9%;
	}
	.point-item.three {
		left: 25.2%;
	}
	.point-item.four {
		left: 30.5%;
	}
	.point-item.five {
		left: 38.2%;
	}
	.point-item.eight {
		left: 8%;
	}
	.point-item.ten {
		left: 62.9%;
	}
	.point-item.eleven {
		left: 71%;
	}
}

@media (max-width: 1180px) {
	.point-item.one {
		left: 19.9%;
	}
	.point-item.two {
		left: 16.9%;
	}
	.point-item.three {
		left: 23.2%;
	}
	.point-item.four {
		left: 28.5%;
	}
	.point-item.five {
		left: 37.2%;
	}
	.point-item.six {
		left: 51.85%;
	}
	.point-item.seven {
		left: 51.85%;
	}
	.point-item.eight {
		left: 3.5%;
	}
	.point-item.nine {
		left: 47.59%;
	}
	.point-item.ten {
		left: 67%;
	}
	.point-item.eleven {
		left: 74%;
		top: 58%;
	}
}


@media (max-width: 900px) {
	.point-circle::before {
		display: none;
	}

	.point-circle {
		width: 26px;
		height: 26px;
	}

	.point-circle-inner {
		font-size: .8rem;
	}



	.point-item.one {
		left: 20.9%;
		top: 15.5%;
	}
	.point-item.two {
		left: 17%;
		top: 81.5%;
	}
	.point-item.three {
		left: 23%;
		top: 75.5%;
	}
	.point-item.four {
		left: 29%;
		top: 81.5%;
	}
	.point-item.five {
		left: 37.2%;
		top: 81.5%;
	}
	.point-item.six {
		left: 51.85%;
		top: 43%;
	}
	.point-item.seven {
		left: 51.85%;
		top: 53%;
	}
	.point-item.eight {
		left: 5.5%;
		top: 61.8%;
	}
	.point-item.nine {
		left: 47.59%;
		top: 81.5%;
	}
	.point-item.ten {
		left: 66%;
		top: 83.8%;
	}
	.point-item.eleven {
		left: 74%;
		top: 56%;
	}
}
@media (max-width: 600px) {
	.point-item.one {
		left: 19.9%;
		top: 13.5%;
	}
	.point-item.two {
		left: 16.9%;
		top: 76.5%;
	}
	.point-item.three {
		left: 22.2%;
		top: 70.5%;
	}
	.point-item.four {
		left: 27.5%;
		top: 76.5%;
	}
	.point-item.five {
		left: 35.2%;
		top: 76.5%;
	}
	.point-item.six {
		left: 49.85%;
		top: 40%;
	}
	.point-item.seven {
		left: 49.85%;
		top: 50%;
	}
	.point-item.eight {
		left: 3.5%;
		top: 60%;
	}
	.point-item.nine {
		left: 45.59%;
		top: 76.5%;
	}
	.point-item.ten {
		left: 65%;
		top: 77.8%;
	}
	.point-item.eleven {
		left: 73%;
		top: 54%;
	}
}


@keyframes point-pulse {
	0% {
		width: 100%;
		height: 100%;
		opacity: .9;
		background-color: var(--blue-hex);
		background-color: #000;
	}
	80% {
		width: 200%;
		height: 200%;
		opacity: 0;
		background-color: var(--blue-hex);
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
		background-color: var(--blue-hex);
	}
}

.point-content-wrap {
	position: absolute;
	top: 100%;
	left: -25px;
	overflow: hidden;
	height: 0;
	transition: var(--transition);
}

.point-item.eleven .point-content-wrap,
.point-item.ten .point-content-wrap {
	left: auto;
	right: -25px;
}
.point-item.eleven .point-inner-content::after,
.point-item.ten .point-inner-content::after {
	left: auto;
	right: 25px;
}
.point-item.eleven .point-inner-content::before,
.point-item.ten .point-inner-content::before {
	left: auto;
	right: 25px;
}

.point-inner-content {
	padding: 10px;
	background-color: #fff;
	border-radius: 8px;
	font-size: .7rem;
	font-size: .9rem;
	box-shadow: 0px 1px 2px rgba(11,29,58,0.3);
	border: 2px solid #000;
	width: 80vw;
	max-width: 450px;
	position: relative;
	top: 18px;
}

.point-inner-content::before {
	content: " ";
	position: absolute;
	left: 25px;
	bottom: calc(100% + 2px);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 15px 18px 15px;
	border-color: transparent transparent #000000 transparent;
	transform: rotate(0deg);
}

.point-inner-content::after {
	content: " ";
	position: absolute;
	left: 25px;
	bottom: calc(100% - 1px);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 15px 18px 15px;
	border-color: transparent transparent #fff transparent;
	transform: rotate(0deg);
}

.point-name {
	font-weight: 600;
	font-size: .85rem;
	font-size: 1rem;
}

.point-place {
	font-style: italic;
}

.point-inner-content > *:first-child {
	margin-top: 0;
}

.point-inner-content > *:last-child {
	margin-bottom: 0;
}

.point-close {
	position: absolute;
	top: 10px;
	right: 5px;
	opacity: .4;
	transition: var(--transition);
	cursor: pointer;
	z-index: 9;
	width: 26px;
	height: auto;

	padding: 10px;
	border: 1px solid var(--gray-border);
	border-radius: 8px;
	width: 35px;
}

.point-close:hover {
	opacity: 1;
	border: 1px solid #000;
}







.promo-boxes-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
}

@media (min-width: 1025px) {
	.promo-boxes-wrap.middle {
		display: none;
	}

	.header-top {
		transition: var(--transition);
	}

	.header-bottom {
		transition: var(--transition);
	}

	#header_product_menu {
		overflow: hidden;
		height: 64px;
		transition: var(--transition) height;
	}

	.go-down .header-bottom,
	.go-down #header_product_menu {
		height: 0;
	}

	.go-down #header_product_menu {
		opacity: 0;
	}

	.go-down .header-top {
		padding-top: 5px;
		padding-bottom: 5px;
		border-color: rgba(0, 0, 0, 0);
	}
}

.promo-boxes-wrap .promo-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 25px;
	padding: 25px;
	border-radius: 8px;
}

.promo-boxes-wrap .promo-box.panels {
	background-color: var(--green-hex);
	color: #fff;
}

.promo-boxes-wrap .promo-box.fve {
	background-color: #fff;
	color: #000;
	padding-right: 100px;
}

.promo-boxes-wrap .promo-box.fve .person-wrap {
	position: absolute;
	bottom: 25px;
	right: 25px;
	width: 70px;
	height: 70px;
	border-width: 2px;
}

.promo-boxes-wrap .promo-box.fve .person-wrap::before {
	width: 14px;
	height: 14px;
}

.promo-boxes-wrap .promo-box.fve .person-wrap::after {
	width: 10px;
	height: 10px;
	left: calc(75% + 2px);
	bottom: calc(5% + 2px);
}

.promo-boxes-wrap .promo-box .promo-text {
	font-size: 1.3rem;
	font-weight: 600;
	font-family: var(--font-fancy);
	line-height: 1.3;
	color: #000;
}

.promo-boxes-wrap .promo-box.panels .promo-text {
	color: #fff;
}

/*.promo-boxes-wrap .promo-box.panels .btn {
	border-color: var(--yellow-hex);
	color: var(--yellow-hex);
}

.promo-boxes-wrap .promo-box.panels .btn:not(.yellow):hover {
	background-color: var(--yellow-hex);
	color: #000;
}*/

.promo-boxes-wrap .promo-box.fve .btn {
	color: var(--green-hex);
}

.promo-boxes-wrap .promo-box.fve .btn:hover {
	color: #fff;
}

.assembly-info-cont {
	padding-top: 220px !important;
}

.assembly-info-wrap {
	display: grid;
	grid-template-columns: 7fr 5fr;
	gap: 40px;
}

.assembly-benefits {
	padding-left: 100px;
}

.assembly-benefits p + h2 {
	margin-top: 40px;
}

.assembly-benefits h2 {
	margin: 0;
	font-size: 2rem;
	margin-bottom: 10px;
	position: relative;
}

.assembly-benefits h2::before {
	position: absolute;
	left: -100px;
	width: 67px;
	height: 57px;
	content: " ";
	background-image: url('/gfx/svg/tick-green.svg');
	background-size: cover;
	top: 0;
}

.assembly-info-cont .assembly-table {
	grid-column: 2 / 3;
}

.assembly-table h2 {
	font-size: 1.3rem;
}

.assembly-table table {
	width: 100%;
	border-collapse: collapse;
}

.assembly-table table th,  .assembly-table table td{
	border: 3px solid var(--gray-bg);
}

.assembly-table table td:last-child {
	font-weight: 700;
}

.top-contact-cont {
	text-align: center;
	padding-top: 15px;
}

.branches-list-wrap {
	gap: 25px;
}

.branches-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.branches-list-wrap .map-side {
	min-height: 450px;
}

.branches-list .branch {
	border: 1px solid #D9DEE9;
	box-shadow: var(--box-shadow);
	border-radius: 5px;
}

.branches-list .branch h3 {
	font-size: 1.3rem;
	margin: 0;
	padding: 20px;
	position: relative;
	transition: var(--transition);
	cursor: pointer;
}

.branches-list .branch h3:hover {
	color: var(--green);
}

.branches-list .branch h3::after {
	width: 8px;
	height: 16px;
	content: " ";
	position: absolute;
	top: 25px;
	right: 20px;
	transform: rotate(90deg);
	background-image: url('/gfx/svg/chevron-right-black.svg');
	background-size: 8px auto;
	background-repeat: no-repeat;
	transition: var(--transition);
}

.branches-list .branch.open h3::after {
	transform: rotate(-90deg);
}

.branch-info-wrap {
	display: none;
}

.branch-info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	padding: 20px;
	padding-top: 0;
}

.branch-info address {
	font-style: normal;
}

.branch-address {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 60px;
}

.branch-contacts,
.team-wrap .item .contacts,
.branch-info-box .contacts {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.team-wrap .bottom-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.team-wrap .bottom-wrap .position {
	text-align: center;
}

.team-wrap .item .contacts,
.branch-info-box .contacts {
	gap: 5px;
}

.branch-contacts a,
.team-wrap .item .contacts a,
.branch-info-box .contacts a {
	color: #000;
	transition: var(--transition);
	position: relative;
	display: flex;
	align-items: center;
	gap: 15px;
}

.branch-contacts a:hover,
.team-wrap .item .contacts a:hover,
.branch-info-box .contacts a:hover {
	color: var(--green-hex);
}

.branch-contacts a .icon-wrap,
.team-wrap .item .contacts a .icon-wrap,
.branch-info-box .contacts a .icon-wrap {
	background-color: var(--yellow-hex);
	padding: 3px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

.branch-info-box .contacts a .icon-wrap {
	width: 48px;
	height: 48px;
	padding: 10px;
}

.text-wrap > * {
	grid-column: content;
}

.id_page_268 .text-wrap > .table-wrap {
	grid-column: compressed;
}

.branch-contacts a.map .icon-wrap {
	background-color: rgba(0, 0, 0, 0);
	padding: 0;
	border-radius: 0;
}

.branches-list-wrap .map-canvas,
.branches-list-wrap .map-wrap {
	width: 100%;
	height: 100%;
}

.team-links {
	display: flex;
	justify-content: center;
	gap: 50px;
}

.team-links a {
	font-weight: 600;
	font-family: var(--font-fancy);
	color: #000;
	display: flex;
	gap: 10px;
	align-items: center;
	transition: var(--transition);
}

.team-links a:hover {
	color: var(--green-hex);
}

.team-links a::after {
	background-image: url('/gfx/svg/chevron-down-box.svg');
	width: 16px;
	height: 16px;
	background-size: cover;
	content: " ";
	display: block;
}

.team-wrap {
	gap: 25px;
}

.team-wrap .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: var(--gray-bg);
	border-radius: 8px;
	padding: 30px;
}

.team-wrap .item .people-img {
	background-image: url('/gfx/svg/people-bg.svg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 200px;
	background-position: 50% 50%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.team-wrap .item .people-img .fimg_wrp {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	top: -15px;
}

.team-wrap .item .people-img .fimg_pic {
	width: 100%;
	height: 100%;
}

.team-wrap .item .people-img .fimg_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.team-wrap .item .name {
	font-family: var(--font-fancy);
	font-weight: 600;
	font-size: 1.3rem;
	margin: 0;
}

.team-wrap .item .contacts {
	margin-top: 20px;
}

.team-box {
	margin: 60px 0;
}

.team-box .top-text {
	text-align: center;
}

.team-box h3 {
	position: relative;
	text-align: center;
}

.team-box h3::before {
	width: 100%;
	height: 1px;
	background-color: var(--gray-border);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: " ";
}

.team-box h3 span {
	position: relative;
	background-color: var(--gray-bg);
	padding: 0 20px;
}

.contact-text-wrap {
	gap: 80px;
}

.contact-text-wrap .page_perex {
	font-size: 1.2rem;
}

.text-wrap .page_perex {
	grid-column: compressed;
}

.contact-text-wrap .show-more {
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
}

.bank-wrap {
	gap: 30px;
}

.bank-wrap .item {
	background-color: var(--gray-bg);
	border-radius: 8px;
	padding: 30px;
	display: grid;
	grid-template-columns: 3fr 6fr;
}

.bank-wrap .item .bank-info {
	padding-left: 30px;
	border-left: 1px solid var(--gray-border);
}

.bank-wrap .item h3 {
	font-size: 1.3rem;
}

.top-contact-cont.branch-detail {
	padding-top: 0;
}

.navigation-wrap.full-width {
	margin: 0 -20px;
	padding: 15px 20px;
	background-color: var(--gray-bg);
}

.branch-detail-wrap {
	gap: 25px;
	margin-top: 70px;
	text-align: left;
}

.branch-detail-wrap address {
	font-style: normal;
	margin-bottom: 30px;
}

.branch-info-box {
	border-radius: 8px;
	border: 1px solid var(--gray-border);
	box-shadow: var(--box-shadow);
	padding: 40px;
}

.branch-info-box h1 {
	font-size: 2rem;
}

.branch-info-box .contacts .value {
	font-size: 1.3rem;
	font-family: var(--font-fancy);
	font-weight: 600;
}

.our-team-cont.detail .team-box {
	margin-top: 0;
}

.our-team-cont.detail h2 {
	font-size: 2rem;
}

.branch-detail .branch-text-wrap {
	margin-top: 80px;
	text-align: left;
}

.search_results_container {
	display: flex;
	flex-direction: column;
	gap: 40px;
	grid-column: content;
}

.search_results_container.header {
	align-items: center;
	margin-bottom: 70px;
}

.search_results_container.header .search_container {
	display: flex;
	justify-content: center;
}

.search_results_item {
	display: grid;
	grid-template-columns: 200px auto;
	gap: 30px;
}

.search_results_cimage figure {
	width: 100%;
	height: 100%;
}

.search_results_cimage figure .fimg_wrp,
.search_results_cimage figure .fimg_pic {
	width: 100%;
	height: 100%;
}

.search_results_cimage figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.search_results_image.no_image {
	background-color: var(--gray-bg);
	width: 100%;
	height: 100%;
	background-image: url('/gfx/svg/no-image-icon.svg');
	background-size: 60px auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.search_results_cinfo a {
	color: #000;
}

.search_results_cinfo strong {
	color: var(--green-hex);
}

.search_results_title {
	font-family: var(--font-fancy);
	font-weight: 600;
	font-size: 1.3rem;
}

.search_results_link {
	margin-top: 15px;
}

.search_results_link a {
	color: #666;
	font-size: .85rem;
}

.gallery_container {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.gallery_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gallery_container a {
  display: block;
}

.gallery_container img {
  display: block;
}

.realizace-gallery {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
  gap: 40px 0;
  margin: 40px 0;
}

.realizace-gallery .gallery_item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content 1fr;
  gap: 20px 40px;
  grid-template-areas:
	"img name"
	"img text";
  margin: 0;
  padding: 0;
  align-items: unset;
  justify-content: unset;
}

.realizace-gallery .gallery_item .gallery_img {
  grid-area: img;
}

.realizace-gallery .gallery_item img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 400px;
}

.realizace-gallery .gallery_item .gallery_name {
  grid-area: name;
  font-weight: 400;
  font-size: 26px;
  padding: 20px 0 0 0;
}

.realizace-gallery .gallery_item figcaption.gallery_info {
  grid-area: text;
  font-size: inherit;
  font-style: normal;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.top-def-page-cont {
	padding-top: 0;
	padding-bottom: 40px;
	text-align: center;
}

.articles_text_category {
	grid-column: 1 / -1;
}

.container > .articles_art_container {
	grid-column: full-width;
}

.articles_art_thumb {
	margin-bottom: 40px;
}

.articles_art_text .item-video,
.articles_art_text .video-wrap {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.articles_art_text .video_container {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.articles_art_text .video_container iframe,
.articles_art_text .video-wrap iframe {
	width: 100%;
	height: 100%;
}

.videos-wrap {
	gap: 25px;
}

.videos-wrap.num_1 {
	display: flex;
}

.videos-wrap.num_1 .video {
	flex: 0 0 100%;
}

.videos-wrap .d-upper-wrap {
	aspect-ratio: 16 / 9;
	position: relative;
}

.videos-wrap .d-upper-wrap figure {
	width: 100%;
	height: 100%;
}

.videos-wrap .d-upper-wrap .fvideo_wrp {
	position: relative;
	width: 100%;
	height: 100%;
}

.videos-wrap .d-upper-wrap figure .fvideo_wrp iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.d-video-bottom {
	display: flex;
	justify-content: space-between;
	font-size: .85rem;
	padding-top: 10px;
}

.d-video-bottom .d-file {
	color: #aaa;
}

.d-video-bottom .d-name {
	font-weight: 600;
}

.download-wrap {
	gap: 25px;
}

.download-wrap .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 10px;
	border: 1px solid var(--gray-border);
	border-radius: 8px;
	box-shadow: var(--box-shadow);
}

.download-wrap .item .link-more {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.download-wrap .item .file-left {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.download-wrap .item .file-right {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.download-wrap .item .file-ico {
	position: relative;
}

.file-ico.pdf .file_content {
  fill: #CC0000;
}

.file-ico .file_corner {
  fill: rgba(255,255,255,.7);
}

.file-ico .file-ico-text {
  color: #fff;
  line-height: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  font-size: 9px;
  text-transform: uppercase;
}

.download-wrap .file-left {
	display: flex;
	gap: 10px;
	align-items: center;
}

.download-wrap .file-left .file-name {
	font-weight: 500;
	transition: var(--transition);
}

.download-wrap .item:hover .file-left .file-name {
	color: var(--green-hex);
}

.download-wrap .file-size {
	font-size: .85rem;
	color: #aaa;
}

.download-wrap .file-btn {
	display: flex;
	gap: 5px;
	background-color: var(--yellow-hex);
	border-radius: 24px;
	padding: 5px 10px;
	font-size: .85rem;
	font-weight: 600;
	transition: var(--transition);
}

.download-wrap .item:hover .file-btn {
	background-color: hsl(var(--yellow-hslwl),43%);
}

.section-container .section-gallery.type_fw {
	order: 9;
	margin-top: 40px;
}

figure.arpcat_sections {
	display: flex;
	flex-direction: column;
}

figure.arpcat_sections figcaption {
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}

figure.arpcat_sections .fimg_wrp {
	border: 1px solid #f0f0f0;
}

figure.arpcat_sections .fimg_wrp picture {
	display: flex;
	justify-content: center;
}

.section-gallery.col-2.type_fs {
	gap: 80px;
}

.have_imgs_fs:nth-of-type(2n) .text-side {
	order: 2;
}

.section-gallery.col-2.type_fs .videos-wrap {
	grid-column: 1 / -1;
}





/* SVJ sekce */
section.svj-body .text-side{
  
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.svj-body figure.arpcat_sections .fimg_wrp{
  border-color: transparent;
}
section.svj-body figure.arpcat_sections .fimg_cap{
  display: none;
}


.arpeg-svj{
	margin: 0 auto;
}



@media(min-width: 1300px) {
	.articles_art_text > .articles_art_thumb {
		margin-left: -20px;
	}
}








#map_info_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: .9rem;
}

#map_info_box .image {
	width: 280px;
}

#map_info_box .image img {
	width: 100%;
	height: auto;
}

#map_info_box .name {
	max-width: 320px;
	margin-top: 20px;
	text-align: center;
}

#map_info_box .name h3 {
	font-size: 1rem;
}

#map_info_box .name h3 a {
	color: #000;
	text-decoration: none;
	transition: var(--transition);
}

#map_info_box .name h3 a:hover {
	color: var(--green-hex)
}

#map_info_box .technical strong {
	font-weight: 700;
}

#map_info_box .more {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: .9rem;
}

#map_info_box .place {
	text-align: center;
	margin-top: 10px;
	font-size: 1rem;
}

.map_bubble_link {
	padding: 5px 15px;
	background-color: var(--green-hex);
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
}

.gm-style div {
	position: initial;
}

.gallery-cont .gallery-wrap {
	gap: 25px;
	overflow: hidden;
}

.gallery-cont .gallery-wrap figure {
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--gray-border);
}

.gallery-cont .gallery-wrap figure .fimg_wrp {
	aspect-ratio: 1 / 1;
}

.gallery-cont .gallery-wrap picture {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}

.gallery-cont .gallery-wrap picture img {
	object-fit: cover;
}

.counterbid {
	grid-column: content;
}

.counterbid .cform_label {
	margin-bottom: 10px;
	font-weight: 600;
}

.cform_container.counterbid .cform_item_type_textarea {
  margin-bottom: 20px;
}

.cform_container.counterbid .cform_cleartext {
  position: relative;
  bottom: 0;
  font-size: 1rem;
	color: #000;
}

.cform_container.counterbid .cform_cleartext .cform_text {
  font-size: 1.3rem;
  font-weight: 600;
	color: var(--green-hex);
}

.cform_container.counterbid .cform_cleartext.cform_item_id_45 {
	order: 9;
	font-size: .8rem;
}

.cform_container.counterbid .cform_item_type_submit {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.hp-text-cont {
	grid-column: content;
}

.gallery_container {
	grid-column: content;
}

.media-cont h2 {
	text-align: center;
	font-size: 2rem;
}

.media-logos {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

.media-logos > a {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.media-logos > a > img {
	height: auto;
	max-width: 150px;
	max-height: 60px;
	filter: grayscale(1);
	opacity: .5;
	transition: var(--transition);
}

.media-logos > a:hover > img {
	filter: grayscale(0);
	opacity: 1;
}

.top-contact-cont table {
	font-size: .85rem;
	width: 100%;
}

.id_template_12 .top-contact-cont table h2 {
	display: block;
	font-size: 1.3rem;
	margin-bottom: 20px;
}

.id_template_12 .map_info_box {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
}

.id_template_12 .map_info_box strong {
	text-align: center;
	font-weight: 600;
	font-family: var(--font-basic);
}

.gm-style div:has(button) {

}



/* Footer */
.footer-top-cont {
	position: relative;
	padding-top: 80px !important;
}

.footer-top-cont .footer-bg-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 45%;
	height: 100%;
}

.footer-top-cont .footer-bg-wrap::after {
	position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(135deg,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 90%);
  width: 100%;
  height: 100%;
  content: " ";
}

.footer-top-cont .footer-bg-wrap .footer-bg-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.footer-top-cont .footer-bg-wrap .socials-wrap {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99;
}

.footer-top-cont .footer-bg-wrap .socials-wrap a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
}

.footer-top-cont .footer-bg-wrap .socials-wrap a.instagram {
	background-color: #F35556;
}

.footer-top-cont .footer-bg-wrap .socials-wrap a.facebook {
	background-color: #1877F2;
}

.footer-top-cont .footer-bg-wrap .socials-wrap a.youtube {
	background-color: #ff0033;
}

.footer-top-main-wrap {
	display: flex;
	justify-content: flex-end;
}

.footer-top-text {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.footer-top-main-wrap h2 {
	margin: 0;
	color: #fff;
}

.footer-contacts-wrap {
	display: flex;
	gap: 50px;
}

.footer-contacts-wrap.contact {
	margin-top: 30px;
	margin-bottom: 50px;
}

.footer-contacts-wrap a {
	display: flex;
	gap: 10px;
	text-decoration: none;
	align-items: center;
}

.footer-contacts-wrap a .icon-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--yellow-hex);
}

.footer-contacts-wrap .numbers-wrap {
	display: flex;
	flex-direction: column;
	color: #fff;
	font-size: .85rem;
}

.footer-contacts-wrap.contact .numbers-wrap {
	color: #000;
	text-align: left;
}

.footer-contacts-wrap .numbers-wrap .cta-text {
	font-family: var(--font-fancy);
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 1;
}

.footer-main {
	display: flex;
	justify-content: space-between;
	padding: 60px 0;
	border-bottom: 1px solid var(--gray-border);
}

.footer-main .footer-col {
	padding-left: 20px;
	border-left: 1px solid var(--gray-border);
}

.footer-main .footer-col:first-child {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer-main .footer-col .footer-head,
.footer-main .footer-col .submenu_parent_name_div {
	font-weight: 600;
	margin-bottom: 30px;
	color: #000;
	transition: var(--transition);
	display: flex;
	text-decoration: none;
}
.footer-main .footer-col .submenu_parent_name_div a{
  color:inherit;
  text-decoration: none;
}

.footer-main .footer-col .footer-head:hover,
.footer-main .footer-col .submenu_parent_name_div:hover {
	color: var(--green-hex);
	text-decoration: underline;
}

.footer-main .footer-col ul,
.footer-main .footer-col #menu,
.footer-main .footer-col .submenu {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	gap: 10px;
	list-style-type: none;
}

.footer-main .footer-col ul a,
.footer-main .footer-col #menu a,
.footer-main .footer-col .submenu a {
	transition: var(--transition);
  font-weight: 400;
	color: #000;
	text-decoration: none;
}

.footer-main .footer-col ul a:hover,
.footer-main .footer-col #menu a:hover,
.footer-main .footer-col .submenu a:hover {
	color: var(--green-hex);
	text-decoration: underline;
}

.footer-bottom {
	padding: 40px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-main .footer-col .submenu_solar {
	margin-bottom: 30px;
}

.footer-col-bottom {
	display: flex;
	flex-direction: column;
	gap: 10px;
}


/* Pop-up */
.pop-up-form,
.pop-up-form-psc {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 6666;
  top: 0;
  left: 0;
  pointer-events: none;
  transform: translateY(-200%);
  transition: var(--transition);
}

.pop-up-form.visible,
.pop-up-form-psc.visible {
  pointer-events: auto;
  transform: translateY(0%);
}

.pop-up-form .form-wrap,
.pop-up-form-psc .form-wrap {
  height: 90%;
  width: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.pop-up-form .form-wrap .form-inner-wrap,
.pop-up-form-psc .form-wrap .form-inner-wrap {
  height: auto;
  width: 100%;
  max-width: 520px;
  max-height: 100%;
  overflow: auto;
  pointer-events: auto;
	background-color: #fff;
	padding: 20px;
	border-radius: 8px;
}

.pop-up-form .cform_name,
.pop-up-form-psc .cform_name {
	font-size: 1.3rem;
	text-align: left;
	padding-right: 60px;
	min-height: 48px;
}

.pop-up-form .cform_name .green,
.pop-up-form-psc .cform_name .green {
	color: var(--green-hex);
}

.pop-up-form .cform_item_type_cleartext.full-width_item,
.pop-up-form-psc .cform_item_type_cleartext.full-width_item {
	text-align: center;
	font-size: .9rem;
}

.pop-up-form .cform_item_type_cleartext.full-width_item strong,
.pop-up-form-psc .cform_item_type_cleartext.full-width_item strong {
	color: var(--green-hex);
}

.cform_item_type_cleartext:not(.full-width_item) {
	font-size: .6rem;
	color: #666;
}

.pop-up-form .cform_item_type_textarea {
	margin-bottom: 30px;
}

.pop-up-bg,
.pop-up-bg-psc {
  background-color: rgba(0,0,0,.8);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.close-form,
.close-form-psc {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  opacity: .7;
  transition: var(--transition);
  border-radius: 12px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 9;
  cursor: pointer;
}

.close-form img,
.close-form-psc img {
  filter: brightness(0) invert(1);
}

.close-form:hover,
.close-form-psc:hover {
  opacity: 1;
}

.pop-up-form-psc h2 {
	margin-bottom: 30px;
}

.pop-up-form-psc .cform_item_type_submit {
	grid-column: 1 / -1;
}







/* Filters */
.filter_container {
	margin: 25px 0;
	width: 100%;
	background-color: var(--gray-bg);
	padding: 15px;
}

.filter_chooser {
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.filter_chooser_name {
	font-size: .85rem;
	position: relative;
	top: 7px;
	margin-right: 20px;
}

.filter_chooser .filter_name {
	font-weight: 400;
	border: 1px solid #E3E3E3;
	padding: 5px 10px;
	padding-left: 10px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
	flex: 1 1 auto;
	max-width: 200px;
	min-width: fit-content;
	text-align: center;
	background-color: #fff;
	position: relative;
	cursor: pointer;
	padding-left: 10px;
}

.filter_chooser .filter_name.chosen {
	border-bottom: 2px solid var(--green-hex)
}

.filter_name {
	font-weight: 400;
	display: inline-block;
	font-size: .85rem;
	position: relative;
	top: 7px;
}

.filter_groups {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.filter_group {
	display: none;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	padding: 20px 0;
	border-bottom: 1px solid #000;
}

.filter_group_name {
	width: 10%;
	min-width: 10rem;
}

.filter_group_items, .selected_items {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 0.5em;
	flex: 1 1 auto;
}

.filter_name {
	font-weight: 400;
	display: inline-block;
	position: relative;
	top: 5px;
}

.filter_group.showed {
  display: flex;
}

.filter_item {
	padding: .25em 0.5em;
	border: 1px solid rgba(112,112,112,.35);
	text-decoration: none;
	color: inherit;
	transition: var(--transition);
	display: inline-block;
	width: 19%;
	text-align: right;
	position: relative;
}

.filter_item_name {
	display: inline;
	padding-left: 30px;
	font-size: .9rem;
}

.filter_item_count {
	display: inline-block;
	color: inherit;
	opacity: .5;
	position: absolute;
	left: 10px;
	top: 4px;
}

.filter_actions.bottom {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.filter_selected {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #000;
}

.filter_selected .selected_name {
  width: auto;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  top: 1px;
}

.selected_items .filter_item {
  width: auto;
}


.id_template_12 .how-is-bottom h2 {
	display: none;
}

.id_template_12 .how-is-bottom p {
	margin-top: 0;
}



/* Smart FVE */
.id_page_278 .top-cat-cont .cat-bg-img::after {
  display: none;
}

.id_page_278 .top-cat-cont .btn-wrap {
	display: none;
}

.icon-benefits-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 40px;
	row-gap: 40px;
	margin-top: 60px;
}

@media(max-width: 1024px) {
	.icon-benefits-wrap {
		grid-template-columns: 1fr 1fr;
	}
}

@media(max-width: 480px) {
	.icon-benefits-wrap {
		display: flex;
		flex-direction: column;
	}
}

.icon-benefits-wrap .item {
	display: grid;
	grid-template-columns: 40px auto;
	gap: 15px;
	position: relative;
}

.icon-benefits-wrap .item .badge {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	text-transform: uppercase;
	padding: 7px 15px;
	border-radius: 15px;
	color: #fff;
	background-color: var(--orange-hex);
	line-height: 1;
	font-weight: 600;
	font-size: .85rem;
}

.icon-benefits-wrap .item h3 {
	font-size: 1.3rem;
	margin-top: 0;
}

.icon-benefits-wrap .item.soon h3 {
	padding-right: 100px;
}

.app-stores-cont {
	text-align: center;
}

.app-stores-wrap {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	justify-content: center;
}

.app-stores-wrap a {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 15px;
}


/* Kalkulacka */
.calc-outer-wrap {
  display: grid;
  grid-template-columns: 3fr 2fr;
  position: relative;
  column-gap: 100px;
}

.calc-outer-wrap .img-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.calc-outer-wrap .img-wrap img {
  width: 100%;
  height: auto;
  max-width: 300px;
}

.calc-main {
  padding: 30px;
  border-radius: 8px;
	border: 1px solid var(--gray-border);
	box-shadow: var(--box-shadow);
}

.calc-main h2 {
	font-size: 1.7rem;
}

.calc-main h2 strong {
	font-weight: 600;
	color: var(--green-hex);
}

.text-page-wrapper.calc {
  padding: 20px 0;
}

.kalkulacka .form-section {
  display: none;
  text-align: center;
}

.kalkulacka .form-section.active {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.kalkulacka .cform_item_type_submit {
  display: none;
}

.control-btns-wrap_text {
  display: none;
}

.kalkulacka form {
  padding-bottom: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.kalkulacka .control-btns-wrap_item {
  position: relative;
  bottom: 0;
  order: 666;
  margin-top: 30px;
}

.kalkulacka .control-btns-wrap_form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.next-form-part,
.cform_item_type_submit input {
	font-family: var(--font-fancy);
  font-weight: 600;
  color: #fff;
  background-color: var(--green-hex);
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  transition: var(--transition);
  display: flex;
  padding: 15px 30px;
  line-height: 1;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  border-radius: 24px;
  width: fit-content;
  cursor: pointer;
}

.next-form-part:hover,
.cform_item_type_submit input:hover {
	background-color: hsl(var(--green-hslwl), 31%);
}

.prev-form-part {
  font-size: 18px;
  margin-top: 15px;
  text-decoration: underline;
}

.prev-form-part:hover {
  text-decoration: none;
}

.form-control-btn {
  cursor: pointer;
}

.form-section .cform_cleartext {
  position: relative;
  bottom: 0;
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
}

.form-section .cform_item {
  margin-bottom: 25px;
  max-width: 450px;
  width: 100%;
}

.form-section .form.empty {
  border: 1px solid red;
}

.form-section .cform_item label {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-block;
}

.form-section .cform_item label .cform_desc {
  font-weight: 400;
	font-size: 14px;
	color: #7d7d7d;
}

#cform_8 .form-section .cform_item label {
	font-size: 16px;
}

.form-section .input-before.active {
  display: none;
}

.id_page_107 .realization-cont .btn {
  display: none;
}

.kalkulacka .cform_item_id_36 {
  margin-bottom: 0;
  font-size: 14px;
  text-align: center;
}

.compressed-text-cont .container > ul.submenu_text,
.compressed-text-cont .text-wrap > ul.submenu_text {
	grid-column: content;
}

.compressed-text-cont .container table,
.compressed-text-cont .text-wrap table {
	border-collapse: collapse;
	min-width: 100%;
}

.compressed-text-cont .text-wrap table td {
	border: 1px solid var(--gray-border);
	padding: 10px;
}

.compressed-text-cont .text-wrap table th {
	border: 1px solid var(--gray-border);
	padding: 10px;
	background-color: var(--green-hex);
	color: #fff;
	text-align: left;
	line-height: 1.25;
}

.submenu_text {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 25px;
	padding: 0;
	margin: 0;
}

.submenu_text li {
	list-style-type: none;
	border: 1px solid #d9dee9;
  box-shadow: var(--box-shadow);
	border-radius: 4px;
	transition: var(--transition);
}

.submenu_text li:hover {
	border-color: var(--green-hex);
}

.submenu_text li a {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000;
  transition: var(--transition);
  line-height: 1.2;
  font-size: 1.2rem;
  text-wrap: balance;
  font-weight: 600;
	padding: 20px;
	height: 100%;
}

.submenu_text li a figure {
  flex: 0 0 80px;
  height: 80px;
  padding: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	width: 80px;
}

.submenu_text li a figure .fimg_wrp {
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.submenu_text li a figure .fimg_wrp picture {
  width: 100%;
  height: 100%;
}

.submenu_text li a figure .fimg_wrp picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.submenu_text li a figure::before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url('/gfx/svg/circle-half-small-gray.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0 0;
}

.submenu_text li a figure::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url('/gfx/svg/circle-half-small-green.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0 0;
  opacity: 0;
  transition: var(--transition);
}

.submenu_text li:hover a figure::after {
  opacity: 1;
}

.search_results_groups {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  margin-top: 20px;
  border-bottom: 1px solid var(--gray-border);
}

.search_results_groups_item {
  flex: 0 0 auto;
  background-color: var(--gray-bg);
  color: #000;
  font-size: 1rem;
  padding: 0.25em 1em;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: var(--transition);
  position: relative;
  cursor: pointer;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.search_results_groups_item:hover, .search_results_groups_item.active {
  background-color: var(--green-hex);
  color: #fff;
}

.search_results_groups_item {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}








/* Kalkulačka SVJ */


#cform_8 form {
  display: flex;
	flex-direction: column;
}

#cform_8 .form-section {
	display: none;
	flex-direction: column;
	gap: 15px;
}

#cform_8 .form-section.active {
	display: flex;
}

#cform_8 .cform_header {
	grid-column: 1 / -1;
	text-align: center;
}

#cform_8 .control-btns-wrap_item {
	order: 666;
}

#cform_8 .control-btns-wrap_form {
	display: flex;
	align-items: center;
	flex-direction: column;
}

#cform_8 .cform_item_id_68,
#cform_8 .cform_item_id_70 {
	grid-column: 1 / -1;
	max-width: unset;
}

#cform_8 .form-section .cform_item {
	margin-bottom: 0;
	display: flex;
  flex-direction: column;
  justify-content: flex-end;
	max-width: unset;
}

#cform_8 .form-section .cform_item.cform_item_id_72 {
	display: none;
}

.calc-outer-wrap .form-person-side {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	text-align: center;
	position: sticky;
	top: 80px;
	transition: top var(--transition);
}

.calc-outer-wrap .form-person-side.go-up {
	top: 160px;
}

.calc-outer-wrap .img-wrap.svj {
	align-items: flex-start;
}

.calc-outer-wrap .form-person-side h2,
.calc-outer-wrap .form-person-side p {
	margin: 0;
}

.need-help-wrap {
	position: fixed;
	bottom: 0;
	right: 50px;
	width: 300px;
	box-shadow: var(--box-shadow);
	z-index: 665;
  overflow: hidden;
  
  border: 1px solid #FFFFFF;
	background-color: #fff;
  border-radius: 8px 8px 0 0;
  border-bottom-width: 0px;
}

.cform_item_id_72 {
	display: none;
}

.cform_item_id_76 {
	grid-column: 1 / -1;
}

#calc_output table td:last-child {
	text-align: right;
}

.cform_form.cform_form_id_73 {
	font-size: .75rem;
}

@media(max-width: 550px) {
	#cform_8 .form-section.active {
		display: flex;
		flex-direction: column;
	}
}

.cform_submitted_text.ok + #calc_output {
  margin-top: -8rem;
}

.text-wrap > #calc_output {
  grid-column: compressed;
	
}

.text-wrap #calc_output table th {
	background-color: #fff;
	color: #000;
}

.text-wrap #calc_output table tr:nth-child(2n) > * {
	background-color: rgba(0, 0, 0, .05);
}

.text-wrap #calc_output table + table {
	margin-top: 50px;
}

.cform_text.with-map_text {
	position: relative;
	padding-right: 30px;
}

.cform_text.with-map_text a {
	position: absolute;
	right: 0;
	top: 0;
}

.need-help-head {
	font-size: 1.25rem;
	font-weight: 600;
	
	color: #fff;
	background-color: var(--green-hex);
	cursor: pointer;
	transition: var(--transition);
	position: relative;
}

.need-help-headt{
  display:flex;
  flex-wrap: nowrap;
  gap: 10px;  
  padding: 0.5em 1em;
  margin: 0 auto;
  width: 300px;
  line-height: 1.1;
}
.need-help-headt img{
  width: 1.25em;
  height: 1.25em;
  margin: -0.1em 0;
}

.need-help-head:hover {
	background-color: hsl(var(--green-hslwl),32%);
}

.need-help-body {
  border: 1px solid var(--gray-border);
	border-width: 0 1px 0 1px;
	background-color: #fff;
  
	display: none;
}

.need-help-body .text {
	padding: 10px 15px;
	font-size: .9rem;
}

.need-help-body .cform_container {
	padding: 10px 15px;
}

.need-help-body .cform_container form {
	display: flex;
	flex-direction: column;
}



.need-help-wrap.cookiebarover{
  top: 50vh;
  bottom: unset;
  right: 0px;
  display:flex;
  flex-wrap: no-wrap;
  
  width:auto;
  min-height: 260px;
  
  
  border-top-left-radius: 8px;
	border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  
  
  border-bottom-width: 1px;
  border-right-width: 0px;

}

.need-help-wrap.cookiebarover .need-help-head{
  width: 2rem;
  font-size: 1.05rem;
}
.need-help-wrap.cookiebarover .need-help-headt{
  transform: translate(-50%,-50%) rotate(270deg);
  transform-origin: center;
  
  
  width: 260px;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2rem;
}
.need-help-wrap.cookiebarover .need-help-body{
  border-width: 1px 0 1px 0;  
}





/* Specials */

/* Dotace - FVE na 1. misto */
#submenu_text_98_li,
#submenu_text_287_li {
	order: -1;
}


/* Chytra FVE */
.id_page_278 .top-cat-cont h2 .color {
	color: #1ea638;
}

.id_page_278 figure.arpcat_sections .fimg_wrp {
	border: none;
}

.top-text .btns-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	align-items: center;
	margin-top: 40px;
}

.affil-banner {
	background: linear-gradient(90deg,rgba(0, 0, 0, 1) 46%, rgba(11, 180, 64, 1) 55%);
	color: #fff;
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 10px 30px;
	position: relative;
}

.affil-banner .yellow {
	color: var(--yellow-hex);
}

.affil-banner .green {
	color: var(--green-hex);
}

.affil-banner .banner-headline {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.25;
}

.affil-banner .banner-sub-text {
	background-color: #666;
	padding: 12px 20px;
	border-radius: 12px;
	line-height: 1.25;
	margin-top: 20px;
}

.affil-banner .banner-sub-text .yellow {
	font-weight: 700;
}

.affil-banner .left-side {
	flex: 0 0 auto;
}

.affil-banner .right-side {
	flex: 0 1 auto;
}

.affil-banner .banner-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.inner-top-hp .outer-promo-box {
	flex: 0 0 calc(40% - 80px);
	min-height: 100%;
}

.outer-promo-box {
	position: relative;
}

.outer-promo-box .promo-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	z-index: 0;
	transition: opacity var(--transition);
}

.outer-promo-box .promo-box.active {
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: flex-start;
}

.promo-box .promo-body p {
	margin: 0;
}

.promo-box .promo-body p.yellow {
	color: var(--yellow-hex);
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.3;
}

.promo-box .promo-body ul.yellow {
	color: var(--yellow-hex);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2rem;
	line-height: 1.3;
	margin: 15px 0;
}

.hp-promo-box-img .promo-img.box-img {
	opacity: 0;
	pointer-events: none;
	z-index: 0;
	transition: opacity var(--transition);
}

.hp-promo-box-img .promo-img.box-img.active {
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}

/* Interaktivní kalkulačka */
.interactive-calc-cont {
	background-image: url('/gfx/calc/calc-bg.jpg');
	background-size: cover;
	background-position: 50% 50%;
}

.ic-calc-header {
	color: #fff;
	text-align: center;
	font-size: 3rem;
}

.ic-wrap {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.ic-wrap .ic-left-side {
	background-color: #fff;
	border-radius: 16px;
	padding: 45px;
	flex: 0 0 360px;
	text-align: center;
}

.ic-wrap .ic-right-side {
	background-color: #fff;
	border-radius: 16px;
	padding: 45px;
	flex: 1 1 auto;
}

.ic-wrap  .ic-text {
	margin-bottom: 25px;
}

.ic-wrap .ic-left-side .img-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.steps-content-wrap {
	position: relative;
	transition: height var(--transition);
}

.ic-step-content {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	transition: var(--transition);
	width: 100%;
}

.ic-step-content.active {
	opacity: 1;
	pointer-events: auto;
}

.ic-wrap .ic-right-side {
	text-align: center;
}

.ic-wrap .ic-right-side .steps-wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.ic-wrap .ic-right-side .steps-wrap .point {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid var(--gray-border);
	text-align: center;
	font-weight: 600;
	color: #606060;
	position: relative;
	cursor: pointer;
}

.ic-wrap .ic-right-side .steps-wrap .point.disabled {
	opacity: .5;
	cursor: not-allowed;
}

.ic-wrap .ic-right-side .steps-wrap .point.done {
	border-color: var(--green-hex);
	background-color: var(--green-hex);
	color: #fff;
}

.ic-wrap .ic-right-side .steps-wrap .point.active {
	border-color: var(--green-hex);
	color: var(--green-hex);
	background-color: #fff;
}

.ic-wrap .ic-right-side .steps-wrap .point::after {
	height: 2px;
  width: 126px;
  background-color: var(--gray-border);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 44px;
  content: " ";
	pointer-events: none;
}

.ic-wrap .ic-right-side .steps-wrap .point:last-child::after {
	display: none;
}

.ic-wrap .ic-right-side .steps-wrap .point.done::after {
  background-color: var(--green-hex);
}

.ic-tiles-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.ic-tiles-wrap .ic-tile {
	border-radius: 16px;
	border: 1px solid var(--gray-border);
	padding: 25px;
	flex: 0 0 31%;
	transition: var(--transition);
	cursor: pointer;
}

.ic-tiles-wrap .ic-tile:hover {
	border-color: var(--green-hex);
}

.ic-tiles-wrap .ic-tile.active {
	border-color: var(--green-hex);
	border-bottom-width: 10px;
}

.ic-tiles-wrap .ic-tile .ic-outer-img-wrap {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	padding: 32px;
}

.ic-tiles-wrap .ic-tile .ic-outer-img-wrap::before {
	position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url('/gfx/svg/circle-half-big-gray.svg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.ic-tiles-wrap .ic-tile .ic-outer-img-wrap::after {
	position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url('/gfx/svg/circle-half-big-green.svg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 0;
  transition: var(--transition);
}

.ic-tiles-wrap .ic-tile:hover .ic-outer-img-wrap::after,
.ic-tiles-wrap .ic-tile.active .ic-outer-img-wrap::after {
  opacity: 1;
}

.ic-tiles-wrap .ic-tile .ic-inner-img-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
}

.ic-tiles-wrap .ic-tile .ic-inner-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ic-tiles-wrap .ic-tile-name {
	font-weight: 700;
	font-size: 1.2rem;
}

.ic-input-wrap {
	width: 100%;
	position: relative;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.ic-wrap .cform_item {
	max-width: 480px;
	width: 100%;
}

.ic-wrap .cform_item label {
	font-weight: 600;
}

.ic-wrap .cform_item .cform_form_submit {
	justify-content: center;
	padding-top: 30px;
}

.ic-input-wrap input {
	height: 50px;
	width: 100%;
	border-radius: 6px;
	border: 1px solid var(--gray-border);
	padding: 5px 25px;
	box-sizing: border-box;
	font-size: 1.1rem;
}

.ic-input-wrap input::placeholder {
	opacity: .6;
	color: #666;
}

.ic-input-unit {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 50px;
	color: #606060;
}

.ic-input-wrap input:focus {
	outline: 2px solid var(--green-hex);
}

.ic-content-text {
	margin: 30px auto;
	max-width: 480px;
}

.ic-btn-wrap {
	display: flex;
	justify-content: center;
}

.ic-input-wrap select {
	height: 50px;
	width: 100%;
	border-radius: 6px;
	border: 1px solid var(--gray-border);
	padding: 5px 25px;
	box-sizing: border-box;
	font-size: 1.1rem;
	background-color: #fff;
}

.ic-wrap form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ic-wrap .cform_item_id_120,
.ic-wrap .cform_item_id_121,
.ic-wrap .cform_item_id_123,
.ic-wrap .cform_item_id_124,
.ic-wrap .cform_item_id_125,
.ic-wrap .cform_item_id_126 {
	display: none;
}

.cform_item_id_122 {
	margin-top: 30px;
}

.loadbar-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	opacity: 0;
	pointer-events: none;
	flex-direction: column;
	gap: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity var(--transition);
}

.show-load .loadbar-wrap {
	opacity: 1;
	pointer-events: auto;
}

.loadbar-wrap .battery-outer {
	width: 200px;
	height: 60px;
	border-radius: 4px;
	position: relative;
	border: 6px solid #000;
	padding: 4px;
}

.loadbar-wrap .battery-inner {
	width: 0;
	height: 100%;
	border-radius: 4px;
	position: relative;
	transition: width ease-in-out .1s;
	background-color: var(--green-hex);
}

.loadbar-wrap .battery-outer::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 30px;
	left: 100%;
	content: " ";
	background-color: #000;
}

.loadbar-wrap .battery-progress {
	font-size: 1.7rem;
	font-weight: 700;
}

.ic-wrap .show-load .area-wrap,
.ic-wrap .load-done .area-wrap {
	opacity: 0;
	pointer-events: none;
}

.battery-headline {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}

.calc-done-bulb-wrap {
	display: flex;
	opacity: 0;
	pointer-events: none;
	flex-direction: column;
	gap: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity var(--transition);
	gap: 30px;
	align-items: center;
	position: absolute;
}

.load-done .calc-done-bulb-wrap {
	opacity: 1;
	pointer-events: auto;
}

.cform_submitted_text.ic-calc-text {
  margin-bottom: 0px;
  /*border: 1px solid var(--gray-border);
  background-color: rgba(0,0,0,0);*/
  color: #000;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: left;
	padding-left: 160px;
  background-image: url('/gfx/svg/arpeg-bulb.svg');
  background-repeat: no-repeat;
  background-size: auto 140px;
  background-position: 20px 20px;
}

.ic-wrap .cform_item_type_submit {
	display: flex;
	justify-content: center;
}



.id_page_317 .cform_id_14 {
	padding: 40px;
	border-radius: 20px;
	background-color: rgba(var(--green-rgb), .1);
}

.id_page_317 .cform_id_14 h2 {
	text-align: center;
}


#header_product_menu_141_a .menu-text,
#header_product_menu_152_a .menu-text,
#header_product_menu_154_a .menu-text {
	position: relative;
	display: inline-block;
	flex: 1 0 auto;
}

#header_product_menu_141_a .menu-text::before,
#header_product_menu_152_a .menu-text::before,
#header_product_menu_154_a .menu-text::before {
	position: absolute;
  bottom: calc(100% + 0px);
  left: 0;
  content: "Chytrá fotovoltaika";
  padding-right: 25px;
  background-image: url('/gfx/img/ai-badge.png');
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: 100% 0;
  color: #606060;
  font-size: .9rem;
  padding-top: 5px;
}

@media(max-width: 500px) {
	.id_page_317 .cform_id_14 {
		padding: 30px 20px;
	}

	.id_page_317 .cform_id_14 form {
		display: flex;
		flex-direction: column;
	}
}


@media(max-width: 1279px) {
	.ic-wrap {
		flex-direction: column;
	}

	.ic-wrap .ic-left-side {
		padding: 25px;
  	flex: 0 0 auto;
		display: flex;
		justify-content: space-between;
		gap: 25px;
		text-align: left;
	}

	.ic-text-wrap {
		max-width: 600px;
	}

	.ic-wrap .ic-right-side {
		padding: 45px 25px;
		width: 100%;
	}

	.ic-wrap .ic-right-side .steps-wrap .point::after {
		width: calc(((100vw - 130px) / 4) - 60px);
	}
}

@media(max-width: 768px) {
	.ic-tiles-wrap {
		flex-wrap: wrap;
		gap: 20px;
	}

	.ic-tiles-wrap .ic-tile {
		padding: 15px;
		min-width: 220px;
		flex: 1 1 auto;
		max-width: 400px;
	}

	.ic-img-wrap {
		min-width: 200px;
	}

	.ic-wrap .ic-left-side {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.cform_submitted_text.ic-calc-text {
		padding-left: 25px;
		padding-top: 90px;
		background-size: auto 60px;
	}
}


@media (min-width: 1025px) {
	body {
		padding-top: 154px;
	}

	header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		background-color: #fff;
	}


}


@media (max-width: 1500px) {
	.realizations-wrap .item {
		padding: 20px;
	}

	.realizations-wrap .item .ref-img {
		margin: 0 -20px;
		margin-top: -20px;
	}

	.realizations-wrap .item .top-wrap .name {
		margin-top: 20px;
		font-size: 1.1rem;
	}

	.category-wrap .item .item-name {
		font-size: 1.5rem;
	}

	.navigation-cont ul a {
		font-size: .9rem;
		gap: 5px;
		padding: 10px 7px;
	}

	h2 {
		font-size: 2.2rem;
	}
	
	.outer-promo-box .promo-box {
		padding-left: 0;
	}
}

@media (max-width: 1300px) {
	.container,
	.articles_art_text {
		grid-template-columns:
    [full-width-start] 0 
    [breakout-start] 20px 
    [content-start] 20px 
    [compressed-start] calc(100% - 80px) [compressed-end]
    20px [content-end] 
    20px [breakout-end] 
    0 [full-width-end];
	}

	.promo-box .promo-head, .promo-box-inner .promo-head {
		font-size: 1rem;
	}

  .boxes-wrap .box,
	.box.orange.article .articles_small_title h3 {
    font-size: 1rem;
  }

	.box.orange.article .articles_small_title h3 {
		padding-left: 20px;
		padding-bottom: 20px;
	}

  .footer-contacts-wrap .numbers-wrap .cta-text {
    font-size: 1.3rem;
  }

	.last-realization-head .left-side .subhead {
		font-size: 1.1rem;
	}

	.last-realization-head .left-side .subhead {
		gap: 20px;
	}

	.last-realization-head .left-side {
		max-width: 355px;
	}

	#header_product_menu li a {
		font-size: 1rem;
	}
}

@media (max-width: 1200px) {
	.realizations-wrap.col-4 {
		grid-template-columns: repeat(3,1fr);
	}

	.header-cta-wrap {
		gap: 15px;
	}

	.calc-btn {
		padding: 10px 20px;
	}

	.inner-top-hp {
		padding: 40px 0;
	}

	.inner-top-hp h2 {
		font-size: 2.2rem;
	}

	.promo-box .promo-body h3 {
		font-size: 1.4rem;
	}

	.promo-box .promo-head, .promo-box-inner .promo-head {
		font-size: .85rem;
		padding: 7px;
	}

	.inner-top-hp .promo-box {
		flex: 0 0 40%;
	}

	.hp-promo-box-img {
		flex: 0 0 calc(50% - 80px);
	}

	.inner-top-hp {
		height: auto;
		min-height: 500px;
	}

  .boxes-wrap .box {
    padding: 20px;
  }

  .category-wrap {
    grid-template-columns: 1fr 1fr;
  }

	.box.orange.article .articles_small_thumb {
		height: calc(100% - 60px);
	}

	.last-realization-head {
		flex-wrap: wrap;
		align-items: center;
	}

	.last-realization-head .left-side {
		flex: 0 0 100%;
		max-width: unset;
	}

	.last-realization-head .btn-wrap {
		height: auto;
	}

	.affil-banner .left-side {
		flex: 0 1 auto;
	}

	.affil-banner .banner-headline {
		font-size: 2rem;
	}

	.affil-banner .banner-sub-text {
		max-width: 450px;
	}
	
	.inner-top-hp .outer-promo-box {
		flex: 0 0 calc(40% - 20px);
	}
}

@media (max-width: 1024px) {
	.container,
	.articles_art_text {
		grid-template-columns:
    [full-width-start] 0 
    [breakout-start] 0 
    [content-start] 0 
    [compressed-start] 100% [compressed-end] 
    0 [content-end] 
    0 [breakout-end] 
    0 [full-width-end];
	}

	html{
		scroll-padding-top: 80px;
	}

	body {
		padding-top: 70px;
	}

	header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 70px;
		background-color: #fff;
	}

  .header-top {
    padding: 10px;
  }

  #small_menu {
    display: block;
    width: 35px;
    height: 25px;
    border: none;
    position: relative;
    background-color: rgba(0,0,0,0);
    padding: 0;
  }

  #small_menu .line {
    transition: var(--transition);
    width: 25px;
    height: 3px;
    background-color: #000;
    left: 5px;
    display: block;
    position: absolute;
  }

  #small_menu .line.first {
    top: 3px;
  }

	#small_menu.open .line.first {
    transform: rotate(45deg);
		top: 11px;
  }

  #small_menu .line.second {
    top: 11px;
  }

	#small_menu.open .line.second {
    opacity: 0;
  }

  #small_menu .line.third {
    top: 19px;
  }

	#small_menu.open .line.third {
    transform: rotate(-45deg);
		top: 11px;
  }

  #submenu-wrap {
    display: none;
  }

  .header_product_menu {
    display: flex;
    flex-direction: column;
  }

	header .h-phone .number {
		display: none;
	}

	.header-top .menu-wrap,
	.header-bottom {
		display: none;
	}

  .header-bottom {
    position: absolute;
    top: 100%;
    background-color: #fff;
    width: 100%;
		border-bottom: 1px solid var(--gray-border);
  }

	#header_product_menu {
		align-items: center;
	}

  #header_product_menu li {
    border: none;
  }

  #header_product_menu li a {
    height: 50px;
    font-size: .9rem;
		padding: 0 15px;
  }

  #header_product_menu .sub_0_a .img_main {
    display: none;
  }

	#header_product_menu .sub_0_li#header_product_menu_143_li::after {
		width: 26px;
		height: 18px;
	}

  header .h-inner-top {
    gap: 20px;
  }

	.menu-cat-items {
		max-height: calc(100vh - 100px);
		overflow: auto;
	}

  .boxes-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .boxes-wrap .box.big {
    grid-column: 1 / -1;
    aspect-ratio: auto;
    padding-bottom: 20px;
  }

  .boxes-wrap .box {
    aspect-ratio: auto;
    min-height: 160px;
  }

  .main-hp-cont h2,
  h2,
  .compressed-text-cont h1.header-section, .compressed-text-cont h2.header-section {
    font-size: 2rem;
  }

  .realizations-wrap.col-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .ref-people-wrap {
    gap: 20px;
  }

  .ref-people-wrap .item::before {
    border-width: 15px 0px 0 20px;
  }

  .ref-people-wrap .item::after {
    border-width: 13px 0px 0 18px;
  }

  .ref-people-wrap .item {
    padding: 20px;
    padding-top: 40px;
  }

  .ref-people-wrap .item .ref-text::before {
    bottom: calc(100% + 10px);
  }

  .ref-people-wrap .item .ref-text {
    font-size: 1rem;
  }

  .benefits-wrap {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    margin-top: 30px;
    padding-top: 1px solid var(--gray-border);
    border-right: none;
  }

  .benefits-wrap .item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--gray-border);
    border-right: none;
    gap: 20px;
  }

  .benefits-wrap .item:last-child {
    margin-bottom: 0;
  }

  .last-realization-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
		flex-wrap: nowrap;
  }

	.last-realization-head .left-side {
		flex: 0 0 auto;
		max-width: 400px;
	}

  .ref-people-wrap {
    flex-direction: column;
  }

  .ref-people-wrap .item {
    width: 100%;
  }

  .why-us-wrap {
    display: flex;
    flex-direction: column;
    gap: 130px;
  }

  .why-us-cont .bg-img {
    width: 100%;
    left: 0;
    height: 200px;
    top: auto;
    bottom: 0;
  }

  .category-wrap.col-2 .item:nth-child(-n+2) .outer-img-wrap,
  .category-wrap.col-3 .item .outer-img-wrap,
  .category-wrap.col-4 .item .outer-img-wrap {
    padding: 30px;
  }

  .category-wrap.col-2 .item:nth-child(-n+2) .circle-wrap,
  .category-wrap.col-2 .item .circle-wrap {
    width: 160px;
    height: 160px;
  }

  .category-wrap {
    display: flex;
    flex-direction: column;
  }

  .category-wrap.col-2 .item, .category-wrap.col-3 .item, .category-wrap.col-4 .item {
    flex-direction: column;
    text-align: center;
  }

  .category-wrap.col-2 .item .outer-img-wrap::before, .category-wrap.col-3 .item .outer-img-wrap::before, .category-wrap.col-4 .item .outer-img-wrap::before {
    background-image: url('/gfx/svg/circle-half-big-gray.svg');
    background-size: 100% auto;
  }

  .category-wrap.col-2 .item .outer-img-wrap::after, .category-wrap.col-3 .item .outer-img-wrap::after, .category-wrap.col-4 .item .outer-img-wrap::after {
    background-image: url('/gfx/svg/circle-half-big-green.svg');
    background-size: 100% auto;
  }

  .footer-top-cont {
    padding-bottom: 250px;
  }

  .footer-top-cont .footer-bg-wrap {
    width: 100%;
    height: 200px;
    top: auto;
    bottom: 0;
    left: 0;
  }

  .footer-top-main-wrap {
    justify-content: flex-start;
  }

  .inner-top-hp{
    display: flex;
    flex-direction: column;
    gap: 60px;
  }

  .inner-top-hp .promo-box {
    padding: 0;
  }

  .cell-text-top {
    margin-bottom: 60px;
		min-height: 120px;
  }

  .hp-promo-box-img {
    display: none;
  }

  .top-hp-cont {
    background-color: var(--green-hex);
		overflow: clip;
  }

  .promo-img-mobile {
    display: block;
		width: 100%;
		max-width: 400px;
    height: auto;
		margin-top: 30px;
  }

	.promo-img-mobile img {
    width: 100%;
		max-width: 440px;
		height: auto;
  }

	.promo-img-mobile .fimg_pic {
    display: block;
  }

  .top-hp-cont .promo-body {
    margin-bottom: 30px;
  }

  header .calc-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
  }

  header .calc-btn .calc-text {
    display: none;
  }

  .why-us-wrap .why-us-text {
    padding-right: 0;
  }

  .why-us-cont .promo-box-text {
    padding-left: 0;
  }

  .how-is-steps-wrap .yellow-corner {
    font-size: 1rem;
    max-width: 340px;
    padding: 20px 30px;
  }

  .contact-form-wrap {
    display: flex;
    flex-direction: column-reverse;
  }

  .contact-form-wrap .form-side {
    padding-left: 15px;
    padding-right: 15px;
  }

  form {
    column-gap: 10px;
  }

  .cform_item_type_textarea {
    margin-bottom: 20px;
  }

  .cform_cleartext {
    grid-column: span 2;
  }

  .cform_item_type_submit {
    display: flex;
    justify-content: flex-end;
    grid-column: span 2;
  }

  .history-text-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .history-text-wrap .header-col {
    padding-right: 0;
  }

  .footer-main {
    flex-direction: column;
  }

  .footer-main .footer-col {
    border-left: none;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--gray-border);
  }

  .footer-main .footer-col:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .footer-bottom {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }

  .footer-main {
    padding: 20px;
  }

  .footer-top-cont {
    padding-top: 40px !important;
    padding-bottom: 250px !important;
  }

  .footer-top-main-wrap h2 {
    font-size: 1.5rem;
  }

  .navigation-cont ul {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--gray-border);
  }

  .section-gallery.col-2.type_fs {
    gap: 30px;
  }

  .news_container, .faq-items-wrap {
    display: flex;
    flex-direction: column;
  }

  .faq-person-wrap .faq-btns-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .top-cat-cont.detail h1,
  h1 {
    font-size: 2rem;
  }

  .promo-boxes-wrap,
  .detail-top-wrap,
  .assembly-info-wrap {
    display: flex;
    flex-direction: column;
  }



  .assembly-benefits {
    padding-left: 60px;
  }

  .assembly-benefits h2::before {
    position: absolute;
    left: -60px;
    width: 40px;
    height: 35px;
    content: " ";
    background-image: url('/gfx/svg/tick-green.svg');
    background-size: cover;
    top: 0;
  }

  .assembly-benefits h2 {
    font-size: 1.5rem;
  }

  .col-4 {
    grid-template-columns: 1fr 1fr;
  }

  .videos-wrap,
  .ref-detail-main {
    display: flex;
    flex-direction: column;
  }

  .ref-splide .splide__slide figcaption {
    width: calc(100% - 30px);
    pointer-events: none;
    bottom: 2px;
    font-size: .75rem;
  }

  .slider-thumbs {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .map-cont {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 20px;
  }

  .map-cont .map-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
  }

  .side-map-wrap h1 {
    font-size: 2rem;
  }

  .side-map-wrap {
    padding-right: 0;
  }

  .side-map-outer-wrap {
    display: flex;
    flex-direction: column;
  }

	.calc-outer-wrap {
		column-gap: 40px;
		padding: 0 20px;
		grid-template-columns: 5fr 2fr;
	}

	.team-links {
		flex-wrap: wrap;
		row-gap: 5px;
		column-gap: 15px;
	}

	.detail-top-wrap .promo-boxes-wrap.top,
	.detail-top-wrap .counters-wrap {
		display: none;
	}

	.top-cat-cont.detail .left-name-col {
		min-height: unset;
	}

	.arpcat_items .top-cat-cont .cat-bg-img {
		aspect-ratio: 4 / 3;
		width: 100%;
		height: auto;
		min-height: 300px;
    max-height: 500px;
	}

	.articles_small_title h3, .articles_list_title h2 {
  	font-size: 1rem;
	}

	.affil-banner {
		flex-direction: column;
		background: linear-gradient(180deg,rgb(0, 0, 0) 40%,rgb(11, 180, 64) 60%);
		text-align: center;
		overflow: clip;
	}
	
	.inner-top-hp .outer-promo-box {
		flex: 0 0 auto;
		min-height: unset;
	}
}








@media (max-width: 767px) {
  .inner-top-hp h2 {
    font-size: 1.7rem;
  }

  .counters-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .counters-wrap .counter-item.customers::after {
    top: calc(100% + 8px);
  }

  .box-btns-wrap {
    flex-direction: column;
  }

  .box-btns-wrap a {
    justify-content: space-between;
  }

  .def-section {
    padding: 40px 20px;
  }

  .boxes-wrap .box {
    font-size: .9rem;
    padding: 10px;
  }

	.box.orange.article .articles_small_title h3 {
		padding-left: 10px;
		padding-bottom: 10px;
	}

  .boxes-wrap .box {
    background-position: calc(100% - 10px) calc(100% - 15px);
  }

  .realizations-wrap.col-4 {
    display: flex;
    flex-direction: column;
  }

  .ref-people-wrap .item {
    margin-left: 10px;
  }

  .scale-wrap {
    left: 30px;
  }

  .how-is-steps-inner .step-item:nth-child(2n+1) {
    justify-content: flex-start;
  }

  .how-is-steps-inner .step-item .step-item-text,
  .how-is-steps-inner .step-item:nth-child(2n+1) .step-item-text {
    text-align: left;
    padding-left: 70px;
    padding-right: 0;
    width: 100%;
  }

  .how-is-steps-inner .step-item .step-number {
    left: 30px;
  }

  .table-wrap {
    overflow: auto;
    width: 100%;
  }

  .footer-contacts-wrap {
    flex-direction: column;
    gap: 25px;
  }

  .hp-main-text-wrap {
    padding-top: 20px;
  }

  .how-is-steps-cont {
    margin-top: -40px;
  }

  .how-is-cont .how-is-text h2 {
    font-size: 1rem;
  }

  .compressed-text-cont h1, .compressed-text-cont h2, h2,
  .compressed-text-cont h1.header-section, .compressed-text-cont h2.header-section,
  h1 {
    font-size: 1.7rem;
  }

  .compressed-text-cont h3, h3 {
    font-size: 1.4rem;
  }

  .compressed-text-cont h4, h4 {
    font-size: 1.2rem;
  }

  .section-gallery.col-2.type_fs {
    display: flex;
    flex-direction: column;
  }

  .articles_small_container, .articles_list_container {
    display: flex;
    flex-direction: column;
  }

  .faq-person-text {
    font-size: 1.4rem;
  }

  .col-4 {
    display: flex;
    flex-direction: column;
  }

  .slider-thumbs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }

  .slider-thumb {
    flex: 0 0 80px;
  }

  .realizations-wrap,
  .filter_actions.top {
    display: flex;
    flex-direction: column;
  }

  .filter_actions.top {
    gap: 10px;
  }

  .cat-benefits-wrap {
    flex-direction: column;
  }

	.submenu_text {
		display: flex;
		flex-direction: column;
	}

	.top-def-page-cont,
	.top-contact-cont {
		padding-top: 0;
	}

	.top-contact-cont {
		padding-top: 15px;
	}

	.calc-outer-wrap {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.calc-outer-wrap .img-wrap {
		display: none;
	}

	.col-2 {
		display: flex;
		flex-direction: column;
	}

	.articles_item .articles_title_header {
		font-size: 1.2rem;
	}

	.articles_small_item, .articles_list_item {
		padding-bottom: 100px;
	}

	.search-top-wrap {
		top: calc(100% + 20px);
		left: 0;
	}

	.search-top-wrap.visible {
		width: 100%;
	}

	.how-is-cont .how-is-text {
		padding-right: 0;
	}

	.how-is-cont .how-is-bg {
		position: relative;
		width: calc(100% + 40px);
		aspect-ratio: 16 / 9;
		margin: 0 -20px;
		margin-top: -40px;
		max-width: unset;
		margin-bottom: 30px;
		max-height: 300px;
	}

	.how-is-cont .how-is-text {
		gap: 20px;
	}

	.filter_selected {
		flex-wrap: wrap;
	}

	.filter_group_items, .selected_items {
		flex: 0 0 100%;
	}

	.filter_item {
		display: flex;
		flex-direction: column;
		text-align: left;
	}

	.filter_item_name {
		padding-left: 0;
	}

	.navigation-wrap > span {
		text-align: left;
	}

	.search_results_groups_item {
		font-size: .85rem;
		padding: .25em .5em;
	}

	.search_results_item {
		display: flex;
		flex-direction: column;
	}

	.search_results_image.no_image {
		height: 100px;
		width: 100%;
	}

	.search_results_title {
		font-size: 1rem;
	}

	.need-help-wrap {
		width: 250px;
		right: 15px;
	}

	.need-help-head {
		font-size: 1rem;
	}

	.bank-wrap .item {
		display: flex;
		flex-direction: column;
	}

	.bank-wrap .item .bank-info {
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid var(--gray-border);
		border-left: none;
		padding-left: 0;
	}

	.media-logos > a > img {
		max-width: 100px;
	}
}

@media(max-width: 650px) {
	.boxes-wrap .box.big {
		display: flex;
		flex-direction: column-reverse;
		gap: 40px;
		padding-left: 20px;
		padding-bottom: 20px;
	}

	.boxes-wrap .box.big .img-wrap {
		height: 160px;
		width: calc(100% + 40px);
		margin: -20px;
		margin-top: 0;
	}

	.boxes-wrap .box.big .img-wrap .over-info-box {
		width: 200px;
	}

	.boxes-wrap .box.big .img-wrap img {
		object-position: 50% 20%;
	}

	.boxes-wrap .box.big .regions-wrap {
		grid-template-columns: 1fr 1fr;
	}

	.boxes-wrap .box.big .btns-wrap {
		flex-direction: column;
	}
}












#cookie_eu_bar.cookie_eu_bar .cookie_eu_bar_header{
  font-size: 1.25em;
}


#cookie_eu_bar.cookie_eu_bar .cookie_eu_bar_primary .button.settings  {
  width: 60px;
  height: 50px;
  font-size: 0px;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 20px;
  
  background-image:url('data:image/webp;base64,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')
}






/* Submitted forms better info */
.cform_submitted_text {
  border: 1px solid var(--green-hex);
  
  color: var(--green-hex);
  background-color: hsl(var(--green-hslwl), 97%);
  
  padding: 2rem;
  border-radius: 24px;
  
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 600;
  text-align: center;
  
  margin-bottom: 10rem;
  
}
.cform_submitted_text.saving{
  border-color: var(--blue-hex);
  color: var(--blue-hex);
  background-color: hsl(var(--blue-hslwl), 97%);  
}
.cform_submitted_text.error{
  border-color: var(--orange-hex);
  color: var(--orange-hex);
  background-color: hsl(var(--orange-hslwl), 97%);
}




#smartsupp-widget-container{
  --test: 1;
}

#smartsupp-widget-container #smartsupp-widget-button{
  outline: 1px solid red;
}

#smartsupp-widget-button .bg-opacity-10{
  --un-bg-opacity: 1 !important;
}
#smartsupp-widget-button svg{
  fill: var(--green-hex);
} 


/* **************************************** LEAVE LINE END INLINED - AFTER THIS LINE AND DONT CHANGE IT  ************************************* */
/***END_INLINED***/






#debugDiv {
	background-color: #fff;
	padding: 10px;
	font-size: 14px;
	color: #000;
}

















/* This must remain here, but will not be shown */
.nothing_to_loose{ content:" Pokud si toto prohlizis, kontaktuj nas, urcite pro tebe misto najdeme ! "; }