@import "fonts.css";

:root {
	--white-color: #fff;
	--black-color: #000000;
	--dark-color: #303030;
	--light-grey-color: #f2f2f2;
	--dark-blue-color: #2e0767;
	--darker-blue-color: #1d0845;
	--lighter-blue-color: #09276c;
	--green-color: #6fe294;
	--crimson-color: #f21c76;
	--yellow-color: #FEEB5A;
	--orange-color: #fc7343;
	--ligt-pink: #fa72d0;
	--red-color: #ff0000
}

html, body {
	height: 100vh;

}

body {
	margin: 0;
	font: 300 25px 'FedraSansHL', Arial, sans-serif;
	background: var(--white-color);
	scrollbar-color: var(--light-grey-color) var(--white-color);
	scrollbar-width: thin;
}

body::-webkit-scrollbar,
.popup-page::-webkit-scrollbar,
.wrap-navigation::-webkit-scrollbar,
.wrap-navigation .menu-nav::-webkit-scrollbar {
	width: 10px; /* ширина для вертикального скролла */
	height: 10px; /* высота для горизонтального скролла */
	background-color: var(--white-color);
}

body::-webkit-scrollbar-track,
.popup-page::-webkit-scrollbar-track,
.wrap-navigation::-webkit-scrollbar-track,
.wrap-navigation .menu-nav::-webkit-scrollbar-track {
	box-shadow: 0px 0px 0px 3.5px rgb(255, 255, 255) inset;
}

body::-webkit-scrollbar-thumb,
.popup-page::-webkit-scrollbar-thumb,
.wrap-navigation::-webkit-scrollbar-thumb,
.wrap-navigation .menu-nav::-webkit-scrollbar-thumb {
	background-color: #e5e4e4;
	border-radius: 10px;
}

.wrap-navigation .menu-nav::-webkit-scrollbar-thumb {
	background-color: transparent;
}

.site {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

.main {
	flex: 1 1 auto;
	margin: 100px 0 0;
}

h5, h6,
h4,
h3,
h2,
h1 {
	margin: 0;
	font-weight: 300;
	font-style: italic;
}

p {
	margin: 0 0 20px;
}

a {
	text-decoration: none;
	color: inherit;
}

/*a:hover{color: #0a4b78}*/
svg,
img {
	vertical-align: top;
	border: 0;
	max-width: 100%;
	height: auto;
	transition: transform 0.4s linear;
}

.search-btn:hover svg,
.main a:hover img {
	transform: scale(1.2);
	transition: transform 0.4s linear;
}

form,
fieldset,
button {
	margin: 0;
	padding: 0;
	border: none;
}

ul {
	padding: 0;
	margin: 0;
}

h1 {
	font: italic 300 110px/1 'FedraSansHL', Arial, SansSerif;
}

h2 {
	font-size: 80px;
	line-height: 0.9;

}

h3 {
	font-size: 50px;
	line-height: 1.2;
}

.container {
	/*max-width: 1798px;*/
	max-width: 1786px;
	padding: 0 70px;
	margin: 0 auto;
}
.container hr:last-child{
	display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance:textfield;
}

.btn {
	padding: 15px 65px;
	color: var(--white-color);
	background: var(--black-color);
	display: inline-block;
	text-align: center;
}
/*== popup ==*/
.popup-page {
	color: var(--black-color);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(00, 00, 00, 0.5);
	z-index: 9999999;
	overflow-y: auto;
	overflow-x: hidden;

}

.popup-body {
	position: absolute;
	background: var(--white-color);
	top: 50%;
	right: 50%;
	padding: 80px 61px 80px 59px;
	transform: translate(50%, -50%);
	/*width: calc(100% - 80px);*/
	/*  max-width: 1273px;*/
	/*max-width: 1676px;
	min-width: 340px;*/
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.popup-content{
	width: 100%;
}

.popup-content h2 {
	font-weight: 500;
	margin: 0 0 121px;
}

.close-btn {
	position: absolute;
	top: 60px;
	left: 60px;
	border-radius: 50%;
}

.close-btn svg {
	stroke: var(--black-color);
	fill: transparent;
	transform: rotate(0);
	transition: transform 0.3s linear, fill 0.1s linear, stroke 0.3s linear;
}

.close-btn svg:hover {
	stroke: var(--white-color);
	fill: var(--black-color) !important;
	transform: rotate(180deg);
	transition: transform 0.3s linear, fill 0.1s linear, stroke 0.3s linear;
}

.popup-content form,
.popup-form {
	font-size: 25px;
}

.popup-content form .fieldset-search,
.popup-form .fieldset-search {
	margin: 0 0 38px;
	width: calc(100% / 4 - 56px);
}

.popup-content form .fieldset-inputs p,
.popup-content form .fieldset-selects,
.popup-form fieldset p {
	display: flex;
	gap: 60px;
	margin: 0 0 78px;
}

.popup-content form .fieldset-selects,
.popup-form .fieldset-selects {
	margin: 0 0 110px;
}

.popup-content form .fieldset-inputs label,
.popup-form .fieldset-selects label {
	width: calc(100% / 4 - 45px);
}

.selectric-items {
	background-color: var(--black-color);
	color: var(--white-color);
	/*max-height: 234px;*/
	transition: all 0.5s linear;
	padding: 15px 0 15px 18px;
	overflow: hidden;
	border-radius: 0;
}

.popup-content form .selectric-items {
	padding: 17px 20px 19px;
}

.popup-content form .selectric-items .selectric-scroll,
.popup-form .selectric-items .selectric-scroll {
	background: var(--black-color);
	max-height: 45vh;
	overflow-y: auto;
	scrollbar-color: var(--white-color) var(--white-color);
	scrollbar-width: thin;
}

.popup-content .selectric .label {
	margin: 0 0 0px 35px;
	line-height: 28px;
	font-size: 25px;
}

.selectric-items .selectric-scroll::-webkit-scrollbar {
	width: 6px;
	height: 5px;
	background-color: var(--white-color);
}

.selectric-items .selectric-scroll::-webkit-scrollbar-track {
	box-shadow: 0 0 0 2px rgb(0, 0, 0) inset;
}

.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
	background-color: var(--white-color);
	border-radius: 10px;
}

.selectric-items li {
	position: relative;
	font-size: 20px;
	font-weight: 300;
	color: var(--white-color);
	padding-inline: 28px 0;
	padding-block: 0 13px;
	border: 0;
	text-align: start;
}

.popup-form .selectric-items li:last-child {
	padding-bottom: 3px;
}

.popup-content form .selectric-items,
.popup-form .selectric-items {
	border: 0px solid var(--black-color);
}

.popup-content form .selectric-items li:before,
.popup-form .selectric-items li:before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 17%;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid var(--white-color);
	background: transparent;
}

.selectric-items li.highlighted {
	font-weight: 700;
	background: var(--white-color);
}

.selectric .button:after {
	transform: rotateX(0);
	transition: transform 0.6s linear;
}

.selectric-open .selectric .button:after {
	transform: rotateX(180deg);
	transition: transform 0.6s linear;
}

.selectric-items li.selected,
.selectric-items li:hover {
	background: transparent;
	color: var(--white-color);
	font-weight: 500;
}

.selectric-scroll ul li:first-child, select option:first-child::before {
	font-size: 0;
	height: 0;
	opacity: 0;
	position: absolute;
}

.popup-form form .selectric-items li:hover::before,
.selectric-items li:hover::before,
.popup-form form .selectric-items li.selected:before,
.selectric-items li.selected:before,
.popup-form form .selectric-items li.highlighted::before,
.selectric-items li.highlighted::before {
	content: '';
	background: var(--white-color) !important;
}

.selectric-open .selectric {
	border-color: var(--black-color);
}

.popup-content input {
	padding: 1px 0 10px 30px;
	border-bottom: 2px solid var(--black-color);
	font-size: 25px;
}

.popup-content form .selectric-items li:first-child::before,
.popup-form .selectric-items li:first-child::before {
	display: none
}

.popup-content form .fieldset-selects,
.popup-form .fieldset-selects,
.popup-form .fieldset-search {
	padding: 0 43px 0 0;
	position: relative;
}
.popup-form label.for-checkbox,
.popup-content form input[type="checkbox"],
.popup-form input[type="checkbox"] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px 0px 0;
}
.popup-form input[type="checkbox"] {
	opacity: 0;
}
.popup-form label.for-checkbox span{
	display: none;
}
.popup-form label.for-checkbox:before{
	content: "";
	width: 22px;
	height: 22px;
	border: 2px solid var(--black-color);
	display: block;
}
.popup-form input[type="checkbox"]:checked + label.for-checkbox:before{
	background: var(--black-color);
}

.popup-content form input[type='search'],
.popup-content form .selectric,
.popup-form input[type='search'] {
	height: 43px;
}

.popup-content form .selectric {
	margin: 5px 0;
	height: 37px;
	border-bottom: 2px solid var(--black-color);;
	border-radius: 1px;
}

.popup-content form .selectric-disabled {
	opacity: 0.3;
}

.wpml-ls-legacy-dropdown .wpml-ls-item {
	min-width: fit-content;
	width: 243px;
	position: relative;
}

.wpml-ls-legacy-dropdown .wpml-ls-item .wpml-ls-sub-menu li {
	width: 100%;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
	visibility: hidden;
}

.wpml-ls-legacy-dropdown .wpml-ls-item .wpml-ls-item-toggle {
	font-size: 35px;
	line-height: 0.9;
	border: none;
	border-bottom: 2px solid var(--black-color);
	border-radius: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	min-width: 132px;
	margin: 0 0 2px;
	height: 43px;
	color: var(--black-color);
	background: transparent;
}

.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	padding: 0;
}

.wpml-ls-legacy-dropdown .wpml-ls-item .wpml-ls-item-toggle:hover {
	background: transparent;
}

.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
	left: 0;
	width: 34px;
	height: 21px;
	bottom: 12px;
}


.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
	border: none;
	background: url(../img/icon/select-arrow-dark.svg) center / contain no-repeat;
	width: 32px;
	height: 20px;
	bottom: 16px;
	top: auto;
	left: 0;
	transition: transform 0.25s linear;
}

a.wpml-ls-item-toggle.open::after {
	transform: rotateX(180deg);
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border: none;
	list-style: none;
	margin: -2px 0 0;
	min-height: 20px;
	color: var(--white-color);
	background-color: var(--black-color);
	width: 100%;
	padding: 7px 10px 10px;
	position: relative;
}


.wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-sub-menu {
	transition: all 0.25s linear;
	opacity: 0;
	visibility: hidden;
	font-style: italic;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-sub-menu.open {
	visibility: visible;
	opacity: 1;
}

.wpml-ls-sub-menu .wpml-ls-item-legacy-dropdown:first-child {
	margin: 0 0 -10px;
}

.wpml-ls-legacy-dropdown a, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item-legacy-dropdown a {
	border: none;
	background: transparent;
	color: var(--white-color);
	font-size: 30px;
	line-height: 1.2;
	padding: 5px 10px 10px;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item-legacy-dropdown a {
	font-weight: 500;
	pointer-events: none;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
	background: transparent;
}

.wpml-ls-legacy-dropdown > a:focus, .wpml-ls-legacy-dropdown > a:hover, .wpml-ls-legacy-dropdown a.wpml-ls-link:hover {
	color: var(--white-color);
	background-color: var(--black-color);
}

.popup-content form .selectric .button,
.popup-form .selectric .button,
.wpml-ls-legacy-dropdown > a.wpml-ls-item-toggle {
	width: 32px;
	height: 20px;
	bottom: 16px;
}

.popup-content form .selectric .button::after,
.popup-form .selectric .button::after {
	background: url(../img/icon/select-arrow-dark.svg) center / contain no-repeat;
}

input[type='submit'],
button[type='submit'] {
	color: var(--white-color);
	background: var(--black-color);
}

.popup-content form button[type='submit'],
.popup-content form input[type='submit'],
.popup-form input[type='submit'],
.popup-form button[type='submit'] {
	font-size: 35px;
	font-weight: 300;
	font-style: italic;
	width: 100%;
	padding: 17px 40px;
	cursor: pointer;
}

.popup-content form#popup-form-search button[type='submit'],
.popup-content form#popup-form-search input[type='submit'],
.popup-form#popup-form-search input[type='submit'],
.popup-form#popup-form-search button[type='submit']:disabled {
	opacity: 0.07;
	pointer-events: none;

}

.popup-form#popup-form-search .outline-btn-send.enable input[type='submit'] {
	opacity: 1;
}

.popup-form#popup-form-search .outline-btn-send {
	pointer-events: none;
	border: 1px solid transparent;

}

.popup-form#popup-form-search .outline-btn-send.enable {
	pointer-events: auto;
	cursor: pointer;
	border: 2px solid var(--black-color);
}

.popup-content .wpcf7 .error-message,
.popup-form .error-message {
	top: 53px
}

.popup-content .block-thanks {
	display: none;
	font-size: 60px;
	font-style: italic;
	font-weight: 300
}

.popup-content .block-thanks p {
	margin: 0;
}

.popup-content .block-thanks h2 {
	margin: 0 0 44px;
}

.popup-content .wpcf7-spinner {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, 50%);
}

.popup-content .name-product {
	position: relative;
	top: -89px;
}

.popup-content .hidden {
	display: none !important;
}

/* header */
body.admin-bar .wrap-navigation,
body.admin-bar .header {
	margin: 32px 0 0;
}

.header {
	padding: 28px 0 26px;
	min-height: 100px;
	box-sizing: border-box;
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
}

.header .container {
	max-width: 1798px;
}

.wrap-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-inline: 6px;
}

.wrap-menu-search {
	display: flex;
	align-items: center;
	height: 44px;
}

.search-btn {
	margin: -1px 0 0;
	cursor: pointer;
}
.wrap-menu-search .whatsapp{
	margin: 0 23px;
	width: 21px;
	padding: 15px 0;
}
.wrap-menu-search .whatsapp svg{
	transform: none !important;
}

.menu-wrapper {
	margin-left: 40px;
	margin-block-start: -10px;
	min-width: 42px;
}

.toggle-menu {
	background: transparent;
	border: none;
	padding: 0;
	font-size: 0;
	width: 43px;
	height: 32px;
	position: relative;
	z-index: 30;
	margin-inline-end: auto;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../img/ico-menu.svg') no-repeat 50% 50% / contain;

}
.opened .toggle-menu {
	background-image: url('../img/ico-close.svg');

}

.menu-mob {
	display: none
}

/*.toggle-menu.desktop::before, .toggle-menu.desktop::after {
	content: ' ';
	position: absolute;
}

.toggle-menu.desktop {
	overflow: hidden;
}

.toggle-menu.desktop::before {
	top: 0;
	transition: transform .2s linear, top 0.2s linear 0.3s;
}

.toggle-menu.desktop span {
	top: 50%;
	transform: translate3d(0, 0, 0);
	transition: transform .3s linear 0.5s;
}

.toggle-menu.desktop::after {
	bottom: 0;
	transition: transform .2s linear, bottom 0.2s linear 0.3s;
}

.toggle-menu.desktop span, .toggle-menu.desktop::before, .toggle-menu.desktop::after {
	height: 4px;
	display: block;
	background: var(--black-color);
	width: 100%;
}

.opened .toggle-menu.desktop {
	overflow: hidden;
}

.opened .toggle-menu.desktop::before {
	top: 50%;
	transform: translate3d(0px, -1px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(45deg) skew(0deg);
	transform-style: preserve-3d;
	transition: top 0.2s linear 0.2s, transform .3s linear 0.5s;
}

.opened .toggle-menu.desktop::after {
	bottom: 50%;
	transform: translate3d(0px, 1px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-45deg) skew(0deg);
	transform-style: preserve-3d;
	transition: bottom 0.2s linear 0.2s, transform .3s linear 0.5s;
}

.opened .toggle-menu.desktop span {
	transform: translate3d(100px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-style: preserve-3d;
	transition: transform .3s linear;
}*/

.opened .wrap-navigation {
	right: 0 !important;
	transition: right .1s linear;
}

.opened .toggle-menu.desktop {
	top: 34px;
	right: 76px;
	position: fixed;
	cursor: pointer;
	width: 43px;
	height: 34px;
}

.menu-wrapper.opened:before {
	content: '';
	display: inline-block;
	width: 100%;
	max-width: 500px;
	height: 100px;
	background: white;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 28;
}

.admin-bar .opened .toggle-menu.desktop {
	top: 66px;
}

.opened .toggle-menu.desktop span, .opened .toggle-menu.desktop::before, .opened .toggle-menu.desktop::after {
	height: 2px;
}

.opened .toggle-menu.menu-mob {
	position: absolute;
	left: 20px;
	top: 20px;
}

.menu-mob-close,
.toggle-menu.menu-mob .close,
.opened .toggle-menu.menu-mob .open {
	opacity: 0;
	visibility: hidden;
	position: absolute
}

.opened .toggle-menu.menu-mob .close {
	visibility: visible;
	opacity: 1;
	transition: transform .3s linear;
	position: static;
}

.wrap-navigation {
	padding: 73px 81px 40px 0;
	background: var(--white-color);
	position: fixed;
	right: -100% !important;
	top: 0;
	list-style: none;
	height: 100vh;
	max-width: 529px;
	width: 100%;
	z-index: 25;
	transition: right .1s linear;
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: hidden;
}

.wrap-navigation .selectric-wrapper {
	width: 245px;
}

.wrap-navigation .selectric .label {
	font-size: 35px;
	height: auto;
	line-height: 1.6;
	font-style: italic;
}

.selectric .button {
	top: auto;
	left: 0;
	bottom: 15px;
}

.wrap-navigation h2 {
	font-size: 50px;
	line-height: 1.44;
	margin: 0 0 15px;
}

.wrap-navigation .selectric-items {
	padding: 10px 0;
	border: 2px solid var(--black-color);
}

.wpml-ls-legacy-dropdown-click {
	margin: 19px 0 0;
	width: 55.2%;
}

.wpml-ls-legacy-dropdown-click a {
	border: 0;
	border-bottom: 2px solid var(--black-color);
	padding: 5px 8px 8px;
}

.wrap-navigation .wpml-ls-legacy-dropdown-click {
	width: 54%;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
	border: 0;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
	background: transparent;
}

.selectric-wrapper.selectric-open .selectric-items {
	opacity: 1;
	transition: all 0.5s linear;
}

.wrap-navigation .selectric-items li {
	font-size: 30px;
	font-style: italic;
	padding: 15px 20px;
}

.wrap-navigation .menu-nav {
	font-size: 35px;
	line-height: 1.4;
	font-style: italic;
	margin: 33px 0 0;
	/*padding: 69px 0 0;*/
	padding: 15px 0 0;
}
.wrap-navigation .hero-btn.outline-btn {
	width: 410px;
	box-sizing: border-box;
	margin: 0 0 40px;
	padding: 6px 40px;
}

.wrap-navigation .menu-nav li {
	margin: 0 0 21px;
}

.wrap-navigation .menu-nav li:last-child {
	margin: 0 0 35px;
}

.wrap-navigation .menu-nav a {
	display: block;
}

.wrap-navigation .sub-menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	height: auto;
	margin: 30px 0 -6px;
}

.menu-nav .sub-menu li.btn {
	font-size: 19px;
	display: inline-block;
	padding: 8px 23px;
	margin: 0 0 23px 23px;
	transition: all 0.6s linear;
	color: var(--white-color);
	background: var(--black-color);
}

.wrap-navigation .menu-nav .dropdown > a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 132px;
}
.wrap-navigation .menu-nav > ul > li > a:hover{
	font-weight: 500;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after,
.dropdown > a:before {
	content: '';
	margin: auto;
	width: 34px;
	height: 18px;
	background: url("../img/icon/select-arrow-dark.svg") center / cover no-repeat;
	position: absolute;
	top: 50%;
	left: 69px;
	transform: translate(0%, -50%);
	transition: transform 0.3s linear;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
	font-size: 35px;
	font-style: italic;
}

footer .js-wpml-ls-sub-menu.wpml-ls-sub-menu {
	background: var(--white-color);
}

.js-wpml-ls-sub-menu.wpml-ls-sub-menu {
	padding: 6px 0;
	font-size: 30px;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
	padding: 10px 20px;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a,
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	border: 0;
	background: var(--black-color);
	color: var(--white-color);
	font-style: italic;
}

.open a.wpml-ls-item-toggle:after,
.dropdown.open > a:before {
	transform: rotateX(180deg) translate(0%, 50%);
	transition: transform 0.3s linear;
}

.wpml-ls-legacy-dropdown-click a {
	color: var(--black-color);
}

.rtl .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
	padding-right: 0;
}

.rtl .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
	left: 0;
}

.menu {
	list-style: none;
}


input {
	width: 100%;
	font: 300 20px 'FedraSansHL', Arial, sans-serif;
	border: 0;
	border-radius: 0;
	border-bottom: 2px solid var(--black-color);
	outline: transparent;
	color: var(--black-color);
	background: transparent;
	padding-inline: 0 30px;
	padding-block: 2px 5px;
	box-sizing: border-box;
}

input[type="checkbox"] {
	width: 22px;
	height: 22px;
}

textarea::placeholder,
input::placeholder {
	color: var(--black-color);
	opacity: 1;
}

input::-webkit-input-placeholder {
	color: var(--black-color);
	opacity: 1;
}

input:-moz-placeholder {
	color: var(--black-color);
	opacity: 1;
}

input::-moz-placeholder {
	color: var(--black-color);
	opacity: 1;
}

input:-ms-input-placeholder {
	color: var(--black-color);
	opacity: 1;
}

textarea:focus::-webkit-input-placeholder {
	opacity: 0.5;
}

input:focus::-webkit-input-placeholder {
	opacity: 0.5;
}

input:focus:-moz-placeholder {
	opacity: 0.5;
}

input:focus::-moz-placeholder {
	opacity: 0.5;
}

input:focus:-ms-input-placeholder {
	opacity: 0.5;
}

textarea {
	width: 100%;
	font: 300 20px/1.3 'FedraSansHL', Arial, sans-serif;
	border-radius: 0;
	border: 2px solid var(--black-color);
	outline: transparent;
	color: var(--black-color);
	background: transparent;
	padding: 13px 17px;
	box-sizing: border-box;
	resize: none;
}

.popup-content textarea {
	padding: 17px 22px;
	border: 2px solid var(--black-color);
	font-size: 25px;
}

.search-form input:focus-within {
	border-bottom: 3px solid;
}

label {
	display: block;
	position: relative;
}

.wpcf7-not-valid-tip,
.error-message {
	position: absolute;
	left: 0;
	top: 6px;
	width: max-content;
	font-size: 20px;
	font-weight: 300;
	color: var(--red-color);
	margin-right: 5px;
}

.popup-content textarea,
#popup-form-price textarea {
	height: 120px;
}

.popup-content .wpcf7-not-valid-tip {
	top: 43px;
	left: auto;
	right: 3px;
}

.popup-content .fieldset-textarea {
	margin: 0 0 72px;
}

.wpcf7-not-valid-tip:before {
	content: '\2217';
	color: inherit;
}

[dir="rtl"] .wpcf7 input[type="url"], [dir="rtl"] .wpcf7 input[type="email"], [dir="rtl"] .wpcf7 input[type="tel"] {
	text-align: right;
}

/*== home ==*/
.hero {
	position: relative;
	height: 100%;
	min-height: 36vw;
}

.home .hero {
	height: calc(100vh - 100px);
}

.banner-slider {
	background: #8e9291;
	opacity: 0;
	transition: all 0.2s linear 0.2s;
	height: 100%;
}

.banner-slider.slick-initialized {
	opacity: 1;
	transition: all 0.2s linear 0.2s;
}

.banner-slider.slick-initialized .hero-bg {
	height: 100%
}

.hero.js-anim .hero-bg {
	opacity: 0;
	transform: scale(0);
	transition: all 0.5s linear 0.2s;
}

.hero.js-anim.js-show .hero-bg {
	opacity: 1;
	transform: scale(1);
	transition: all 0.5s linear 0.2s;
}

.banner-slider .slick-slide {
	margin: 0;
}

.banner-slider.slick-slide,
.banner-slider.slick-slider .slick-track,
.banner-slider .slick-list,
.banner-slider .slick-slide > div {
	height: 100%;
}

video,
iframe,
embed {
	height: 100%;
	width: 100%;
}

.banner-slider .slick-dots {
	position: absolute;
	bottom: 81px;
	right: 62px;
	z-index: 10;
}

.banner-slider .slick-list {
	padding: 0;
}

.hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero .container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 70px;
	pointer-events: none;
}

.container.wrap-dots {
	height: auto;
	bottom: 0;
	top: auto;
	pointer-events: auto;
}

.el-plus {
	font: italic 300 130px/1.2 'FedraSansHl', "Roboto Light", Arial, SansSerif;
	color: var(--black-color);
	margin: 0;
	width: max-content;
}

.home .el-plus {
	margin: 0
}

.hero-title.js-anim .el-plus {
	transform: rotate(360deg) scale(0);
	transition: transform 0.5s linear 0s;
}

.hero-title.js-anim.js-show .el-plus {
	transform: rotate(0deg) scale(1);
	transition: transform 0.5s linear 0.6s;
}

.hero-title {
	position: absolute;
	right: 70px;
	bottom: 90px;
	z-index: 1;
	color: var(--white-color);
	max-width: 1150px;
}

.home .hero-title {
	bottom: 158px;
}

.home .hero-title h1 {
	line-height: 1.2;
}

.hero-title.js-anim .sub-title,
.hero-title.js-anim h1:nth-child(2),
.hero-title.js-anim h1:nth-child(1) {
	opacity: 0;
	transform: translateY(100%);
	transition: all 0.3s linear 0.2s;
}

.hero-title.js-anim.js-show .sub-title,
.hero-title.js-anim.js-show h1:nth-child(2),
.hero-title.js-anim.js-show h1:nth-child(1) {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.3s linear;
}

.hero-title.js-anim.js-show h1:nth-child(1) {
	transition-delay: 0.2s;
}

.hero-title.js-anim.js-show h1:nth-child(2) {
	transition-delay: 0.4s;
}

.hero-title.js-anim.js-show .sub-title {
	transition-delay: 1s;
}

.hero-title.js-anim.js-show .sub-title p:empty {
	display: none;
}

.banner-slider .hero-bg {
	display: block !important;
}

.home .title-h1 h1 {
	font-size: 130px;
}

.hero-title .sub-title {
	margin-block: 25px -12px;
	margin-inline: 0 40px;

}

.hero-title .sub-title,
.hero-title .sub-title h2 {
	font-size: 60px;
	font-weight: 300;
	line-height: 1.1;
	font-style: italic;
}

.hero .hero-title .title-h1 p,
.hero .hero-title span {
	flex: 0 0 auto;
	width: 100%;
	display: block;
	margin: 0;
}

.hero-btns-sticky .hero-btn {
	margin: 0;
	padding-block: 15px;
	padding-inline: 31px;
	letter-spacing: 1px;
}

.hero-btns-sticky .btn.hero-btn {
	position: fixed;
	inset-block-start: auto;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 105;
	writing-mode: vertical-rl;
	/*inset-block-end: 50%;
	margin-block: 0 -923px;*/
}
[dir="ltr"] .hero-btns-sticky .btn.hero-btn {
	transform: translate(50%, -50%);
}

.hero-btns-sticky .btn.hero-btn .secondary-btn-text {
	transform: rotate(-180deg);
	display: inline-block;
}
.hero-btns-sticky a {
	display: block;
	transition: all .3s linear;

}

.hero-btns-sticky .btn-social {
	position: fixed;
	inset-inline-start: auto;
	bottom: 30px;
	transform: rotate(-90deg) translate(0, -50%);
	z-index: 105;
	/*inset-inline-end: 50%;
	margin-inline: 0 -933px;*/
}
[dir="ltr"] .hero-btns-sticky .btn-social {
	transform: rotate(0deg) translate(50%, 0%);
}

a.whatsapp svg {
	fill: transparent;
	stroke: var(--black-color);
	transform: rotate(88deg);
	transition: all .3s linear;
}

a.whatsapp:hover svg {
	fill: var(--black-color);
	stroke: var(--white-color);
	transition: all .3s linear;
}

.wrapper-main {
	position: relative
}


/* section about */
.section-product,
.section-about,
.section-question-answer {
	padding: 200px 0;
}

.section-about h2 {
	font-size: 35px;
	font-weight: 500;
	margin: 0 0 60px;
}

.sidebar {
	padding-block: 0;
	padding-inline: 2% 0;
	flex: 0 0 17.2%;
	width: 17.2%;
}

.sidebar .title {
	margin-block: 0;
	margin-inline: 43px 20px;
}

.content-block {
	display: flex;
	justify-content: space-between;
	position: relative;
}

/* rtl */
.sidebar.right {
	float: right;
	float: inline-start;
}

.content-block.left {
	margin-block: 0;
	margin-inline: 20% 0;
}

/* usa */
.sidebar.left {
	float: left;
	float: inline-end;
}

.content-block.right {
	margin: 0 0 0 17.2%;
}

.content-block .content-text {
	width: 50%;
	margin: -13px 0 0;
}

.content-block .content-text .wrap-text {
	margin: 0 0 62px;
}

.home .content-block .content-text .wrap-text {
	margin: 0 0 53px;
}

.content-text h3,
.content-text .sub-title {
	line-height: 1.2;
	font-weight: 300;
}

.home .content-text h3 {
	margin-inline: 0 13%;
	margin-block: 0 11px;
	max-width: 555px;
}

.content-text h3 {
	margin: 0 0 30px 0;
}

.content-text p {
	font-size: 25px;
	line-height: 1.6;
}

.content-block .content-text ul {
	list-style: none;
	display: flex;
	max-width: 754px;
	flex-wrap: wrap;
	margin: auto 0 124px;
}

.content-block .content-text ul li {
	margin-block: 0 40px;
	margin-inline: 0 16.1%;
	width: calc(100% / 3 - 126px);
	min-width: 90px;
	text-align: center;
}

li .wrap-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 26px;
    height: 80px;
}
li .wrap-icon img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.home li .wrap-icon {
	margin: 0 0 19px;
}

.content-block .btn {
	position: absolute;
	right: 0;
	bottom: 0;
	font-style: italic;
}

.content-block li h5 {
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
}

.content-block .content-img {
	max-width: 627px;
	width: 40.9%;
	text-align: center;
}

.section-about .content-block .content-img {
	text-align: left
}

.section-about .content-block .content-text p {
	margin: 0;
}

/* slider */
.slick-track {
	display: flex;
}

.slick-list {
	overflow: hidden;
}

.slick-prev {
	top: 42%;
	left: 0.2%;
}

.home .slick-next,
.home .slick-prev {
	top: 36%
}

.slick-next {
	top: 42%;
	right: 0.2%;
}

/* section slider */
.section-slider {
	background: var(--light-grey-color);
	padding: 203px 0 188px;
	position: relative;
	overflow: hidden;
}
.section-slider .container {
	max-width: 1796px;
}

.section-slider h2 {
	font-weight: 300;
	margin-block: 3px 70px;
	margin-inline: 10px;
}

.sliders-boxes {
	position: relative;
	opacity: 0;
	padding-block: 20px 8px;
	padding-inline: 5.7% 6%;
	/*display: flex;
	justify-content: space-between;*/
}

.sliders-boxes .slick-prev {
	top: 43.5%;
	left: 0.5%;
}

.sliders-boxes .slick-next {
	top: 43.5%;
	/* right: 0.9%;*/
	right: 0.5%;
}

.slide-box {
	text-align: center;
}

.sliders-boxes .wrap-img {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin: 0 auto 29px;
	position: relative;
	max-width: 200px;
	width: 100%;
	aspect-ratio: 1 / 1;
	padding: 31px 0;
}

.sliders-boxes .wrap-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	width: 100%;
	height: auto;
	transition: all 0.4s linear;
}

.sliders-boxes .wrap-img img.hover {
	opacity: 0;
	z-index: 2;
}

.sliders-boxes a:hover .wrap-img img.default {
	opacity: 0;
}

.sliders-boxes a:hover .wrap-img img.hover {
	opacity: 1;
}

.sliders-boxes .slide-box svg {
	fill: var(--white-color);
	stroke: #000000;
	transition: all 0.3s linear;
	max-width: 200px;
	height: auto;
}

.home .sliders-boxes .slide-box svg {
	fill: var(--white-color);
	transition: all 0.3s linear;
}

.sliders-boxes .slide-box:hover svg,
.sliders-boxes .slide-box:hover svg circle,
.sliders-boxes .slide-box:hover svg path {
	fill: var(--black-color) !important;
	stroke: var(--white-color) !important;
	transition: all 0.3s linear;
}

.sliders-boxes h4 {
	display: inline-block;
	font-weight: 500;
	font-style: normal;
	line-height: 1.3;
}

.sliders-boxes h4::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: var(--black-color);
	transition: width 0.3s linear;
}

.sliders-boxes .slide-box:hover h4 {
	animation: font paused 0.5s linear;
}

@keyframes font {
	0% {
		font-style: normal;
	}
	100% {
		font-style: italic;
	}
	0% {
		font-style: italic;
	}
}

.sliders-boxes .slide-box:hover h4::after {
	width: 100%;
	transition: width 0.3s linear;
}

.slide-box img {
	display: inline-block;
	vertical-align: bottom
}

.slick-slide {
	margin: 0 20px;
}

.slick-arrow {
	position: absolute;
	display: block;
	width: 28px;
	height: 55px;
	transform: translateY(-50%);
	font-size: 0;
	cursor: pointer;
	z-index: 20;
}

.slick-next.slick-arrow {
	background: url('../img/icon/prev.svg') center/contain no-repeat;
}

.slick-prev.slick-arrow {
	background: url('../img/icon/next.svg') center/contain no-repeat;
}

.slick-arrow.slick-disabled {
	opacity: 0.2;
}

.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.slick-dots li {
	list-style: none;
	margin: 0 7.5px;
	cursor: pointer;
}

.slick-dots button {
	font-size: 0;
	width: 20px;
	height: 20px;
	background: transparent;
	border: 2px solid var(--black-color);
	border-radius: 50%;
	cursor: pointer;
}

.slick-dots li.slick-active button {
	background: var(--black-color);
}

/*== section category==*/
.section-category {
	padding: 201px 0 0;
}

.home .section-category {
	padding: 206px 0 200px;
}

.home .section-category .content-text h3 {
	max-width: none;
}

.section-category.about {
	padding: 0;
}

.section-category .container {
	max-width: 1774px;
}

.section-category .content-block {
	position: relative;
	padding: 0 0 5.3%;
}

.home .section-category .content-block {
	padding: 0 0 90px;
}

.section-category .content-block h2 {
	font-size: 100px;
	line-height: 1.2;
	letter-spacing: -0.2px;
	margin: 0 0 25px;
}

.section-category .content-block::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	height: 2px;
	max-width: 1152px;
	background: var(--black-color);
}

.section-category .content-block .content-text {
	width: 80%;
}

.section-category .content-text .wrap-text {
	max-width: 1152px;
}

.section-category .content-block .content-text
.section-category .content-text p {
	font-size: 25px;
	letter-spacing: 0;
}

.section-category .content-block .decor {
	width: 13.7%;
	margin: -6px 0 0;
}

.products hr {
	display: none
}

.product-item {
	padding: 150px 0 0;
	display: flex;
}

.about .product-item.left,
.home .product-item:nth-child(2n) {
	flex-direction: row-reverse;
	justify-content: space-between;
}

.product-item h3 {
	font-size: 80px;
	font-weight: 300;
	line-height: 1.1;
	margin-inline: 0;
	margin-block: -13px 44px;
}
[dir="ltr"] .product-item h3 {
	margin-top: -10px;
	line-height: 1.1;
}

.product-item p {
	font-size: 20px;
	line-height: 1.6;
	margin: 0 0 40px;
}

.product-item .product-item-about {
	width: 27%;
	position: relative;
}

.product-item .wrap-text p:last-child {
	margin: 0;
}

.product-item .product-img {
	max-width: 1152px;
	width: 70%;
}

.product-item .wrap-text {
	margin: 0 0 95px;
}

.about .product-item.left .product-img,
.home .product-item:nth-child(2n) .product-img {
	margin-block: 0;
	margin-inline: 61px -4px;
}

.about .product-item.right .product-img,
.home .product-item:nth-child(2n+1) .product-img {
	margin-inline: 0 60px;
}

.product-item .btn {
	position: absolute;
	right: 0;
	bottom: 0;
	font-style: italic;
}

/*== footer ==*/

.footer-contact {
	padding: 196px 0 201px;
	background: var(--light-grey-color);
	overflow: hidden;
}

.footer-wrap-nav .container,
.footer-contact .container {
	display: flex;
	justify-content: space-between;
}

.footer-wrap-nav .wpml-ls-legacy-dropdown-click a {
	background-color: var(--black-color);
	color: var(--white-color);
	border-bottom: 2px solid var(--white-color);
}

.footer-wrap-nav .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
	background: url("../img/icon/select-arrow.svg") no-repeat 100%;
	width: 20px;
}

.footer-wrap-nav .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
	font-size: 20px;
	padding: 7px 2px 5px 35px;
}

.footer-wrap-nav .wpml-ls-legacy-dropdown-click {
	width: 100%;
	margin: 0;
}

.footer-wrap-nav .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, .footer-wrap-nav .wpml-ls-legacy-dropdown-click a:focus, .footer-wrap-nav .wpml-ls-legacy-dropdown-click a:hover {
	color: var(--white-color);
}

.footer-wrap-nav .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
	border: 0;
	background: var(--white-color);
	color: var(--black-color);
	font-size: 20px;
}

.footer-wrap-nav .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
	font-weight: 500;
	font-style: italic;
}

.footer-wrap-nav .wpml-ls-legacy-dropdown-click a span {
	letter-spacing: 0.8px;
}

/*.footer-contact .container {
	max-width: 1758px;
}*/

.footer-contact .block-contact {
	width: 34%;
}

.footer-contact .block-contact h2 {
	font-weight: 500;
	margin: 3px 0 62px 0;
}

.footer-contact .block-contact .wrap-inform-contact {
	font-size: 30px;
	line-height: 1.4;
	font-style: italic;
	padding: 0;
	margin: 0 0 137px;
}

.footer-contact .block-contact .wrap-inform-contact p {
	margin: 0 0 6px;
}

.footer-contact .block-contact .footer-social {
	display: flex;
	list-style: none;
	font-size: 0;
	margin-block: 0;
	margin-inline: -2px 0;
}

.footer-contact .block-contact .footer-social a {
	transition: all .3s linear;

}

.footer-contact .block-contact .footer-social a svg {
	fill: transparent;
	stroke: #000;
	transition: all .3s linear;
}

.footer-contact .block-contact .footer-social a:hover svg {
	fill: var(--black-color);
	stroke: #000;
	transition: all .3s linear;
}

.footer-contact .block-contact .footer-social a:hover svg g {
	fill: var(--black-color);
	transition: all .3s linear;
}

.footer-contact .block-contact .footer-social a svg g {
	fill: transparent;
	transition: fill .3s linear;
}

.footer-contact .footer-social li {
	margin: 0 0 0 52px;

}

.footer-contact .wrap-inform-contact a {
	display: block;
	margin: 0 0 9px;
	transition: all .3s linear;
}

.footer-contact .block-form {
	position: relative;
	padding: 131px 0 0 0;
	width: 66%;
	max-width: 1152px;
}

.footer-contact .block-form .wrap-img-bg {
	position: absolute;
	/*top: -161px;
	left: -78px;*/
	top: -87px;
	left: -31px;
	z-index: 100;
}
.footer-contact .block-form .wrap-img-bg img{
	width: 160px;
}

.footer-contact form {
	direction: rtl;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form br {
	display: none;
}

form p {
	margin: 0;
}

.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
	display: block;
	border: 0;
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.footer-contact .wpcf7 form.sent .wpcf7-response-output {
	display: none;
}

.footer-contact .successfully {
	border: 2px solid transparent;
	border-color: transparent;
	top: 115px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 8px 0;
	background: var(--light-grey-color);
	z-index: 100;
	font-size: 25px;
	transform: translate(0, 100%);
}

.wpcf7 .successfully {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s linear;
}

.wpcf7.successfully-sent .successfully {
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
	transition: all 0.6s linear;
}

.footer-contact .successfully h2 {
	font-size: 60px;
	line-height: 1.2;
	margin: 0 0 53px;
}

.footer-contact .wpcf7 form .wpcf7-spinner {
	position: absolute;
	/*    top: -50%;
		right: 48%;
		transform: translate(50%, -50%);*/
	width: 50px;
	height: 50px;
	background-color: #23282d;
	z-index: 100;
}

.footer-contact .wpcf7-spinner::before {
	top: 20px;
	left: 10px;
	transform-origin: 10px 10px;
}

.footer-contact form .wrap-form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 43px;
}

.footer-contact form .column {
	width: calc(100% / 2 - 30px);
}

.footer-contact form .wrap-textarea {
	padding: 17px 0 0;
}

.footer-contact form input {
	margin: 0 0 34px;
	padding-block: 2px 0;
	padding-inline: 0 30px;
	height: 45px;
}
[dir="rtl"] .footer-contact form input[type="email"], [dir="rtl"] .footer-contact form input[type="tel"] {
	padding-inline: 30px 0;
}

.footer-contact .wrap-textarea textarea {
	resize: none;
	height: 160px;
	padding: 12px 16px;
}

.footer-contact form .btn {
	width: 100%;
	font-size: 35px;
	font-style: italic;
	margin: 0;
	padding: 0 65px;
	border: none;
	height: 75px;
}


.footer-contact form .outline-btn-send {
	font-size: 35px;
}

.footer-wrap-nav .container {
	max-width: 1761px;
}

.footer-wrap-nav {
	padding: 100px 0;
	color: var(--white-color);
	background: var(--black-color);
}

.footer-wrap-nav .wrapper-nav-block {
	display: flex;
	width: 76%;
	gap: 50px;
	padding: 0 5px 0 0;
}

.footer-wrap-nav .footer-nav {
	display: flex;
	gap: 50px;
	max-width: 853px;
}

.footer-nav.mobile-version {
	display: none;
}

.footer-wrap-nav .footer-nav .column {
	width: 240px;
	margin: 0 0 0 60px;
	line-height: 2;
	font-size: 20px;
}

.footer-wrap-nav .footer-nav ul {
	list-style: none;
}

.footer-wrap-nav .subscription {
	width: 245px;
	padding: 0;
	overflow: hidden;

}

.footer-wrap-nav .subscription input {
	color: var(--white-color);
	border-bottom: 1px solid #ffffffa6;
	margin: 0 0 59px;
	padding: 6px 0 3px 32px;
	font-size: 20px;
}

.subscription .wpcf7-not-valid-tip {
	top: auto;
	right: 0;
	left: auto;
	bottom: -29px;
	font-size: 16px;
	font-weight: 500;
	margin-right: 5px;
}

.subscription .wpcf7-not-valid-tip:after {
	top: -5px;
	right: -6px;
}

.subscription h3 {
	font-size: 35px;
	margin: 0 -2px 18px 0;
}

.subscription input::placeholder {
	font-size: 20px;
	color: var(--white-color);
}

.footer-wrap-nav .subscription .btn {
	font-size: 25px;
	font-style: italic;
	width: 100%;
	padding: 9px 30px;
	margin: 0;
	border: none;
}

.btn.white {
	color: var(--black-color) !important;
	background: var(--white-color);
}

.subscription .wpcf7 form .wpcf7-spinner {
	position: absolute;
	z-index: 1000;
}

.columns {
	columns: 3;
}

.column-select-languages {
	width: 245px;
}

.column-select-languages .wpml-ls-legacy-dropdown .wpml-ls-item {
	width: 245px;
}


.column-select-languages .wpml-ls-legacy-dropdown .wpml-ls-item .wpml-ls-item-toggle {
	line-height: 1.75;
	font-size: 20px;
	color: var(--white-color);
	padding: 0 1px 0 0;
	/* border-bottom: 1px solid var(--white-color);*/
	border-bottom: 1px solid #ffffffa6;
	height: 34px;
}

.column-select-languages .selectric .button {
	width: 22px;
	bottom: 5px;
}

.column-select-languages .selectric .label {
	font-size: 20px;
	color: var(--white-color);
}

.column-select-languages .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	margin: -2px 0 0 0;
	padding: 10px 10px 13px;
}

.column-select-languages .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
	background: url(../img/icon/select-arrow.svg) center / contain no-repeat;
	width: 21px;
	height: 11px;
	left: 1px;
	bottom: 9px;
}

.column-select-languages .wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
.column-select-languages .wpml-ls-legacy-dropdown > a:focus, .column-select-languages .wpml-ls-legacy-dropdown > a:hover, .column-select-languages .wpml-ls-legacy-dropdown a.wpml-ls-link:hover {
	background-color: var(--white-color);
	color: var(--black-color);
}

.column-select-languages .wpml-ls-sub-menu .wpml-ls-item-legacy-dropdown:first-child {
	margin: 0 0 -1px;
}


.column-select-languages .wpml-ls-legacy-dropdown a, .column-select-languages .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item-legacy-dropdown a.wpml-ls-item-toggle {
	color: var(--black-color);
	line-height: 1.75;
	font-size: 20px;
	padding: 0 10px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover{
	font-weight: 500;
	font-family: 'FedraSansHL', Arial, sans-serif;
}

.column-select-languages .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item-legacy-dropdown a.wpml-ls-item-toggle {
	border: none;
}

.column-select-languages .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item-legacy-dropdown a.wpml-ls-item-toggle:after {
	display: none;
}

.subscription {
	position: relative;
}

.subscription .successfully {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 8px 0;
	border: 0;
	border-color: transparent;
	background: var(--black-color);
	z-index: 100;
	font-size: 20px;
	line-height: 1.75;
}

.popup-content .wpcf7 form.sent .wpcf7-response-output,
.subscription .wpcf7 form.sent .wpcf7-response-output {
	display: none;
}

.subscription .successfully h2 {
	font-size: 35px;
	line-height: 1.2;
	margin: 0 0 30px;
}

/*==section gallery products ==*/
.section-gallery-products {
	padding: 200px 0 172px;
	background: var(--light-grey-color);
	line-height: 1.5;
}

.section-gallery-products .container {
	max-width: 1759px
}

.section-gallery-products .block-text h2 {
	font-weight: 500;
	margin: 0 3px 59px;
}

.section-gallery-products .block-text .btn {
	position: absolute;
	left: 0;
	bottom: 58px;
	font-style: italic;
	line-height: normal;
}

.section-gallery-products .block-text .wrap-text {
	width: 70%;
	float: right;
	margin: 0 0 31px;
}

.section-gallery-products .wrap-content:after {
	content: '';
	display: block;
	clear: both;
}

.section-gallery-products .wrap-content {
	position: relative;
	/*  overflow-y: auto;
	  overflow-x: hidden;*/
}

.section-gallery-products .block-gallery {
	clear: both
}

.block-gallery {
	display: flex;
	gap: 60px;
}

.gallery-item .wrap-img {
	margin: 0 0 24px;
	overflow: hidden;
	display: block;
}

.gallery-item .wrap-text h3 {
	line-height: 1.5;
	margin: 0 0 10px;
}

.gallery-item .wrap-text {
	font-size: 20px;
}

.card-text h3,
.gallery-item .wrap-text p {
	line-height: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre-wrap;
	display: -moz-box;
	-moz-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	box-orient: vertical;
}

.gallery-item .wrap-text p {
	max-width: 390px;
	line-height: 1.6;
}

/*== section clients ==*/
.section-clients {
	padding: 203px 0 80px;
}

.home .section-clients {
	padding: 198px 0 54px;
}

.home .section-clients h2 {
	margin: 0 6px 113px;
}

.section-clients h2 {
	font-weight: 500;
	margin: 0 28px 165px;
}

.section-clients .container {
	max-width: 1816px
}

.section-clients .wrap-slide,
.section-clients .lists-items {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 1614px;
	margin: 0 auto;
}

.item-logo {
	padding: 0 3% 3%;
	height: auto;
	width: 20%;
	box-sizing: border-box;
}

.item-logo img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	margin: 0 auto;
	max-width: 195px;
	width: 100%;
}

.section-clients .clients-sliders {
	min-height: 230px;
}

/* section product */
.section-product .block-product {
	display: flex;
	gap: 60px
}

.section-product .slide-product {
	width: 48.2%;
}

.section-product .slide-product {
	margin: 0;
}

.section-product .slick-slide {
	margin: 0
}

.section-product .parameters-product {
	list-style: none;
	margin: 0 0 78px;
	font-size: 20px;
}

.section-product .parameters-product li {
	margin: 0 0 14px;
}

.section-product .slick-list {
	padding: 0 0 19px;
}

.section-product .slick-slide img {
	width: 100%;
}

.slide-product .wrap-img {
	opacity: 0;
	transition: opacity 0.2s linear 0.2s;
}

.slide-product.slick-initialized .wrap-img {
	opacity: 1;
	transition: opacity 0.2s linear 0.2s;
}

.section-product h2 {
	margin: -18px 0 32px;
	font-weight: 500;
}

.section-product .article {
	margin: 0 0 39px;
}

.section-product .get-price {
	width: max-content;
	padding: 17px 41px;
	font-style: italic;
}

/* blog page */
.card-img {
	display: block;
	margin: 0 0 24px;
	text-align: center;
	overflow: hidden;
}

.card-text h3 {
	margin: 0 0 13px 0;
	width: calc(100% - 104px);
	line-height: 1.3;
}

.card-text .link-product {
	float: left;
	width: 80px;
	margin: 13px 0 0;
}

.card-text .link-product img {
	width: 100%;
}

.hidden {
	display: none
}

.card-text .link-product svg {
	fill: #fff;
	stroke: #000;
	transition: all .3s linear;
}

.card-text .link-product svg:hover {
	fill: #000;
	stroke: #fff;
	transition: all .3s linear;
}

.more .button-hover-circle {
	left: -78px;
}

.wp-block-embed,
.wp-block-image {
	margin: 0 0 59px;
}

.wp-block-embed {
	padding: 11px 0 10px;
}

/* send files */
.section-question-answer {
	position: relative;
}

.section-question-answer .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.section-question-answer .block-column {
	width: 71%;
	max-width: 1152px;
}

.section-question-answer .block-contact {
	width: 31%;
	font-size: 60px;
	padding: 47px 59px 49px;
	background: var(--light-grey-color);
	box-sizing: border-box;
	position: sticky;
	top: 136px;
	left: 50px;
}

.section-question-answer .block-contact a strong,
.section-question-answer .block-contact a {
	font-style: italic;
	font-weight: 500;
}

.section-question-answer .block-contact h3 {
	line-height: 1.3;
	margin: 0;
}

.section-question-answer .block-column .block-text {
	padding: 0 0 35px;
	position: relative;
}

.section-question-answer .block-column .block-text:after {
	content: '';
	display: block;
	height: 2px;
	background: var(--black-color);
	position: absolute;
	bottom: 0;
	right: 0;
}

.section-question-answer h2 {
	font-size: 50px;
	line-height: 1.33;
	margin: -13px 0 42px;
}

.block-column .block-text {
	line-height: 1.8;
}

.content-info .info-item {
	padding: 51px 0;
	position: relative;
}

.content-info .info-item:after {
	content: '';
	display: block;
	height: 2px;
	background: var(--black-color);
	position: absolute;
	bottom: 0;
	right: 0;
}

.content-info .info-item .panel-title {
	position: relative;
}

.content-info .info-item h3 {
	max-width: 740px;
	/*height: 75px;*/
	height: auto;
	line-height: 1.33;
	font-weight: 500;
	overflow: hidden;
	transition: height 0.5s linear;
}

.content-info .info-item.open .panel-title h3 {
	height: auto;
	transition: height 0.5s linear;
}

.content-info .info-item.open {
	padding: 51px 0 36px;
}

.content-info .info-item .wrap-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 80px;
	height: 80px;
}

.content-info .info-item .wrap-icon {
	background: url("../img/icon/plus-circular.svg") center / contain no-repeat;
	transition: all .3s linear;
	cursor: pointer;
}

.content-info .info-item .wrap-icon:focus,
.content-info .info-item .wrap-icon:hover {
	background: url("../img/icon/plus-circular-hover.svg") center / contain no-repeat;
	transition: all .3s linear;
}

.content-info .info-item .wrap-icon.btn-close {
	background: url('../img/icon/close-circular-acc.svg') center / contain no-repeat;
	transition: all .3s linear;
}

.content-info .info-item .wrap-icon.btn-close:focus,
.content-info .info-item .wrap-icon.btn-close:hover {
	background: url('../img/icon/close-circular-acc-hover.svg') center / contain no-repeat;
	transition: all .3s linear;
}

.content-info .info-item .info-answer {
	display: none;
	padding: 21px 0 0;
	font-size: 25px;
	line-height: 1.7;
}

.content-info .info-item .info-answer ol,
.content-info .info-item .info-answer ul {
	padding: 0 19px 0 0;
	margin: 0 0 20px;
}
.post-content ol,
.content-info .info-item .info-answer ol{
	padding: 0;
	list-style-position: inside;
}

/* animation */
.outline-btn-send,
.outline-btn {
	z-index: 20;
	color: #fff;
	border: 2px solid var(--black-color);
	justify-content: center;
	align-items: center;
	text-decoration: none;
	display: flex;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.button-hover-circle {
	z-index: 10;
	width: 140%;
	height: 450%;
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
	top: auto;
	bottom: -420%;
	left: -15px;
	right: auto;
	opacity: 1;
	visibility: visible;
}
.footer-contact .button-hover-circle {
	background: var(--light-grey-color);
}
.outline-btn-send .button-hover-circle {
	width: 110%;
	height: 480%;
	left: -42px;
}

.secondary-btn-text {
	z-index: 20;
	position: relative;
	filter: invert(0%);
	transition: filter 0.4s linear;
}

.outline-btn-send .secondary-btn-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -51%);
	opacity: 0;
	font-style: italic;
}

.popup-content .outline-btn-send .secondary-btn-text {
	font-size: 35px;
}

.category-item .outline-btn-send .secondary-btn-text {
	transform: translate(0, 0);
	left: auto;
	opacity: 1;
	z-index: 20;
	position: relative;
	filter: invert(0%);
	transition: filter 0.4s linear;
}

.outline-btn-send:hover .secondary-btn-text,
.outline-btn:hover .secondary-btn-text {
	filter: invert(100%);
	transition: filter 0.4s linear;
	opacity: 1;
}

.button-hover-circle {
	transform: translate3d(0px, -126%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-style: preserve-3d;
	transition: all 0.4s linear;
}

.outline-btn-send:hover .button-hover-circle,
.outline-btn:hover .button-hover-circle {
	transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
	opacity: 1;
	visibility: visible;
	animation: animate 0.4s linear;
}

.hero-btns-sticky.outline-btn:hover .button-hover-circle {

}

.category-item .outline-btn-send,
.subscription .outline-btn-send {
	color: var(--black-color);
	border: 1px solid var(--white-color);
}

.subscription .outline-btn-send .secondary-btn-text {
	font-size: 25px;
	font-style: italic;
	width: 100%;
	text-align: center;
}

.category-item .button-hover-circle,
.subscription .button-hover-circle {
	background: var(--black-color);
}

.subscription .outline-btn-send .button-hover-circle {
	left: -13px;
}

.category-item .outline-btn-send .button-hover-circle {
	left: auto;
}

.section-question-answer .block-contact.js-anim,
.hero .js-anim h2,
.hero .js-anim h3,
.wp-block-heading.js-anim,
.js-anim.js-show .js-anim h2,
.js-anim.js-show .js-anim h3 {
	transform: translate(0, 100%);
	opacity: 0;
	transition: all 0.4s linear;
}

.js-anim h2,
.js-anim.js-show .js-anim h3,
.js-anim h3,
.js-anim p,
.wp-block-heading.js-anim,
.js-anim.js-show p.js-anim,
p.js-anim,
.js-anim.js-show .js-anim h2,
figure.js-anim,
.section-list-category .category-list .category-item.js-anim .btn,
.js-anim img {
	opacity: 0;
	transform: translate(20%, 0);
}

.section-question-answer .block-contact.js-anim.js-show,
.wp-block-heading.js-anim.js-show,
p.js-anim.js-show,
.js-anim.js-show p.js-anim.js-show,
.js-anim.js-show .js-anim.js-show h2,
figure.js-anim.js-show,
.js-anim.js-show h2 {
	transform: translate(0, 0) scale(1) rotate(0deg);
	opacity: 1;
	transition: all 0.4s linear;
}

.section-list-category .category-list .category-item.js-anim.js-show .btn,
.js-anim.js-show p,
.js-anim.js-show img,
.js-anim.js-show .js-anim.js-show h3,
.js-anim.js-show h3 {
	transform: translate(0, 0) scale(1) rotate(0deg);
	opacity: 1;
	transition: all 0.4s linear;
}

.js-anim.js-show .img2 img {
	transition: all 0.4s linear 0.2s;
}

.js-anim.js-show .img3 img {
	transition: all 0.4s linear 0.5s;
}

.js-anim.js-show .img4 img {
	transition: all 0.4s linear 1s;
}

.js-anim.js-show .img5 img {
	transition: all 0.4s linear 1.5s;
}

.js-anim.js-show .img6 img {
	transition: all 0.4s linear 2s;
}

.js-anim.js-show .img7 img {
	transition: all 0.4s linear 2.5s;
}

.js-anim.js-show .img8 img {
	transition: all 0.4s linear 3s;
}

.product-img .decor.js-anim.js-show,
.content-block.js-anim.js-show .decor {
	transform: translate(0, 0) scale(1) rotate(0deg);
	opacity: 1;
	transition: transform 0.5s linear, opacity 0.3s linear 0.1s;
}

.product-item.first-item {
	overflow: hidden;
}

.product-img .decor.js-anim,
.content-block.js-anim .decor {
	transform: translate(0, -100%) scale(0);
	opacity: 0;
	transition: transform 0.5s linear, opacity 0.3s linear 0.1s;
}

.content-info .info-item.js-anim:after,
.section-question-answer.js-anim .block-text:after,
.sidebar-text.js-anim::before,
.content-block.js-anim:after {
	width: 0;
	opacity: 0;
	transition: width 0.6s linear 1.5s;
}

.content-info .info-item.js-anim.js-show:after,
.section-question-answer.js-anim.js-show .block-text:after {
	width: 100%;
	opacity: 1;
	transition: width 0.6s linear 1.5s;
}

.sidebar-text.js-anim.js-show::before,
.content-block.js-anim.js-show:after {
	width: 80%;
	opacity: 1;
	transition: width 0.6s linear 1.5s;
}

hr {
	display: block;
	background: #000;
	margin: 0;
	height: 2px;
	border: none !important;
}

hr.js-anim {
	width: 0;
	transition: width 0.4s linear 0.5s;
}

hr.js-anim.js-show {
	width: 100%;
	transition: width 0.4s linear 0.5s;
}

footer .wrap-img-bg.js-anim {
	transform: translate(-150px, 100%) translateZ(-300px) scale(0.1);
	perspective: 100px;
	opacity: 0;
	transition: all 0.6s linear;
}

footer .wrap-img-bg.js-anim.js-show {
	transform: translate(0, 0) translateZ(0) scale(1);
	perspective: 0;
	opacity: 1;
	transition: all 0.6s linear;
}


@keyframes top-bottom {
	0% {
		transform: translateY(0);
		opacity: 0;
	}
	50% {
		transform: translateY(100%);;
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes scale-animate {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes title-animate {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes animate {
	from {
		transform: translate3d(0px, 0%, 0px);
	}
	to {
		transform: translate3d(0px, -50%, 0px);
	}

}

.otgs-development-site-front-end {
	padding: 14px 0px 22px;
	background: var(--white-color);
	color: var(--black-color);
}

.otgs-development-site-front-end .icon {
	position: relative;
	top: 7px;
	right: -32px;
}

/* Loader */
.loader {
	background: none repeat scroll 0 0 #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
}

.loader .loader_inner {
	animation: animate1 1s linear infinite;
	clip: rect(0, 80px, 80px, 40px);
	height: 80px;
	width: 80px;
	position: absolute;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
}

@keyframes animate1 {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(220deg)
	}
}

.loader .loader_inner:after {
	animation: animate2 1s ease-in-out infinite;
	clip: rect(0, 80px, 80px, 40px);
	content: '';
	border-radius: 50%;
	height: 80px;
	width: 80px;
	position: absolute;
}

@keyframes animate2 {
	0% {
		box-shadow: inset var(--light-grey-color) 0 0 0 17px;
		transform: rotate(-140deg);
	}
	50% {
		box-shadow: inset #000 0 0 0 2px;
	}
	100% {
		box-shadow: inset #000 0 0 0 17px;
		transform: rotate(140deg);
	}
}
.suggestion-block{
	border-top: 2px solid #000;
	width: calc(100% - 160px);
	max-width: 1760px;
	margin: 100px auto 0;
	padding: 190px 0 200px;
	display: flex;
}
.suggestion-block .suggestion-image{
	width: 24.43%;
	min-width: 24.43%;
	margin-block: 10px 0;
	margin-inline: 3.4% 6.65%;
}
.suggestion-block .suggestion-content{
	padding: 0 0 0 20px;
}
.suggestion-block h3{
	margin: 0 0 50px;
	font-size: 90px;
	font-weight: 300; 
	font-style: italic;
	line-height: 1.22;
}
.suggestion-block p{
	font-size: 60px;
	font-weight: 300;
	font-style: italic;
	line-height: 1.33;
	margin: 0 0 60px;
}
.suggestion-block .btn{
	display: inline-flex;
	width: auto;
	min-width: 230px;
	font-size: 25px;
	font-style: italic;
	padding-inline: 30px;
}
.suggestion-block .btn .secondary-btn-text{
	display: flex;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	text-align: start;
}
.suggestion-block + section {
	position: relative;
}
.suggestion-block + section:before{
	content: "";
	height: 2px;
	width: calc(100% - 140px);
	position: absolute;
	left: 50%;
	top: 0;
	background: #000;
	transform: translate(-50%,0);
}