html,body {
scroll-margin: calc(var(--headerHeight) * 2);
}
@font-face {
font-family: "Vastago Grotesk";
src: url("subset-VastagoGrotesk-Medium.eot");
src: local("Vastago Grotesk Medium"), local("VastagoGrotesk-Medium"),
local("Vastago Grotesk"),
url("../fonts/subset-VastagoGrotesk-Medium.eot?#iefix")
format("embedded-opentype"),
url("../fonts/subset-VastagoGrotesk-Medium.woff2") format("woff2"),
url("../fonts/subset-VastagoGrotesk-Medium.woff") format("woff"),
url("../fonts/subset-VastagoGrotesk-Medium.ttf") format("truetype"),
url("../fonts/subset-VastagoGrotesk-Medium.svg#VastagoGrotesk-Medium")
format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
html,
body {
font-family: "Lato", sans-serif;
line-height: 1.533;
letter-spacing: 0.016em;
overflow-x: hidden;
}
body {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: flex-start;
}
header#main-header {
position: relative;
top: 0;
left: 0;
right: 0;
width: 100%;
background: #fff;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
}
header#main-header:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
pointer-events: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
header#main-header.fixed {
position: fixed;
}
header#main-header.fixed + * {
padding-top: var(--headerHeight);
}
header#main-header .logo,
header#main-header .logo img {
max-height: 28px;
width: auto;
}
#search {
position: fixed;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
bottom: 100%;
left: 0;
right: 0;
background: #fff;
height: var(--headerHeight);
transform: translateY(-100%);
transition: transform 0.3s cubic-bezier(.64,0,.26,.99);
padding-left: 30px;
padding-right: 30px;
}
#search.active {
transform: translateY(100%);
transition: transform 0.3s cubic-bezier(.64,0,.26,.99);
}
#search .search-field {
font-size: 16px;
border: unset;
box-shadow: unset;
outline: unset;
border-bottom: 1px solid #000;
color: #000;
font-weight: 500;
background: unset;
margin: 0;
padding: 0;
min-width: 25vw;
}
#search .search-field:placeholder {
opacity: 1;
color: #000;
}
#search .search-submit {
font-size: 16px;
border: unset;
box-shadow: unset;
outline: unset;
border-bottom: 1px solid #000;
background: unset;
margin: 0;
padding: 0 5px;
margin-left: -3px;
min-height: unset;
width: auto;
line-height: inherit;
display: inline-block;
}
#search .search-toggle {
font-size: 16px;
border: unset;
box-shadow: unset;
outline: unset;
background: unset;
position: absolute;
right: 3%;
top: 50%;
transform: translateY(-50%);
}
/* clears the ‘X’ from Internet Explorer */
input[type="search"]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
/* clears the ‘X’ from Chrome */
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 {
display: none;
}
aside,
main#main-content {
width: 100%;
}
footer.octo-footer {
margin-top: auto;
width: 100%;
display: flex;
align-items: center;
justify-content: unset;
}
footer.octo-footer {
background-color: #cdd8dd;
padding-top: 90px;
}
footer.octo-footer .footer-flex {
margin-left: -6px;
margin-right: -6px;
min-width: 100%;
width: calc(100% + 12px);
}
footer.octo-footer .footer-column {
margin-bottom: 24px;
color: #000000;
font-size: 8px;
font-weight: 500;
letter-spacing: 0.13px;
line-height: 12px;
padding-left: 6px;
padding-right: 6px;
}
footer.octo-footer .footer-column:last-child {
margin-top: auto;
}
footer.octo-footer .footer-column p {
margin-bottom: 20px;
}
footer.octo-footer .footer-column .menu {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 18px;
}
footer.octo-footer .footer-column .menu .sub-menu {
display: none;
}
footer.octo-footer .footer-column #menu-social {
}
footer.octo-footer .footer-column a {
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
footer.octo-footer .footer-column a:hover {
color: #ef3f27;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
#overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
opacity: 0;
z-index: 11;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
#overlay.active {
display: block !important;
opacity: 0.1;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
body.page-template-cooperation header,
body.page-template-cooperation main,
body.page-template-cooperation footer {
filter: blur(0);
transition: filter 0.3s cubic-bezier(.64,0,.26,.99);
}
body.page-template-cooperation.has-overlay header,
body.page-template-cooperation.has-overlay main,
body.page-template-cooperation.has-overlay footer {
filter: blur(5px);
transition: filter 0.3s cubic-bezier(.64,0,.26,.99);
}
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Vastago Grotesk", sans-serif;
font-weight: 500;
margin: 0;
}
a {
color: inherit;
font: inherit;
text-decoration: unset;
}
p {
margin: 0;
}
ol,
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.text-content a {
color: #ef3f27;
}
.text-content p {
margin-bottom: 1em;
}
.text-content ol,
.text-content ul {
margin-bottom: 1.6rem;
}
.text-content .h0,
.text-content .h1,
.text-content .h2,
.text-content .h3,
.text-content .h4,
.text-content .h5,
.text-content .h6,
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6 {
margin-top: 2rem;
margin-bottom: 1.6rem;
}
footer ul.menu,
header#main-header ul.menu {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
header#main-header ul.menu {
align-items: center;
}
header#main-header ul.menu a {
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
header#main-header ul.menu a:hover {
color: #ef3f27;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
header#main-header ul.menu li.current_page_parent,
header#main-header ul.menu li.current_page_item,
header#main-header ul.menu li.current-menu-item,
header#main-header ul.menu li.current-lang a,
header#main-header ul.menu a.active {
color: #ef3f27;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
header#main-header ul.menu li.lang-item a.active {
color: #000;
}
footer ul.menu#menu-social {
flex-direction: row;
justify-content: flex-start;
}
#menu-social {
margin-left: -4px;
margin-right: -4px;
}
#menu-social svg + span {
display: none;
}
#menu-social li a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 19px;
height: 19px;
color: #ef3f27;
background-color: #ffffff;
border-radius: 50%;
margin: 4px;
transition: color 0.3s cubic-bezier(.64,0,.26,.99), background-color 0.3s cubic-bezier(.64,0,.26,.99);
}
#menu-social li a:hover {
color: #ffffff;
background-color: #ef3f27;
transition: color 0.3s cubic-bezier(.64,0,.26,.99), background-color 0.3s cubic-bezier(.64,0,.26,.99);
}
#menu-social li a svg {
padding: 4px;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.hamburger {
width: 2.7rem;
height: 2.7rem;
position: relative;
overflow: hidden;
}
.hamburger .line {
position: absolute;
background: currentColor;
height: 0.2rem;
border-radius: 0.01rem;
left: 0;
width: 141%;
display: block;
transition: all 0.3s cubic-bezier(.64,0,.26,.99);
opacity: 1;
transform: translate3d(0, 0, 0);
}
.hamburger .line-top {
top: 0.6rem;
transform-origin: top left;
}
.hamburger .line-center {
top: 50%;
transform: translate3d(0, -50%, 0);
}
.hamburger .line-bottom {
bottom: 0.6rem;
transform-origin: bottom left;
}
.active .hamburger .line-center {
opacity: 0;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
.active .hamburger .line-top {
top: 0;
transform: translate3d(0, -66%, 0) rotate(45deg);
}
.active .hamburger .line-bottom {
bottom: 0;
transform: translate3d(0, 66%, 0) rotate(-45deg);
}
#instantclick {
}
#instantclick-bar {
height: 7px;
background-color: #ef3f27;
z-index: 100;
}
html.js body {
opacity: 1;
}
html.js body main {
opacity: 1;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
html.loading body main {
opacity: 0.3;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
pointer-events: none;
}
.pg-pips {
position: fixed;
z-index: 1000;
}
.pg-pips ul {
margin: 0;
padding: 0;
}
.pg-pips ul li {
width: 14px;
height: 14px;
margin: 7px;
position: relative;
}
.pg-pips ul li:hover a {
width: 10px;
height: 10px;
margin: -5px 0 0 -5px;
}
.pg-pips ul li a {
display: block;
cursor: pointer;
text-decoration: none;
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #fff;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
}
.pg-pips ul li a.active,
.pg-pips ul li:hover a.active {
position: absolute;
height: 14px;
width: 14px;
margin: -7px 0 0 -7px;
border-radius: 100%;
}
.pg-vertical .pg-pips {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.pg-vertical .pg-pips li {
display: block;
}
.pg-horizontal .pg-pips {
bottom: 10px;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.pg-horizontal .pg-pips li {
display: inline-block;
}
body.home header#main-header.fixed + * {
padding-top: 0;
}
body.home .paging .pg-page {
height: var(--scrollHeight);
overflow: hidden;
}
/*
body.home .paging .pg-page .images-wrap {
transform: translateY(100%);
opacity: 0.2;
transition-delay: 0.2s;
transition: transform 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99);
min-width: unset;
margin-left: auto;
margin-right: auto;
}
body.home .paging .pg-page.pg-active .images-wrap {
transform: translateY(0);
opacity: 1;
transition-delay: 0.2s;
transition: transform 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
*/
body.home .paging .pg-page.technology .images-wrap,
body.home .paging .pg-page.products .images-wrap {
transform: translateY(100%);
opacity: 0.2;
transition-delay: 0.2s;
transition: transform 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99);
min-width: unset;
margin-left: auto;
margin-right: auto;
}
body.home .paging .pg-page.pg-active .images-wrap {
transform: translateY(0);
opacity: 1;
transition-delay: 0.2s;
transition: transform 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page.pg-active.pg-done .images-wrap {
transform: unset !important;
}
body.home .paging .pg-page .additional-image img {
transform: translateY(100%);
opacity: 0;
transition-delay: 0.2s;
transition: transform 0.8s cubic-bezier(.64,0,.26,.99), opacity 0.8s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page.pg-active .additional-image img {
transform: translateY(0);
opacity: 1;
transition-delay: 0.2s;
transition: transform 0.8s cubic-bezier(.64,0,.26,.99), opacity 0.8s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page .content {
opacity: 0;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page.pg-active .content,
body.home .paging .pg-page.pg-moving .content {
opacity: 1;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
body.home header#main-header {
background: unset;
box-shadow: unset;
}
body.home header#main-header:after {
content: none;
display: none;
}
.paging > * {
padding-top: calc(var(--headerHeight) + 16px);
max-height: 100vh;
overflow: hidden;
}
.paging > * * {
max-height: 100%;
}
body.home .homepage-section > .d-flex {
max-height: var(--scrollHeight);
height: 100%;
}
@media screen and (max-width: 989px) {
.ceramics .homepage-slider-item {
line-height: 0;
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
.ceramics .homepage-slider-item > img {
max-width: unset;
}
.technology .homepage-slider-item img {
object-fit: contain !important;
}
}
.additional-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(0, -50%);
width: 33vw;
max-width: 600px;
height: auto !important;
min-height: unset !important;
}
.additional-image img {
max-width: 100% !important;
min-height: unset !important;
max-height: 100% !important;
min-width: unset !important;
height: auto !important;
width: auto !important;
}
body.home .section--title {
display: block;
font-family: "Vastago Grotesk", sans-serif;
font-size: 60px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.96px;
line-height: 52px;
color: #fff;
text-transform: uppercase;
margin-bottom: 18px;
}
body.home .homepage-section.innovations .section--title {
font-size: 44px;
font-weight: 500;
line-height: 36px;
margin-top: 26px;
}
@media screen and (max-width: 380px) {
body.home .homepage-section.innovations .section--title,
body.home .section--title {
font-size: 36px;
font-weight: 500;
line-height: 32px;
}
}
body.home .section--content {
font-size: 16px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
text-align: left;
margin: 25px 0 40px 0;
}
body.home .homepage-section .images-wrap {
display: flex;
align-items: center;
}
body.home .homepage-section .images-wrap .tns-outer {
width: 100%;
}
body.home .homepage-section.products .homepage-slider-item,
body.home .homepage-section.cooperation .homepage-slider-item {
text-align: center;
}
body.home .homepage-section.cooperation .homepage-slider-item img {
max-height: 380px;
}
body.home .homepage-section.technology .images-wrap {
margin-left: 45%;
}
body.home .section--content a {
color: #ef3f27;
display: inline-block;
}
body.home .section--content a:hover {
text-decoration: underline;
}
.homepage-doors,
.homepage-sliding-el {
display: none;
}
@media screen and (max-width: 979px) {
body.home .homepage-section.innovations .section--title br {
display: none;
}
}
@media screen and (min-width: 980px) {
body.home .homepage-section .section--title {
overflow-wrap: unset;
}
.additional-image {
left: 54%;
}
.homepage-sliding-el {
display: block;
z-index: 9;
margin-bottom: var(--headerHeight);
}
body.home .homepage-section:first-child {
padding-top: 0;
}
body.home .homepage-section:first-child > .d-flex,
body.home .homepage-section > .d-flex {
max-height: 100vh;
align-items: center;
}
body.home .homepage-section img {
max-height: 100vh;
width: auto;
}
body.home .homepage-section .images-wrap {
min-height: 100%;
align-items: flex-end;
}
body.home .homepage-section .tns-outer {
line-height: 0;
max-height: 100vh;
}
body.home .homepage-section .content {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
position: relative;
z-index: 2;
}
body.home .homepage-section.products .homepage-slider-item, body.home .homepage-section.cooperation .homepage-slider-item {
text-align: right;
}
.homepage-sliding-el {
background-color: #ef3f27;
width: 34px;
height: 50%;
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: height 0.3s cubic-bezier(.64,0,.26,.99);
}
body.home .homepage-section.innovations .section--title {
white-space: nowrap;
}
body.home .homepage-section.innovations .section--title,
body.home .section--title {
font-size: 60px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.96px;
line-height: 52px;
margin-top: 15px;
margin-bottom: 15px;
}
body.home .section--content {
margin-top: 15px;
margin-bottom: 15px;
font-size: 30px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.48px;
line-height: 46px;
max-width: 700px;
}
body.home .homepage-section.technology .images-wrap {
margin-left: 0;
}
body.home [data-anchor] {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0;
position: relative;
z-index: 1;
}
body.home footer[data-anchor] {
padding-top: 90px;
}
body.home .homepage-section.ceramics .images-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
body.home .homepage-section.ceramics .images-wrap * {
height: 100%;
min-height: 100%;
}
body.home .homepage-section.ceramics .images-wrap img {
min-height: 100%;
min-width: 100%;
object-fit: cover;
object-position: 38% center;
}
body.home .homepage-section.ceramics .content {
position: relative;
z-index: 5;
min-width: 70%;
}
body.home .homepage-section.innovations .images-wrap *,
body.home .homepage-section.company .images-wrap *,
body.home .homepage-section.products .images-wrap * {
height: 100vh;
min-height: 100%;
}
body.home .homepage-section.innovations .images-wrap img,
body.home .homepage-section.company .images-wrap img,
body.home .homepage-section.products .images-wrap img {
min-height: 100%;
min-width: 100%;
object-fit: cover;
object-position: center;
}
body.home .homepage-section.cooperation .images-wrap {
min-height: unset;
height: auto;
margin: 0 35px;
display: flex;
align-items: center;
justify-content: center;
}
body.home .homepage-section.cooperation .tns-outer {
min-height: unset;
}
body.home .homepage-section.technology .images-wrap {
max-width: 33% !important;
}
body.home .homepage-section.technology .images-wrap .homepage-slider-item {
text-align: center;
}
body.home .homepage-section.technology .images-wrap .homepage-slider-item img {
transform: translateY(50%);
}
body.home .homepage-section.technology:after {
content: '';
display: block;
}
body.home .homepage-section.products:after,
body.home .homepage-section.technology:after {
content: '';
display: block;
position: absolute;
width: 40%;
height: 140%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
right: 5%;
}
body.home .homepage-section.products:after {
bottom: 0;
transform: translateY(50%);
}
body.home .homepage-section.technology:after {
top: 0;
transform: translateY(-50%);
}
body.home .homepage-section.cooperation .content {
max-width: unset;
flex-basis: auto;
width: auto;
margin-right: 0 !important;
}
body.home .homepage-section.cooperation .images-wrap {
align-items: center;
width: auto;
min-width: unset;
max-width: unset;
flex-basis: auto;
}
body.home .homepage-section.cooperation .homepage-slider-item img {
max-height: 660px;
}
.homepage-doors {
display: block;
position: absolute;
height: 100vh;
width: auto;
right: 0;
z-index: 2;
}
body.home .homepage-section.innovations .images-wrap {
margin-left: -20%;
}
body.home .homepage-section.innovations .content {
flex-basis: 77%;
width: 77%;
min-width: 77%;
}
/*
body.home .paging .pg-page .images-wrap {
transform: translateY(100%);
opacity: 0.5;
transition-delay: 0s;
transition: transform 0.5s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page.pg-moving .images-wrap,
body.home .paging .pg-page.pg-active .images-wrap {
transform: translateY(0);
opacity: 1;
transition-delay: 0s;
transition: transform 0.5s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
*/
body.home .paging .pg-page.technology .images-wrap,
body.home .paging .pg-page.products .images-wrap {
transform: translateY(100%);
opacity: 0.5;
transition-delay: 0s;
transition: transform 0.5s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page.pg-moving .images-wrap,
body.home .paging .pg-page.pg-active .images-wrap {
transform: translateY(0);
opacity: 1;
transition-delay: 0s;
transition: transform 0.5s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page.pg-active.pg-done .images-wrap {
transform: unset !important;
}
body.home .paging .pg-page .images-wrap {
min-width: unset !important;
z-index: unset !important;
}
body.home .paging .pg-page .content {
margin-right: auto;
opacity: 0;
transition-delay: 0s;
transform: translateX(-150%);
transition: opacity 0.8s cubic-bezier(.64,0,.26,.99), transform 0.6s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page.pg-moving .content,
body.home .paging .pg-page.pg-active .content {
opacity: 1;
transform: translateX(0);
transition-delay: 0s;
transition: opacity 0.8s cubic-bezier(.64,0,.26,.99), transform 0.6s cubic-bezier(.64,0,.26,.99);
}
body.home .homepage-section.products .section--title,
body.home .homepage-section.technology .section--title,
body.home .homepage-section.cooperation .section--title {
white-space: nowrap;
}
}
@media screen and (min-width: 1200px) {
body.home .homepage-section.innovations .section--title,
body.home .section--title {
font-size: 80px;
font-weight: 500;
letter-spacing: 1.8px;
line-height: 95px;
margin-top: 15px;
margin-bottom: 15px;
}
body.home .section--content {
margin-top: 15px;
margin-bottom: 15px;
font-size: 30px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.48px;
line-height: 46px;
}
}
@media screen and (min-width: 1600px) {
body.home .homepage-section.innovations .section--title,
body.home .section--title {
font-size: 140px;
font-weight: 500;
letter-spacing: 2.56px;
line-height: 130px;
margin-top: 30px;
margin-bottom: 30px;
}
body.home .section--content {
margin-top: 30px;
margin-bottom: 30px;
font-size: 30px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.48px;
line-height: 46px;
}
}
@media screen and (max-width: 979px) {
.main-navigation {
display: flex;
align-items: center;
}
.main-navigation .search-toggle {
height: 17px;
width: 17px;
display: inline-block;
margin-left: 25px;
line-height: 0;
}
.main-navigation .search-toggle svg {
width: 100%;
height: auto;
}
.main-navigation .main-menu-toggle {
display: inline-block;
position: relative;
background: unset;
border: unset;
box-shadow: unset;
line-height: 0;
min-width: unset;
outline: none !important;
min-height: unset;
}
.main-navigation .main-menu-toggle.active {
z-index: 101;
}
.main-navigation ul.menu {
background: #fff;
position: absolute;
z-index: 100;
left: 0;
right: 0;
top: 100%;
width: 100%;
height: 100vh;
height: var(--scrollHeight);
overflow-y: auto;
opacity: 0;
transform: translateY(-150%);
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99), transform 0.3s cubic-bezier(.64,0,.26,.99);
/*
-webkit-box-shadow: -1px 0px 15px -5px rgba(66, 68, 90, 1);
-moz-box-shadow: -1px 0px 15px -5px rgba(66, 68, 90, 1);
box-shadow: -1px 0px 15px -5px rgba(66, 68, 90, 1);
*/
}
.main-navigation ul.menu.active {
opacity: 1;
transform: translateY(0);
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99), transform 0.3s cubic-bezier(.64,0,.26,.99);
}
header#main-header ul.menu {
align-items: flex-start;
justify-content: flex-start;
padding-top: 47px;
padding-left: calc(50% - 100px);
padding-bottom: 47px;
font-size: 24px;
font-weight: 500;
letter-spacing: 0.38px;
line-height: 48px;
}
.main-navigation ul.menu .sub-menu {
display: block;
padding-left: 50px;
color: #000000;
font-size: 20px;
font-weight: 500;
letter-spacing: 0.16px;
line-height: 44px;
}
}
@media screen and (min-width: 600px) {
footer.octo-footer .footer-column {
font-size: 12px;
line-height: 17px;
}
footer.octo-footer .footer-column .menu {
font-size: 14px;
line-height: 23px;
}
}
@media screen and (max-width: 767px) {
body:not(.home) footer.octo-footer .footer-column:last-child {
display: none;
}
footer.octo-footer .footer-column {
min-width: 25.1%;
max-width: 33.33%;
}
footer.octo-footer .footer-column:last-child {
min-width: 100%;
width: 111.6%;
max-width: unset;
flex-basis: 111.6%;
margin-left: -5.8%;
margin-right: -5.8%;
}
footer.octo-footer .footer-column:last-child img {
width: 100%;
}
}
@media screen and (min-width: 768px) {
#menu-social li a {
width: 20px;
height: 20px;
padding: 1px;
}
footer.octo-footer {
padding-right: 0;
}
footer.octo-footer .footer-flex {
flex-wrap: nowrap;
margin-left: -12px;
margin-right: -12px;
min-width: 100%;
width: calc(100% + 24px);
}
footer.octo-footer .footer-column {
width: 22%;
padding-left: 12px;
padding-right: 12px;
}
footer.octo-footer .footer-column:first-child {
width: 18%;
}
footer.octo-footer .footer-column:last-child {
width: 50%;
}
footer.octo-footer .footer-column:last-child img {
width: 100%;
}
}
header#main-header .main-menu-toggle,
header#main-header .logo,
header#main-header .search-toggle,
header#main-header ul.menu {
color: #000;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
header#main-header.header-dark .main-menu-toggle,
header#main-header.header-dark .logo,
header#main-header.header-dark .search-toggle,
header#main-header.header-dark ul.menu {
color: #fff;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
@media screen and (min-width: 980px) {
header#main-header .logo,
header#main-header .logo img {
max-height: 38px;
}
.main-navigation {
display: flex;
align-items: center;
}
.main-navigation .search-toggle {
height: 18px;
width: 18px;
display: inline-block;
margin-left: 25px;
line-height: 0;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
.main-navigation .search-toggle svg {
width: 100%;
height: auto;
}
.main-navigation .main-menu-toggle {
display: none;
}
.main-navigation ul.menu {
}
header#main-header ul.menu {
flex-direction: row;
justify-content: flex-end;
color: #000000;
font-size: 16px;
letter-spacing: 0.25px;
font-weight: 700;
text-transform: uppercase;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
header#main-header ul.menu li {
margin-left: 25px;
}
.main-navigation ul.menu .sub-menu {
display: none;
}
}
@media screen and (min-width: 1200px) {
.main-navigation .search-toggle {
height: 24px;
width: 24px;
}
header#main-header ul.menu {
font-size: 20px;
letter-spacing: 0.32px;
}
#menu-social li a {
width: 25px;
height: 25px;
padding: 2px;
}
footer.octo-footer {
align-items: flex-end;
}
footer.octo-footer .footer-column {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px;
}
footer.octo-footer .footer-column p {
margin-bottom: 42px;
}
footer.octo-footer .footer-column .menu {
font-size: 18px;
font-weight: 500;
letter-spacing: 0.26px;
line-height: 26px;
}
}
@media screen and (min-width: 1800px) {
/*
#menu-social li a {
width: 30px;
height: 30px;
padding: 3px;
}
footer.octo-footer .footer-column {
font-size: 20px;
font-weight: 500;
letter-spacing: 0.32px;
line-height: 27px;
}
footer.octo-footer .footer-column .menu {
font-size: 24px;
font-weight: 500;
letter-spacing: 0.38px;
line-height: 37px;
}
*/
}
.page-content {
padding-top: 40px;
}
.main-page-title {
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 500;
letter-spacing: 0.38px;
line-height: 28px;
text-transform: uppercase;
padding-bottom: 14px;
margin-bottom: 26px;
}
.page-content .page .entry-content {
font-size: 14px;
}
.page-content .page .entry-content p {
margin-bottom: 1rem;
}
.page-content .page .entry-content ol ol,
.page-content .page .entry-content ol ul,
.page-content .page .entry-content ul ul,
.page-content .page .entry-content ul ol {
padding-left: 1.2em;
margin: 0.4em 0;
}
.page-content .page .entry-content li {
margin-bottom: 0.4rem;
}
.page-content .page .entry-content h4 {
font-size: 1.15em;
margin-bottom: 1rem;
}
.btn,
.button,
.sidebar-custom-element a.btn,
button[type="submit"],
input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
color: #000000;
border: 1px solid #ef3f27;
background: #fff;
border-radius: 0;
box-shadow: unset;
outline: unset;
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.32px;
line-height: 26px;
width: 100%;
max-width: 200px;
min-height: 77px;
transition: color 0.3s cubic-bezier(.64,0,.26,.99), background-color 0.3s cubic-bezier(.64,0,.26,.99);
padding: 5px;
}
@media screen and (max-width: 979px) {
.btn,
.button,
.sidebar-custom-element a.btn,
button[type="submit"],
input[type="submit"] {
min-height: 69px;
font-size: 24px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.19px;
}
}
.btn:hover,
.button:hover,
.sidebar-custom-element a.btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.btn.active,
.button.active,
.sidebar-custom-element a.btn.active,
button[type="submit"].active,
input[type="submit"].active {
background-color: #ef3f27;
color: #fff;
transition: color 0.3s cubic-bezier(.64,0,.26,.99), background-color 0.3s cubic-bezier(.64,0,.26,.99);
}
.octo-aside {
max-width: 380px;
padding-left: 90px;
padding-right: 90px;
position: sticky;
top: 60px;
height: auto;
margin-top: 94px;
margin-bottom: 94px;
}
.octo-aside .sidebar-list {
height: auto;
padding-top: 26px;
}
.octo-aside .sidebar-list:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 100%;
background-color: #ef3f27;
}
.octo-aside li img,
.octo-aside li .count,
.octo-aside-mobile li img,
.octo-aside-mobile li .count,
.woocommerce-loop-category__title .count {
display: none !important;
}
.woocommerce-loop-category__title,
.woocommerce-loop-product__title {
text-transform: uppercase;
}
.sidebar-custom-element a,
.octo-aside .woocommerce-loop-category__title {
font-size: 20px;
font-weight: 700;
letter-spacing: 0.32px;
line-height: 24px;
font-family: "Lato", sans-serif;
}
.sidebar-custom-element a {
margin-bottom: 26px;
}
.sidebar-custom-element a.btn {
margin: 13px 0;
}
.octo-aside .woocommerce-loop-category__title {
margin-bottom: 26px;
}
html.js .sidebar-subcategories {
max-height: 0;
transform: scaleY(0);
opacity: 0;
transform-origin: top;
transition: max-height 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99),
transform 0.3s cubic-bezier(.64,0,.26,.99);
}
html.js .opened .sidebar-subcategories {
max-height: 999999px;
transform: scaleY(1);
opacity: 1;
transform-origin: top;
transition: max-height 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99),
transform 0.3s cubic-bezier(.64,0,.26,.99);
}
.sidebar-subcategories {
padding-left: 48px;
}
.sidebar-subcategories > .woocommerce {
margin-bottom: 26px;
}
.sidebar-subcategories a,
.sidebar-subcategories .woocommerce-loop-category__title {
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.26px;
line-height: 18px;
font-family: "Lato", sans-serif;
}
.sidebar-subcategories .woocommerce-loop-category__title {
margin-bottom: 16px;
}
.custom-products-header {
border-bottom: 2px solid #ef4026;
}
.custom-products-header .header-gallery {
line-height: 0;
position: relative;
}
.custom-products-header .header-gallery .tns-slider {
display: flex;
align-items: stretch;
}
.custom-products-header .header-gallery .tns-item {
display: inline-flex;
align-items: stretch;
justify-content: center;
min-height: 100%;
}
.custom-products-header .header-gallery img {
max-height: 80vh;
width: auto;
height: auto;
}
.custom-products-header .header-gallery .main-video {
max-height: 80vh;
max-width: 100%;
width: auto;
height: auto;
}
.custom-products-header .header-gallery .main-video {
width: 100%;
}
@media screen and (min-width: 980px) {
.octo-aside-mobile {
display: none !important;
}
.octo-aside-mobile + .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
aside,
main#main-content {
width: auto;
flex-basis: auto;
}
main#main-content {
width: 100%;
}
.octo-aside + .octo-main {
max-width: calc(100% - 380px);
width: 100%;
}
.custom-products-header {
border-bottom: 3px solid #ef4026;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.custom-products-header .header-gallery {
border-right: 3px solid #ef3f27;
width: 60%;
}
.custom-products-header .header-info {
width: 40%;
}
}
@media screen and (min-width: 1600px) {
.header-info {
justify-content: flex-start !important;
padding-top: 116px;
overflow: auto;
scroll-behavior: smooth;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.header-info::-webkit-scrollbar {
display: none;
}
}
@media screen and (max-width: 979px) {
.octo-aside {
display: none !important;
}
.custom-products-header {
padding-right: 0 !important;
}
}
.octo-aside a:hover,
.octo-aside-mobile a:hover,
.octo-aside a.active,
.octo-aside-mobile a.active {
text-decoration: underline;
font-weight: bold;
}
.octo-aside a.btn:hover,
.octo-aside-mobile a.btn:hover,
.octo-aside a.btn.active,
.octo-aside-mobile a.btn.active {
text-decoration: unset;
}
.octo-aside a.active *,
.octo-aside-mobile a.active * {
font-weight: bold;
}
.octo-aside-mobile {
}
.octo-aside-mobile .sidebar-list {
display: flex;
justify-content: space-between;
align-items: stretch;
position: relative;
z-index: 1;
}
.octo-aside-mobile .sidebar-list > li {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 20px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.32px;
line-height: 22px;
border: 2px solid #ef4026;
background-color: #fff;
border-left: 0;
border-top: 0;
min-height: 50px;
cursor: pointer;
transition: color 0.3s cubic-bezier(.64,0,.26,.99), background-color 0.3s cubic-bezier(.64,0,.26,.99);
}
.octo-aside-mobile .sidebar-list > li.opened {
background-color: #1f3139;
color: #fff;
transition: color 0.3s cubic-bezier(.64,0,.26,.99), background-color 0.3s cubic-bezier(.64,0,.26,.99);
}
.octo-aside-mobile .sidebar-list > li:last-child {
border-right: 0;
}
.octo-aside-mobile .sidebar-tab-inner {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #1f3139;
color: #fff;
max-height: 0;
transform: scaleY(0);
opacity: 0;
transform-origin: top;
transition: max-height 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99),
transform 0.3s cubic-bezier(.64,0,.26,.99);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: left;
padding: 30px 20px 70px 20px;
}
.octo-aside-mobile .opened .sidebar-tab-inner {
max-height: var(--panelHeight);
height: 100vh;
overflow: auto;
scroll-behavior: smooth;
opacity: 1;
transform: scaleY(1);
transition: max-height 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99),
transform 0.3s cubic-bezier(.64,0,.26,.99);
}
.octo-aside-mobile .sidebar-tab-parent .woocommerce-loop-category__title {
color: #ffffff;
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.38px;
line-height: 30px;
margin-bottom: 24px;
}
.octo-aside-mobile .sidebar-tab-subcategories {
padding-left: 53px;
}
.octo-aside-mobile
.sidebar-tab-subcategories
.woocommerce-loop-category__title {
color: #ffffff;
font-size: 20px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.16px;
line-height: 24px;
margin-bottom: 20px;
text-transform: initial;
}
.octo-aside-mobile .sidebar-tab-element {
}
.sidebar-tab-element .sidebar-tab-subcategories {
max-height: 0;
transform: scaleY(0);
opacity: 0;
transform-origin: top;
transition: max-height 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99),
transform 0.3s cubic-bezier(.64,0,.26,.99);
}
.sidebar-tab-element.opened .sidebar-tab-subcategories {
max-height: 999px;
transform: scaleY(1);
opacity: 1;
transform-origin: top;
transition: max-height 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99),
transform 0.3s cubic-bezier(.64,0,.26,.99);
}
li.product .button {
display: none;
}
.woocommerce-breadcrumb,
.woocommerce-products-header,
.woocommerce-notices-wrapper,
.woocommerce-result-count,
.woocommerce-ordering {
display: none !important;
}
.products-wrapper {
position: relative;
}
#main-content .products-wrapper {
max-width: 100%;
overflow: auto;
scroll-behavior: smooth;
padding-bottom: 8px;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
#main-content .products-wrapper::-webkit-scrollbar {
display: none;
}
#main-content ul.products {
display: flex;
align-items: stretch;
width: auto;
}
#main-content ul.products li.product {
width: 136px;
min-width: 136px;
max-width: 136px;
text-align: center;
padding-left: 23px;
padding-right: 23px;
}
#main-content ul.products li.product .woocommerce-LoopProduct-link {
height: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#main-content ul.products li.product .woocommerce-LoopProduct-link img {
margin: auto;
}
#main-content ul.products li.product .woocommerce-loop-product__title {
color: #000000;
font-family: "Lato", sans-serif;
font-size: 8px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.13px;
line-height: 12px;
text-align: left;
}
@media screen and (min-width: 768px) {
#main-content ul.products li.product {
width: 261px;
min-width: 261px;
max-width: 261px;
text-align: center;
}
#main-content ul.products li.product .woocommerce-LoopProduct-link {
align-items: center;
}
#main-content ul.products li.product .woocommerce-loop-product__title {
font-size: 20px;
font-weight: 700;
letter-spacing: 0.32px;
line-height: 24px;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
}
#main-content .products-section-title,
#main-content .woocommerce-info {
margin-top: 25px;
color: #000000;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
}
#main-content .products-section .products-wrapper {
margin-top: 24px;
}
/*
#main-content .products-section-title {
margin-bottom: 24px;
}
*/
#main-content .products-section,
#main-content .woocommerce-info {
margin-bottom: 32px;
}
@media screen and (min-width: 980px) {
#main-content .products-section-title,
#main-content .woocommerce-info {
margin-top: 38px;
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.32px;
line-height: 28px;
}
#main-content .products-section-title {
margin-bottom: 0;
}
#main-content .products-section .products-wrapper {
margin-top: 38px;
}
#main-content .products-section,
#main-content .woocommerce-info {
margin-bottom: 100px;
}
.mobile-sidebar-buttons {
display: none;
}
}
.mobile-nav {
margin-bottom: 32px;
}
.header-mobile-title {
display: none;
}
.custom-header-title {
font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: 800;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-transform: uppercase;
margin-bottom: 20px;
}
.custom-header-content {
color: #000000;
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.32px;
line-height: 26px;
}
.custom-header-content p {
margin-bottom: 18px;
}
@media screen and (max-width: 979px) {
.main_content-wrap .main_content-container {
padding-left: 0;
padding-right: 0;
}
.header-mobile-title {
display: block;
padding-left: 5.8%;
padding-right: 5.8%;
}
.header-mobile-title h1 {
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.38px;
line-height: 22px;
margin-bottom: 30px;
}
.main_content-wrap .header-info {
padding-left: 5.8%;
padding-right: 5.8%;
}
.header-info .custom-header-title {
margin: 28px 0;
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.38px;
line-height: 22px;
margin-bottom: 28px;
}
.custom-header-content {
color: #000000;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
margin-bottom: 56px;
}
#main-content .products-section,
#main-content .woocommerce-info {
padding-left: 5.8%;
padding-right: 5.8%;
}
#main-content .products-section-title {
margin-bottom: 18px;
}
.custom-header-content p {
margin-bottom: 18px;
}
.mobile-sidebar-buttons {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-left: -10px;
margin-right: -10px;
min-width: 100%;
margin-bottom: 56px;
}
.mobile-sidebar-buttons li {
width: 50%;
margin: 10px;
text-align: center;
}
.mobile-sidebar-buttons .btn {
text-transform: initial;
min-height: 100%;
margin: 0;
}
}
@media screen and (max-width: 600px) {
.mobile-sidebar-buttons .btn {
font-size: 16px;
}
}
.header-info {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding-left: 8%;
}
@media screen and (min-width: 980px) and (max-width: 1599px) {
.custom-header-title {
font-size: 32px;
margin-bottom: 18px;
}
.custom-header-content {
font-size: 16px;
line-height: 23px;
padding-left: 0;
display: block;
}
.custom-header-content p {
margin-bottom: 18px;
}
/*
.octo-aside {
max-width: 300px;
padding-left: 30px;
padding-right: 30px;
}
.octo-aside + .octo-main {
max-width: calc(100% - 300px);
}
.octo-aside .sidebar-list:before {
width: 12px;
}
*/
.custom-products-header .header-gallery {
border-right: unset;
width: 100%;
}
.custom-products-header .header-info {
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 0;
}
.custom-products-header {
flex-wrap: wrap;
}
}
@media screen and (min-width: 1600px) {
.custom-products-header {
height: 750px;
overflow: hidden;
}
.custom-products-header .header-gallery,
.custom-products-header .header-gallery .tns-outer,
.custom-products-header .header-gallery .tns-ovh,
.custom-products-header .header-gallery .tns-inner,
.custom-products-header .header-gallery .custom-slider,
.custom-products-header .header-gallery .header-gallery-item {
height: 750px;
}
.custom-products-header .header-gallery .tns-slider {
display: flex;
align-items: stretch;
justify-content: flex-start;
}
.custom-products-header .header-gallery {
border-right: 1px solid #ef3f27;
position: relative;
}
.custom-products-header .header-gallery:after {
content: '';
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
width: 2px;
background-color: #ef3f27;
}
.custom-products-header .header-gallery .woocommerce-product-gallery__image,
.custom-products-header .header-gallery .header-gallery-item {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1px;
min-height: 100%;
}
.custom-products-header .header-gallery .woocommerce-product-gallery__image img,
.custom-products-header .header-gallery .header-gallery-item img {
max-height: 750px;
max-width: 100%;
width: auto;
height: 750px;
margin: auto;
object-fit: cover;
object-position: center center;
/*
min-height: 700px;
min-width: 100%;
object-fit: cover;
object-position: center center;
*/
}
}
.search-content {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
margin-left: -10px;
margin-right: -10px;
min-width: 100%;
width: auto;
}
.search-content article {
width: 100%;
text-align: center;
padding: 10px;
margin-bottom: 20px;
max-width: 105px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.search-content article .post-thumbnail,
.search-content article img {
margin: auto;
}
.search-content article .entry-title {
color: #000000;
font-family: "Lato", sans-serif;
font-size: 8px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.13px;
line-height: 11px;
margin-top: 4px;
text-align: left;
}
@media screen and (min-width: 415px) {
.search-content article {
width: 50%;
align-items: center;
}
.search-content article .entry-title {
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.32px;
line-height: 26px;
margin-top: 18px;
text-align: center;
}
}
@media screen and (min-width: 768px) {
.search-content article {
width: 33.333%;
max-width: 240px;
margin-bottom: 40px;
}
}
@media screen and (min-width: 1200px) {
.search-content article {
width: 25%;
}
}
.octo-aside-mobile + .main_content-container .page-content {
padding-top: 0;
}
.catalog-wrap {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
}
.catalog-wrap .catalog-item {
width: calc(50% - 48px);
margin: 24px 16px;
position: relative;
}
.catalog-item .catalog-image {
display: block;
padding-top: 8%;
padding-right: 0%;
line-height: 0;
background-size: 100%;
background-position: top left;
max-width: 390px;
margin-left: auto;
margin-right: auto;
}
.catalog-item .catalog-image img {
border: 1px solid #ef3f27;
}
.catalog-item .download-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 65px;
height: 65px;
border-radius: 50%;
background-size: contain;
}
.catalog-item .catalog-name {
display: block;
margin-top: 16px;
color: #000000;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
text-align: center;
max-width: 390px;
margin-left: auto;
margin-right: auto;
}
.page-template-catalog .main-page-title {
margin-bottom: 0;
}
@media screen and (max-width: 380px) {
.catalog-wrap .catalog-item {
width: 100%;
}
}
@media screen and (min-width: 600px) {
.catalog-item .catalog-image img {
border-width: 2px;
}
.catalog-item .download-btn {
width: 90px;
height: 90px;
}
}
@media screen and (min-width: 980px) {
.page-template-catalog .main-page-title {
display: none;
}
.catalog-wrap {
margin-top: 48px;
margin-bottom: 100px;
}
.catalog-item .catalog-image img {
border-width: 3px;
}
.catalog-item .catalog-name {
margin-top: 21px;
letter-spacing: 0.26px;
}
.catalog-wrap .catalog-item {
margin-bottom: 40px;
}
.catalog-item .download-btn {
opacity: 0;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
.catalog-item:hover .download-btn {
opacity: 1;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
.woocommerce-LoopProduct-link img {
transform: scale(1);
transform-origin: center center;
transition: transform 0.3s cubic-bezier(.64,0,.26,.99);
}
.woocommerce-LoopProduct-link:hover img {
transform: scale(1.1);
transform-origin: center center;
transition: transform 0.3s cubic-bezier(.64,0,.26,.99);
}
}
@media screen and (min-width: 1200px) {
.catalog-item .download-btn {
width: 190px;
height: 190px;
}
}
@media screen and (min-width: 1366px) {
.catalog-item .catalog-image {
padding-top: 30px;
}
}
.cooperation-mobile-buttons {
position: relative;
display: flex;
align-items: stretch;
justify-content: space-between;
margin-bottom: 0;
}
.cooperation-mobile-buttons a {
flex: 1;
white-space: nowrap;
max-width: unset;
min-height: 51px;
border-width: 2px;
border-left: 0;
border-top: 0;
font-size: 20px;
letter-spacing: 0.32px;
line-height: 24px;
font-weight: 500;
}
.cooperation-mobile-buttons a:last-child {
border-right: 0;
}
.cooperation-buttons {
display: none;
}
#login,
#register {
display: none;
position: fixed;
top: var(--headerHeight);
height: var(--scrollHeight);
width: 100%;
left: 0;
right: 0;
background-color: #ffffff;
padding: 30px 5.8%;
z-index: 12;
}
#login.active,
#register.active {
display: block;
opacity: 1;
}
#login .popup-title,
#register .popup-title {
margin: 16px 0 70px 0;
color: #000000;
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 800;
font-style: normal;
letter-spacing: 0.28px;
line-height: 32px;
}
.cooperation-subtitle {
display: none;
}
.cooperation-title {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
margin-top: 32px;
margin-bottom: 44px;
max-width: 360px;
}
.page-template-cooperation label {
opacity: 0.37;
color: #000000;
font-family: 'Lato', sans-serif;
font-size: 12px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.1px;
line-height: 14px;
display: block;
width: 100%;
text-transform: uppercase;
}
.page-template-cooperation input,
.page-template-cooperation textarea,
.page-template-cooperation select {
border: 1px solid #ef3f27;
background-color: #ffffff;
width: 100%;
border-radius: 0;
opacity: 1;
box-shadow: unset;
outline: unset;
padding: 3px 5px;
margin-bottom: 18px;
margin-top: 6px;
}
.page-template-cooperation input,
.page-template-cooperation select {
height: 39px;
}
.page-template-cooperation input[type="submit"],
.page-template-cooperation button,
.page-template-cooperation .button {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 20px;
border: 1px solid #f2705e;
background-color: #f2705e;
color: #fff;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 900;
letter-spacing: 1.94px;
min-width: 156px;
min-height: 40px;
text-transform: uppercase;
}
.page-template-cooperation input[type="submit"]:hover,
.page-template-cooperation button:hover,
.page-template-cooperation .button:hover {
background-color: #fff;
color: #f2705e;
}
.cooperation-form {
margin-bottom: 40px;
}
.page-template-cooperation .legal-wrap input {
float: right;
}
.page-template-cooperation .legal {
color: rgba(0, 0, 0, 0.44);
font-family: 'Lato', sans-serif;
font-size: 8px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 12px;
margin-bottom: 16px;
}
.page-template-cooperation input[type="checkbox"] {
width: 16px;
height: 16px;
margin: 0;
position: relative;
bottom: -3px;
margin-right: 6px;
}
.register-submit,
.login-submit {
margin-top: 12px;
text-align: center;
}
@media screen and (min-width: 768px) {
#login,
#register {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
border: 1px solid #707070;
max-width: 690px;
height: auto;
padding: 76px 54px;
}
#login .popup-title,
#register .popup-title {
margin: 16px 0 70px 0;
font-size: 40px;
letter-spacing: 0.64px;
line-height: 51px;
}
.inputs-wrap {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.inputs-wrap > * {
width: calc(50% - 7px);
}
}
@media screen and (min-width: 980px) {
.cooperation-mobile-buttons {
display: none !important;
}
.cooperation-buttons {
display: flex;
align-items: stretch;
}
.cooperation-buttons a {
min-width: 169px;
width: auto;
max-width: unset;
min-height: 77px;
margin-right: 30px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
font-size: 16px;
letter-spacing: 0.26px;
line-height: 26px;
}
.cooperation-title {
font-size: 40px;
font-weight: 800;
letter-spacing: 0.64px;
line-height: 51px;
margin-bottom: 45px;
margin-top: 0;
max-width: 760px;
}
.cooperation-subtitle {
display: block;
color: #000000;
font-family: 'Lato', sans-serif;
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.32px;
line-height: 29px;
margin-bottom: 28px;
}
.page-template-cooperation .legal-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.page-template-cooperation .legal {
font-size: 13px;
letter-spacing: 0.21px;
line-height: 17px;
padding: 6px 6px 6px 10px;
border-left: 1px solid #707070;
}
.cooperation {
margin-top: 110px;
margin-bottom: 60px;
}
}
.container-history-list {
padding-right: 0;
}
.history-list-wrap {
max-width: 100%;
overflow: auto;
scroll-behavior: smooth;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
position: relative;
margin-bottom: 40px;
}
.history-list-wrap::-webkit-scrollbar {
display: none;
}
.history-list-wrap:before {
}
.history-list {
position: relative;
z-index: 1;
display: flex;
align-items: stretch;
justify-content: flex-start;
padding-right: 100px;
}
.history-list-one {
display: none;
}
.history-list .history-point {
min-width: 280px;
max-width: 280px;
padding-right: 69px;
position: relative;
}
.history-list .history-point .year {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 21px;
color: #fff;
border: 4px solid #ef4026;
background-color: #ef4026;
min-height: 42px;
min-width: 75px;
padding: 2px 5px;
white-space: nowrap;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.32px;
z-index: 1;
}
.history-list .history-point .year:before {
content: '';
display: block;
width: 100%;
position: absolute;
right: 100%;
top: 21px;
height: 2px;
background: #ef4026;
z-index: 0;
}
.history-list .history-point .year .year-inner {
position: relative;
z-index: 1;
}
.history-list .history-point:first-child .year:before {
content: unset;
display: none;
}
.history-list .history-point .content {
display: block;
margin-top: 16px;
color: #000000;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
}
.news-title {
position: relative;
}
.news-title:after {
content: '';
position: absolute;
left: -6.4%;
right: -6.4%;
display: block;
height: 2px;
background-color: #ef4026;
bottom: 0;
}
.posts-news > * {
position: relative;
padding: 20px 0;
}
.posts-news > *:after {
content: '';
position: absolute;
left: -6.4%;
right: -6.4%;
display: block;
height: 2px;
background-color: #ef4026;
bottom: 0;
}
.posts-news .entry-title {
color: #000000;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
margin: 0;
padding: 0;
text-transform: uppercase;
max-width: 360px;
}
.posts-news .entry-title a {
font: inherit;
}
.posts-news .entry-content,
.posts-news .post-thumbnail,
.posts-news .readmore {
display: none;
}
.posts-news .readmore {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.13px;
color: #ef4026;
}
.posts-news .readmore:hover {
text-decoration: underline;
}
.posts-news .post-thumbnail {
text-align: left;
margin-bottom: 34px;
}
.posts-news .entry-content-wrap {
position: relative;
overflow: hidden;
}
.posts-news .entry-content-wrap:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100%;
background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}
.posts-news .entry-content {
margin-top: 24px;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
max-height: 140px;
overflow: hidden;
}
.posts-news > *:first-child .entry-content,
.posts-news > *:first-child .post-thumbnail {
display: block;
}
.posts-news > *:first-child .readmore {
display: inline-block;
}
@media screen and (min-width: 980px) {
.history-list-wrap:before {
top: 50%;
transform: translateY(-50%);
}
.history-list .history-point {
min-width: 290px;
max-width: 290px;
padding: 0;
}
.history-list .history-point .content {
margin: 60px 0;
}
.history-list-one,
.history-list-two {
display: flex;
z-index: unset;
}
.history-list-one {
align-items: flex-end;
}
.history-list-two {
align-items: flex-start;
}
.history-list-one {
}
.history-list-one .history-point:nth-of-type(odd) {
opacity: 0;
}
.history-list-two .history-point:nth-of-type(even) {
opacity: 0;
}
.history-list-one .history-point .year:before {
top: unset;
bottom: 21px;
height: 4px;
}
.history-list-one .history-point {
margin-bottom: -22px;
}
.history-list-two .history-point .year:before {
top: 21px;
height: 4px;
}
.history-list-two .history-point {
margin-top: -22px;
}
.container-posts {
overflow: auto;
scroll-behavior: smooth;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
position: relative;
}
html.js .container-posts {
overflow: visible;
}
.container-posts::-webkit-scrollbar {
display: none;
}
.posts-news {
display: flex;
align-items: stretch;
justify-content: flex-start;
position: relative;
}
html.js .posts-news {
display: block;
}
.posts-news > * {
border: unset;
min-width: 586px;
max-width: 586px;
padding-right: 52px;
}
.container-posts .tns-controls {
opacity: 1;
}
.posts-news .entry-title {
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 29px;
}
.posts-news .entry-content {
display: block;
color: #000000;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
margin-top: 32px;
max-height: unset;
}
.posts-news .entry-content-wrap {
max-height: unset;
}
.posts-news .entry-content-wrap:after {
content: unset;
display: none;
}
.posts-news .post-thumbnail {
display: block;
text-align: left;
margin-bottom: 60px;
}
.posts-news .readmore {
display: none !important;;
}
body.blog .main-page-title {
color: #000000;
font-family: 'Lato', sans-serif;
font-size: 40px;
font-weight: 800;
font-style: normal;
letter-spacing: 0.64px;
line-height: 51px;
margin-bottom: 80px;
padding: 0;
}
.posts-news {
margin-bottom: 140px;
}
.posts-news > *:after,
body.blog .main-page-title:after {
content: unset;
display: none;
}
}
html.js .technology-tab {
display: none;
}
html.js .technology-tab.active {
display: block;
}
.technology-element-link {
color: #ef462d;
}
.technology-element-link:hover {
text-decoration: underline;
}
.technology-element {
border-top: 2px solid #ef4026;
}
.technology-tab {
margin-bottom: 30px;
}
@media screen and (max-width: 979px) {
.technology-nav {
padding-left: 0;
padding-right: 0;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.technology-nav a {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid #ef4026;
border-top: 0;
border-left: 0;
color: #000000;
background-color: #ffffff;
text-transform: uppercase;
white-space: nowrap;
max-width: unset;
min-height: 51px;
font-size: 20px;
letter-spacing: 0.32px;
line-height: 24px;
font-weight: 500;
}
.technology-nav a:last-child {
border-right: 0;
transition: color 0.3s cubic-bezier(.64,0,.26,.99), background-color 0.3s cubic-bezier(.64,0,.26,.99);
}
.technology-nav a.active {
color: #fff;
background-color: #1f3139;
transition: color 0.3s cubic-bezier(.64,0,.26,.99), background-color 0.3s cubic-bezier(.64,0,.26,.99);
}
.technology-element-slider-item img {
min-width: 100%;
}
.technology-content {
color: #000000;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
margin: 28px 0;
}
.technology-element-name {
margin-bottom: 24px;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 16px;
}
.technology-element-content {
padding-top: 28px;
padding-bottom: 28px;
color: #000000;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
}
.technology-element-link-wrap {
margin-top: 12px;
}
}
@media screen and (min-width: 980px) {
.technology-element-link-wrap {
margin-top: 28px;
}
.technology-nav {
display: flex;
align-items: stretch;
justify-content: flex-start;
border-bottom: 3px solid #ef462d;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 20px;
}
.technology-nav a {
color: #000000;
font-size: 40px;
font-weight: 300;
font-style: normal;
letter-spacing: 0.64px;
line-height: 51px;
margin-right: 60px;
text-transform: uppercase;
transition: font-weight 0.3s cubic-bezier(.64,0,.26,.99);
}
.technology-nav a.active {
font-weight: 800;
transition: font-weight 0.3s cubic-bezier(.64,0,.26,.99);
}
.technology-content {
padding-top: 40px;
padding-bottom: 40px;
color: #000000;
font-size: 28px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 32px;
}
.technology-element {
display: flex;
align-items: stretch;
justify-content: space-between;
border-width: 3px;
}
.gallery-left .technology-element-content {
}
.gallery-right .technology-element-content {
order: 1;
}
.gallery-right .technology-element-gallery-wrap {
order: 2;
}
.technology-element-content {
color: #000;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
width: 50%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
}
.technology-element-gallery-wrap {
width: 50%;
line-height: 0;
min-height: 100%;
}
.technology-element-gallery-wrap * {
min-height: 100%;
min-width: 100%;
display: flex;
align-items: stretch;
}
.technology-element-slider-item {
overflow: hidden;
}
.technology-element-gallery-wrap img {
width: auto;
object-fit: cover;
}
.technology-element-name {
margin-bottom: 34px;
text-transform: uppercase;
font-size: 20px;
font-weight: 800;
font-style: normal;
letter-spacing: 0.32px;
line-height: 28px;
}
.technology-tab {
margin-bottom: 0;
}
}
@media screen and (min-width: 1600px) {
.technology-nav {
padding-top: 100px;
padding-bottom: 52px;
margin-bottom: 30px;
}
.technology-content {
padding-top: 60px;
padding-bottom: 60px;
color: #000000;
font-size: 28px;
font-weight: 400;
line-height: 32px;
}
}
@media screen and (min-width: 1920px) {
.technology-content {
padding-top: 90px;
padding-bottom: 90px;
font-size: 40px;
line-height: 48px;
}
/*
.gallery-right .technology-element-content,
.gallery-left .technology-element-gallery-wrap {
width: 58.75%;
}
.gallery-left .technology-element-content,
.gallery-right .technology-element-gallery-wrap {
width: 41.25%;
}
*/
}
@media screen and (max-width: 380px) {
.octo-aside-mobile .sidebar-list > li,
.cooperation-mobile-buttons a,
.technology-nav a {
font-size: 16px;
}
}
.catalog-bg {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='130' height='200' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 130 200'%3E%3Cdefs%3E%3CclipPath id='ClipPath1067'%3E%3Cpath d='M35.41025,-12.87466v0l133.49438,138.23746v0l-83.42232,87.56775v0l-130.58469,-135.22439v0z' fill='%23ffffff'%3E%3C/path%3E%3C/clipPath%3E%3CclipPath id='ClipPath1075'%3E%3Cpath d='M43.98408,-11.77993v0l131.24268,135.90575v0l-89.36881,93.3835v0l-130.5847,-135.22438v0z' fill='%23ffffff'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg transform='rotate(44.00000165367942 61 99)'%3E%3Ctitle%3EPath 42%3C/title%3E%3Cpath d='M35.41025,-12.87466v0l133.49438,138.23746v0l-83.42232,87.56775v0l-130.58469,-135.22439v0z' fill='%23ffffff' fill-opacity='1'%3E%3C/path%3E%3Cpath d='M35.41025,-12.87466v0l133.49438,138.23746v0l-83.42232,87.56775v0l-130.58469,-135.22439v0z' fill-opacity='0' fill='%23ffffff' stroke-dashoffset='0' stroke-linejoin='miter' stroke-linecap='butt' stroke-opacity='1' stroke='%23ef4026' stroke-miterlimit='20' stroke-width='2' clip-path='url("%23ClipPath1067")'%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(44.00000165367942 65 102.5)'%3E%3Ctitle%3EPath 43%3C/title%3E%3Cpath d='M43.98408,-11.77993v0l131.24268,135.90575v0l-89.36881,93.3835v0l-130.5847,-135.22438v0z' fill='%23ffffff' fill-opacity='1'%3E%3C/path%3E%3Cpath d='M43.98408,-11.77993v0l131.24268,135.90575v0l-89.36881,93.3835v0l-130.5847,-135.22438v0z' fill-opacity='0' fill='%23ffffff' stroke-dashoffset='0' stroke-linejoin='miter' stroke-linecap='butt' stroke-opacity='1' stroke='%23ef4026' stroke-miterlimit='20' stroke-width='2' clip-path='url("%23ClipPath1075")'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.download-btn {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='202' height='202' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 202 202'%3E%3Cdefs%3E%3Cmask id='Mask1018' x='-1' y='-1' width='2' height='2'%3E%3Crect width='190' height='190' x='6' y='3' fill='%23ffffff'%3E%3C/rect%3E%3Cpath d='M6,98c0,-52.46705 42.53295,-95 95,-95c52.46705,0 95,42.53295 95,95c0,52.46705 -42.53295,95 -95,95c-52.46705,0 -95,-42.53295 -95,-95z' fill='%23000000'%3E%3C/path%3E%3C/mask%3E%3Cfilter id='Filter1022' width='222' height='225' x='-10' y='-13' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='3' result='FeOffset1023Out' in='SourceGraphic'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2.4 2.4' result='FeGaussianBlur1024Out' in='FeOffset1023Out'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3CclipPath id='ClipPath1028'%3E%3Cpath d='M6,98c0,-52.46705 42.53295,-95 95,-95c52.46705,0 95,42.53295 95,95c0,52.46705 -42.53295,95 -95,95c-52.46705,0 -95,-42.53295 -95,-95z' fill='%23ffffff'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg%3E%3Ctitle%3EEllipse 17%3C/title%3E%3Cg filter='url(%23Filter1022)'%3E%3Cpath d='M6,98c0,-52.46705 42.53295,-95 95,-95c52.46705,0 95,42.53295 95,95c0,52.46705 -42.53295,95 -95,95c-52.46705,0 -95,-42.53295 -95,-95z' fill='none' stroke-opacity='0.16' stroke-width='0' mask='url("%23Mask1018")'%3E%3C/path%3E%3Cpath d='M6,98c0,-52.46705 42.53295,-95 95,-95c52.46705,0 95,42.53295 95,95c0,52.46705 -42.53295,95 -95,95c-52.46705,0 -95,-42.53295 -95,-95z' fill='%23000000' fill-opacity='0.16'%3E%3C/path%3E%3C/g%3E%3Cpath d='M6,98c0,-52.46705 42.53295,-95 95,-95c52.46705,0 95,42.53295 95,95c0,52.46705 -42.53295,95 -95,95c-52.46705,0 -95,-42.53295 -95,-95z' fill='%23ffffff' fill-opacity='1'%3E%3C/path%3E%3Cpath d='M6,98c0,-52.46705 42.53295,-95 95,-95c52.46705,0 95,42.53295 95,95c0,52.46705 -42.53295,95 -95,95c-52.46705,0 -95,-42.53295 -95,-95z' fill-opacity='0' fill='%23ffffff' stroke-dashoffset='0' stroke-linejoin='miter' stroke-linecap='butt' stroke-opacity='1' stroke='%23cdd8dd' stroke-miterlimit='20' stroke-width='2' clip-path='url("%23ClipPath1028")'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Ctitle%3EIcon open-data-transfer-download%3C/title%3E%3Cpath d='M55.38062,130.33936v11.77979h94.23828v-11.77979zM90.71997,47.88086v35.33936h-23.55957l35.33936,35.33936l35.33936,-35.33936h-23.55957v-35.33936z' fill='%23ef3f27' fill-opacity='1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
body.home .homepage-section.products:after,
body.home .homepage-section.technology:after {
background-image: url("data:image/svg+xml,%3Csvg id='SVGDoc' width='851' height='1756' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 851 1756'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg%3E%3Ctitle%3EPath 1%3C/title%3E%3Cpath d='M2.74109,132.84729v0l843.12585,-129.27649v0l2.13306,1619.72705v0l-843.1261,129.27637v0z' fill-opacity='0' fill='%23ffffff' stroke-dashoffset='0' stroke-linejoin='miter' stroke-linecap='butt' stroke-opacity='1' stroke='%23ef4026' stroke-miterlimit='20' stroke-width='5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.images-wrap {
position: relative;
}
.tns-nav,
.images-wrap .tns-nav {
position: absolute;
left: 0;
bottom: 0;
padding: 25px;
display: flex;
align-items: center;
justify-content: flex-start;
z-index: 5;
height: auto !important;
min-height: unset !important;
}
.tns-nav button,
.images-wrap .tns-nav button {
font-size: 1px;
color: transparent;
border-radius: 50%;
overflow: hidden;
width: 11px;
padding: 0;
border: 1px solid #707070;
background-color: #ffffff;
margin-right: 9px;
transition: background-color 0.3s cubic-bezier(.64,0,.26,.99);
height: 11px !important;
min-height: unset !important;
}
.tns-nav button.tns-nav-active,
.images-wrap .tns-nav button.tns-nav-active {
background-color: #707070;
transition: background-color 0.3s cubic-bezier(.64,0,.26,.99);
}
body.post-template-default #main-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
body.post-template-default .post-thumbnail {
text-align: center;
margin: 2rem 0;
}
body.post-template-default .entry-title {
text-align: center;
margin: 2rem 0;
color: #000000;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
padding: 0;
text-transform: uppercase;
}
body.post-template-default .entry-content {
margin-top: 24px;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.13px;
line-height: 20px;
max-height: 140px;
overflow: hidden;
margin-bottom: 5rem;
}
body.post-template-default #comments,
body.post-template-default .navigation,
body.post-template-default .readmore {
display: none !important;
}
.error-404 {
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
}
.tns-controls {
opacity: 0;
}
.history-btns button,
.tns-controls button {
position: absolute;
height: 100%;
top: 0;
bottom: 0;
width: 25%;
border: unset;
display: flex;
align-items: center;
justify-content: flex-end;
background: unset;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
z-index: 1;
}
.history-btns button[disabled],
.tns-controls button[disabled] {
opacity: 0;
transition: opacity 0.3s cubic-bezier(.64,0,.26,.99);
}
.history-btns button svg,
.tns-controls button svg {
width: 20px;
height: auto;
}
.history-btns button.btn-prev,
.tns-controls button.btn-prev {
left: 0;
transform: rotate(180deg);
transform-origin: center center;
}
.history-btns button.btn-next,
.tns-controls button.btn-next {
right: 0;
}
.custom-products-header .header-gallery .woocommerce-product-gallery__image a {
pointer-events: none;
}
.section--content.has-link {
cursor: pointer;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
.section--content.has-link[style*="rgb(255,"]:hover,
.section--content.has-link[style*="#fff"]:hover {
color: #A0A9AC !important;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
.section--content.has-link[style*="rgb(0,"]:hover,
.section--content.has-link[style*="#000"]:hover {
color: #808F96 !important;
transition: color 0.3s cubic-bezier(.64,0,.26,.99);
}
.homepage-section.company .homepage-slider-item {
width: auto;
display: flex;
align-items: center;
justify-content: center;
}
.homepage-section.company .homepage-slider-item img {
max-width: unset;
object-position: center center !important;
}
.homepage-section.company .homepage-slider-item:before,
.homepage-section.company .homepage-slider-item:after {
content: '';
display: block;
position: absolute;
background-color: #ef3f27;
}
.homepage-section.company .homepage-slider-item:before {
border-radius: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
top: 58%;
left: 58.8%;
}
.homepage-section.company .homepage-slider-item:after {
height: 4px;
width: 100%;
top: 58%;
left: 58.8%;
margin-left: -10px;
margin-top: -2px;
}
@media screen and (min-width: 600px) and (max-width: 979px) {
.homepage-section.company .homepage-slider-item:before,
.homepage-section.company .homepage-slider-item:after {
left: 55.5%
}
}
@media screen and (min-width: 980px) {
.homepage-section.company .homepage-slider-item:before,
.homepage-section.company .homepage-slider-item:after {
left: 57.5%
}
}
body.home .paging .pg-page .homepage-slider-item:before,
body.home .paging .pg-page .homepage-slider-item:after {
opacity: 0.5;
transition-delay: 2s;
transition: transform 0.8s cubic-bezier(.64,0,.26,.99), opacity 0.5s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page .homepage-slider-item:before {
transform: translateX(1000px);
}
body.home .paging .pg-page .homepage-slider-item:after {
transform: translateX(1000px) rotate(3deg);
transform-origin: top left;
}
body.home .paging .pg-page.pg-moving .homepage-slider-item:before,
body.home .paging .pg-page.pg-active .homepage-slider-item:before,
body.home .paging .pg-page.pg-moving .homepage-slider-item:after,
body.home .paging .pg-page.pg-active .homepage-slider-item:after {
opacity: 1;
transition-delay: 2s;
transition: transform 0.8s cubic-bezier(.64,0,.26,.99), opacity 0.5s cubic-bezier(.64,0,.26,.99);
}
body.home .paging .pg-page.pg-moving .homepage-slider-item:before,
body.home .paging .pg-page.pg-active .homepage-slider-item:before {
transform: translateX(0);
}
body.home .paging .pg-page.pg-moving .homepage-slider-item:after,
body.home .paging .pg-page.pg-active .homepage-slider-item:after {
transform: translateX(0) rotate(3deg);
transform-origin: top left;
}
.video-wrap {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.video-wrap .background-video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
filter: blur(20px);
opacity: 0.8;
}
.video-wrap .main-video {
position: relative;
z-index: 2;
width: 100%;
height: auto;
}
.video-wrap .video-play {
cursor: pointer;
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 65px;
height: 65px;
border: 1px solid #707070;
border-radius: 50%;
overflow: hidden;
background-color: #ffffff;
}
.video-wrap .video-play:after {
position: absolute;
top: 50%;
left: 54%;
transform: translate(-50%, -50%);
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 16px 0 16px 27px;
border-color: transparent transparent transparent #ef3f27;
}
@media screen and (min-width: 768px) {
.video-wrap .video-play {
width: 133px;
height: 133px;
}
.video-wrap .video-play:after {
border-width: 32.5px 0 32.5px 56px;
}
}
@media screen and (min-width: 1600px) and (max-height: 900px) {
.custom-products-header {
height: 72vh;
}
.custom-products-header .header-gallery,
.custom-products-header .header-gallery .tns-outer,
.custom-products-header .header-gallery .tns-ovh,
.custom-products-header .header-gallery .tns-inner,
.custom-products-header .header-gallery .custom-slider,
.custom-products-header .header-gallery .header-gallery-item {
height: 72vh;
}
.custom-products-header .header-gallery .woocommerce-product-gallery__image img,
.custom-products-header .header-gallery .header-gallery-item img {
max-height: 72vh;
height: 72vh;
}
.custom-products-header .header-gallery {
width: 45%;
}
.custom-products-header .header-info {
width: 55%;
}
.custom-header-title {
font-size: 28px;
margin-bottom: 12px;
}
.custom-header-content {
font-size: 16px;
letter-spacing: 0.24px;
}
.custom-header-content p {
margin-bottom: 10px;
}
}
html.js #main-content .products-wrapper {
overflow: visible;
}
.products-wrapper .tns-controls {
opacity: 1;
}
.products-wrapper .tns-controls button.btn-prev,
.products-wrapper .tns-controls button.btn-next {
width: 60px;
max-width: 25%;
}
.products-wrapper .tns-controls button.btn-prev[disabled],
.products-wrapper .tns-controls button.btn-next[disabled] {
opacity: 0;
}
.products-wrapper .tns-controls button.btn-prev {
transform: rotate(180deg);
transform-origin: center center;
left: -15px;
}
.products-wrapper .tns-controls button.btn-next {
right: -15px;
}
.products-wrapper .tns-controls button.btn-next {
padding-bottom: 5%;
}
.products-wrapper .tns-controls button.btn-prev {
padding-top: 5%;
}
@media screen and (min-width: 980px) {
.products-wrapper .tns-controls button.btn-prev,
.products-wrapper .tns-controls button.btn-next {
width: 80px;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
}
.products-wrapper .tns-controls button.btn-prev {
left: 0;
}
.products-wrapper .tns-controls button.btn-next {
right: 0;
}
}
@media screen and (min-width: 1200px) {
.products-wrapper .tns-controls button.btn-next {
padding-right: 25px;
width: 95px;
}
}
.container-posts .btn-prev,
.container-posts .btn-next {
width: 250px;
max-width: 25%;
padding-right: 15px;
}
.container-posts .btn-prev {
padding-top: 40%;
}
.container-posts .btn-next {
padding-bottom: 40%;
}
@media screen and (min-width: 980px) {
.container-posts .btn-prev,
.container-posts .btn-next {
padding-right: 25px;
}
}
.container-history-list {
position: relative;
}
.history-btns button {
padding-right: 25px;
}
button:focus {
outline: none !important;
}
.product-version--title {
font-weight: bold;
cursor: pointer;
font-size: 1.1em;
line-height: 1.65;
color: #ef3f27;
text-decoration: underline;
}
.product-version--content {
max-height: 0;
transform: scaleY(0);
opacity: 0;
transform-origin: top;
transition: max-height 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99), transform 0.3s cubic-bezier(.64,0,.26,.99);
}
.opened .product-version--content {
max-height: 999999px;
transform: scaleY(1);
opacity: 1;
transform-origin: top;
transition: max-height 0.3s cubic-bezier(.64,0,.26,.99), opacity 0.3s cubic-bezier(.64,0,.26,.99), transform 0.3s cubic-bezier(.64,0,.26,.99);
}
.product-version--content > *:last-child {
padding-bottom: 10px;
}
.product-versions {
margin-bottom: 10px;
}
.no-results {
padding-top: 60px;
padding-bottom: 60px;
text-align: center;
font-size: 16px;
}
.no-results form {
display: none;
}
.no-results .page-content {
padding-top: 0;
}
.cooperation-title {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
margin-left: -10px;
}
.cooperation-title span {
margin-right: auto;
margin-left: 10px;
padding-right: 6px;
}
.cooperation-title .btn {
padding: 6px 42px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.26px;
line-height: 26px;
text-transform: uppercase;
margin: 8px auto 2px 10px;
min-height: unset;
min-width: unset;
width: auto;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.cooperation-content .catalog-item .catalog-name {
text-transform: uppercase;
}
.cooperation-content .catalog-wrap .catalog-item {
width: calc(33% - 92px);
margin: 0 92px 42px 0;
}
.cooperation-content .catalog-item .download-btn {
width: 90px;
height: 90px;
}
.cooperation-content .catalog-item .catalog-image img {
border-width: 2px;
}
.cooperation-content .catalog-item .catalog-image {
padding-top: 10%;
}
@media screen and (max-width: 1400px) {
.cooperation-content .catalog-wrap .catalog-item {
width: calc(33% - 62px);
margin: 0 62px 32px 0;
}
}
@media screen and (max-width: 1200px) {
.cooperation-content .catalog-wrap .catalog-item {
width: calc(50% - 92px);
margin: 0 92px 42px 0;
}
.cooperation-content .catalog-item .catalog-image img {
border-width: 1px;
}
}
@media screen and (max-width: 979px) {
.cooperation-content .catalog-wrap {
justify-content: space-between;
}
.cooperation-content .catalog-wrap .catalog-item {
width: calc(33% - 40px);
margin: 0 0 28px 0;
}
}
@media screen and (max-width: 600px) {
.cooperation-content .catalog-wrap .catalog-item {
width: calc(50% - 40px);
margin: 0 0 28px 0;
}
}
@media screen and (max-width: 380px) {
.cooperation-content .catalog-wrap .catalog-item {
width: 100%;
}
.cooperation-content .catalog-item .catalog-image {
padding-top: 10%;
}
}