@font-face { font-family: Prompt; font-style: normal; font-weight: 300; src: local("Prompt Light"), local("Prompt-Light"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cy_gIfWMuQ5Q.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 300; src: local("Prompt Light"), local("Prompt-Light"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cy_gIZmMuQ5Q.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 300; src: local("Prompt Light"), local("Prompt-Light"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cy_gIZ2MuQ5Q.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 300; src: local("Prompt Light"), local("Prompt-Light"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cy_gIaWMu.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 400; src: local("Prompt"), local("Prompt-Regular"), url(https://fonts.gstatic.com/s/prompt/v4/-W__XJnvUD7dzB2KdNodVkI.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 400; src: local("Prompt"), local("Prompt-Regular"), url(https://fonts.gstatic.com/s/prompt/v4/-W__XJnvUD7dzB2Kb9odVkI.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 400; src: local("Prompt"), local("Prompt-Regular"), url(https://fonts.gstatic.com/s/prompt/v4/-W__XJnvUD7dzB2KbtodVkI.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 400; src: local("Prompt"), local("Prompt-Regular"), url(https://fonts.gstatic.com/s/prompt/v4/-W__XJnvUD7dzB2KYNod.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 500; src: local("Prompt Medium"), local("Prompt-Medium"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Ck_kIfWMuQ5Q.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 500; src: local("Prompt Medium"), local("Prompt-Medium"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Ck_kIZmMuQ5Q.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 500; src: local("Prompt Medium"), local("Prompt-Medium"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Ck_kIZ2MuQ5Q.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 500; src: local("Prompt Medium"), local("Prompt-Medium"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Ck_kIaWMu.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 600; src: local("Prompt SemiBold"), local("Prompt-SemiBold"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cv_4IfWMuQ5Q.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 600; src: local("Prompt SemiBold"), local("Prompt-SemiBold"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cv_4IZmMuQ5Q.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 600; src: local("Prompt SemiBold"), local("Prompt-SemiBold"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cv_4IZ2MuQ5Q.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 600; src: local("Prompt SemiBold"), local("Prompt-SemiBold"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cv_4IaWMu.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 700; src: local("Prompt Bold"), local("Prompt-Bold"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C2_8IfWMuQ5Q.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 700; src: local("Prompt Bold"), local("Prompt-Bold"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C2_8IZmMuQ5Q.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 700; src: local("Prompt Bold"), local("Prompt-Bold"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C2_8IZ2MuQ5Q.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 700; src: local("Prompt Bold"), local("Prompt-Bold"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C2_8IaWMu.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 900; src: local("Prompt Black"), local("Prompt-Black"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C4_0IfWMuQ5Q.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 900; src: local("Prompt Black"), local("Prompt-Black"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C4_0IZmMuQ5Q.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 900; src: local("Prompt Black"), local("Prompt-Black"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C4_0IZ2MuQ5Q.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap } @font-face { font-family: Prompt; font-style: normal; font-weight: 900; src: local("Prompt Black"), local("Prompt-Black"), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C4_0IaWMu.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap } * { box-sizing: border-box } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } a { text-decoration: none } :root { --padding-mobile: 15px; --padding-tiny: 0.4vw; --padding-small: 0.8vw; --padding-medium: 1.6vw; --padding-large: 3.7vw; --animation-hamburger-menu-time: 0.2s; --padding-sides-small: var(--padding-small); --padding-sides-medium: var(--padding-medium); --padding-sides-large: var(--padding-large); --section-padding-top: var(--padding-large); --section-padding-bottom: calc(var(--padding-large) * 1.4); --margin-tiny: 0.8vw; --margin-small: 1.2vw; --content-width: 80vw; --btn-round: 15px; --btn-pad-v: 0.7vw; --btn-pad-h: 1.2vw; --btn-border-width: 1px; --btn-height: 2.4vw; --product-padding-sides: 8vw } @media (max-width: 1024px) { :root { --content-width: 90vw } } @media (max-width: 640px) { :root { --content-width: calc(100% - var(--padding-mobile) * 2) } } @media (max-width: 1024px) { :root { --btn-round: 12px; --btn-height: 3.2vw } } @media (max-width: 640px) { :root { --btn-height: 20px; --btn-pad-v: 5px; --btn-pad-h: 12px } } @media (max-width: 830px) { :root { --padding-tiny: calc(var(--padding-mobile) / 2); --padding-small: var(--padding-mobile); --padding-medium: var(--padding-mobile); --padding-large: var(--padding-mobile); --padding-sides-small: var(--padding-mobile); --padding-sides-medium: var(--padding-mobile); --padding-sides-large: 4vw; --btn-height: 32px; --product-padding-sides: 0 } } @media (max-width: 640px) { :root { --padding-sides-large: var(--padding-mobile) } } #developer .circle .icon span, .breadcrumbs .content ul li:after, .breadcrumbs .content > span > span a:after, .btn-arrow:after, .btn-download, .ico, .list-box ul li:after, .megamenu .menu h3 a:before, .megamenu .menu.menu-blog .slider, .megamenu .menu.menu-video .item > h3:before, .pagination .box .nav, .product-tips .content .nav .icon, .products-grid.slider .swiper-button-next, .products-grid.slider .swiper-button-prev, .products-menu .box .content > ul > li:after, .products-section .swiper-button-next, .products-section .swiper-button-prev, .red-modal .content-wrapper .box .controls .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .score .stars span, .timeline .circles .controls .wrapper .nav, .video-box .box-content:after, .video-thumbnail .image:before, .videos-grid .nav-wrapper .nav { --size: 16px; --width: var(--size); --height: var(--size); width: var(--width); height: var(--height); display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; background-repeat: no-repeat; background-size: contain; background-position: center } #developer .circle .icon span, .ico-developer { --size: 16px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDM4LjUyOSA0MzguNTI5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzguNTI5IDQzOC41Mjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMzQ5LjQ1OSw1Mi41MzRjLTEwLjY2My0xMC42NTctMjMuNjA1LTE1Ljk4Ny0zOC44MzQtMTUuOTg3Yy0xNS4yMjIsMC0yOC4xNjUsNS4zMjctMzguODI1LDE1Ljk4NyAgIGMtMTAuNjU2LDEwLjY1Ny0xNS45ODQsMjMuNTk4LTE1Ljk4NCwzOC44MjhjMCw5Ljg5NywyLjQ2NywxOS4wODEsNy40MTYsMjcuNTVjNC45NDgsOC40NywxMS42MDQsMTUuMDg2LDE5Ljk4NSwxOS44NDIgICBjMCw5Ljg5Ny0wLjgwNSwxOC42MDgtMi40MiwyNi4xMjVjLTEuNjIyLDcuNTE3LTQuMjg0LDE0LjEyOC03Ljk5NCwxOS44NDJjLTMuNzIsNS43MTEtNy41NjYsMTAuNTYxLTExLjU2NiwxNC41NiAgIGMtNC4wMDEsMy45OTktOS42MTYsNy43NTUtMTYuODQ4LDExLjI3OGMtNy4yMzEsMy41MjEtMTMuOTQ1LDYuNDY4LTIwLjEyOSw4Ljg1MWMtNi4xODQsMi4zNzUtMTQuNTE0LDUuMTgyLTI0Ljk4Miw4LjQxOSAgIGMtMTkuMDM2LDUuOTAzLTMzLjY4OSwxMS4zMjMtNDMuOTY4LDE2LjI3NVYxMDIuMjA2YzguMzc1LTQuNzU1LDE1LjAzNy0xMS4zNywxOS45ODUtMTkuODRjNC45NDctOC40Nyw3LjQyMS0xNy42NTUsNy40MjEtMjcuNTUyICAgYzAtMTUuMjI1LTUuMzI3LTI4LjE2OS0xNS45ODctMzguODI2QzE1Ni4wNzMsNS4zMzIsMTQzLjEzMiwwLDEyNy45MDMsMGMtMTUuMjMsMC0yOC4xNzEsNS4zMjgtMzguODMxLDE1Ljk4OCAgIEM3OC40MTYsMjYuNjQ1LDczLjA4NSwzOS41ODksNzMuMDg1LDU0LjgxNGMwLDkuODk3LDIuNDc0LDE5LjA4Miw3LjQyMSwyNy41NTJjNC45NDgsOC40NywxMS42MDksMTUuMDg1LDE5Ljk4NSwxOS44NHYyMzQuMTE3ICAgYy04LjM3Niw0Ljc1My0xNS4wMzcsMTEuMzc1LTE5Ljk4NSwxOS44NDJjLTQuOTQ3LDguNDczLTcuNDIxLDE3LjY1OC03LjQyMSwyNy41NTJjMCwxNS4yMjUsNS4zMjcsMjguMTY4LDE1Ljk4NywzOC44MjQgICBzMjMuNjA0LDE1Ljk4OCwzOC44MzEsMTUuOTg4YzE1LjIyNiwwLDI4LjE3LTUuMzMyLDM4LjgyNi0xNS45ODhjMTAuNjU3LTEwLjY1NiwxNS45ODctMjMuNiwxNS45ODctMzguODI0ICAgYzAtOS44OTQtMi40NzQtMTkuMDc5LTcuNDIxLTI3LjU1MmMtNC45NDktOC40NjctMTEuNjEtMTUuMDg5LTE5Ljk4NS0xOS44NDJWMzI4LjljMC0xMy4xMzEsMy45NDktMjIuNjQ1LDExLjg0Ny0yOC41NDQgICBjNy44OTgtNS45MDcsMjQuMDI5LTEyLjY2Miw0OC4zOTUtMjAuMjczYzI1LjY5OS04LjE4Niw0NS4wMjEtMTUuODk5LDU3Ljk2My0yMy4xMzRjNDIuNjMzLTI0LjE2Nyw2NC4xNDItNjMuNTY4LDY0LjUyMS0xMTguMTk2ICAgYzguMzgxLTQuNzU1LDE1LjAzNy0xMS4zNzIsMTkuOTg1LTE5Ljg0MmM0Ljk0NS04LjQ3LDcuNDIzLTE3LjY1Myw3LjQyMy0yNy41NUMzNjUuNDQ3LDc2LjEzNSwzNjAuMTE2LDYzLjE5NCwzNDkuNDU5LDUyLjUzNHogICAgTTE0Ny4zMjEsNDAzLjEzOGMtNS4zMzIsNS4zMzEtMTEuODAzLDcuOTk0LTE5LjQxNCw3Ljk5NGMtNy42MTYsMC0xNC4wODctMi42NjMtMTkuNDE3LTcuOTk0ICAgYy01LjMyNy01LjMyNS03Ljk5NC0xMS44LTcuOTk0LTE5LjQxMWMwLTcuNjE3LDIuNjY0LTE0LjA4NSw3Ljk5NC0xOS40MTdjNS4zMy01LjMyOCwxMS44MDEtNy45OTQsMTkuNDE3LTcuOTk0ICAgYzcuNjExLDAsMTQuMDgzLDIuNjY5LDE5LjQxNCw3Ljk5NGM1LjMzLDUuMzMyLDcuOTkzLDExLjgsNy45OTMsMTkuNDE3QzE1NS4zMTMsMzkxLjMzOCwxNTIuNjUxLDM5Ny44MTIsMTQ3LjMyMSw0MDMuMTM4eiAgICBNMTQ3LjMyMSw3NC4yMzJjLTUuMzMyLDUuMzMtMTEuODAzLDcuOTk0LTE5LjQxNCw3Ljk5NGMtNy42MTYsMC0xNC4wODctMi42NjQtMTkuNDE3LTcuOTk0ICAgYy01LjMyNy01LjMzLTcuOTk0LTExLjc5OC03Ljk5NC0xOS40MTRjMC03LjYxNCwyLjY2NC0xNC4wODcsNy45OTQtMTkuNDEyYzUuMzMtNS4zMjksMTEuODAxLTcuOTk0LDE5LjQxNy03Ljk5NCAgIGM3LjYxMSwwLDE0LjA4MywyLjY2NiwxOS40MTQsNy45OTRjNS4zMyw1LjMyNSw3Ljk5MywxMS43OTgsNy45OTMsMTkuNDEyQzE1NS4zMTMsNjIuNDM0LDE1Mi42NTEsNjguOTA1LDE0Ny4zMjEsNzQuMjMyeiAgICBNMzMwLjA0MiwxMTAuNzc5Yy01LjMyOCw1LjMyNy0xMS43OTYsNy45OTMtMTkuNDEsNy45OTNjLTcuNjE4LDAtMTQuMDktMi42NjYtMTkuNDE0LTcuOTkzICAgYy01LjMyOC01LjMyNy03Ljk5NC0xMS43OTktNy45OTQtMTkuNDE0YzAtNy42MTQsMi42NjYtMTQuMDgzLDcuOTk0LTE5LjQxNHMxMS43OTYtNy45OTMsMTkuNDE0LTcuOTkzICAgYzcuNjE0LDAsMTQuMDgyLDIuNjYzLDE5LjQxLDcuOTkzYzUuMzI4LDUuMzI2LDcuOTk0LDExLjc5OSw3Ljk5NCwxOS40MTRDMzM4LjAzNiw5OC45NzksMzM1LjM3NCwxMDUuNDUyLDMzMC4wNDIsMTEwLjc3OXoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) } .ico-envelope { --size: 5vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii00OSAxNDEgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtNDkgMTQxIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tNDQuNiw2MDYuMmM1LjksNS45LDE1LjQsNS45LDIxLjIsMGw5NC42LTk0LjZjNS45LTUuOSw1LjktMTUuNCwwLTIxLjJjLTUuOS01LjktMTUuNC01LjktMjEuMiwwTC00NC42LDU4NQ0KCUMtNTAuNSw1OTAuOC01MC41LDYwMC4zLTQ0LjYsNjA2LjJ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTQ0LjYsNTIxLjNjNS45LDUuOSwxNS40LDUuOSwyMS4yLDBsNTIuMi01Mi4yYzUuOS01LjksNS45LTE1LjQsMC0yMS4yYy01LjktNS45LTE1LjQtNS45LTIxLjIsMGwtNTIuMiw1Mi4yDQoJQy01MC41LDUwNi01MC41LDUxNS41LTQ0LjYsNTIxLjN6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTksNjQ4LjZsOTQuNi05NC42YzUuOS01LjksNS45LTE1LjQsMC0yMS4yYy01LjktNS45LTE1LjQtNS45LTIxLjIsMGwtOTQuNiw5NC42Yy01LjksNS45LTUuOSwxNS40LDAsMjEuMg0KCUMzLjcsNjU0LjUsMTMuMiw2NTQuNSwxOSw2NDguNnoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDMuOSw2NDguNmw1Mi4yLTUyLjJjNS45LTUuOSw1LjktMTUuNCwwLTIxLjJzLTE1LjQtNS45LTIxLjIsMGwtNTIuMiw1Mi4yYy01LjksNS45LTUuOSwxNS40LDAsMjEuMg0KCUM4OC41LDY1NC41LDk4LDY1NC41LDEwMy45LDY0OC42eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI3OC45LDM2NC45VjE0MWMtNi4yLDIuMS0xMi4xLDUuMi0xNi44LDkuOUw1MCwzNjMuMWMtNC44LDQuOC04LjIsMTAuNi0xMC41LDE2LjhoMjI0LjQNCglDMjcyLjIsMzc5LjksMjc4LjksMzczLjIsMjc4LjksMzY0Ljl6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDYzLDI5NC45Yy0yLjItNi4yLTUuMS0xMS45LTEwLTE2LjdMMzI1LjgsMTUxYy00LjgtNC44LTEwLjUtNy45LTE2LjctMTB2MTUzLjlINDYzeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ1MywzNDEuOWM0LjgtNC44LDcuOC0xMC42LDEwLTE2LjhIMzA5djM5LjljMCwyNC44LTIwLjMsNDUuMS00NS4xLDQ1LjFoLTM5Ljl2MTU0LjUNCgljNi4yLTIuMiwxMi01LjYsMTYuOC0xMC41TDQ1MywzNDEuOXoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOTQsNTY0LjVWNDEwSDM5LjVjMi4yLDYuMiw1LjYsMTEuOSwxMC41LDE2LjdMMTc3LjMsNTU0QzE4Mi4xLDU1OC44LDE4Ny44LDU2Mi4yLDE5NCw1NjQuNXoiLz4NCjwvc3ZnPg0K) } @media (max-width: 640px) { .ico-envelope { --size: 42px } } .ico-phone { --width: 4vw; --height: 5vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0OTYuMSA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Ni4xIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zODQuOCwxOWMwLTEwLjUtOC41LTE5LTE5LTE5SDE5QzguNSwwLDAsOC41LDAsMTl2NDUyLjdDMCw0OTQsMTgsNTEyLDQwLjIsNTEyaDM1Ny4xDQoJCQljLTcuOS0xMS40LTEyLjUtMjUuMy0xMi41LTQwLjJWMTl6IE0zMjAuNyw0NjMuNEg2NC4xYy04LjUsMC0xNS40LTYuOS0xNS40LTE1LjRjMC04LjUsNi45LTE1LjQsMTUuNC0xNS40aDI1Ni43DQoJCQljOC41LDAsMTUuNCw2LjksMTUuNCwxNS40QzMzNi4yLDQ1Ni41LDMyOS4zLDQ2My40LDMyMC43LDQ2My40TDMyMC43LDQ2My40eiBNMzIwLjcsMzk3LjVINjQuMWMtOC41LDAtMTUuNC02LjktMTUuNC0xNS40DQoJCQljMC04LjUsNi45LTE1LjQsMTUuNC0xNS40aDI1Ni43YzguNSwwLDE1LjQsNi45LDE1LjQsMTUuNEMzMzYuMiwzOTAuNiwzMjkuMywzOTcuNSwzMjAuNywzOTcuNUwzMjAuNywzOTcuNXogTTMyMC43LDMzMS42SDY0LjENCgkJCWMtOC41LDAtMTUuNC02LjktMTUuNC0xNS40YzAtOC41LDYuOS0xNS40LDE1LjQtMTUuNGgyNTYuN2M4LjUsMCwxNS40LDYuOSwxNS40LDE1LjRDMzM2LjIsMzI0LjcsMzI5LjMsMzMxLjYsMzIwLjcsMzMxLjYNCgkJCUwzMjAuNywzMzEuNnogTTMyMC43LDI2NS44SDY0LjFjLTguNSwwLTE1LjQtNi45LTE1LjQtMTUuNGMwLTguNSw2LjktMTUuNCwxNS40LTE1LjRoMjU2LjdjOC41LDAsMTUuNCw2LjksMTUuNCwxNS40DQoJCQlDMzM2LjIsMjU4LjgsMzI5LjMsMjY1LjgsMzIwLjcsMjY1LjhMMzIwLjcsMjY1Ljh6IE0zMzYuMiwxODQuNGMwLDguNS02LjksMTUuNC0xNS40LDE1LjRINjQuMWMtOC41LDAtMTUuNC02LjktMTUuNC0xNS40VjY0LjENCgkJCWMwLTguNSw2LjktMTUuNCwxNS40LTE1LjRoMjU2LjdjOC41LDAsMTUuNCw2LjksMTUuNCwxNS40VjE4NC40eiBNMzM2LjIsMTg0LjQiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ3Ny4xLDEzOS43aC02MS40djMzMi4xYzAsMjIuNSwxOC42LDQwLjcsNDEuMiw0MC4yYzIxLjktMC41LDM5LjItMTksMzkuMi00MVYxNTguNw0KCQkJQzQ5Ni4xLDE0OC4yLDQ4Ny42LDEzOS43LDQ3Ny4xLDEzOS43TDQ3Ny4xLDEzOS43eiBNNDc3LjEsMTM5LjciLz4NCgk8L2c+DQoJPHJlY3QgeD0iNzkuNSIgeT0iNzkuNSIgY2xhc3M9InN0MCIgd2lkdGg9IjIyNS44IiBoZWlnaHQ9Ijg5LjUiLz4NCjwvZz4NCjwvc3ZnPg0K) } @media (max-width: 640px) { .ico-phone { --size: 42px; --width: var(--size); --height: var(--size) } } .ico-star-gray, .ico-star-half, .ico-star-orange, .score .stars span, .score .stars-1 span:nth-child(1), .score .stars-15 span:nth-child(1), .score .stars-15 span:nth-child(2), .score .stars-2 span:nth-child(1), .score .stars-2 span:nth-child(2), .score .stars-25 span:nth-child(1), .score .stars-25 span:nth-child(2), .score .stars-25 span:nth-child(3), .score .stars-3 span:nth-child(1), .score .stars-3 span:nth-child(2), .score .stars-3 span:nth-child(3), .score .stars-35 span:nth-child(1), .score .stars-35 span:nth-child(2), .score .stars-35 span:nth-child(3), .score .stars-35 span:nth-child(4), .score .stars-4 span:nth-child(1), .score .stars-4 span:nth-child(2), .score .stars-4 span:nth-child(3), .score .stars-4 span:nth-child(4), .score .stars-45 span, .score .stars-45 span:nth-child(5), .score .stars-5 span { --size: 1.2vw } @media (max-width: 1024px) { .ico-star-gray, .ico-star-half, .ico-star-orange, .score .stars span, .score .stars-1 span:nth-child(1), .score .stars-15 span:nth-child(1), .score .stars-15 span:nth-child(2), .score .stars-2 span:nth-child(1), .score .stars-2 span:nth-child(2), .score .stars-25 span:nth-child(1), .score .stars-25 span:nth-child(2), .score .stars-25 span:nth-child(3), .score .stars-3 span:nth-child(1), .score .stars-3 span:nth-child(2), .score .stars-3 span:nth-child(3), .score .stars-35 span:nth-child(1), .score .stars-35 span:nth-child(2), .score .stars-35 span:nth-child(3), .score .stars-35 span:nth-child(4), .score .stars-4 span:nth-child(1), .score .stars-4 span:nth-child(2), .score .stars-4 span:nth-child(3), .score .stars-4 span:nth-child(4), .score .stars-45 span, .score .stars-45 span:nth-child(5), .score .stars-5 span { --size: 1.8vw } } @media (max-width: 830px) { .ico-star-gray, .ico-star-half, .ico-star-orange, .score .stars span, .score .stars-1 span:nth-child(1), .score .stars-15 span:nth-child(1), .score .stars-15 span:nth-child(2), .score .stars-2 span:nth-child(1), .score .stars-2 span:nth-child(2), .score .stars-25 span:nth-child(1), .score .stars-25 span:nth-child(2), .score .stars-25 span:nth-child(3), .score .stars-3 span:nth-child(1), .score .stars-3 span:nth-child(2), .score .stars-3 span:nth-child(3), .score .stars-35 span:nth-child(1), .score .stars-35 span:nth-child(2), .score .stars-35 span:nth-child(3), .score .stars-35 span:nth-child(4), .score .stars-4 span:nth-child(1), .score .stars-4 span:nth-child(2), .score .stars-4 span:nth-child(3), .score .stars-4 span:nth-child(4), .score .stars-45 span, .score .stars-45 span:nth-child(5), .score .stars-5 span { --size: 16px } } .ico-star-gray, .score .stars span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMwNiAzMDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwNiAzMDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCREJEQkQ7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJzdGFyLXJhdGUiPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE1MywyMzAuOCAyNDcuNCwyOTkuNiAyMTEuNiwxODcuNCAzMDYsMTIxLjEgMTkxLjMsMTIxLjEgMTUzLDYuNCAxMTQuOCwxMjEuMSAwLDEyMS4xIDk0LjMsMTg3LjQgDQoJCQk1OC43LDI5OS42IAkJIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) } .ico-star-orange, .score .stars-1 span:nth-child(1), .score .stars-15 span:nth-child(1), .score .stars-2 span:nth-child(1), .score .stars-2 span:nth-child(2), .score .stars-25 span:nth-child(1), .score .stars-25 span:nth-child(2), .score .stars-3 span:nth-child(1), .score .stars-3 span:nth-child(2), .score .stars-3 span:nth-child(3), .score .stars-35 span:nth-child(1), .score .stars-35 span:nth-child(2), .score .stars-35 span:nth-child(3), .score .stars-4 span:nth-child(1), .score .stars-4 span:nth-child(2), .score .stars-4 span:nth-child(3), .score .stars-4 span:nth-child(4), .score .stars-45 span, .score .stars-5 span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMwNiAzMDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwNiAzMDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRjhCMDc7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJzdGFyLXJhdGUiPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE1MywyMzAuOCAyNDcuNCwyOTkuNiAyMTEuNiwxODcuNCAzMDYsMTIxLjEgMTkxLjMsMTIxLjEgMTUzLDYuNCAxMTQuOCwxMjEuMSAwLDEyMS4xIDk0LjMsMTg3LjQgDQoJCQk1OC43LDI5OS42IAkJIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) } .ico-star-half, .score .stars-15 span:nth-child(2), .score .stars-25 span:nth-child(3), .score .stars-35 span:nth-child(4), .score .stars-45 span:nth-child(5) { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMwNiAzMDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwNiAzMDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCREJEQkQ7fQ0KCS5zdDF7ZmlsbDojRkY4QjA3O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMwNiwxMjEuMSAxOTEuMywxMjEuMSAxNTMsNi40IDE1MywyMzAuOCAyNDcuNCwyOTkuNiAyMTEuNywxODcuNCAiLz4NCjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTE0LjgsMTIxLjEgMCwxMjEuMSA5NC4zLDE4Ny40IDU4LjcsMjk5LjYgMTUzLDIzMC44IDE1Myw2LjQgIi8+DQo8L3N2Zz4NCg==) } .btn-arrow:after, .ico-arrow-orange { --height: auto; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MS44IDIxLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxLjggMjEuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0YwODgxRDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxLjcsMTEuNEM1MS43LDExLjQsNTEuNywxMS4zLDUxLjcsMTEuNGMwLjEtMC4yLDAuMS0wLjQsMC4xLTAuNXMwLTAuMy0wLjEtMC40YzAsMCwwLTAuMS0wLjEtMC4xDQoJYzAtMC4xLTAuMS0wLjItMC4yLTAuMmMwLDAsMCwwLDAsMEw0MCwwLjJjLTAuNC0wLjQtMS0wLjMtMS40LDAuMWMtMC40LDAuNC0wLjMsMSwwLjEsMS40bDkuNCw4LjFIMWMtMC42LDAtMSwwLjQtMSwxczAuNCwxLDEsMQ0KCWg0Ny4xTDM4LjcsMjBjLTAuNCwwLjQtMC41LDEtMC4xLDEuNGMwLjIsMC4yLDAuNSwwLjMsMC44LDAuM2MwLjIsMCwwLjUtMC4xLDAuNy0wLjJsMTEuNC05LjljMCwwLDAsMCwwLDANCglDNTEuNSwxMS42LDUxLjYsMTEuNSw1MS43LDExLjR6Ii8+DQo8L3N2Zz4NCg==) } .breadcrumbs .content ul li:after, .breadcrumbs .content > span > span a:after, .ico-breadcrumb { --height: 0.6vw; --width: 0.4vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1LjMgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUuMyAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0IxQjBCMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEsMTBDMC44LDEwLDAuNSwxMCwwLjQsOS44Yy0wLjQtMC40LTAuNS0xLTAuMS0xLjRMMyw1TDAuMiwxLjZjLTAuNC0wLjQtMC4zLTEuMSwwLjEtMS40DQoJCWMwLjQtMC40LDEuMS0wLjMsMS40LDAuMWwzLjMsNGMwLjMsMC40LDAuMywwLjksMCwxLjNsLTMuMyw0QzEuNiw5LjksMS4zLDEwLDEsMTB6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) } @media (max-width: 830px) { .breadcrumbs .content ul li:after, .breadcrumbs .content > span > span a:after, .ico-breadcrumb { --height: 1.2vw; --width: 0.9vw } } .ico-pagination-next, .ico-pagination-next-white, .ico-pagination-prev, .ico-pagination-prev-white, .megamenu .menu.menu-blog .slider.next, .megamenu .menu.menu-blog .slider.prev, .pagination .box .nav.next, .pagination .box .nav.prev, .products-grid.slider .swiper-button-next, .products-grid.slider .swiper-button-prev, .products-menu .box .content > ul > li:after, .products-section .swiper-button-next, .products-section .swiper-button-prev, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav.next, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav.prev { --size: 1vw } @media (max-width: 640px) { .ico-pagination-next, .ico-pagination-next-white, .ico-pagination-prev, .ico-pagination-prev-white, .megamenu .menu.menu-blog .slider.next, .megamenu .menu.menu-blog .slider.prev, .pagination .box .nav.next, .pagination .box .nav.prev, .products-grid.slider .swiper-button-next, .products-grid.slider .swiper-button-prev, .products-menu .box .content > ul > li:after, .products-section .swiper-button-next, .products-section .swiper-button-prev, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav.next, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav.prev { --size: 16px } } .ico-pagination-prev, .megamenu .menu.menu-blog .slider.prev, .pagination .box .nav.prev, .products-grid.slider .swiper-button-prev, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav.prev { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMiAxOS4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMiAxOS4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjA4ODFEO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEsMGMwLjMsMCwwLjYsMC4xLDAuOCwwLjNjMC40LDAuNCwwLjMsMS0wLjEsMS40TDIuNSw5LjZsOS4xLDcuOWMwLjQsMC40LDAuNSwxLDAuMSwxLjQNCgkJYy0wLjQsMC40LTEsMC41LTEuNCwwLjFsLTEwLTguNkMwLjEsMTAuMiwwLDkuOSwwLDkuNnMwLjEtMC42LDAuMy0wLjhsMTAtOC42QzEwLjUsMC4xLDEwLjcsMCwxMSwweiIvPg0KPC9nPg0KPC9zdmc+DQo=) } .ico-pagination-next, .megamenu .menu.menu-blog .slider.next, .pagination .box .nav.next, .products-grid.slider .swiper-button-next, .products-menu .box .content > ul > li:after, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav.next { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMiAxOS4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMiAxOS4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjA4ODFEO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMSwxOS4zYy0wLjMsMC0wLjYtMC4xLTAuOC0wLjNjLTAuNC0wLjQtMC4zLTEsMC4xLTEuNGw5LjEtNy45TDAuMywxLjhjLTAuNC0wLjQtMC41LTEtMC4xLTEuNA0KCQljMC40LTAuNCwxLTAuNSwxLjQtMC4xbDEwLDguNkMxMS45LDkuMSwxMiw5LjQsMTIsOS42cy0wLjEsMC42LTAuMywwLjhMMS43LDE5QzEuNSwxOS4yLDEuMiwxOS4zLDEsMTkuM3oiLz4NCjwvZz4NCjwvc3ZnPg0K) } .ico-pagination-prev-white, .products-section .swiper-button-prev { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMiAxOS4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMiAxOS4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEsMGMwLjMsMCwwLjYsMC4xLDAuOCwwLjNjMC40LDAuNCwwLjMsMS0wLjEsMS40TDIuNSw5LjZsOS4xLDcuOWMwLjQsMC40LDAuNSwxLDAuMSwxLjRzLTEsMC41LTEuNCwwLjENCgkJbC0xMC04LjZDMC4xLDEwLjIsMCw5LjksMCw5LjZTMC4xLDksMC4zLDguOGwxMC04LjZDMTAuNSwwLjEsMTAuNywwLDExLDB6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) } .ico-pagination-next-white, .products-section .swiper-button-next { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMi4xIDE5LjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyLjEgMTkuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEuMSwxOS4zYy0wLjMsMC0wLjYtMC4xLTAuOC0wLjNjLTAuNC0wLjQtMC4zLTEsMC4xLTEuNGw5LjItNy45TDAuNSwxLjhDMC4xLDEuNCwwLDAuOCwwLjQsMC40DQoJCXMxLTAuNSwxLjQtMC4xbDEwLDguNmMwLjIsMC4yLDAuMywwLjUsMC4zLDAuOHMtMC4xLDAuNi0wLjMsMC44bC0xMCw4LjZDMS42LDE5LjIsMS40LDE5LjMsMS4xLDE5LjN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) } .ico-title-arrow { --size: 1.8vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMS42IDM2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMS42IDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjA4ODFEO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMSwzNmMtMC4zLDAtMC42LTAuMS0wLjgtMC4zYy0wLjQtMC40LTAuMy0xLDAuMS0xLjRMMTkuMSwxOEwwLjMsMS44Yy0wLjQtMC40LTAuNS0xLTAuMS0xLjQNCgkJYzAuNC0wLjQsMS0wLjUsMS40LTAuMWwxOS42LDE3YzAuMiwwLjIsMC4zLDAuNSwwLjMsMC44cy0wLjEsMC42LTAuMywwLjhsLTE5LjYsMTdDMS41LDM1LjksMS4yLDM2LDEsMzZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) } @media (max-width: 640px) { .ico-title-arrow { --size: 22px } } .ico-flag, .megamenu .menu h3 a:before, .megamenu .menu.menu-video .item > h3:before { --size: 1.2vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNS42IDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNS42IDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjY4QjFGO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjAsMCAyNS42LDAgMjUuNiw0MCAxMi44LDMwLjUgMCw0MCAiLz4NCjwvc3ZnPg0K) } @media (max-width: 640px) { .ico-flag, .megamenu .menu h3 a:before, .megamenu .menu.menu-video .item > h3:before { --size: 16px } } .ico-play, .video-box .box-content:after, .video-thumbnail .image:before { --size: 4vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3OSA3OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzkgNzk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGMDg4MUQ7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMC41LDUzLjJjLTAuMiwwLTAuNCwwLTAuNS0wLjFjLTAuMy0wLjItMC41LTAuNS0wLjUtMC45VjI2LjdjMC0wLjQsMC4yLTAuNywwLjUtMC45YzAuMy0wLjIsMC43LTAuMiwxLDANCgkJbDIyLjksMTIuOGMwLjMsMC4yLDAuNSwwLjUsMC41LDAuOXMtMC4yLDAuNy0wLjUsMC45TDMxLDUzLjFDMzAuOCw1My4yLDMwLjcsNTMuMiwzMC41LDUzLjJ6IE0zMS41LDI4LjR2MjIuMWwxOS44LTExLjFMMzEuNSwyOC40DQoJCXoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOS41LDc5QzE3LjcsNzksMCw2MS4zLDAsMzkuNUMwLDE3LjcsMTcuNywwLDM5LjUsMFM3OSwxNy43LDc5LDM5LjVDNzksNjEuMyw2MS4zLDc5LDM5LjUsNzl6IE0zOS41LDINCgkJQzE4LjgsMiwyLDE4LjgsMiwzOS41QzIsNjAuMiwxOC44LDc3LDM5LjUsNzdTNzcsNjAuMiw3NywzOS41Qzc3LDE4LjgsNjAuMiwyLDM5LjUsMnoiLz4NCjwvZz4NCjwvc3ZnPg0K) } .ico-facebook, .ico-google, .ico-instagram, .ico-messenger, .ico-pinterest, .ico-twitter, .ico-whatsupp, .ico-youtube { --size: 0.8vw } @media (max-width: 1024px) { .ico-facebook, .ico-google, .ico-instagram, .ico-messenger, .ico-pinterest, .ico-twitter, .ico-whatsupp, .ico-youtube { --size: 1.1vw } } @media (max-width: 830px) { .ico-facebook, .ico-google, .ico-instagram, .ico-messenger, .ico-pinterest, .ico-twitter, .ico-whatsupp, .ico-youtube { --size: 14px } } .ico-google { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2Mi40IDYyLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYyLjQgNjIuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTM4LjEsMzAuNmMtNS45LTAuMS0xMS44LDAtMTcuNywwYzAsMi4xLDAsNC4yLDAsNi4zYzMuNSwwLjEsNy4xLDAuMSwxMC42LDAuMWMtMC45LDMuMS0yLjksNS45LTYsNw0KCWMtMy40LDEuNS03LjIsMS0xMC4zLTAuN2MtMC4zLTAuMi0wLjUtMC4zLTAuOC0wLjVjLTAuMSwwLTAuMS0wLjEtMC4yLTAuMWMtMC4zLTAuMi0wLjUtMC40LTAuOC0wLjZjLTAuMSwwLTAuMS0wLjEtMC4yLTAuMQ0KCWMtMC4yLTAuMi0wLjQtMC40LTAuNi0wLjZjLTAuMS0wLjEtMC4yLTAuMS0wLjItMC4yYy0wLjEtMC4xLTAuMi0wLjMtMC40LTAuNGMtMC4xLTAuMi0wLjMtMC4zLTAuNC0wLjVjMC0wLjEtMC4xLTAuMS0wLjEtMC4yDQoJYy0wLjctMC45LTEuMi0xLjktMS41LTNjLTAuMS0wLjQtMC4zLTAuOC0wLjQtMS4xYy0xLjQtNS43LDIuMi0xMi4yLDcuOS0xMy44YzIuNi0wLjksNS4zLTAuNSw3LjcsMC41YzEuMSwwLjUsMi4yLDEsMy4yLDEuNg0KCWMxLjYtMS41LDMuMi0zLjIsNC43LTQuOGMtMy43LTMuMS04LjQtNS0xMy4zLTQuNkM5LjksMTQuOCwxLjYsMjMuNiwxLjksMzMuMmMwLDEsMCwxLjksMC4yLDIuOWMxLDYuNiw1LjksMTIuNSwxMi4zLDE0LjYNCgljMi4yLDAuNyw0LjUsMS4xLDYuOCwxYzUuMS0wLjIsMTAtMi4yLDEzLjItNi4zYzMuMy00LDQuMS05LjQsMy44LTE0LjVDMzguMSwzMC44LDM4LjEsMzAuNywzOC4xLDMwLjZ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTQuOSwzMC41YzAtMS44LDAtMy41LDAtNS4zaC01LjNjMCwxLjgsMCwzLjUsMCw1LjNjLTEuOCwwLTMuNSwwLTUuMywwdjUuM2MxLjgsMCwzLjUsMCw1LjMsMA0KCWMwLDEuOCwwLDMuNSwwLDUuM2MxLjgsMCwzLjUsMCw1LjMsMGMwLTEuOCwwLTMuNSwwLTUuM2MxLjgsMCwzLjUsMCw1LjMsMHYtNS4zQzU4LjQsMzAuNSw1Ni42LDMwLjUsNTQuOSwzMC41eiIvPg0KPC9zdmc+DQo=) } .ico-facebook { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2Mi40IDYyLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYyLjQgNjIuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyLjMsNjIuM2gxMi4xVjMyLjloOGwxLjEtMTAuM2gtOS4xdi02LjFjMC0yLjMsMS41LTIuOCwyLjYtMi44aDYuNXYtMTBsLTksMGMtMTAsMC0xMi4yLDcuNS0xMi4yLDEyLjJ2Ni43DQoJCWgtNS44djEwLjNoNS44VjYyLjN6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTYuMSw2OC40djAuN2gxQzYuOCw2OC44LDYuNCw2OC42LDYuMSw2OC40eiIvPg0KPC9nPg0KPC9zdmc+DQo=) } .ico-twitter { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2Mi40IDYyLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYyLjQgNjIuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTU4LjcsMTguNmMtMS45LDAuOS00LDEuNC02LjIsMS43YzIuMi0xLjMsMy45LTMuNCw0LjctNS45Yy0yLjEsMS4yLTQuNCwyLjEtNi44LDIuNmMtMi0yLjEtNC43LTMuNC03LjgtMy40DQoJYy01LjksMC0xMC43LDQuOC0xMC43LDEwLjdjMCwwLjgsMC4xLDEuNywwLjMsMi40QzIzLjIsMjYuMiwxNS4zLDIyLDEwLDE1LjVjLTAuOSwxLjYtMS41LDMuNC0xLjUsNS40YzAsMy43LDEuOSw3LDQuOCw4LjkNCgljLTEuOC0wLjEtMy40LTAuNS00LjktMS4zYzAsMCwwLDAuMSwwLDAuMWMwLDUuMiwzLjcsOS41LDguNiwxMC41Yy0wLjksMC4yLTEuOCwwLjQtMi44LDAuNGMtMC43LDAtMS40LTAuMS0yLTAuMg0KCWMxLjQsNC4zLDUuMyw3LjQsMTAsNy40Yy0zLjcsMi45LTguMyw0LjYtMTMuMyw0LjZjLTAuOSwwLTEuNywwLTIuNi0wLjFjNC43LDMsMTAuNCw0LjgsMTYuNCw0LjhjMTkuNywwLDMwLjUtMTYuMywzMC41LTMwLjUNCgljMC0wLjUsMC0wLjksMC0xLjRDNTUuNCwyMi42LDU3LjIsMjAuNyw1OC43LDE4LjZ6Ii8+DQo8L3N2Zz4NCg==) } .ico-pinterest { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2Mi40IDYyLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYyLjQgNjIuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3LjQsMzguMmMyLjctNC44LTAuOS01LjgtMS40LTkuM2MtMi4zLTE0LjEsMTYuMy0yMy43LDI2LTEzLjljNi43LDYuOCwyLjMsMjcuOC04LjUsMjUuNg0KCWMtMTAuNC0yLjEsNS4xLTE4LjgtMy4yLTIyLjFjLTYuNy0yLjctMTAuMyw4LjItNy4xLDEzLjVjLTEuOSw5LjItNS45LDE4LTQuMywyOS42YzUuMy0zLjgsNy4xLTExLjIsOC41LTE4LjkNCgljMi43LDEuNiw0LjEsMy4zLDcuNSwzLjZjMTIuNSwxLDE5LjUtMTIuNSwxNy44LTI0LjljLTEuNS0xMS0xMi41LTE2LjYtMjQuMi0xNS4zYy05LjMsMS0xOC41LDguNS0xOC45LDE5LjINCglDOS4zLDMxLjksMTEuMSwzNi44LDE3LjQsMzguMnoiLz4NCjwvc3ZnPg0K) } .ico-instagram { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUyLDBIMTYwQzcxLjYsMCwwLDcxLjYsMCwxNjB2MTkyYzAsODguNCw3MS42LDE2MCwxNjAsMTYwaDE5MmM4OC40LDAsMTYwLTcxLjYsMTYwLTE2MFYxNjANCgkJCUM1MTIsNzEuNiw0NDAuNCwwLDM1MiwweiBNNDY0LDM1MmMwLDYxLjgtNTAuMiwxMTItMTEyLDExMkgxNjBjLTYxLjgsMC0xMTItNTAuMi0xMTItMTEyVjE2MEM0OCw5OC4yLDk4LjIsNDgsMTYwLDQ4aDE5Mg0KCQkJYzYxLjgsMCwxMTIsNTAuMiwxMTIsMTEyVjM1MnoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1NiwxMjhjLTcwLjcsMC0xMjgsNTcuMy0xMjgsMTI4czU3LjMsMTI4LDEyOCwxMjhzMTI4LTU3LjMsMTI4LTEyOFMzMjYuNywxMjgsMjU2LDEyOHogTTI1NiwzMzYNCgkJCWMtNDQuMSwwLTgwLTM1LjktODAtODBjMC00NC4xLDM1LjktODAsODAtODBzODAsMzUuOSw4MCw4MEMzMzYsMzAwLjEsMzAwLjEsMzM2LDI1NiwzMzZ6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjM5My42IiBjeT0iMTE4LjQiIHI9IjE3LjEiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==) } .ico-messenger { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU2LDBDMTE0LjYsMCwwLDEwNi4xLDAsMjM3YzAsNzQuNiwzNy4yLDE0MS4xLDk1LjQsMTg0LjZWNTEybDg3LjItNDcuOGMyMy4zLDYuNCw0Ny45LDkuOSw3My40LDkuOQ0KCQkJYzE0MS40LDAsMjU2LTEwNi4xLDI1Ni0yMzdTMzk3LjQsMCwyNTYsMHogTTI4MS40LDMxOS4ybC02NS4yLTY5LjVMODkuMSwzMTkuMkwyMjksMTcwLjdsNjYuOCw2OS41bDEyNS42LTY5LjVMMjgxLjQsMzE5LjJ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) } .ico-whatsupp { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDkwIDkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5MCA5MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggaWQ9IldoYXRzQXBwIiBjbGFzcz0ic3QwIiBkPSJNOTAsNDMuOGMwLDI0LjItMTkuOCw0My44LTQ0LjIsNDMuOGMtNy43LDAtMTUtMi0yMS40LTUuNUwwLDkwbDgtMjMuNQ0KCQljLTQtNi42LTYuMy0xNC40LTYuMy0yMi42QzEuNiwxOS42LDIxLjQsMCw0NS44LDBDNzAuMiwwLDkwLDE5LjYsOTAsNDMuOHogTTQ1LjgsN0MyNS4zLDcsOC43LDIzLjUsOC43LDQzLjgNCgkJYzAsOC4xLDIuNiwxNS41LDcuMSwyMS42bC00LjYsMTMuN2wxNC4zLTQuNWM1LjksMy45LDEyLjksNi4xLDIwLjQsNi4xQzY2LjMsODAuNyw4Myw2NC4yLDgzLDQzLjhTNjYuMyw3LDQ1LjgsN3ogTTY4LjEsNTMuOQ0KCQljLTAuMy0wLjQtMS0wLjctMi4xLTEuM2MtMS4xLTAuNS02LjQtMy4xLTcuNC0zLjVjLTEtMC40LTEuNy0wLjUtMi40LDAuNWMtMC43LDEuMS0yLjgsMy41LTMuNCw0LjJjLTAuNiwwLjctMS4zLDAuOC0yLjMsMC4zDQoJCWMtMS4xLTAuNS00LjYtMS43LTguNy01LjNjLTMuMi0yLjgtNS40LTYuNC02LTcuNGMtMC42LTEuMS0wLjEtMS43LDAuNS0yLjJjMC41LTAuNSwxLjEtMS4zLDEuNi0xLjljMC41LTAuNiwwLjctMS4xLDEuMS0xLjgNCgkJYzAuNC0wLjcsMC4yLTEuMy0wLjEtMS45Yy0wLjMtMC41LTIuNC01LjgtMy4zLThjLTAuOS0yLjEtMS44LTEuOC0yLjQtMS44Yy0wLjYsMC0xLjQtMC4xLTIuMS0wLjFzLTEuOSwwLjMtMi45LDEuMw0KCQljLTEsMS4xLTMuOCwzLjctMy44LDljMCw1LjMsMy45LDEwLjQsNC40LDExLjFjMC41LDAuNyw3LjUsMTEuOSwxOC41LDE2LjJjMTEsNC4zLDExLDIuOSwxMywyLjdjMi0wLjIsNi40LTIuNiw3LjMtNS4xDQoJCUM2OC40LDU2LjUsNjguNCw1NC40LDY4LjEsNTMuOXoiLz4NCjwvZz4NCjwvc3ZnPg0K) } .ico-youtube { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDYyLjMgNzQuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjIuMyA3NC4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzguMiwzMC4yYzEuMiwwLDIuNS0wLjcsMy44LTIuM3YyaDMuM1YxMS42SDQydjE0Yy0wLjcsMS0xLjQsMS42LTIuMSwxLjZjLTAuNCwwLTAuNy0wLjMtMC44LTAuOA0KCQljMC0wLjEsMC0wLjUsMC0xLjNWMTEuNmgtMy4zdjE0LjVjMCwxLjMsMC4xLDIuMiwwLjMsMi43QzM2LjQsMjkuOCwzNy4yLDMwLjIsMzguMiwzMC4yeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOC4xLDMwLjJjMS43LDAsMy0wLjYsMy45LTEuOWMwLjctMC45LDEtMi40LDEtNC4zdi02LjRjMC0yLTAuMy0zLjQtMS00LjNjLTAuOS0xLjMtMi4yLTEuOS0zLjktMS45DQoJCWMtMS43LDAtMywwLjYtMy45LDEuOWMtMC43LDAuOS0xLDIuNC0xLDQuM1YyNGMwLDIsMC4zLDMuNCwxLDQuM0MyNS4yLDI5LjYsMjYuNSwzMC4yLDI4LjEsMzAuMnogTTI2LjUsMTYuOQ0KCQljMC0xLjcsMC41LTIuNSwxLjYtMi41YzEuMSwwLDEuNiwwLjgsMS42LDIuNXY3LjdjMCwxLjctMC41LDIuNi0xLjYsMi42Yy0xLjEsMC0xLjYtMC45LTEuNi0yLjZWMTYuOXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzYuNCw0Ni43Yy0wLjUsMC0xLjEsMC4zLTEuNiwwLjh2MTEuMWMwLjYsMC42LDEuMSwwLjgsMS42LDAuOGMxLDAsMS40LTAuOCwxLjQtMi41di03LjgNCgkJQzM3LjgsNDcuNiwzNy4zLDQ2LjcsMzYuNCw0Ni43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00OC42LDQ2LjdjLTEuMSwwLTEuNywwLjgtMS43LDIuNXYxLjdoMy4zdi0xLjdDNTAuMyw0Ny42LDQ5LjcsNDYuNyw0OC42LDQ2Ljd6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUwLjgsMzIuNmMtNi44LTAuOC0xMy42LTAuOC0yMC40LTAuOGMtNi44LDAtMTMuNywwLTIwLjQsMC44QzcuMSwzMi45LDQuNywzNS4xLDQsMzhjLTEsNC4xLTEsOC42LTEsMTIuOQ0KCQljMCw0LjMsMCw4LjgsMSwxMi45YzAuNywyLjksMyw1LDUuOSw1LjRjNi44LDAuOCwxMy42LDAuOCwyMC40LDAuOGM2LjgsMCwxMy43LDAsMjAuNC0wLjhjMi45LTAuMyw1LjItMi41LDUuOS01LjQNCgkJYzEtNC4xLDEtOC42LDEtMTIuOWMwLTQuMywwLTguOC0wLjktMTIuOUM1NiwzNS4xLDUzLjYsMzIuOSw1MC44LDMyLjZ6IE0xOC42LDQxLjJoLTMuOXYyMUgxMXYtMjFINy4xdi0zLjRoMTEuNVY0MS4yeiBNMjguNiw2Mi4yDQoJCWgtMy4zdi0yYy0xLjMsMS41LTIuNiwyLjItMy44LDIuMmMtMS4xLDAtMS44LTAuNC0yLjEtMS40Yy0wLjItMC42LTAuMy0xLjQtMC4zLTIuN1Y0NGgzLjN2MTMuNGMwLDAuOCwwLDEuMiwwLDEuMw0KCQljMC4xLDAuNSwwLjMsMC44LDAuOCwwLjhjMC43LDAsMS40LTAuNSwyLjEtMS41VjQ0aDMuM1Y2Mi4yeiBNNDEuMSw1Ni43YzAsMS43LTAuMSwyLjktMC4zLDMuN2MtMC40LDEuNC0xLjMsMi0yLjYsMg0KCQljLTEuMiwwLTIuMy0wLjctMy40LTJ2MS44aC0zLjNWMzcuN2gzLjN2OGMxLjEtMS4zLDIuMi0yLDMuNC0yYzEuMywwLDIuMiwwLjcsMi42LDIuMWMwLjIsMC43LDAuMywxLjksMC4zLDMuN1Y1Ni43eiBNNTMuNSw1My43DQoJCUg0N3YzLjJjMCwxLjcsMC42LDIuNSwxLjcsMi41YzAuOCwwLDEuMy0wLjQsMS41LTEuM2MwLTAuMiwwLjEtMC45LDAuMS0yLjJoMy40djAuNWMwLDEuMSwwLDEuOC0wLjEsMi4xYy0wLjEsMC43LTAuNCwxLjQtMC44LDINCgkJYy0wLjksMS4zLTIuMywyLTQsMmMtMS43LDAtMy0wLjYtNC0xLjljLTAuNy0wLjktMS4xLTIuMy0xLjEtNC4zdi02LjRjMC0xLjksMC4zLTMuNCwxLTQuM2MxLTEuMiwyLjMtMS45LDMuOS0xLjkNCgkJYzEuNywwLDMsMC42LDMuOSwxLjljMC43LDAuOSwxLDIuMywxLDQuM1Y1My43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNSwyMHYxMGgzLjdWMjBsNC40LTE0LjdoLTMuN0wxNi45LDE1bC0yLjYtOS43aC0zLjljMC44LDIuMywxLjYsNC42LDIuNCw2LjlDMTQsMTUuNiwxNC43LDE4LjIsMTUsMjB6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) } .ico-phone-dark { --size: 1.2vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0OTYuMSA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Ni4xIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzRBNEE0QTt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zODQuOCwxOWMwLTEwLjUtOC41LTE5LTE5LTE5SDE5QzguNSwwLDAsOC41LDAsMTl2NDUyLjdDMCw0OTQsMTgsNTEyLDQwLjIsNTEyaDM1Ny4xDQoJCQljLTcuOS0xMS40LTEyLjUtMjUuMy0xMi41LTQwLjJMMzg0LjgsMTlMMzg0LjgsMTl6IE0zMjAuNyw0NjMuNEg2NC4xYy04LjUsMC0xNS40LTYuOS0xNS40LTE1LjRzNi45LTE1LjQsMTUuNC0xNS40aDI1Ni43DQoJCQljOC41LDAsMTUuNCw2LjksMTUuNCwxNS40UzMyOS4zLDQ2My40LDMyMC43LDQ2My40TDMyMC43LDQ2My40eiBNMzIwLjcsMzk3LjVINjQuMWMtOC41LDAtMTUuNC02LjktMTUuNC0xNS40czYuOS0xNS40LDE1LjQtMTUuNA0KCQkJaDI1Ni43YzguNSwwLDE1LjQsNi45LDE1LjQsMTUuNFMzMjkuMywzOTcuNSwzMjAuNywzOTcuNUwzMjAuNywzOTcuNXogTTMyMC43LDMzMS42SDY0LjFjLTguNSwwLTE1LjQtNi45LTE1LjQtMTUuNA0KCQkJczYuOS0xNS40LDE1LjQtMTUuNGgyNTYuN2M4LjUsMCwxNS40LDYuOSwxNS40LDE1LjRTMzI5LjMsMzMxLjYsMzIwLjcsMzMxLjZMMzIwLjcsMzMxLjZ6IE0zMjAuNywyNjUuOEg2NC4xDQoJCQljLTguNSwwLTE1LjQtNi45LTE1LjQtMTUuNFM1NS42LDIzNSw2NC4xLDIzNWgyNTYuN2M4LjUsMCwxNS40LDYuOSwxNS40LDE1LjRDMzM2LjIsMjU4LjgsMzI5LjMsMjY1LjgsMzIwLjcsMjY1LjhMMzIwLjcsMjY1Ljh6DQoJCQkgTTMzNi4yLDE4NC40YzAsOC41LTYuOSwxNS40LTE1LjQsMTUuNEg2NC4xYy04LjUsMC0xNS40LTYuOS0xNS40LTE1LjRWNjQuMWMwLTguNSw2LjktMTUuNCwxNS40LTE1LjRoMjU2LjcNCgkJCWM4LjUsMCwxNS40LDYuOSwxNS40LDE1LjRWMTg0LjR6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NzcuMSwxMzkuN2gtNjEuNHYzMzIuMWMwLDIyLjUsMTguNiw0MC43LDQxLjIsNDAuMmMyMS45LTAuNSwzOS4yLTE5LDM5LjItNDFWMTU4LjcNCgkJCUM0OTYuMSwxNDguMiw0ODcuNiwxMzkuNyw0NzcuMSwxMzkuN0w0NzcuMSwxMzkuN3oiLz4NCgk8L2c+DQoJPHJlY3QgeD0iNzkuNSIgeT0iNzkuNSIgY2xhc3M9InN0MCIgd2lkdGg9IjIyNS44IiBoZWlnaHQ9Ijg5LjUiLz4NCjwvZz4NCjwvc3ZnPg0K) } .ico-check, .list-box ul li:after { --size: 0.7vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMy42IDEwLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzLjYgMTAuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0YwODgxRDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQuMiwxMC41Yy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNMMC4zLDdjLTAuNC0wLjQtMC40LTEsMC0xLjRzMS0wLjQsMS40LDBMNC4yLDhsNy43LTcuN2MwLjQtMC40LDEtMC40LDEuNCwwDQoJCXMwLjQsMSwwLDEuNGwtOC41LDguNUM0LjcsMTAuNCw0LjQsMTAuNSw0LjIsMTAuNXoiLz4NCjwvZz4NCjwvc3ZnPg0K) } @media (max-width: 830px) { .ico-check, .list-box ul li:after { --size: 12px } } .ico-nav-next, .ico-nav-prev, .product-tips .content .nav .icon.next, .product-tips .content .nav .icon.prev, .timeline .circles .controls .wrapper .nav.next, .timeline .circles .controls .wrapper .nav.prev, .videos-grid .nav-wrapper .nav.next, .videos-grid .nav-wrapper .nav.prev { --size: 1vw } @media (max-width: 640px) { .ico-nav-next, .ico-nav-prev, .product-tips .content .nav .icon.next, .product-tips .content .nav .icon.prev, .timeline .circles .controls .wrapper .nav.next, .timeline .circles .controls .wrapper .nav.prev, .videos-grid .nav-wrapper .nav.next, .videos-grid .nav-wrapper .nav.prev { --size: 22px } } .ico-nav-next, .product-tips .content .nav .icon.next, .timeline .circles .controls .wrapper .nav.next, .videos-grid .nav-wrapper .nav.next { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMS42IDM2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMS42IDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjA4ODFEO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMSwzNmMtMC4zLDAtMC42LTAuMS0wLjgtMC4zYy0wLjQtMC40LTAuMy0xLDAuMS0xLjRMMTkuMSwxOEwwLjMsMS44Yy0wLjQtMC40LTAuNS0xLTAuMS0xLjQNCgkJYzAuNC0wLjQsMS0wLjUsMS40LTAuMWwxOS42LDE3YzAuMiwwLjIsMC4zLDAuNSwwLjMsMC44cy0wLjEsMC42LTAuMywwLjhsLTE5LjYsMTdDMS41LDM1LjksMS4yLDM2LDEsMzZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) } .ico-nav-prev, .product-tips .content .nav .icon.prev, .timeline .circles .controls .wrapper .nav.prev, .videos-grid .nav-wrapper .nav.prev { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMS42IDM2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMS42IDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjA4ODFEO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAuNCwwYzAuMywwLDAuNiwwLjEsMC44LDAuM2MwLjQsMC40LDAuMywxLTAuMSwxLjRMMi4zLDE4bDE4LjgsMTYuMmMwLjQsMC40LDAuNSwxLDAuMSwxLjQNCgkJYy0wLjQsMC40LTEsMC41LTEuNCwwLjFsLTE5LjYtMTdjLTAuMi0wLjItMC4zLTAuNS0wLjMtMC44czAuMS0wLjYsMC4zLTAuOGwxOS42LTE3QzE5LjksMC4xLDIwLjIsMCwyMC40LDB6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) } .btn-download, .btn-download:hover, .ico-download, .ico-download-gray { --size: 1vw } @media (max-width: 640px) { .btn-download, .btn-download:hover, .ico-download, .ico-download-gray { --size: 16px } } .btn-download:hover, .ico-download { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ3NS4xIDQ3NS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzUuMSA0NzUuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGOEIwNzt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NjcuMSwzMTguNmMtNS4zLTUuMy0xMS44LTgtMTkuNC04SDMxNS4ybC0zOC44LDM4LjhjLTExLDEwLjctMjQsMTYtMzguOCwxNmMtMTQuOCwwLTI3LjgtNS4zLTM4LjgtMTYNCgkJCWwtMzguNS0zOC44SDI3LjRjLTcuNiwwLTE0LjEsMi43LTE5LjQsOEMyLjcsMzI0LDAsMzMwLjQsMCwzMzh2OTEuNGMwLDcuNiwyLjcsMTQuMSw4LDE5LjRjNS4zLDUuMywxMS44LDgsMTkuNCw4aDQyMC4zDQoJCQljNy42LDAsMTQuMS0yLjcsMTkuNC04YzUuMy01LjMsOC0xMS44LDgtMTkuNFYzMzhDNDc1LjEsMzMwLjQsNDcyLjQsMzI0LDQ2Ny4xLDMxOC42eiBNMzYwLDQxNC44Yy0zLjYsMy42LTcuOSw1LjQtMTIuOSw1LjQNCgkJCXMtOS4yLTEuOC0xMi44LTUuNGMtMy42LTMuNi01LjQtNy45LTUuNC0xMi44YzAtNC45LDEuOC05LjIsNS40LTEyLjhjMy42LTMuNiw3LjktNS40LDEyLjgtNS40czkuMiwxLjgsMTIuOSw1LjQNCgkJCWMzLjYsMy42LDUuNCw3LjksNS40LDEyLjhDMzY1LjQsNDA2LjksMzYzLjYsNDExLjIsMzYwLDQxNC44eiBNNDMzLjEsNDE0LjhjLTMuNiwzLjYtNy45LDUuNC0xMi44LDUuNGMtNC45LDAtOS4yLTEuOC0xMi44LTUuNA0KCQkJYy0zLjYtMy42LTUuNC03LjktNS40LTEyLjhjMC00LjksMS44LTkuMiw1LjQtMTIuOGMzLjYtMy42LDcuOS01LjQsMTIuOC01LjRjNC45LDAsOS4yLDEuOCwxMi44LDUuNGMzLjYsMy42LDUuNCw3LjksNS40LDEyLjgNCgkJCUM0MzguNSw0MDYuOSw0MzYuNyw0MTEuMiw0MzMuMSw0MTQuOHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyNC43LDMyMy41YzMuNCwzLjYsNy43LDUuNCwxMi44LDUuNGM1LjEsMCw5LjQtMS44LDEyLjgtNS40bDEyNy45LTEyNy45YzUuOS01LjUsNy4yLTEyLjIsNC0yMA0KCQkJYy0zLjItNy40LTguOC0xMS4xLTE2LjgtMTEuMWgtNzMuMVYzNi41YzAtNC45LTEuOC05LjItNS40LTEyLjhjLTMuNi0zLjYtNy45LTUuNC0xMi44LTUuNEgyMDFjLTQuOSwwLTkuMiwxLjgtMTIuOCw1LjQNCgkJCWMtMy42LDMuNi01LjQsNy45LTUuNCwxMi44djEyNy45aC03My4xYy04LDAtMTMuNiwzLjctMTYuOCwxMS4xYy0zLjIsNy44LTEuOSwxNC41LDQsMjBMMjI0LjcsMzIzLjV6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) } .btn-download, .ico-download-gray { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ3NS4xIDQ3NS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzUuMSA0NzUuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzRBNEE0QTt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NjcuMSwzMTguNmMtNS4zLTUuMy0xMS44LTgtMTkuNC04SDMxNS4ybC0zOC44LDM4LjhjLTExLDEwLjctMjQsMTYtMzguOCwxNmMtMTQuOCwwLTI3LjgtNS4zLTM4LjgtMTYNCgkJCWwtMzguNS0zOC44SDI3LjRjLTcuNiwwLTE0LjEsMi43LTE5LjQsOEMyLjcsMzI0LDAsMzMwLjQsMCwzMzh2OTEuNGMwLDcuNiwyLjcsMTQuMSw4LDE5LjRjNS4zLDUuMywxMS44LDgsMTkuNCw4aDQyMC4zDQoJCQljNy42LDAsMTQuMS0yLjcsMTkuNC04YzUuMy01LjMsOC0xMS44LDgtMTkuNFYzMzhDNDc1LjEsMzMwLjQsNDcyLjQsMzI0LDQ2Ny4xLDMxOC42eiBNMzYwLDQxNC44Yy0zLjYsMy42LTcuOSw1LjQtMTIuOSw1LjQNCgkJCXMtOS4yLTEuOC0xMi44LTUuNGMtMy42LTMuNi01LjQtNy45LTUuNC0xMi44YzAtNC45LDEuOC05LjIsNS40LTEyLjhjMy42LTMuNiw3LjktNS40LDEyLjgtNS40czkuMiwxLjgsMTIuOSw1LjQNCgkJCWMzLjYsMy42LDUuNCw3LjksNS40LDEyLjhDMzY1LjQsNDA2LjksMzYzLjYsNDExLjIsMzYwLDQxNC44eiBNNDMzLjEsNDE0LjhjLTMuNiwzLjYtNy45LDUuNC0xMi44LDUuNGMtNC45LDAtOS4yLTEuOC0xMi44LTUuNA0KCQkJYy0zLjYtMy42LTUuNC03LjktNS40LTEyLjhjMC00LjksMS44LTkuMiw1LjQtMTIuOGMzLjYtMy42LDcuOS01LjQsMTIuOC01LjRjNC45LDAsOS4yLDEuOCwxMi44LDUuNGMzLjYsMy42LDUuNCw3LjksNS40LDEyLjgNCgkJCUM0MzguNSw0MDYuOSw0MzYuNyw0MTEuMiw0MzMuMSw0MTQuOHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyNC43LDMyMy41YzMuNCwzLjYsNy43LDUuNCwxMi44LDUuNGM1LjEsMCw5LjQtMS44LDEyLjgtNS40bDEyNy45LTEyNy45YzUuOS01LjUsNy4yLTEyLjIsNC0yMA0KCQkJYy0zLjItNy40LTguOC0xMS4xLTE2LjgtMTEuMWgtNzMuMVYzNi41YzAtNC45LTEuOC05LjItNS40LTEyLjhjLTMuNi0zLjYtNy45LTUuNC0xMi44LTUuNEgyMDFjLTQuOSwwLTkuMiwxLjgtMTIuOCw1LjQNCgkJCWMtMy42LDMuNi01LjQsNy45LTUuNCwxMi44djEyNy45aC03My4xYy04LDAtMTMuNiwzLjctMTYuOCwxMS4xYy0zLjIsNy44LTEuOSwxNC41LDQsMjBMMjI0LjcsMzIzLjV6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) } .ico-expand { --size: 1.8vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzNiAyMS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNiAyMS42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNEE0OTQ5O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMSwwYzAuMywwLDAuNiwwLjEsMC44LDAuM0wxOCwxOS4xTDM0LjIsMC4zYzAuNC0wLjQsMS0wLjUsMS40LTAuMWMwLjQsMC40LDAuNSwxLDAuMSwxLjRsLTE3LDE5LjYNCgkJYy0wLjQsMC40LTEuMSwwLjQtMS41LDBMMC4yLDEuN2MtMC40LTAuNC0wLjMtMSwwLjEtMS40QzAuNSwwLjEsMC44LDAsMSwweiIvPg0KPC9nPg0KPC9zdmc+DQo=) } @media (max-width: 640px) { .ico-expand { --size: 16px } } .ico-expand-triangle { --size: 0.8vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwNC4zIDQwNC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDQuMyA0MDQuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGOEIwNzt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMTAxLjFoNDA0LjNMMjAyLjIsMzAzLjJMMCwxMDEuMXoiLz4NCjwvZz4NCjwvc3ZnPg0K) } @media (max-width: 640px) { .ico-expand-triangle { --size: 8px } } .ico-close, .ico-close-white, .red-modal.text .content-wrapper .box .controls .modal-close, .red-modal.video .content-wrapper .box .controls .modal-close { --size: 1.2vw } @media (max-width: 1200px) { .ico-close, .ico-close-white, .red-modal.text .content-wrapper .box .controls .modal-close, .red-modal.video .content-wrapper .box .controls .modal-close { --size: 2vw } } @media (max-width: 830px) { .ico-close, .ico-close-white, .red-modal.text .content-wrapper .box .controls .modal-close, .red-modal.video .content-wrapper .box .controls .modal-close { --size: 24px } } @media (max-width: 640px) { .ico-close, .ico-close-white, .red-modal.text .content-wrapper .box .controls .modal-close, .red-modal.video .content-wrapper .box .controls .modal-close { --size: 18px } } .ico-close, .red-modal.text .content-wrapper .box .controls .modal-close { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4IDQ4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OCA0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzRBNEE0QTt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LjIsMjRMNDcuMSw1LjFjMS4yLTEuMiwxLjItMy4xLDAtNC4yYy0xLjItMS4yLTMuMS0xLjItNC4yLDBMMjQsMTkuN0w1LjEsMC45Yy0xLjItMS4yLTMuMS0xLjItNC4yLDANCgkJYy0xLjIsMS4yLTEuMiwzLjEsMCw0LjJMMTkuNywyNEwwLjksNDIuOGMtMS4yLDEuMi0xLjIsMy4xLDAsNC4yQzEuNSw0Ny43LDIuMiw0OCwzLDQ4czEuNS0wLjMsMi4xLTAuOUwyNCwyOC4ybDE4LjksMTguOQ0KCQljMC42LDAuNiwxLjQsMC45LDIuMSwwLjlzMS41LTAuMywyLjEtMC45YzEuMi0xLjIsMS4yLTMuMSwwLTQuMkwyOC4yLDI0eiIvPg0KPC9nPg0KPC9zdmc+DQo=) } .ico-close-white, .red-modal.video .content-wrapper .box .controls .modal-close { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4IDQ4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OCA0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LjIsMjRMNDcuMSw1LjFjMS4yLTEuMiwxLjItMy4xLDAtNC4yYy0xLjItMS4yLTMuMS0xLjItNC4yLDBMMjQsMTkuN0w1LjEsMC45Yy0xLjItMS4yLTMuMS0xLjItNC4yLDANCgkJYy0xLjIsMS4yLTEuMiwzLjEsMCw0LjJMMTkuNywyNEwwLjksNDIuOGMtMS4yLDEuMi0xLjIsMy4xLDAsNC4yQzEuNSw0Ny43LDIuMiw0OCwzLDQ4czEuNS0wLjMsMi4xLTAuOUwyNCwyOC4ybDE4LjksMTguOQ0KCQljMC42LDAuNiwxLjQsMC45LDIuMSwwLjlzMS41LTAuMywyLjEtMC45YzEuMi0xLjIsMS4yLTMuMSwwLTQuMkwyOC4yLDI0eiIvPg0KPC9nPg0KPC9zdmc+DQo=) } .ico-products { --size: 1.9vw; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzNy44IDI3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3LjggMjcuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuNSwxNS40SDFjLTAuNiwwLTEsMC40LTEsMXYxMC40YzAsMC42LDAuNCwxLDEsMWg4LjVjMC42LDAsMS0wLjQsMS0xVjE2LjRDMTAuNSwxNS45LDEwLjEsMTUuNCw5LjUsMTUuNHoiDQoJCS8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuNSwwSDFDMC40LDAsMCwwLjQsMCwxdjEwLjRjMCwwLjYsMC40LDEsMSwxaDguNWMwLjYsMCwxLTAuNCwxLTFWMUMxMC41LDAuNCwxMC4xLDAsOS41LDB6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLjMsMTUuNGgtOC41Yy0wLjYsMC0xLDAuNC0xLDF2MTAuNGMwLDAuNiwwLjQsMSwxLDFoOC41YzAuNiwwLDEtMC40LDEtMVYxNi40DQoJCUMyNC4zLDE1LjksMjMuOSwxNS40LDIzLjMsMTUuNHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuMywwaC04LjVjLTAuNiwwLTEsMC40LTEsMXYxMC40YzAsMC42LDAuNCwxLDEsMWg4LjVjMC42LDAsMS0wLjQsMS0xVjFDMjQuMywwLjQsMjMuOSwwLDIzLjMsMHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzYuOCwxNS40aC04LjVjLTAuNiwwLTEsMC40LTEsMXYxMC40YzAsMC42LDAuNCwxLDEsMWg4LjVjMC42LDAsMS0wLjQsMS0xVjE2LjQNCgkJQzM3LjgsMTUuOSwzNy40LDE1LjQsMzYuOCwxNS40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNi44LDBoLTguNWMtMC42LDAtMSwwLjQtMSwxdjEwLjRjMCwwLjYsMC40LDEsMSwxaDguNWMwLjYsMCwxLTAuNCwxLTFWMUMzNy44LDAuNCwzNy40LDAsMzYuOCwweiIvPg0KPC9nPg0KPC9zdmc+DQo=) } html { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-size: calc(3px + (100vw / 150)); font-family: Prompt, sans-serif } @media (max-width: 1024px) { html { font-size: calc(6px + (100vw / 150)) } } @media (max-width: 830px) { html { font-size: 12px } } @media (max-width: 640px) { html { font-size: 13px } } .debug, pre { background-color: #eee; color: #000; padding: 10px 15px; margin-top: 10px; margin-bottom: 5px; overflow-x: auto; font-family: monospace; position: relative } .debug:before, pre:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; background-color: #ffa33a; width: 4px } #tinymce { background-color: #f9f9f9 } #tinymce, .typo { color: #4a4a4a; line-height: 1.4 } #tinymce .success, .typo .success { color: #3db39e } #tinymce .error, .typo .error { color: #e2574c } #tinymce span, .typo span { color: #ff8b07 } #tinymce.alt ul > li:before, .typo.alt ul > li:before { background-color: #fff } #tinymce.alt ol > li:before, .typo.alt ol > li:before { color: #fff } #tinymce.alt h1, #tinymce.alt h2, #tinymce.alt h3, #tinymce.alt h4, #tinymce.alt h5, #tinymce.alt h6, #tinymce.alt li, #tinymce.alt p, .typo.alt h1, .typo.alt h2, .typo.alt h3, .typo.alt h4, .typo.alt h5, .typo.alt h6, .typo.alt li, .typo.alt p { color: #fff } #tinymce.alt h1 span, #tinymce.alt h2 span, #tinymce.alt h3 span, #tinymce.alt h4 span, #tinymce.alt h5 span, #tinymce.alt h6 span, #tinymce.alt li span, #tinymce.alt p span, .typo.alt h1 span, .typo.alt h2 span, .typo.alt h3 span, .typo.alt h4 span, .typo.alt h5 span, .typo.alt h6 span, .typo.alt li span, .typo.alt p span { color: #4a4a4a } #tinymce.alt hr, .typo.alt hr { background-color: #fff } #tinymce .h1, #tinymce .h2, #tinymce .h3, #tinymce .h4, #tinymce .h5, #tinymce .h6, #tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6, .typo .h1, .typo .h2, .typo .h3, .typo .h4, .typo .h5, .typo .h6, .typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 { margin-top: .1vw; margin-bottom: .3vw; line-height: 1.3; letter-spacing: .04vw } #tinymce h1, #tinymce h2.h1, .typo h1, .typo h2.h1 { font-size: 2.3em; font-weight: 600; letter-spacing: 1px; line-height: 1.1 } @media (max-width: 640px) { #tinymce h1, #tinymce h2.h1, .typo h1, .typo h2.h1 { font-size: 2.2em } } #tinymce h1 a, #tinymce h2.h1 a, .typo h1 a, .typo h2.h1 a { font-weight: 800 } #tinymce h2, #tinymce p.h2, .typo h2, .typo p.h2 { font-size: 1.5em; font-weight: 700 } #tinymce h3, #tinymce p.h3, .typo h3, .typo p.h3 { font-size: 1.2em; font-weight: 900; font-family: Prompt, sans-serif; text-transform: uppercase; letter-spacing: 7px } #tinymce h3 span, #tinymce p.h3 span, .typo h3 span, .typo p.h3 span { letter-spacing: 3px } #tinymce h4, .typo h4 { font-size: 1.1em; font-weight: 500 } #tinymce h5, .typo h5 { font-size: 1em; font-weight: 300 } #tinymce h6, .typo h6 { font-size: .9em } #tinymce p, .typo p { margin-top: 5px; margin-bottom: 10px; font-weight: 400; display: block } #tinymce p.lead, .typo p.lead { font-weight: 700; font-size: 1.2em; line-height: 1.2 } #tinymce p.gray, .typo p.gray { color: #b0b0b0 } #tinymce a:not(.btn), .typo a:not(.btn) { font-weight: 700; display: inline-block; color: #ff8b07 } #tinymce blockquote, #tinymce q, .typo blockquote, .typo q { position: relative; padding: 5px 15px; margin-top: 5px; margin-bottom: 10px; background-color: #fff } #tinymce blockquote:before, #tinymce q:before, .typo blockquote:before, .typo q:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; background-color: #fff; width: 4px } #tinymce q, .typo q { display: inline-block; padding: 10px 15px } #tinymce ol, #tinymce ul, .typo ol, .typo ul { margin-top: 5px; margin-bottom: 15px } #tinymce li, .typo li { font-weight: 400; margin-bottom: .4em } @media (max-width: 830px) { #tinymce li, .typo li { font-size: 1rem } } #tinymce ul > li, .typo ul > li { padding-left: 1.6em; position: relative; display: block; --bullet-size: 0.45em } @media (max-width: 640px) { #tinymce ul > li, .typo ul > li { padding-left: 15px } } #tinymce ul > li:before, .typo ul > li:before { content: ""; position: absolute; display: block; left: .4em; top: .5em; width: var(--bullet-size); height: var(--bullet-size); border-radius: 50%; background-color: #4a4a4a; background-color: #ff8b07 } #tinymce ol, .typo ol { list-style: none; counter-reset: li } #tinymce ol > li, .typo ol > li { padding-left: 2em; position: relative; display: block } #tinymce ol > li:before, .typo ol > li:before { content: counter(li) "."; counter-increment: li; display: block; position: absolute; top: 0; left: -24px; width: 40px; font-weight: 700; color: #4a4a4a; text-align: right } #tinymce dl dd, .typo dl dd { margin-left: 15px } #tinymce strong, .typo strong { font-weight: 700 } #tinymce sub, .typo sub { font-size: .8em; position: relative; top: .3em } #tinymce sup, .typo sup { font-size: .8em; position: relative; bottom: .3em } #tinymce small, .typo small { font-size: .7em } #tinymce hr, .typo hr { display: inline-block; height: .26vw; max-width: 7vw; width: 100%; border: 0; margin: 0; margin-top: var(--margin-tiny); margin-bottom: var(--margin-tiny); background-color: #ff8b07 } @media (max-width: 830px) { #tinymce hr, .typo hr { max-width: 15vw; height: .5vw } } @media (max-width: 640px) { #tinymce hr, .typo hr { max-width: 100px; height: 4px } } #tinymce img, .typo img { display: block } #tinymce table, .typo table { min-width: 100%; overflow-x: auto; font-family: Prompt, sans-serif } #tinymce table thead th, .typo table thead th { text-align: left } #tinymce table tbody tr:last-child, .typo table tbody tr:last-child { border: 0 } #tinymce table tr, .typo table tr { border-bottom: 1px solid #7d7d7d } #tinymce table tr td, #tinymce table tr th, .typo table tr td, .typo table tr th { padding: 10px 5px; vertical-align: middle } #tinymce table tr th, .typo table tr th { font-weight: 500; color: #4a4a4a; border-radius: 6px } #tinymce table tr td, .typo table tr td { color: #979797 } #tinymce--featured, .typo--featured { font-size: 25px } .text--blue { color: #ff8b07 } .form .input-wrapper, form .input-wrapper { display: grid; grid-gap: var(--padding-tiny) } .form input[type=email], .form input[type=file], .form input[type=password], .form input[type=text], .form select, .form textarea, form input[type=email], form input[type=file], form input[type=password], form input[type=text], form select, form textarea { --border-color: #ff8b07; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: var(--btn-border-width) solid var(--border-color); border-radius: var(--btn-round); background: 0 0; padding: calc(var(--btn-pad-v) - var(--btn-border-width)) calc(var(--btn-pad-h) - var(--btn-border-width)); font-family: Prompt, sans-serif; line-height: 1; font-size: 1.1em; height: var(--btn-height); color: var(--border-color) } .form input[type=email].white-input, .form input[type=file].white-input, .form input[type=password].white-input, .form input[type=text].white-input, .form select.white-input, .form textarea.white-input, form input[type=email].white-input, form input[type=file].white-input, form input[type=password].white-input, form input[type=text].white-input, form select.white-input, form textarea.white-input { --border-color: #ffffff } .form input[type=email]:-ms-input-placeholder, .form input[type=file]:-ms-input-placeholder, .form input[type=password]:-ms-input-placeholder, .form input[type=text]:-ms-input-placeholder, .form select:-ms-input-placeholder, .form textarea:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=file]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form input[type=text]:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: #b0b0b0 } .form input[type=email]::placeholder, .form input[type=file]::placeholder, .form input[type=password]::placeholder, .form input[type=text]::placeholder, .form select::placeholder, .form textarea::placeholder, form input[type=email]::placeholder, form input[type=file]::placeholder, form input[type=password]::placeholder, form input[type=text]::placeholder, form select::placeholder, form textarea::placeholder { color: #b0b0b0 } .form input[type=email]:focus, .form input[type=file]:focus, .form input[type=password]:focus, .form input[type=text]:focus, .form select:focus, .form textarea:focus, form input[type=email]:focus, form input[type=file]:focus, form input[type=password]:focus, form input[type=text]:focus, form select:focus, form textarea:focus { outline: 0 } .form input[type=email].disabled, .form input[type=file].disabled, .form input[type=password].disabled, .form input[type=text].disabled, .form select.disabled, .form textarea.disabled, form input[type=email].disabled, form input[type=file].disabled, form input[type=password].disabled, form input[type=text].disabled, form select.disabled, form textarea.disabled { pointer-events: none } .form select, form select { color: #4a4a4a } .form textarea, form textarea { resize: none; min-height: 8vw } @media (max-width: 1024px) { .form textarea, form textarea { min-height: 15vw } } @media (max-width: 640px) { .form textarea, form textarea { min-height: 120px } } .form .dropdown, form .dropdown { position: relative } .form .dropdown:after, form .dropdown:after { content: ""; display: block; position: absolute; top: 50%; right: 15px; z-index: 10; pointer-events: none; margin-top: -3px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ff8b07 } .form .dropdown select, form .dropdown select { padding-right: 42px } .img-responsive { max-width: 100% } .empty-spacer { height: 3vw } .todo { color: red } a:focus { outline: 0; box-shadow: none } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0) } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-invisible-blank-slide { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: transform, height } .swiper-container-3d { perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s top, .2s -webkit-transform; transition: .2s transform, .2s top; transition: .2s transform, .2s top, .2s -webkit-transform } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s left, .2s -webkit-transform; transition: .2s transform, .2s left; transition: .2s transform, .2s left, .2s -webkit-transform } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s right, .2s -webkit-transform; transition: .2s transform, .2s right; transition: .2s transform, .2s right, .2s -webkit-transform } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } .animsition, .animsition-overlay { position: relative; opacity: 0; animation-fill-mode: both } .animsition-overlay-slide { position: fixed; z-index: 1; width: 100%; height: 100%; background-color: #ddd } .animsition-loading, .animsition-loading:after { width: 32px; height: 32px; position: fixed; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; z-index: 2 } .animsition-loading { background-color: transparent; border-top: 5px solid rgba(0, 0, 0, .2); border-right: 5px solid rgba(0, 0, 0, .2); border-bottom: 5px solid rgba(0, 0, 0, .2); border-left: 5px solid #eee; transform: translateZ(0); animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: .8s; animation-name: animsition-loading } @keyframes animsition-loading { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } .fade-in { animation-name: fade-in } @keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } .fade-out { animation-name: fade-out } @keyframes fade-in-up { 0% { transform: translateY(500px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } .fade-in-up { animation-name: fade-in-up } @keyframes fade-out-up { 0% { transform: translateY(0); opacity: 1 } to { transform: translateY(-500px); opacity: 0 } } .fade-out-up { animation-name: fade-out-up } @keyframes fade-in-up-sm { 0% { transform: translateY(100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } .fade-in-up-sm { animation-name: fade-in-up-sm } @keyframes fade-out-up-sm { 0% { transform: translateY(0); opacity: 1 } to { transform: translateY(-100px); opacity: 0 } } .fade-out-up-sm { animation-name: fade-out-up-sm } @keyframes fade-in-up-lg { 0% { transform: translateY(1000px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } .fade-in-up-lg { animation-name: fade-in-up-lg } @keyframes fade-out-up-lg { 0% { transform: translateY(0); opacity: 1 } to { transform: translateY(-1000px); opacity: 0 } } .fade-out-up-lg { animation-name: fade-out-up-lg } @keyframes fade-in-down { 0% { transform: translateY(-500px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } .fade-in-down { animation-name: fade-in-down } @keyframes fade-out-down { 0% { transform: translateY(0); opacity: 1 } to { transform: translateY(500px); opacity: 0 } } .fade-out-down { animation-name: fade-out-down } @keyframes fade-in-down-sm { 0% { transform: translateY(-100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } .fade-in-down-sm { animation-name: fade-in-down-sm } @keyframes fade-out-down-sm { 0% { transform: translateY(0); opacity: 1 } to { transform: translateY(100px); opacity: 0 } } .fade-out-down-sm { animation-name: fade-out-down-sm } .fade-in-down-lg { animation-name: fade-in-down } @keyframes fade-out-down-lg { 0% { transform: translateY(0); opacity: 1 } to { transform: translateY(1000px); opacity: 0 } } .fade-out-down-lg { animation-name: fade-out-down-lg } @keyframes fade-in-left { 0% { transform: translateX(-500px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } .fade-in-left { animation-name: fade-in-left } @keyframes fade-out-left { 0% { transform: translateX(0); opacity: 1 } to { transform: translateX(-500px); opacity: 0 } } .fade-out-left { animation-name: fade-out-left } @keyframes fade-in-left-sm { 0% { transform: translateX(-100px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } .fade-in-left-sm { animation-name: fade-in-left-sm } @keyframes fade-out-left-sm { 0% { transform: translateX(0); opacity: 1 } to { transform: translateX(-100px); opacity: 0 } } .fade-out-left-sm { animation-name: fade-out-left-sm } @keyframes fade-in-left-lg { 0% { transform: translateX(-1500px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } .fade-in-left-lg { animation-name: fade-in-left-lg } @keyframes fade-out-left-lg { 0% { transform: translateX(0); opacity: 1 } to { transform: translateX(-1500px); opacity: 0 } } .fade-out-left-lg { animation-name: fade-out-left-lg } @keyframes fade-in-right { 0% { transform: translateX(500px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } .fade-in-right { animation-name: fade-in-right } @keyframes fade-out-right { 0% { transform: translateX(0); opacity: 1 } to { transform: translateX(500px); opacity: 0 } } .fade-out-right { animation-name: fade-out-right } @keyframes fade-in-right-sm { 0% { transform: translateX(100px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } .fade-in-right-sm { animation-name: fade-in-right-sm } @keyframes fade-out-right-sm { 0% { transform: translateX(0); opacity: 1 } to { transform: translateX(100px); opacity: 0 } } .fade-out-right-sm { animation-name: fade-out-right-sm } @keyframes fade-in-right-lg { 0% { transform: translateX(1500px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } .fade-in-right-lg { animation-name: fade-in-right-lg } @keyframes fade-out-right-lg { 0% { transform: translateX(0); opacity: 1 } to { transform: translateX(1500px); opacity: 0 } } .fade-out-right-lg { animation-name: fade-out-right-lg } @keyframes rotate-in { 0% { transform: rotate(-90deg); transform-origin: center center; opacity: 0 } 0%, to { -webkit-transform-origin: center center } to { transform: rotate(0); transform-origin: center center; opacity: 1 } } .rotate-in { animation-name: rotate-in } @keyframes rotate-out { 0% { transform: rotate(0); transform-origin: center center; opacity: 1 } 0%, to { -webkit-transform-origin: center center } to { transform: rotate(90deg); transform-origin: center center; opacity: 0 } } .rotate-out { animation-name: rotate-out } @keyframes rotate-in-sm { 0% { transform: rotate(-45deg); transform-origin: center center; opacity: 0 } 0%, to { -webkit-transform-origin: center center } to { transform: rotate(0); transform-origin: center center; opacity: 1 } } .rotate-in-sm { animation-name: rotate-in-sm } @keyframes rotate-out-sm { 0% { transform: rotate(0); transform-origin: center center; opacity: 1 } 0%, to { -webkit-transform-origin: center center } to { transform: rotate(45deg); transform-origin: center center; opacity: 0 } } .rotate-out-sm { animation-name: rotate-out-sm } @keyframes rotate-in-lg { 0% { transform: rotate(-180deg); transform-origin: center center; opacity: 0 } 0%, to { -webkit-transform-origin: center center } to { transform: rotate(0); transform-origin: center center; opacity: 1 } } .rotate-in-lg { animation-name: rotate-in-lg } @keyframes rotate-out-lg { 0% { transform: rotate(0); transform-origin: center center; opacity: 1 } 0%, to { -webkit-transform-origin: center center } to { transform: rotate(180deg); transform-origin: center center; opacity: 0 } } .rotate-out-lg { animation-name: rotate-out-lg } @keyframes flip-in-x { 0% { transform: perspective(550px) rotateX(90deg); opacity: 0 } to { transform: perspective(550px) rotateX(0); opacity: 1 } } .flip-in-x { animation-name: flip-in-x; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-out-x { 0% { transform: perspective(550px) rotateX(0); opacity: 1 } to { transform: perspective(550px) rotateX(90deg); opacity: 0 } } .flip-out-x { animation-name: flip-out-x; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-in-x-nr { 0% { transform: perspective(100px) rotateX(90deg); opacity: 0 } to { transform: perspective(100px) rotateX(0); opacity: 1 } } .flip-in-x-nr { animation-name: flip-in-x-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-out-x-nr { 0% { transform: perspective(100px) rotateX(0); opacity: 1 } to { transform: perspective(100px) rotateX(90deg); opacity: 0 } } .flip-out-x-nr { animation-name: flip-out-x-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-in-x-fr { 0% { transform: perspective(1000px) rotateX(90deg); opacity: 0 } to { transform: perspective(1000px) rotateX(0); opacity: 1 } } .flip-in-x-fr { animation-name: flip-in-x-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-out-x-fr { 0% { transform: perspective(1000px) rotateX(0); opacity: 1 } to { transform: perspective(1000px) rotateX(90deg); opacity: 0 } } .flip-out-x-fr { animation-name: flip-out-x-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-in-y { 0% { transform: perspective(550px) rotateY(90deg); opacity: 0 } to { transform: perspective(550px) rotateY(0); opacity: 1 } } .flip-in-y { animation-name: flip-in-y; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-out-y { 0% { transform: perspective(550px) rotateY(0); opacity: 1 } to { transform: perspective(550px) rotateY(90deg); opacity: 0 } } .flip-out-y { animation-name: flip-out-y; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-in-y-nr { 0% { transform: perspective(100px) rotateY(90deg); opacity: 0 } to { transform: perspective(100px) rotateY(0); opacity: 1 } } .flip-in-y-nr { animation-name: flip-in-y-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-out-y-nr { 0% { transform: perspective(100px) rotateY(0); opacity: 1 } to { transform: perspective(100px) rotateY(90deg); opacity: 0 } } .flip-out-y-nr { animation-name: flip-out-y-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-in-y-fr { 0% { transform: perspective(1000px) rotateY(90deg); opacity: 0 } to { transform: perspective(1000px) rotateY(0); opacity: 1 } } .flip-in-y-fr { animation-name: flip-in-y-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flip-out-y-fr { 0% { transform: perspective(1000px) rotateY(0); opacity: 1 } to { transform: perspective(1000px) rotateY(90deg); opacity: 0 } } .flip-out-y-fr { animation-name: flip-out-y-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes zoom-in { 0% { transform: scale(.7); opacity: 0 } to { opacity: 1 } } .zoom-in { animation-name: zoom-in } @keyframes zoom-out { 0% { transform: scale(1); opacity: 1 } 50% { transform: scale(.7) } 50%, to { opacity: 0 } } .zoom-out { animation-name: zoom-out } @keyframes zoom-in-sm { 0% { transform: scale(.95); opacity: 0 } to { opacity: 1 } } .zoom-in-sm { animation-name: zoom-in-sm } @keyframes zoom-out-sm { 0% { transform: scale(1); opacity: 1 } 50% { transform: scale(.95) } 50%, to { opacity: 0 } } .zoom-out-sm { animation-name: zoom-out-sm } @keyframes zoom-in-lg { 0% { transform: scale(.4); opacity: 0 } to { opacity: 1 } } .zoom-in-lg { animation-name: zoom-in-lg } @keyframes zoom-out-lg { 0% { transform: scale(1); opacity: 1 } 50% { transform: scale(.4) } 50%, to { opacity: 0 } } .zoom-out-lg { animation-name: zoom-out-lg } @keyframes overlay-slide-in-top { 0% { height: 100% } to { height: 0 } } .overlay-slide-in-top { top: 0; height: 0; animation-name: overlay-slide-in-top } @keyframes overlay-slide-out-top { 0% { height: 0 } to { height: 100% } } .overlay-slide-out-top { top: 0; height: 100%; animation-name: overlay-slide-out-top } @keyframes overlay-slide-in-bottom { 0% { height: 100% } to { height: 0 } } .overlay-slide-in-bottom { bottom: 0; height: 0; animation-name: overlay-slide-in-bottom } @keyframes overlay-slide-out-bottom { 0% { height: 0 } to { height: 100% } } .overlay-slide-out-bottom { bottom: 0; height: 100%; animation-name: overlay-slide-out-bottom } @keyframes overlay-slide-in-left { 0% { width: 100% } to { width: 0 } } .overlay-slide-in-left { width: 0; animation-name: overlay-slide-in-left } @keyframes overlay-slide-out-left { 0% { width: 0 } to { width: 100% } } .overlay-slide-out-left { left: 0; width: 100%; animation-name: overlay-slide-out-left } @keyframes overlay-slide-in-right { 0% { width: 100% } to { width: 0 } } .overlay-slide-in-right { right: 0; width: 0; animation-name: overlay-slide-in-right } @keyframes overlay-slide-out-right { 0% { width: 0 } to { width: 100% } } .overlay-slide-out-right { right: 0; width: 100%; animation-name: overlay-slide-out-right } body { background-color: #fff } body.lock { overflow-y: hidden } ::-moz-selection { background-color: #ff8b07; color: #fff } ::selection { background-color: #ff8b07; color: #fff } .gray-bg { background-color: #f7f7f7 } .section-padding { padding: var(--section-padding-top) 0 var(--section-padding-bottom) } #main-navbar { box-shadow: 0 0 .2vw rgba(176, 176, 176, .4); background-color: #fff; position: relative; z-index: 100 } #main-navbar.navbar-fixed { position: fixed; top: 0; left: 0; right: 0 } #main-navbar .content { display: grid; -ms-flex-align: center; align-items: center; grid-template-columns:4fr 6fr; grid-gap: 1rem; padding: var(--padding-small) var(--padding-large) } @media (max-width: 830px) { #main-navbar .content { display: block } } @media (max-width: 830px) { #main-navbar .content .navbar-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: relative; z-index: 10 } } #main-navbar .content .navbar-header a { display: block } @media (max-width: 830px) { #main-navbar .content .navbar-header a { width: 10vw } } @media (max-width: 640px) { #main-navbar .content .navbar-header a { width: 80px } } #main-navbar .content .navbar-header a img { display: block; width: 100% } #main-navbar .content .navbar-header .hamburger { display: none } @media (max-width: 830px) { #main-navbar .content .navbar-header .hamburger { display: block } } #main-navbar .content .navbar-header .hamburger .icon { --size: 32px; --offset: calc(var(--size) / 3.5); height: var(--size); width: var(--size); cursor: pointer; position: relative } #main-navbar .content .navbar-header .hamburger .icon.open span { margin-top: 0 !important } #main-navbar .content .navbar-header .hamburger .icon.open span:nth-child(1) { transform: rotateZ(45deg) } #main-navbar .content .navbar-header .hamburger .icon.open span:nth-child(2) { opacity: 0 } #main-navbar .content .navbar-header .hamburger .icon.open span:nth-child(3) { transform: rotateZ(-45deg) } #main-navbar .content .navbar-header .hamburger .icon span { --height: 4px; position: absolute; display: block; height: 4px; width: var(--size); border-radius: var(--height); background-color: #ff8b07; top: calc(var(--size) / 2 - var(--height) / 2) } #main-navbar .content .navbar-header .hamburger .icon span:nth-child(1) { margin-top: calc(var(--offset) * -1) } #main-navbar .content .navbar-header .hamburger .icon span:nth-child(3) { margin-top: var(--offset) } #main-navbar .content .navbar-nav > .social { display: none } @media (max-width: 830px) { #main-navbar .content .navbar-nav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; opacity: 0; pointer-events: none; transition: all var(--animation-hamburger-menu-time) ease-out; transform: translateX(-100vw); overflow-y: auto } #main-navbar .content .navbar-nav.open { opacity: 1; pointer-events: all; transform: translateX(0) } #main-navbar .content .navbar-nav > .social { display: grid; grid-auto-flow: column; margin-top: var(--padding-small) } #main-navbar .content .navbar-nav > .social li a { display: -ms-flexbox; display: flex } } #main-navbar .content .navbar-nav ul { -ms-flex-align: center; align-items: center; display: grid; grid-auto-flow: column; grid-gap: 5vw; -ms-flex-pack: center; justify-content: end } @media (max-width: 1200px) { #main-navbar .content .navbar-nav ul { grid-gap: 15px } } @media (max-width: 830px) { #main-navbar .content .navbar-nav ul { grid-auto-flow: row; -ms-flex-pack: center; justify-content: center } } #main-navbar .content .navbar-nav ul li { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } #main-navbar .content .navbar-nav ul li.current-menu-item a { color: #ff8b07 } #main-navbar .content .navbar-nav ul li.mobile { display: none } @media (max-width: 830px) { #main-navbar .content .navbar-nav ul li.mobile { display: -ms-flexbox; display: flex } } #main-navbar .content .navbar-nav ul li.mark a { font-weight: unset; } @media (min-width: 831px) { #main-navbar .content .navbar-nav ul li.mark a { color: #fff; padding: 10px 20px; border-radius: 15px; background-color: #ff8b07 } #main-navbar .content .navbar-nav ul li.mark a:hover { color: #fff } } #main-navbar .content .navbar-nav ul li.megamenu-trigger { position: relative } #main-navbar .content .navbar-nav ul li.megamenu-trigger:hover:after { content: "" } #developer .circle .icon #main-navbar .content .navbar-nav ul li.megamenu-trigger span, #main-navbar .breadcrumbs .content .navbar-nav ul li.megamenu-trigger li:after, #main-navbar .breadcrumbs .content > span > span .navbar-nav ul li.megamenu-trigger a:after, #main-navbar .content .navbar-nav .list-box ul li.megamenu-trigger li:after, #main-navbar .content .navbar-nav ul li.megamenu-trigger #developer .circle .icon span, #main-navbar .content .navbar-nav ul li.megamenu-trigger .btn-arrow:after, #main-navbar .content .navbar-nav ul li.megamenu-trigger .btn-download, #main-navbar .content .navbar-nav ul li.megamenu-trigger .ico, #main-navbar .content .navbar-nav ul li.megamenu-trigger .megamenu .menu h3 a:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .megamenu .menu.menu-blog .slider, #main-navbar .content .navbar-nav ul li.megamenu-trigger .megamenu .menu.menu-video .item > h3:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .pagination .box .nav, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-grid.slider .swiper-button-next, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-grid.slider .swiper-button-prev, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-menu .box .content > ul > li:after, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-section .swiper-button-next, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-section .swiper-button-prev, #main-navbar .content .navbar-nav ul li.megamenu-trigger .red-modal .content-wrapper .box .controls .modal-close, #main-navbar .content .navbar-nav ul li.megamenu-trigger .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, #main-navbar .content .navbar-nav ul li.megamenu-trigger .score .stars span, #main-navbar .content .navbar-nav ul li.megamenu-trigger .timeline .circles .controls .wrapper .nav, #main-navbar .content .navbar-nav ul li.megamenu-trigger .video-box .box-content:after, #main-navbar .content .navbar-nav ul li.megamenu-trigger .video-thumbnail .image:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .videos-grid .nav-wrapper .nav, #main-navbar .product-tips .content .nav .navbar-nav ul li.megamenu-trigger .icon, #main-navbar .product-tips .content .navbar-nav ul li.megamenu-trigger .nav .icon, .breadcrumbs #main-navbar .content .navbar-nav ul li.megamenu-trigger li:after, .breadcrumbs #main-navbar .content > span > span .navbar-nav ul li.megamenu-trigger a:after, .list-box #main-navbar .content .navbar-nav ul li.megamenu-trigger li:after, .megamenu .menu h3 #main-navbar .content .navbar-nav ul li.megamenu-trigger a:before, .megamenu .menu.menu-blog #main-navbar .content .navbar-nav ul li.megamenu-trigger .slider, .megamenu .menu.menu-video #main-navbar .content .navbar-nav ul li.megamenu-trigger .item > h3:before, .pagination .box #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav, .product-tips #main-navbar .content .nav .navbar-nav ul li.megamenu-trigger .icon, .product-tips #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav .icon, .products-grid.slider #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-next, .products-grid.slider #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-prev, .products-menu .box #main-navbar .content .navbar-nav ul li.megamenu-trigger .content > ul > li:after, .products-section #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-next, .products-section #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-prev, .red-modal .content-wrapper .box .controls #main-navbar .content .navbar-nav ul li.megamenu-trigger .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav, .score .stars #main-navbar .content .navbar-nav ul li.megamenu-trigger span, .timeline .circles .controls .wrapper #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav, .video-box #main-navbar .content .navbar-nav ul li.megamenu-trigger .box-content:after, .video-thumbnail #main-navbar .content .navbar-nav ul li.megamenu-trigger .image:before, .videos-grid .nav-wrapper #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav { display: none; position: absolute; right: -25px; cursor: pointer } #developer .circle .icon #main-navbar .content .navbar-nav ul li.megamenu-trigger span:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger #developer .circle .icon span:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .btn-download:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .ico:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .megamenu .menu h3 a:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .megamenu .menu.menu-blog .slider:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .megamenu .menu.menu-video .item > h3:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .pagination .box .nav:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-grid.slider .swiper-button-next:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-grid.slider .swiper-button-prev:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-section .swiper-button-next:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-section .swiper-button-prev:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .red-modal .content-wrapper .box .controls .modal-close:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .score .stars span:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .timeline .circles .controls .wrapper .nav:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .video-thumbnail .image:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .videos-grid .nav-wrapper .nav:before, #main-navbar .product-tips .content .nav .navbar-nav ul li.megamenu-trigger .icon:before, #main-navbar .product-tips .content .navbar-nav ul li.megamenu-trigger .nav .icon:before, .megamenu .menu h3 #main-navbar .content .navbar-nav ul li.megamenu-trigger a:before, .megamenu .menu.menu-blog #main-navbar .content .navbar-nav ul li.megamenu-trigger .slider:before, .megamenu .menu.menu-video #main-navbar .content .navbar-nav ul li.megamenu-trigger .item > h3:before, .pagination .box #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav:before, .product-tips #main-navbar .content .nav .navbar-nav ul li.megamenu-trigger .icon:before, .product-tips #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav .icon:before, .products-grid.slider #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-next:before, .products-grid.slider #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-prev:before, .products-section #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-next:before, .products-section #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-prev:before, .red-modal .content-wrapper .box .controls #main-navbar .content .navbar-nav ul li.megamenu-trigger .modal-close:before, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav:before, .score .stars #main-navbar .content .navbar-nav ul li.megamenu-trigger span:before, .timeline .circles .controls .wrapper #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav:before, .video-thumbnail #main-navbar .content .navbar-nav ul li.megamenu-trigger .image:before, .videos-grid .nav-wrapper #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav:before { content: ""; display: block; position: absolute; --offset: -10px; top: var(--offset); left: var(--offset); right: var(--offset); bottom: var(--offset) } @media (max-width: 830px) { #developer .circle .icon #main-navbar .content .navbar-nav ul li.megamenu-trigger span, #main-navbar .breadcrumbs .content .navbar-nav ul li.megamenu-trigger li:after, #main-navbar .breadcrumbs .content > span > span .navbar-nav ul li.megamenu-trigger a:after, #main-navbar .content .navbar-nav .list-box ul li.megamenu-trigger li:after, #main-navbar .content .navbar-nav ul li.megamenu-trigger #developer .circle .icon span, #main-navbar .content .navbar-nav ul li.megamenu-trigger .btn-arrow:after, #main-navbar .content .navbar-nav ul li.megamenu-trigger .btn-download, #main-navbar .content .navbar-nav ul li.megamenu-trigger .ico, #main-navbar .content .navbar-nav ul li.megamenu-trigger .megamenu .menu h3 a:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .megamenu .menu.menu-blog .slider, #main-navbar .content .navbar-nav ul li.megamenu-trigger .megamenu .menu.menu-video .item > h3:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .pagination .box .nav, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-grid.slider .swiper-button-next, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-grid.slider .swiper-button-prev, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-menu .box .content > ul > li:after, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-section .swiper-button-next, #main-navbar .content .navbar-nav ul li.megamenu-trigger .products-section .swiper-button-prev, #main-navbar .content .navbar-nav ul li.megamenu-trigger .red-modal .content-wrapper .box .controls .modal-close, #main-navbar .content .navbar-nav ul li.megamenu-trigger .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, #main-navbar .content .navbar-nav ul li.megamenu-trigger .score .stars span, #main-navbar .content .navbar-nav ul li.megamenu-trigger .timeline .circles .controls .wrapper .nav, #main-navbar .content .navbar-nav ul li.megamenu-trigger .video-box .box-content:after, #main-navbar .content .navbar-nav ul li.megamenu-trigger .video-thumbnail .image:before, #main-navbar .content .navbar-nav ul li.megamenu-trigger .videos-grid .nav-wrapper .nav, #main-navbar .product-tips .content .nav .navbar-nav ul li.megamenu-trigger .icon, #main-navbar .product-tips .content .navbar-nav ul li.megamenu-trigger .nav .icon, .breadcrumbs #main-navbar .content .navbar-nav ul li.megamenu-trigger li:after, .breadcrumbs #main-navbar .content > span > span .navbar-nav ul li.megamenu-trigger a:after, .list-box #main-navbar .content .navbar-nav ul li.megamenu-trigger li:after, .megamenu .menu h3 #main-navbar .content .navbar-nav ul li.megamenu-trigger a:before, .megamenu .menu.menu-blog #main-navbar .content .navbar-nav ul li.megamenu-trigger .slider, .megamenu .menu.menu-video #main-navbar .content .navbar-nav ul li.megamenu-trigger .item > h3:before, .pagination .box #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav, .product-tips #main-navbar .content .nav .navbar-nav ul li.megamenu-trigger .icon, .product-tips #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav .icon, .products-grid.slider #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-next, .products-grid.slider #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-prev, .products-menu .box #main-navbar .content .navbar-nav ul li.megamenu-trigger .content > ul > li:after, .products-section #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-next, .products-section #main-navbar .content .navbar-nav ul li.megamenu-trigger .swiper-button-prev, .red-modal .content-wrapper .box .controls #main-navbar .content .navbar-nav ul li.megamenu-trigger .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav, .score .stars #main-navbar .content .navbar-nav ul li.megamenu-trigger span, .timeline .circles .controls .wrapper #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav, .video-box #main-navbar .content .navbar-nav ul li.megamenu-trigger .box-content:after, .video-thumbnail #main-navbar .content .navbar-nav ul li.megamenu-trigger .image:before, .videos-grid .nav-wrapper #main-navbar .content .navbar-nav ul li.megamenu-trigger .nav { display: block } } #main-navbar .content .navbar-nav ul li.megamenu-trigger.mark:before { bottom: 10px } #main-navbar .content .navbar-nav ul li.megamenu-trigger.megamenu-show:before { opacity: 1 } #main-navbar .content .navbar-nav ul li.megamenu-trigger:after { display: block; position: absolute; top: 0; bottom: -3.2vw; left: -65px; right: 0; width: 200px; } #main-navbar .content .navbar-nav ul li.megamenu-trigger a { position: relative; z-index: 2 } #main-navbar .content .navbar-nav ul li.megamenu-trigger:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: .3vw; background-color: #ff8b07; margin-bottom: -2.6vw; opacity: 0; pointer-events: none } #main-navbar .content .navbar-nav ul li a { color: #4a4a4a; display: block; font-weight: 500; font-size: 1.1em; text-align: center } @media (max-width: 640px) { #main-navbar .content .navbar-nav ul li a { font-size: 1.4em } } #main-navbar .content .navbar-nav ul li a:hover { color: #ff8b07 } #main-footer { background-color: #4a4a4a; color: #fff; padding: var(--padding-medium) 0 } #main-footer .content { max-width: var(--content-width); margin: auto; display: grid; grid-template-columns:[start] 10vw 3fr 5fr [end]; grid-gap: 2vw 5vw; -ms-flex-align: start; align-items: flex-start } @media (max-width: 1024px) { #main-footer .content { grid-template-columns:[start] 20% auto [end] } } @media (max-width: 830px) { #main-footer .content { grid-template-columns:[start] auto [end] } } @media (max-width: 830px) { #main-footer .content .info { text-align: center } } #main-footer .content .info img { width: 6.5vw; display: block; margin-bottom: var(--margin-small) } @media (max-width: 830px) { #main-footer .content .info img { margin-left: auto; margin-right: auto; width: 100px } } @media (max-width: 640px) { #main-footer .content .info img { display: none } } #main-footer .content .info .text-wrapper p { font-size: 1em } #main-footer .content .news { display: grid; grid-gap: var(--margin-small) } @media (max-width: 1024px) { #main-footer .content .news { display: none } } #main-footer .content .news .item a { display: grid; grid-template-columns:5.1vw 1fr; grid-gap: 0 var(--margin-small); color: #fff; grid-template-areas:"image time" "image text" } #main-footer .content .news .item a img { width: 100%; grid-area: image } #main-footer .content .news .item a time { color: #ff8b07; font-weight: 700; letter-spacing: 1.2px; grid-area: time } #main-footer .content .news .item a p { font-weight: 500; grid-area: text } #main-footer .content .nav { --col-gap: 4vw; display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: var(--col-gap); padding-top: var(--padding-small) } @media (max-width: 830px) { #main-footer .content .nav { grid-template-columns:repeat(1, 1fr); padding-top: 0 } } #main-footer .content .nav .col { padding: var(--padding-small) 0 } @media (max-width: 830px) { #main-footer .content .nav .col:nth-child(1), #main-footer .content .nav .col:nth-child(2) { display: none } } #main-footer .content .nav .col .medals { display: grid; grid-gap: var(--padding-small) } @media (max-width: 830px) { #main-footer .content .nav .col .medals { grid-template-columns:repeat(2, 1fr) } } #main-footer .content .nav .col .medals .item { display: grid; grid-template-columns:4vw auto; -ms-flex-align: center; align-items: center; grid-gap: var(--padding-small) } @media (max-width: 830px) { #main-footer .content .nav .col .medals .item { grid-template-columns:10vw auto; -ms-flex-pack: center; justify-content: center } } @media (max-width: 640px) { #main-footer .content .nav .col .medals .item { grid-gap: var(--padding-tiny) } } #main-footer .content .nav .col .medals .item img { display: block; width: 100% } #main-footer .content .nav .col .medals .item p { font-size: .8em; line-height: 1.2 } #main-footer .content .nav .col:nth-child(2) { position: relative } #main-footer .content .nav .col:nth-child(2):after, #main-footer .content .nav .col:nth-child(2):before { content: ""; width: 1px; top: 0; bottom: 0; background-color: #fff; position: absolute } #main-footer .content .nav .col:nth-child(2):before { left: calc(var(--col-gap) / -2) } #main-footer .content .nav .col:nth-child(2):after { right: calc(var(--col-gap) / -2) } #main-footer .content .nav .col ul { display: grid; grid-gap: 1vw } #main-footer .content .nav .col ul li a { color: #fff; font-weight: 500 } #main-footer .content .legal { grid-column: start/end; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 640px) { #main-footer .content .legal { display: grid; grid-gap: var(--padding-mobile); text-align: center; width: 100%; -ms-flex-pack: center; justify-content: center } } #main-footer .content .legal p { font-weight: 300; font-size: .82em } #main-footer .content .legal p a { color: #fff } @keyframes cn-text { 0% { filter: blur(3px); opacity: 0 } 20% { opacity: 1 } 100% { filter: blur(0); opacity: 1 } } @keyframes cn-text-fadeoff { 0% { filter: blur(0); opacity: 1 } 20% { opacity: 1; filter: blur(3px) } 100% { opacity: 0; filter: blur(3px) } } #cookie-notify { background-color: rgba(255, 139, 7, .8); position: fixed; bottom: 0; left: 0; right: 0; pointer-events: none; opacity: 0; transition: all .4s ease-out; z-index: 999; font-size: .75em; padding: 8px 0 } @media (max-width: 830px) { #cookie-notify { font-size: .9em } } #cookie-notify.show { opacity: 1; pointer-events: all } #cookie-notify.show .cookie-content { animation-name: cn-text; animation-duration: 1s; animation-fill-mode: forwards; animation-delay: .2s } #cookie-notify.fadeOff { opacity: 0; transition-delay: 0.2s; pointer-events: none } #cookie-notify.fadeOff .cookie-content { animation-name: cn-text-fadeoff; animation-duration: 2s; animation-fill-mode: forwards; animation-delay: 0s } #cookie-notify .cookie-content { font-family: Prompt, sans-serif; font-weight: 300; opacity: 0; filter: blur(5px); transition: all .2s ease-out; padding: 0 15px } #cookie-notify .cookie-content .text-wrapper { color: #fff; text-align: center } #cookie-notify .cookie-content .text-wrapper p { text-align: center; font-weight: 300; display: inline } #cookie-notify .cookie-content .text-wrapper a { display: inline-block; font-weight: 400; margin: 5px; text-decoration: none; color: #fff; background-color: transparent; border: 1px solid #fff; border-radius: 50px; padding: 5px 10px; transition: all .2s ease-out; font-family: Prompt, sans-serif; text-transform: uppercase; letter-spacing: .5px } #cookie-notify .cookie-content .text-wrapper a:hover { color: #000; background-color: #fff; border-color: #fff } #cookie-notify .cookie-content .text-wrapper a:focus { outline: 0; box-shadow: none } #browser-alert { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: rgba(255, 255, 255, .95); pointer-events: none; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } #browser-alert.show { display: -ms-flexbox; display: flex } #browser-alert .text-wrapper { color: #555; text-align: center; max-width: 800px; padding: 15px; font-size: 1.2em } #browser-alert .text-wrapper p { font-size: 1.4em } #browser-alert .text-wrapper p.small { font-size: 1em } #browser-alert .text-wrapper p:first-child { color: #555; font-size: 3em; font-weight: 700 } .btn, .form input[type=submit], form input[type=submit] { height: var(--btn-height); -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; white-space: nowrap; cursor: pointer; padding: var(--btn-pad-v) var(--btn-pad-h); border: 0; border-radius: var(--btn-round); text-align: center; font-weight: 400; font-size: 1.1rem; line-height: 1; font-family: Prompt, sans-serif; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .btn:focus, .form input:focus[type=submit], form input:focus[type=submit] { outline: 0 } .btn-big, .contact-form .content form .input-wrapper.submit input { height: calc(var(--btn-height) * 1.3) } @media (max-width: 640px) { .btn-big, .contact-form .content form .input-wrapper.submit input { height: calc(var(--btn-height) * 1.1) } } .btn-primary, .btn-primary-alt:hover, .btn-primary:hover, .form input[type=submit], form input[type=submit] { background-color: #ff8b07; color: #fff; border: 1px solid #ff8b07 } .btn-primary-alt, .btn-primary:hover { color: #ff8b07; background: 0 0; border: 1px solid #ff8b07 } .btn-white, .contact-boxes .content .box .form input[type=submit], .contact-boxes .content .box form input[type=submit] { background-color: #fff; border: 1px solid #fff; color: #ff8b07 } .btn-white:hover, .contact-boxes .content .box .form input:hover[type=submit], .contact-boxes .content .box form input:hover[type=submit] { background-color: transparent; color: #fff } .btn-cta { min-width: 12vw; height: calc(var(--btn-height) * 1.4) } @media (max-width: 640px) { .btn-cta { height: calc(var(--btn-height) * 1.1) } } .btn-arrow { --arrow-width: 3vw; padding: 0 calc(var(--arrow-width) + var(--padding-small)) 0 0; color: #ff8b07; font-weight: 600; position: relative } @media (max-width: 640px) { .btn-arrow { --arrow-width: 22px } } .btn-arrow:after { content: ""; display: block; position: absolute; width: var(--arrow-width); right: 0; top: 0; bottom: 0 } .btn-download { --ico-size: 1.2vw; height: var(--ico-size); width: var(--ico-size); border-radius: 0; padding: 0 } @media (max-width: 640px) { .btn-download { --ico-size: 16px } } #developer { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 9999; pointer-events: none; overflow: hidden; display: none } #developer.show { display: block } #developer .circle { pointer-events: all; position: absolute; padding: 5px; z-index: 10 } #developer .circle .icon { cursor: pointer; padding: 5px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #333; opacity: .1; transition: all .2s ease-out } #developer .circle .icon.active { background-color: #000; opacity: 1 } #developer .circle .icon:hover { opacity: 1 } #developer .circle .icon span { display: block; width: 16px; height: 16px } #developer .box { position: absolute; background-color: #fff; max-width: 400px; left: 0; bottom: 0; transform: scale(0); opacity: 0; transition: all .2s ease-out; transform-origin: 0 100%; pointer-events: all; box-shadow: 0 0 10px rgba(51, 51, 51, .3) } #developer .box .graph { display: none } #developer .box .graph canvas { display: block; outline: 1px solid #ccc; outline-offset: -1px; background-color: #fff } #developer .box .title { background-color: #333; color: #fff; padding: 8px 10px; text-align: center; font-weight: 700 } #developer .box.show { opacity: 1; transform: scale(1) } #developer .box .content .feature { padding: 10px 15px; border-bottom: 1px solid #333; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } #developer .box .content .feature p { margin-right: 10px } #developer .box .content .feature:last-child { border: 0 } #developer .box .foot { height: 38px; padding: 5px 15px 5px 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #fff; background-color: #333 } #developer .box .foot span { background-color: #000; padding: 1px 3px } .e404 { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-top: 64px; padding-bottom: 64px; } @media (max-width: 640px) { .e404 { height: auto; padding: 100px 0 } } .e404 .box .text-wrapper { text-align: center } .e404 .box .text-wrapper h2 { font-size: 12em; color: #ff8b07; font-weight: 700; line-height: 1 } @media (max-width: 640px) { .e404 .box .text-wrapper h2 { font-size: 7em } } .e404 .box .text-wrapper h5 { color: #ff8b07; font-weight: 400 } .e404 .box .back { margin-top: 100px; text-align: center } @media (max-width: 640px) { .e404 .box .back { margin-top: 30px } } .red-js-form * { box-sizing: border-box } .red-js-form-control-wrapper { position: relative } .red-js-form-control-wrapper label { display: inline } .red-js-form-errors { color: #e2574c; display: none; padding: 15px } .red-js-form-errors p { margin: 0 } .red-js-form-control { display: block; width: 100% } .red-js-form-control[type=checkbox] { width: auto } .red-js-form-control:focus { outline: 0 } .red-js-form-control[type=submit] { width: auto; cursor: pointer } .red-js-form-icon { --size: 1.2vw; width: var(--size); height: var(--size); right: .7vw; top: calc(calc(var(--btn-height) / 2) - calc(var(--size) / 2)); margin-left: 5px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; display: none } @media (max-width: 830px) { .red-js-form-icon { --size: 16px } } @media (max-width: 640px) { .red-js-form-icon { right: 2px; top: 1px } } .submit .red-js-form-icon { right: -2vw; top: 1vw } @media (max-width: 1024px) { .red-js-form-icon:hover .red-js-form-message { display: none !important } } .red-js-form-icon.invalid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20286.054%20286.054%22%20style%3D%22enable-background%3Anew%200%200%20286.054%20286.054%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23E2574C%3B%22%20d%3D%22M143.027%2C0C64.04%2C0%2C0%2C64.04%2C0%2C143.027c0%2C78.996%2C64.04%2C143.027%2C143.027%2C143.027%20c78.996%2C0%2C143.027-64.022%2C143.027-143.027C286.054%2C64.04%2C222.022%2C0%2C143.027%2C0z%20M143.027%2C259.236%20c-64.183%2C0-116.209-52.026-116.209-116.209S78.844%2C26.818%2C143.027%2C26.818s116.209%2C52.026%2C116.209%2C116.209%20S207.21%2C259.236%2C143.027%2C259.236z%20M143.036%2C62.726c-10.244%2C0-17.995%2C5.346-17.995%2C13.981v79.201c0%2C8.644%2C7.75%2C13.972%2C17.995%2C13.972%20c9.994%2C0%2C17.995-5.551%2C17.995-13.972V76.707C161.03%2C68.277%2C153.03%2C62.726%2C143.036%2C62.726z%20M143.036%2C187.723%20c-9.842%2C0-17.852%2C8.01-17.852%2C17.86c0%2C9.833%2C8.01%2C17.843%2C17.852%2C17.843s17.843-8.01%2C17.843-17.843%20C160.878%2C195.732%2C152.878%2C187.723%2C143.036%2C187.723z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); display: block } .red-js-form-icon.invalid:hover .red-js-form-message { display: block; background-color: #e2574c } .red-js-form-icon.invalid:hover .red-js-form-message:before { border-color: transparent #e2574c transparent transparent } .red-js-form-icon.valid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20286.054%20286.054%22%20style%3D%22enable-background%3Anew%200%200%20286.054%20286.054%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%233DB39E%3B%22%20d%3D%22M143.031%2C0C64.027%2C0%2C0.004%2C64.04%2C0.004%2C143.027c0%2C78.996%2C64.031%2C143.027%2C143.027%2C143.027%20c78.987%2C0%2C143.018-64.031%2C143.018-143.027C286.049%2C64.049%2C222.018%2C0%2C143.031%2C0z%20M143.031%2C259.236%20c-64.183%2C0-116.209-52.026-116.209-116.209S78.857%2C26.818%2C143.031%2C26.818s116.2%2C52.026%2C116.2%2C116.209%20S207.206%2C259.236%2C143.031%2C259.236z%20M199.241%2C82.187c-6.079-3.629-13.847-1.475-17.342%2C4.827l-47.959%2C86.147l-26.71-32.512%20c-4.836-5.569-11.263-8.456-17.333-4.827c-6.079%2C3.638-8.591%2C12.39-4.657%2C18.004l37.169%2C45.241c2.78%2C3.611%2C5.953%2C5.775%2C9.27%2C6.392%20l0.027%2C0.054l0.34%2C0.018c0.751%2C0.116%2C11.979%2C2.19%2C16.815-6.463l55.048-98.876C207.402%2C93.879%2C205.32%2C85.825%2C199.241%2C82.187z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); display: block } .red-js-form-icon.info { background-image: url("data:image/svg+xml;utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2013.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%2014948)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%221024px%22%20height%3D%22768px%22%20viewBox%3D%220%200%201024%20768%22%20enable-background%3D%22new%200%200%201024%20768%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%232394BC%22%20d%3D%22M512%2C0.011c-212.089%2C0-384%2C171.913-384%2C383.976c0%2C212.089%2C171.911%2C384%2C384%2C384%0A%09%09c212.09%2C0%2C384-171.911%2C384-384C896%2C171.948%2C724.087%2C0.011%2C512%2C0.011z%20M512%2C695.988c-172.318%2C0-311.999-139.68-311.999-311.998%0A%09%09C200.001%2C211.67%2C339.681%2C71.988%2C512%2C71.988c172.319%2C0%2C311.999%2C139.68%2C311.999%2C311.999S684.319%2C695.988%2C512%2C695.988z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20fill%3D%22%232394BC%22%20d%3D%22M385.401%2C310.455c0-16.542%2C5.31-33.303%2C15.933-50.281c10.619-16.978%2C26.12-31.038%2C46.493-42.184%0A%09c20.374-11.142%2C44.143-16.716%2C71.307-16.716c25.246%2C0%2C47.538%2C4.661%2C66.867%2C13.974c19.329%2C9.317%2C34.257%2C21.986%2C44.796%2C38.004%0A%09c10.533%2C16.023%2C15.802%2C33.434%2C15.802%2C52.24c0%2C14.802-3.004%2C27.777-9.013%2C38.919c-6.007%2C11.145-13.149%2C20.766-21.418%2C28.861%0A%09c-8.272%2C8.098-23.117%2C21.725-44.534%2C40.88c-5.921%2C5.399-10.67%2C10.145-14.235%2C14.235c-3.572%2C4.093-6.228%2C7.836-7.967%2C11.229%0A%09c-1.742%2C3.396-3.095%2C6.791-4.049%2C10.188c-0.96%2C3.394-2.396%2C9.361-4.31%2C17.892c-3.311%2C18.112-13.671%2C27.165-31.082%2C27.165%0A%09c-9.056%2C0-16.676-2.959-22.855-8.882c-6.183-5.918-9.271-14.713-9.271-26.381c0-14.627%2C2.26-27.295%2C6.791-38.002%0A%09c4.527-10.713%2C10.534-20.114%2C18.023-28.21c7.484-8.099%2C17.586-17.717%2C30.298-28.863c11.143-9.75%2C19.198-17.108%2C24.16-22.072%0A%09c4.964-4.963%2C9.143-10.489%2C12.539-16.586c3.396-6.094%2C5.094-12.709%2C5.094-19.851c0-13.93-5.183-25.683-15.542-35.262%0A%09c-10.362-9.574-23.729-14.366-40.094-14.366c-19.158%2C0-33.262%2C4.832-42.315%2C14.497c-9.055%2C9.664-16.715%2C23.899-22.985%2C42.705%0A%09c-5.921%2C19.68-17.153%2C29.515-33.695%2C29.515c-9.754%2C0-17.982-3.437-24.683-10.317C388.752%2C325.909%2C385.401%2C318.465%2C385.401%2C310.455z%0A%09%20M512.866%2C596.728c-10.625%2C0-19.896-3.441-27.818-10.319c-7.925-6.875-11.885-16.495-11.885-28.86%0A%09c0-10.971%2C3.828-20.198%2C11.492-27.688c7.661-7.484%2C17.064-11.231%2C28.209-11.231c10.972%2C0%2C20.198%2C3.747%2C27.687%2C11.231%0A%09c7.485%2C7.489%2C11.231%2C16.717%2C11.231%2C27.688c0%2C12.19-3.917%2C21.768-11.754%2C28.731C532.192%2C593.244%2C523.139%2C596.728%2C512.866%2C596.728z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: 30px; display: block } .red-js-form-icon.info:hover .red-js-form-message { display: block; background-color: #2394bc } .red-js-form-icon.info:hover .red-js-form-message:before { border-color: transparent #2394bc transparent transparent } .red-js-form-icon > .red-js-form-message { position: absolute; left: 100%; padding: 5px 10px; top: 0; margin-left: 5px; min-width: 200px; min-height: 32px; display: none; z-index: 99 } .red-js-form-icon > .red-js-form-message p { font-size: 16px; margin: 0; color: #fff; font-weight: 300; letter-spacing: .5px; text-align: center; -ms-flex-align: center; align-items: center; line-height: 1.4 } .red-js-form-icon > .red-js-form-message:before { content: ""; border-style: solid; border-width: 5px 5px 5px 0; position: absolute; left: -5px; top: 10px } #css-to-js { display: none } #css-to-js #navbar-break-point { opacity: 0 } @media (max-width: 830px) { #css-to-js #navbar-break-point { opacity: 1 } } @keyframes ball-in { 0% { transform: scale(0); opacity: 0; filter: blur(8px) } 100% { transform: scale(1); opacity: 1; filter: blur(0) } } #wpadminbar { position: fixed; top: 10px; left: 10px; width: 50px; height: 50px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ0Ny42NzQgNDQ3LjY3NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ3LjY3NCA0NDcuNjc0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMDA3NjlEOyIgZD0iTTEzNC4yODksMTM4LjE2aC0yNC43MjJsNjcuMzk5LDE5MC41MjFsMzcuNzMyLTEwNy44MjVsLTI5LjI1NC04Mi42OTZIMTU5LjM2di0xOC4xNTRoMTE1LjUwOA0KCQl2MTguMTU0aC0yNy4wNDlsNjcuMzk4LDE5MC41MjFsMjQuMjI3LTY5LjIzNGMzMS43ODEtODguNzAyLTI2LjA0OC0xMTYuMzMzLTI2LjA0OC0xMzYuMTI5czE2LjA0OC0zNS44NDMsMzUuODQzLTM1Ljg0Mw0KCQljMS4wNzEsMCwyLjExMSwwLjA1OCwzLjEzLDAuMTUzYy0zMy41NDEtMzEuNjYzLTc4Ljc2OC01MS4wOC0xMjguNTM0LTUxLjA4Yy02NS4wMjcsMC0xMjIuMzA2LDMzLjE0Ni0xNTUuODg0LDgzLjQ1OGg2Ni4zMzYNCgkJdjE4LjE1NEwxMzQuMjg5LDEzOC4xNkwxMzQuMjg5LDEzOC4xNnoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMDA3NjlEOyIgZD0iTTM2LjU0OCwyMjMuODM3YzAsNzEuNzA0LDQwLjMwMiwxMzMuOTg2LDk5LjQ4MywxNjUuNDU4bC04NC41Mi0yMzguOTE5DQoJCUM0MS44ODMsMTcyLjkzMiwzNi41NDgsMTk3Ljc2MSwzNi41NDgsMjIzLjgzN3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMDA3NjlEOyIgZD0iTTM4Ni44MzMsMTMxLjU0N2MyLjY3OSwxNS43NzQsMS44NjgsMzMuNTAzLTIuMjQzLDUxLjMwMWgwLjc0NWwtMi44MzIsOC4wOTJsMCwwDQoJCWMtMS42NzgsNS44NDMtMy43OTEsMTEuODItNi4xOTEsMTcuNjkzbC02NC40NDQsMTgwLjU0MWM1OS4wNTctMzEuNTEsOTkuMjU2LTkzLjcyNSw5OS4yNTYtMTY1LjMzOA0KCQlDNDExLjEyNCwxOTAuMjc5LDQwMi4yOSwxNTguNzg4LDM4Ni44MzMsMTMxLjU0N3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMDA3NjlEOyIgZD0iTTE2Ni4wNzUsNDAyLjAzM2MxOC4xOTUsNS44OTQsMzcuNjAzLDkuMDkxLDU3Ljc2Miw5LjA5MWMxOS4yMjgsMCwzNy43NzctMi45MDIsNTUuMjM5LTguMjg1DQoJCWwtNTQuNzg0LTE1NC44NjJMMTY2LjA3NSw0MDIuMDMzeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMwMDc2OUQ7IiBkPSJNMzgyLjExMyw2NS41NkMzMzkuODM2LDIzLjI4MywyODMuNjI1LDAsMjIzLjgzNiwwUzEwNy44MzcsMjMuMjgzLDY1LjU2LDY1LjU2UzAsMTY0LjA0NywwLDIyMy44MzcNCgkJYzAsNTkuNzg5LDIzLjI4MywxMTUuOTk5LDY1LjU2LDE1OC4yNzZzOTguNDg4LDY1LjU2LDE1OC4yNzcsNjUuNTZzMTE1Ljk5OS0yMy4yODMsMTU4LjI3Ny02NS41Ng0KCQljNDIuMjc3LTQyLjI3Nyw2NS41Ni05OC40ODgsNjUuNTYtMTU4LjI3NkM0NDcuNjczLDE2NC4wNDcsNDI0LjM5LDEwNy44MzcsMzgyLjExMyw2NS41NnogTTIyMy44MzYsNDMxLjg4Mw0KCQljLTExNC43MTcsMC0yMDguMDQ2LTkzLjMyOS0yMDguMDQ2LTIwOC4wNDZTMTA5LjExOSwxNS43OSwyMjMuODM2LDE1Ljc5czIwOC4wNDYsOTMuMzMsMjA4LjA0NiwyMDguMDQ3DQoJCVMzMzguNTU0LDQzMS44ODMsMjIzLjgzNiw0MzEuODgzeiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=); background-position: center; background-size: 40px; transition: all .1s ease-out; background-repeat: no-repeat; border-radius: 50%; background-color: #fff; opacity: .7; transition: all .2s ease-out; cursor: pointer; z-index: 99999; background-size: 50px } #wpadminbar:hover { background-size: 50px; opacity: 1 } #wpadminbar:hover #wp-toolbar { opacity: 1; pointer-events: all; transition-delay: 0s } #wpadminbar:hover #wp-toolbar > ul > li { animation-name: ball-in; animation-duration: .5s; animation-fill-mode: forwards; opacity: 0; position: relative } #wpadminbar:hover #wp-toolbar > ul > li:nth-child(1) { animation-delay: 0s; z-index: 10 } #wpadminbar:hover #wp-toolbar > ul > li:nth-child(2) { animation-delay: .1s; z-index: 9 } #wpadminbar:hover #wp-toolbar > ul > li:nth-child(3) { animation-delay: .2s; z-index: 8 } #wpadminbar:hover #wp-toolbar > ul > li:nth-child(4) { animation-delay: .3s; z-index: 7 } #wpadminbar:hover #wp-toolbar > ul > li:nth-child(5) { animation-delay: .4s; z-index: 6 } #wpadminbar:hover #wp-toolbar > ul > li:nth-child(6) { animation-delay: .5s; z-index: 5 } #wpadminbar:hover #wp-toolbar > ul > li:nth-child(7) { animation-delay: .6s; z-index: 4 } #wpadminbar:hover #wp-toolbar > ul > li:nth-child(8) { animation-delay: .7s; z-index: 3 } #wpadminbar .screen-reader-shortcut { display: none } #wpadminbar #wp-toolbar { width: 50px; height: 50px; position: relative; opacity: 0; pointer-events: none; transition: all .5s ease-out; transition-delay: 0.2s } #wpadminbar #wp-toolbar:focus { outline: 0 } #wpadminbar #wp-toolbar:before { content: ""; position: absolute; display: block; left: -15px; top: -15px; right: -15px; bottom: -15px } #wpadminbar #wp-toolbar > ul { position: absolute } #wpadminbar #wp-toolbar > ul:before { content: ""; display: block; position: absolute; bottom: -20px; left: -20px; right: -20px; top: -15px } #wpadminbar #wp-toolbar > ul li:hover:after { opacity: 1; transition-delay: 0.3s; left: 100%; filter: blur(0) } #wpadminbar #wp-toolbar > ul li:after { display: block; position: absolute; left: 50%; top: 50%; padding: 5px 8px; background-color: #333; color: #fff; text-align: center; pointer-events: none; opacity: 0; transition: all .2s ease-out; box-sizing: border-box; height: 20px; margin-top: -10px; font-size: 9px; z-index: 9999; border-radius: 20px; margin-left: 2px; filter: blur(5px) } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default { z-index: 10; left: 65px; height: 50px; top: 0; display: -ms-flexbox; display: flex } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default > li { width: 50px; height: 50px; border-radius: 50%; background-color: #00769d; margin-right: 15px; position: relative; display: none; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; transition: background-color .2s ease-out; position: relative } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default > li:hover { background-color: #35a5c6; transition-delay: 0.4s; transition: filter .2s ease-out } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default > li > a { padding: 10px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: center; font-size: 8px; width: 100%; height: 100%; background-position: center; background-size: 25px; background-repeat: no-repeat; color: transparent } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop { position: relative } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop.hover .ab-sub-wrapper { opacity: 1; pointer-events: all } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop.hover .ab-sub-wrapper ul li { transform: translateY(0); opacity: 1 } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper { opacity: 0; pointer-events: none; position: absolute; top: 100%; left: 50%; width: 100px; margin-left: -50px; z-index: 10; transition: all .4s ease-out } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper:before { content: ""; display: block; position: absolute; bottom: -20px; left: -20px; right: -20px; top: 0 } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper ul li { transform: translateY(-4px); opacity: 0; transition: all .15s ease-out } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper ul li:nth-child(1) { transition-delay: 50ms } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper ul li:nth-child(2) { transition-delay: 0.1s } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper ul li:nth-child(3) { transition-delay: 0.15s } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper ul li:nth-child(4) { transition-delay: 0.2s } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper ul li:nth-child(5) { transition-delay: 0.25s } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper ul li a { margin-top: 5px; display: block; padding: 5px; color: #fff; background-color: #333; text-align: center; border-radius: 12px; position: relative; z-index: 10 } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default .menupop .ab-sub-wrapper ul li a:hover { color: #fff; background-color: orange } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-site-name { display: -ms-flexbox; display: flex } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-site-name:after { content: "Dashboard" } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-site-name > a { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMzcuOTIsODkuODQ1QzE2MS4yOCwzMy41MjUsMCwxNjQuMDg1LDAsMzMzLjA0NWMwLDIzLjA0LDIuNTYsNjYuNTYsMTAuMjQsOTIuMTZjMCw1LjEyLDUuMTIsMTAuMjQsMTAuMjQsMTAuMjRoNDY4LjQ4ICAgIGM1LjEyLDAsMTAuMjQtNS4xMiwxMi44LTEwLjI0YzUuMTItMjUuNiwxMC4yNC02OS4xMiwxMC4yNC05Mi4xNkM1MTIsMjIyLjk2NSw0NDIuODgsMTIzLjEyNSwzMzcuOTIsODkuODQ1eiBNMjU2LDEyOC4yNDUgICAgYzE1LjM2LDAsMjUuNiwxMC4yNCwyNS42LDI1LjZjMCwxNS4zNi0xMC4yNCwyNS42LTI1LjYsMjUuNnMtMjUuNi0xMC4yNC0yNS42LTI1LjZDMjMwLjQsMTM4LjQ4NSwyNDAuNjQsMTI4LjI0NSwyNTYsMTI4LjI0NXogICAgIE03Ni44LDM1OC42NDVjLTE1LjM2LDAtMjUuNi0xMC4yNC0yNS42LTI1LjZjMC0xNS4zNiwxMC4yNC0yNS42LDI1LjYtMjUuNnMyNS42LDEwLjI0LDI1LjYsMjUuNiAgICBDMTAyLjQsMzQ4LjQwNSw5Mi4xNiwzNTguNjQ1LDc2LjgsMzU4LjY0NXogTTE0OC40OCwyMjUuNTI1Yy0xMC4yNCwxMC4yNC0yNS42LDEwLjI0LTM1Ljg0LDBjLTEwLjI0LTEwLjI0LTEwLjI0LTI4LjE2LTIuNTYtMzguNCAgICBjMTAuMjQtMTAuMjQsMjUuNi0xMC4yNCwzNS44NCwwUzE1Ni4xNiwyMTUuMjg1LDE0OC40OCwyMjUuNTI1eiBNMjU2LDM4NC4yNDVjLTI4LjE2LDAtNTMuNzYtMjUuNi00Ni4wOC01MS4yICAgIGM3LjY4LTI1LjYsNDYuMDgtMTAyLjQsNDYuMDgtMTAyLjRzMzguNCw3Ni44LDQ2LjA4LDEwMi40QzMwOS43NiwzNTguNjQ1LDI4NC4xNiwzODQuMjQ1LDI1NiwzODQuMjQ1eiBNNDAxLjkyLDIyNS41MjUgICAgYy0xMC4yNCwxMC4yNC0yNS42LDEwLjI0LTM1Ljg0LDBzLTEwLjI0LTI1LjYsMC0zNS44NHMyNS42LTEwLjI0LDM1Ljg0LDBDNDA5LjYsMTk3LjM2NSw0MDkuNiwyMTUuMjg1LDQwMS45MiwyMjUuNTI1eiAgICAgTTQzNS4yLDM1OC42NDVjLTE1LjM2LDAtMjUuNi0xMC4yNC0yNS42LTI1LjZjMC0xNS4zNiwxMC4yNC0yNS42LDI1LjYtMjUuNnMyNS42LDEwLjI0LDI1LjYsMjUuNiAgICBDNDYwLjgsMzQ4LjQwNSw0NTAuNTYsMzU4LjY0NSw0MzUuMiwzNTguNjQ1eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-new-content { display: -ms-flexbox; display: flex } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-new-content:after { content: "Dodaj" } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-new-content > a { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQyIDQyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MiA0MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxwYXRoIGQ9Ik0zNy4wNTksMTZIMjZWNC45NDFDMjYsMi4yMjQsMjMuNzE4LDAsMjEsMHMtNSwyLjIyNC01LDQuOTQxVjE2SDQuOTQxQzIuMjI0LDE2LDAsMTguMjgyLDAsMjFzMi4yMjQsNSw0Ljk0MSw1SDE2djExLjA1OSAgQzE2LDM5Ljc3NiwxOC4yODIsNDIsMjEsNDJzNS0yLjIyNCw1LTQuOTQxVjI2aDExLjA1OUMzOS43NzYsMjYsNDIsMjMuNzE4LDQyLDIxUzM5Ljc3NiwxNiwzNy4wNTksMTZ6IiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-customize { display: -ms-flexbox; display: flex } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-customize:after { content: "Porsonalizacja" } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-customize a { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMDkuOTgyLDMwNy4yaC0yMC40OGMtMjguMTYsMC01MS4yLTIzLjA0LTUxLjItNTEuMnMyMy4wNC01MS4yLDUxLjItNTEuMmgyMC40OGMyNS42LDAsNDAuOTYtMjguMTYsMjUuNi00OC42NCAgICBjLTMwLjcyLTQ4LjY0LTg0LjQ4LTc5LjM2LTE0NS45Mi03OS4zNmMtMTEwLjA4LDAtMTk3LjEyLDk5Ljg0LTE3Ni42NCwyMTUuMDRjMTIuOCw3MS42OCw3MS42OCwxMjgsMTQwLjgsMTQwLjggICAgYzc0LjI0LDE1LjM2LDE0My4zNi0xNy45MiwxODEuNzYtNzQuMjRDMzUwLjk0MiwzMzUuMzYsMzM4LjE0MiwzMDcuMiwzMDkuOTgyLDMwNy4yeiBNNjEuNjYyLDI1NmMwLTE1LjM2LDEwLjI0LTI1LjYsMjUuNi0yNS42ICAgIGMxNS4zNiwwLDI1LjYsMTAuMjQsMjUuNiwyNS42cy0xMC4yNCwyNS42LTI1LjYsMjUuNkM3MS45MDIsMjgxLjYsNjEuNjYyLDI2OC44LDYxLjY2MiwyNTZ6IE0xMzUuOTAyLDM0NS42ICAgIGMtMTAuMjQsMTAuMjQtMjUuNiwxMC4yNC0zNS44NCwwYy0xMC4yNC0xMC4yNC0xMC4yNC0yNS42LDAtMzUuODRjMTAuMjQtMTAuMjQsMjUuNi0xMC4yNCwzNS44NCwwUzE0Ni4xNDIsMzM1LjM2LDEzNS45MDIsMzQ1LjZ6ICAgICBNMTM1LjkwMiwyMDIuMjRjLTEwLjI0LDEwLjI0LTI1LjYsMTAuMjQtMzUuODQsMGMtMTAuMjQtMTAuMjQtMTAuMjQtMjUuNiwwLTM1Ljg0YzEwLjI0LTEwLjI0LDI1LjYtMTAuMjQsMzUuODQsMCAgICBDMTQ2LjE0MiwxNzQuMDgsMTQ2LjE0MiwxOTIsMTM1LjkwMiwyMDIuMjR6IE0xODkuNjYyLDM4NGMtMTUuMzYsMC0yNS42LTEwLjI0LTI1LjYtMjUuNmMwLTE1LjM2LDEwLjI0LTI1LjYsMjUuNi0yNS42ICAgIHMyNS42LDEwLjI0LDI1LjYsMjUuNkMyMTUuMjYyLDM3MS4yLDIwMi40NjIsMzg0LDE4OS42NjIsMzg0eiBNMTg5LjY2MiwxNzkuMmMtMTUuMzYsMC0yNS42LTEwLjI0LTI1LjYtMjUuNiAgICBjMC0xNS4zNiwxMC4yNC0yNS42LDI1LjYtMjUuNnMyNS42LDEwLjI0LDI1LjYsMjUuNkMyMTUuMjYyLDE2Ni40LDIwMi40NjIsMTc5LjIsMTg5LjY2MiwxNzkuMnoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTkuNTgyLDI5Ni45NmwyMy4wNCwxODkuNDRjMi41NiwxNS4zNiwxMi44LDI1LjYsMjguMTYsMjUuNmMxNS4zNiwwLDI4LjE2LTEwLjI0LDI4LjE2LTI1LjZsMjMuMDQtMTg5LjQ0SDM5OS41ODJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cG9seWdvbiBwb2ludHM9IjQ3Ni4zODIsMTc5LjIgNDI1LjE4MiwxNzkuMiAzOTkuNTgyLDI1NiA1MDEuOTgyLDI1NiAgICIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ0NS42NjIsMGMtMTAuMjQsMzAuNzItMjMuMDQsNTMuNzYtMzguNCw2OS4xMmMtMjUuNiwyOC4xNiw3LjY4LDg0LjQ4LDM4LjQsODQuNDhjMzAuNzIsMCw1Ni4zMi0yMy4wNCw1Ni4zMi01MS4yICAgIEM1MDEuOTgyLDc0LjI0LDQ0NS42NjIsMCw0NDUuNjYyLDB6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-edit { display: -ms-flexbox; display: flex; background-color: #ff3700 } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-edit:after { content: "Edycja" } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-edit:hover { background-color: #ff5f33 } #wpadminbar #wp-toolbar > ul#wp-admin-bar-root-default #wp-admin-bar-edit a { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNTI4Ljg5OSA1MjguODk5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MjguODk5IDUyOC44OTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMzI4Ljg4Myw4OS4xMjVsMTA3LjU5LDEwNy41ODlsLTI3Mi4zNCwyNzIuMzRMNTYuNjA0LDM2MS40NjVMMzI4Ljg4Myw4OS4xMjV6IE01MTguMTEzLDYzLjE3N2wtNDcuOTgxLTQ3Ljk4MSAgIGMtMTguNTQzLTE4LjU0My00OC42NTMtMTguNTQzLTY3LjI1OSwwbC00NS45NjEsNDUuOTYxbDEwNy41OSwxMDcuNTlsNTMuNjExLTUzLjYxMSAgIEM1MzIuNDk1LDEwMC43NTMsNTMyLjQ5NSw3Ny41NTksNTE4LjExMyw2My4xNzd6IE0wLjMsNTEyLjY5Yy0xLjk1OCw4LjgxMiw1Ljk5OCwxNi43MDgsMTQuODExLDE0LjU2NWwxMTkuODkxLTI5LjA2OSAgIEwyNy40NzMsMzkwLjU5N0wwLjMsNTEyLjY5eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) } #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary { top: 100%; left: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 50px; opacity: .4; transition: all .2s ease-out; padding-top: 15px } #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary:hover { opacity: 1 } #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary #wp-admin-bar-my-account { position: relative } #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary #wp-admin-bar-my-account:after { content: "Wyloguj" } #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary #wp-admin-bar-my-account > a { display: none } #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary #wp-admin-bar-my-account .ab-sub-wrapper #wp-admin-bar-user-actions #wp-admin-bar-user-info { display: none } #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary #wp-admin-bar-my-account .ab-sub-wrapper #wp-admin-bar-user-actions #wp-admin-bar-edit-profile { display: none } #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary #wp-admin-bar-my-account .ab-sub-wrapper #wp-admin-bar-user-actions #wp-admin-bar-logout { width: 50px; height: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #555; border-radius: 50% } #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary #wp-admin-bar-my-account .ab-sub-wrapper #wp-admin-bar-user-actions #wp-admin-bar-logout a { display: block; width: 100%; height: 100%; background-position: center; background-size: 25px; background-repeat: no-repeat; color: transparent; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMjAuMDAyIDMyMC4wMDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyMC4wMDIgMzIwLjAwMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnIGlkPSJYTUxJRF82XyI+Cgk8cGF0aCBpZD0iWE1MSURfN18iIGQ9Ik01MS4yMTMsMTc1LjAwMWgxNzMuNzg1YzguMjg0LDAsMTUtNi43MTYsMTUtMTVjMC04LjI4NC02LjcxNi0xNS0xNS0xNUg1MS4yMTNsMTkuMzk0LTE5LjM5NCAgIGM1Ljg1OC01Ljg1OCw1Ljg1OC0xNS4zNTUsMC0yMS4yMTNjLTUuODU3LTUuODU4LTE1LjM1NS01Ljg1OC0yMS4yMTMsMEw0LjM5NiwxNDkuMzkzYy0wLjM1MSwwLjM1MS0wLjY4MywwLjcxOS0wLjk5NywxLjEwMyAgIGMtMC4xMzcsMC4xNjctMC4yNTYsMC4zNDQtMC4zODUsMC41MTVjLTAuMTY1LDAuMjItMC4zMzUsMC40MzUtMC40ODgsMC42NjRjLTAuMTQsMC4yMDktMC4yNjEsMC40MjYtMC4zODksMC42NCAgIGMtMC4xMjMsMC4yMDYtMC4yNTIsMC40MDctMC4zNjUsMC42MTljLTAuMTE4LDAuMjItMC4yMTcsMC40NDYtMC4zMjMsMC42N2MtMC4xMDQsMC4yMTktMC4yMTMsMC40MzUtMC4zMDYsMC42NTkgICBjLTAuMDksMC4yMTktMC4xNjQsMC40NDItMC4yNDMsMC42NjRjLTAuMDg3LDAuMjQtMC4xNzksMC40NzctMC4yNTMsMC43MjJjLTAuMDY3LDAuMjIyLTAuMTE2LDAuNDQ3LTAuMTcyLDAuNjcyICAgYy0wLjA2MywwLjI0OS0wLjEzMywwLjQ5Ny0wLjE4MywwLjc1MWMtMC4wNTEsMC4yNTktMC4wODIsMC41MjEtMC4xMTksMC43ODJjLTAuMDMyLDAuMjIzLTAuMDc1LDAuNDQzLTAuMDk3LDAuNjY5ICAgYy0wLjA0OCwwLjQ4NC0wLjA3MywwLjk3MS0wLjA3NCwxLjQ1N2MwLDAuMDA3LTAuMDAxLDAuMDE1LTAuMDAxLDAuMDIyYzAsMC4wMDcsMC4wMDEsMC4wMTUsMC4wMDEsMC4wMjIgICBjMC4wMDEsMC40ODcsMC4wMjYsMC45NzMsMC4wNzQsMS40NThjMC4wMjIsMC4yMjMsMC4wNjQsMC40NCwwLjA5NSwwLjY2MWMwLjAzOCwwLjI2NCwwLjA2OSwwLjUyOCwwLjEyMSwwLjc5ICAgYzAuMDUsMC4yNTIsMC4xMTksMC40OTYsMC4xODIsMC43NDNjMC4wNTcsMC4yMjcsMC4xMDcsMC40NTYsMC4xNzUsMC42ODFjMC4wNzMsMC4yNDEsMC4xNjQsMC40NzQsMC4yNDgsMC43MSAgIGMwLjA4MSwwLjIyNiwwLjE1NSwwLjQ1MywwLjI0NywwLjY3NWMwLjA5MSwwLjIyLDAuMTk4LDAuNDMxLDAuMywwLjY0NmMwLjEwOCwwLjIyOSwwLjIxLDAuNDYsMC4zMywwLjY4NSAgIGMwLjExLDAuMjA1LDAuMjM1LDAuNCwwLjM1NCwwLjU5OWMwLjEzMSwwLjIyMSwwLjI1NiwwLjQ0NCwwLjQsMC42NTljMC4xNDYsMC4yMTksMC4zMDksMC40MjQsMC40NjYsMC42MzUgICBjMC4xMzYsMC4xODEsMC4yNjIsMC4zNjgsMC40MDcsMC41NDRjMC4yOTksMC4zNjQsMC42MTYsMC43MTMsMC45NDcsMS4wNDhjMC4wMTYsMC4wMTYsMC4wMjksMC4wMzQsMC4wNDUsMC4wNWw0NSw0NS4wMDEgICBjMi45MywyLjkyOSw2Ljc2OCw0LjM5NCwxMC42MDcsNC4zOTRjMy44MzgtMC4wMDEsNy42NzgtMS40NjUsMTAuNjA2LTQuMzkzYzUuODU4LTUuODU4LDUuODU4LTE1LjM1NSwwLjAwMS0yMS4yMTNMNTEuMjEzLDE3NS4wMDEgICB6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfOF8iIGQ9Ik0zMDUuMDAyLDI1aC0xOTBjLTguMjg0LDAtMTUsNi43MTYtMTUsMTV2NjBjMCw4LjI4NCw2LjcxNiwxNSwxNSwxNXMxNS02LjcxNiwxNS0xNVY1NWgxNjB2MjEwLjAwMWgtMTYwICAgdi00NS4wMDFjMC04LjI4NC02LjcxNi0xNS0xNS0xNXMtMTUsNi43MTYtMTUsMTV2NjAuMDAxYzAsOC4yODQsNi43MTYsMTUsMTUsMTVoMTkwYzguMjg0LDAsMTUtNi43MTYsMTUtMTVWNDAgICBDMzIwLjAwMiwzMS43MTYsMzEzLjI4NiwyNSwzMDUuMDAyLDI1eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) } .section-title { padding: var(--padding-small) var(--padding-sides-small) } .section-title.white .content h1, .section-title.white .content h2, .section-title.white .content p { color: #fff } .section-title.white .content hr { background-color: #4a4a4a } .section-title.left .content { text-align: left; max-width: none } .section-title .content { text-align: center; max-width: 60vw; margin: auto } @media (max-width: 640px) { .section-title .content { max-width: none } } .section-title .content p { color: #ff8b07 } .section-title .content p:last-child { margin-bottom: 0 } .contact-boxes .content { max-width: var(--content-width); margin: auto; display: grid; grid-template-columns:repeat(2, 50%) } @media (max-width: 640px) { .contact-boxes .content { grid-template-columns:repeat(1, 100%) } } .contact-boxes .content .box { padding: var(--padding-large); text-align: center } #developer .circle .icon .contact-boxes .content .box span, .breadcrumbs .contact-boxes .content .box ul li:after, .breadcrumbs .contact-boxes .content ul .box li:after, .breadcrumbs .contact-boxes .content > span > span .box a:after, .contact-boxes .breadcrumbs .content .box ul li:after, .contact-boxes .breadcrumbs .content ul .box li:after, .contact-boxes .breadcrumbs .content > span > span .box a:after, .contact-boxes .content .box #developer .circle .icon span, .contact-boxes .content .box .btn-arrow:after, .contact-boxes .content .box .btn-download, .contact-boxes .content .box .ico, .contact-boxes .content .box .list-box ul li:after, .contact-boxes .content .box .megamenu .menu h3 a:before, .contact-boxes .content .box .megamenu .menu.menu-blog .slider, .contact-boxes .content .box .megamenu .menu.menu-video .item > h3:before, .contact-boxes .content .box .products-grid.slider .swiper-button-next, .contact-boxes .content .box .products-grid.slider .swiper-button-prev, .contact-boxes .content .box .products-section .swiper-button-next, .contact-boxes .content .box .products-section .swiper-button-prev, .contact-boxes .content .box .score .stars span, .contact-boxes .content .box .timeline .circles .controls .wrapper .nav, .contact-boxes .content .box .video-box .box-content:after, .contact-boxes .content .box .video-thumbnail .image:before, .contact-boxes .content .box .videos-grid .nav-wrapper .nav, .contact-boxes .content .pagination .box .nav, .contact-boxes .content .products-menu .box .content > ul > li:after, .contact-boxes .content .red-modal .content-wrapper .box .controls .modal-close, .contact-boxes .content .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .contact-boxes .product-tips .content .box .nav .icon, .contact-boxes .product-tips .content .nav .box .icon, .list-box ul .contact-boxes .content .box li:after, .megamenu .menu h3 .contact-boxes .content .box a:before, .megamenu .menu.menu-blog .contact-boxes .content .box .slider, .megamenu .menu.menu-video .contact-boxes .content .box .item > h3:before, .pagination .contact-boxes .content .box .nav, .product-tips .contact-boxes .content .box .nav .icon, .product-tips .contact-boxes .content .nav .box .icon, .products-grid.slider .contact-boxes .content .box .swiper-button-next, .products-grid.slider .contact-boxes .content .box .swiper-button-prev, .products-menu .contact-boxes .content .box .content > ul > li:after, .products-section .contact-boxes .content .box .swiper-button-next, .products-section .contact-boxes .content .box .swiper-button-prev, .red-modal .content-wrapper .contact-boxes .content .box .controls .modal-close, .red-modal.video.lightbox .content-wrapper .contact-boxes .content .box .modal-content .slider-nav .nav, .score .stars .contact-boxes .content .box span, .timeline .circles .controls .wrapper .contact-boxes .content .box .nav, .video-box .contact-boxes .content .box .box-content:after, .video-thumbnail .contact-boxes .content .box .image:before, .videos-grid .nav-wrapper .contact-boxes .content .box .nav { margin-bottom: 1vw } .contact-boxes .content .box .newsletter-singup { width: 70%; margin: auto } @media (max-width: 830px) { .contact-boxes .content .box .newsletter-singup { width: 100% } } .contact-boxes .content .box .newsletter-singup, .contact-boxes .content .box a { margin-top: var(--padding-medium) } .contact-boxes .content .box:nth-child(1) { background-color: #ff8b07 } .contact-boxes .content .box:nth-child(2) { background-color: #fb9b2d } .blog-home { padding: 0 var(--padding-sides-large) } .blog-home .content { display: grid; grid-template-columns:auto [small-start] 35%; grid-gap: calc(var(--padding-large) * 0.7) var(--padding-large) } @media (max-width: 1380px) { .blog-home .content { grid-template-columns:auto [small-start] 42% } } @media (max-width: 1024px) { .blog-home .content { grid-template-columns:auto [small-start] 46% } } @media (max-width: 640px) { .blog-home .content { grid-template-columns:[small-start] auto } } .blog-home .content .blog-large-excerpt { grid-row-end: span 3 } .blog-home .content .blog-excerpt { grid-column-start: small-start } .blog-large-excerpt { background-repeat: no-repeat; background-position: center; background-size: cover; display: -ms-flexbox; display: flex; position: relative } @media (max-width: 640px) { .blog-large-excerpt:before { content: ""; display: block; padding-bottom: 50% } } .blog-large-excerpt a { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; padding: var(--padding-large) calc(var(--padding-medium) * 1.4); width: 100%; background-color: rgba(0, 0, 0, .2) } @media (max-width: 640px) { .blog-large-excerpt a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: var(--padding-mobile) } } .blog-large-excerpt a .text .label { display: grid; grid-auto-flow: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; grid-gap: 1vw; margin-bottom: var(--padding-small) } .blog-large-excerpt a .text .label p { background-color: #ff8b07; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: var(--btn-round); padding: .26vw .7vw; line-height: .9; letter-spacing: .06vw; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; margin: 0; white-space: nowrap } .blog-large-excerpt a .text .label p.gray { background-color: #4a4a4a } @media (max-width: 1024px) { .blog-large-excerpt a .text .label p { padding: 4px 8px } } @media (max-width: 830px) { .blog-large-excerpt a .text .label p { font-size: .9rem; font-weight: 600 } } .blog-large-excerpt a .text .label time { color: #b0b0b0; font-weight: 600; letter-spacing: .06vw; display: inline-block; font-size: 1.1rem; margin: 0; color: #fff } @media (max-width: 830px) { .blog-large-excerpt a .text .label time { font-size: 1rem } } .blog-large-excerpt a .text .title { color: #fff; max-width: 600px; margin: 0 } .blog-excerpt a { display: grid; grid-template-columns:32% auto; grid-gap: var(--padding-medium); color: #4a4a4a } .blog-excerpt a .image img { width: 100%; display: block } .blog-excerpt a .text .label { margin-bottom: var(--margin-tiny); display: grid; grid-auto-flow: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; grid-gap: 1vw } .blog-excerpt a .text .label p { background-color: #ff8b07; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: var(--btn-round); padding: .26vw .7vw; line-height: .9; letter-spacing: .06vw; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; margin: 0; white-space: nowrap } .blog-excerpt a .text .label p.gray { background-color: #4a4a4a } @media (max-width: 1024px) { .blog-excerpt a .text .label p { padding: 4px 8px } } @media (max-width: 830px) { .blog-excerpt a .text .label p { font-size: .9rem; font-weight: 600 } } .blog-excerpt a .text .label time { color: #b0b0b0; font-weight: 600; letter-spacing: .06vw; display: inline-block; font-size: 1.1rem; margin: 0 } @media (max-width: 830px) { .blog-excerpt a .text .label time { font-size: 1rem } } .blog-excerpt a .text .title { font-size: 1.2em; margin: 0 } .buttons-section .content { max-width: var(--content-width); margin: auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center } .buttons-section .content > * { margin: 0 calc(var(--padding-small) / 2) var(--padding-small) } .products-section { background-color: #ff8b07; color: #fff } .products-section .swiper-button-next, .products-section .swiper-button-prev { opacity: 0 } @media (max-width: 830px) { .products-section .swiper-button-next, .products-section .swiper-button-prev { opacity: 1 } } .products-section .swiper-button-next, .products-section .swiper-button-prev { --size: 32px } @media (max-width: 640px) { .products-section .swiper-button-next, .products-section .swiper-button-prev { --size: 16px } } @media (max-width: 640px) { .products-section .swiper-button-prev { margin-left: -10px } } @media (max-width: 640px) { .products-section .swiper-button-next { margin-right: -10px } } .products-section > .content { padding: var(--padding-medium) var(--padding-sides-large) 0 } .products-section > .content .swiper-slide { padding: var(--padding-small) 2.5vw } @media (max-width: 1200px) { .products-section > .content .swiper-slide { padding: var(--padding-small) 1.5vw } } .products-section > .content .item { margin: auto } .products-section > .content .item .box { box-shadow: none } .products-categories > .content { --columns: 3; display: grid; grid-template-columns:repeat(var(--columns), 1fr); grid-gap: var(--padding-large); padding: var(--padding-medium) var(--padding-sides-large) 0 } @media (max-width: 1024px) { .products-categories > .content { --columns: 2 } } @media (max-width: 640px) { .products-categories > .content { --columns: 1; grid-gap: var(--padding-mobile) } } .products-categories > .content .item .box { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; border-radius: var(--btn-round); color: #fff; overflow: hidden; transition: all .2s ease-out } .products-categories > .content .item .box:after { content: ""; display: block; padding-bottom: 80% } .products-categories > .content .item .box > * { position: absolute; width: 100%; height: 100% } @media (max-width: 640px) { .products-categories > .content .item .box { position: relative; min-height: 150px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .products-categories > .content .item .box:after { content: none } .products-categories > .content .item .box > * { position: relative } .products-categories > .content .item .box .box-content .text .expand { display: none } } @media (min-width: 640px) { .products-categories > .content .item .box:hover { transform: scale(1.1) } .products-categories > .content .item .box:hover .box-content { background-color: rgba(74, 74, 74, .4) } .products-categories > .content .item .box:hover .box-content .text .expand { max-height: 400px } } .products-categories > .content .item .box .box-content { padding: calc(var(--padding-large) * .7); text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: all .2s ease-out; background-color: rgba(74, 74, 74, .2) } @media (max-width: 640px) { .products-categories > .content .item .box .box-content { background: 0 0 } } .products-categories > .content .item .box .box-content .text .expand { overflow: hidden; max-height: 0; transition: all .3s ease-in-out } .products-categories > .content .item .box .box-content .text .expand p { font-size: 1em; line-height: 1; text-align: left } .products-categories > .content .item .box .box-content .text .expand hr { height: 1px; background-color: #fff } .hero { position: relative } .hero .hero-pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 0 0 3vw } .hero .hero-pagination .swiper-pagination-bullet { --size: 0.85vw; width: var(--size); height: var(--size); background-color: #ff8b07; border-radius: 0; opacity: 1; margin: 0 .6vw; transition: all .2s ease-out; position: relative } @media (max-width: 640px) { .hero .hero-pagination .swiper-pagination-bullet { --size: 8px; margin: 0 6px } } .hero .hero-pagination .swiper-pagination-bullet:focus { outline: 0 } .hero .hero-pagination .swiper-pagination-bullet:before { --offset: -0.6vw; content: ""; display: block; position: absolute; top: var(--offset); left: var(--offset); right: var(--offset); bottom: var(--offset) } .hero .hero-pagination .swiper-pagination-bullet-active { transform: scale(1.76) } .hero .hero-pagination .swiper-pagination-bullet-active:before { pointer-events: none } .hero .swiper-slide { padding: 5.5vw 8vw; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; height: 33.2vw } @media (max-width: 1200px) { .hero .swiper-slide { height: 42vw } } @media (max-width: 830px) { .hero .swiper-slide { height: 500px } } @media (max-width: 640px) { .hero .swiper-slide { height: 360px; -ms-flex-align: center; align-items: center; padding: var(--padding-small) } } .hero .swiper-slide .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .hero .swiper-slide .image .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover } @media (max-width: 830px) { .hero .swiper-slide .image .img.desktop { display: none } } .hero .swiper-slide .image .img.mobile { display: none } @media (max-width: 830px) { .hero .swiper-slide .image .img.mobile { display: block } } .hero .swiper-slide .text { position: relative; z-index: 2; max-width: 40vw; font-size: 1.2em } @media (max-width: 830px) { .hero .swiper-slide .text { max-width: none } } .hero .swiper-slide .text h1, .hero .swiper-slide .text h2 { margin-bottom: 1.2vw } .hero .swiper-slide .text a { margin-top: 2.2vw } .section-motto .content { max-width: var(--content-width); margin: auto } .section-motto .content h1, .section-motto .content h2 { font-weight: 300; text-align: center } .search-box-section { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: var(--padding-medium) 0 } .search-box-section.extra-padding { padding: var(--section-padding-top) 0 calc(var(--section-padding-bottom) * .6) } .search-box-section .content { width: 44.5vw; padding: var(--padding-medium) var(--padding-sides-medium); box-shadow: 0 0 1vw rgba(0, 0, 0, .18) } @media (max-width: 830px) { .search-box-section .content { width: 90vw } } .search-box-section .content .form, .search-box-section .content form { padding: .3vw 1vw; display: grid; grid-template-columns:auto 15%; grid-gap: var(--padding-small) } @media (max-width: 640px) { .search-box-section .content .form, .search-box-section .content form { grid-template-columns:auto 20%; grid-gap: var(--padding-tiny); padding: 0 } } .home-about-section.alt > .content { max-width: none; grid-template-columns:40% auto } @media (max-width: 1024px) { .home-about-section.alt > .content { grid-template-columns:1fr; grid-gap: 3vw } } .home-about-section.alt > .content > .text { padding-left: 8vw; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center } @media (max-width: 1024px) { .home-about-section.alt > .content > .text { padding: 0 var(--padding-medium) } } .home-about-section.alt > .content > .text .section-title { padding: 0 } .home-about-section.alt > .content > .image { grid-template-columns:34% auto; background-color: #f7f7f7; -ms-flex-align: end; align-items: flex-end; grid-template-areas:"title image" "text image" } @media (max-width: 1024px) { .home-about-section.alt > .content > .image { grid-template-columns:50% auto; max-width: 90vw; margin: auto } } @media (max-width: 640px) { .home-about-section.alt > .content > .image { max-width: none } } .home-about-section.alt > .content > .image .image { grid-area: title } .home-about-section.alt > .content > .image .image .title { -ms-flex-align: start; align-items: flex-start; position: relative; z-index: 10; padding: 0 } @media (max-width: 1024px) { .home-about-section.alt > .content > .image .image .title { padding: var(--padding-mobile) } } @media (max-width: 1024px) { .home-about-section.alt > .content > .image .image .title .h1 { margin: 0; font-size: 1.6em } } .home-about-section.alt > .content > .image > img { grid-area: image; width: 100%; margin-top: -3vw } .home-about-section.alt > .content > .image .text { grid-area: text; padding: 0 0 var(--padding-medium) var(--padding-medium) } .home-about-section > .content { max-width: var(--content-width); margin: auto; display: grid; grid-template-columns:33.5% auto; grid-gap: 6vw } @media (max-width: 1024px) { .home-about-section > .content { grid-template-columns:1fr; grid-gap: 3vw } } .home-about-section > .content > .image { background-color: #ff8b07; display: grid; grid-template-columns:48% auto } @media (max-width: 640px) { .home-about-section > .content > .image { grid-template-columns:auto } } .home-about-section > .content > .image .image { background-repeat: no-repeat; background-position: center; background-size: cover; display: -ms-flexbox; display: flex } .home-about-section > .content > .image .image .title { font-size: 2.2em; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; padding-bottom: var(--padding-large) } @media (max-width: 640px) { .home-about-section > .content > .image .image .title { padding: var(--padding-mobile); min-height: 160px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } } .home-about-section > .content > .image .image .title .h1 { margin-left: -3vw; font-weight: 700 } @media (max-width: 640px) { .home-about-section > .content > .image .image .title .h1 { margin: 0; font-size: 1.6em } } .home-about-section > .content > .image .text { padding: var(--padding-medium) var(--padding-small) var(--padding-medium) var(--padding-large) } .page-header { padding: 0 var(--padding-large); display: grid; grid-template-columns:repeat(2, 1fr); margin-bottom: var(--padding-small) } @media (max-width: 830px) { .page-header { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .page-header.title-only { display: -ms-flexbox; display: flex } @media (max-width: 830px) { .page-header.clear { -ms-flex-direction: column; flex-direction: column } } .page-header.clear .image, .page-header.clear .text { padding-top: var(--padding-medium) } @media (max-width: 640px) { .page-header.clear .image, .page-header.clear .text { padding-top: 0 } } .page-header.clear .text { background: 0 0; padding-bottom: 0; min-height: auto } @media (max-width: 830px) { .page-header.clear .text { padding: 0 } } @media (max-width: 830px) { .page-header.clear .image { min-height: auto } } .page-header .text { padding: var(--padding-large); background-color: #ff8b07; font-size: 1.3em; min-height: 18vw } .page-header .text.gray { background-color: #4a4a4a } .page-header .text.gray .h1, .page-header .text.gray h1 { color: #ff8b07 } .page-header .text .h1, .page-header .text h1 { color: #4a4a4a; font-weight: 700 } .page-header .text p.lead { font-size: 1.8em; font-weight: 300 } .page-header .image { padding: var(--padding-large) 0 0; background-repeat: no-repeat; background-position: center; background-size: cover; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end } @media (max-width: 830px) { .page-header .image { padding: 0; min-height: 200px } } @media (max-width: 640px) { .page-header .image { display: none } } .page-header .image .text-wrapper { padding-top: var(--padding-large) } @media (max-width: 830px) { .page-header .image .text-wrapper { padding: 0 } } .breadcrumbs { --spacing: 0.8vw; padding: var(--padding-medium) 0 } @media (max-width: 830px) { .breadcrumbs { display: none } } .breadcrumbs .content { max-width: var(--content-width); margin: auto } .breadcrumbs .content ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .breadcrumbs .content ul li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: var(--spacing) } .breadcrumbs .content ul li:last-child:after { content: none } .breadcrumbs .content ul li:last-child a { color: #ff8b07; font-weight: 700 } .breadcrumbs .content ul li:after { content: ""; margin-left: var(--spacing) } .breadcrumbs .content ul li a { color: #b0b0b0 } .breadcrumbs .content > span { display: flex; align-items: center; flex-wrap: wrap; } .breadcrumbs .content > span > span { display: flex; align-items: center; margin-right: 8px; } .breadcrumbs .content > span > span:not(:last-child):after { content: ""; margin-left: 8px; color: #b0b0b0; } .breadcrumbs .content > span > span a { color: #b0b0b0; } .breadcrumbs .content > span > span .breadcrumb_last { color: #ff8b07; font-weight: 700; } .breadcrumbs .content > span > span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .breadcrumbs .content > span > span a { color: #b0b0b0; margin-right: var(--spacing) } .breadcrumbs .content > span > span a:after { content: ""; margin-left: var(--spacing) } .breadcrumbs .content > span > span .breadcrumb_last { color: #ff8b07; font-weight: 700 } .product-box { display: -ms-flexbox; display: flex; width: 100%; height: 26vw } @media (max-width: 1200px) { .product-box { height: 32vw } } @media (max-width: 830px) { .product-box { height: 60vw } } @media (max-width: 640px) { .product-box { width: auto; -ms-flex-pack: center; justify-content: center; height: 330px; width: 240px; margin: auto } } .product-box .box { width: 100%; --shadow: 0.5vw; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; color: #4a4a4a; background-color: #fff; border-radius: var(--btn-round); padding: var(--padding-medium); transition: all .2s ease-out; box-shadow: 0 0 var(--shadow) rgba(176, 176, 176, .6); position: relative } @media (max-width: 640px) { .product-box .box { max-width: 300px } } @media (min-width: 831px) { .product-box .box:hover { transform: scale(1.05); --shadow: 1.5vw } } .product-box .box .discontinued-flag, .product-box .box .new-flag { position: absolute; top: var(--padding-medium); right: 0; padding: var(--padding-tiny) } @media (max-width: 830px) { .product-box .box .discontinued-flag, .product-box .box .new-flag { min-width: 26px } } .product-box .box .discontinued-flag p, .product-box .box .new-flag p { color: #fff; -ms-writing-mode: tb-rl; writing-mode: vertical-rl } .product-box .box .new-flag { background-color: #ff8b07 } .product-box .box .discontinued-flag { background-color: #4a4a4a } .product-box .box p { font-size: 1rem; color: #ff8b07; text-transform: uppercase; font-weight: 700; letter-spacing: .03vw; text-align: center } .product-box .box img, .product-box .box picture { max-width: 80%; height: auto; text-align: center; -o-object-fit: contain; object-fit: contain; display: block; margin: 0 auto } .product-box .box .score { margin-bottom: var(--margin-tiny) } .product-box .box .h1 { text-align: center; font-size: 1.1em; font-weight: 600 } .products-grid { padding-bottom: var(--padding-medium) } .products-grid.slider { padding: var(--padding-medium) var(--padding-sides-large) 0 } .products-grid.slider .swiper-slide { padding: var(--padding-small) 2.5vw } @media (max-width: 1200px) { .products-grid.slider .swiper-slide { padding: var(--padding-small) 1.5vw } } .products-grid.slider .swiper-button-next, .products-grid.slider .swiper-button-prev { --size: 32px } .products-grid.slider .swiper-button-next.swiper-button-disabled, .products-grid.slider .swiper-button-prev.swiper-button-disabled { opacity: 0 } .products-grid:not(.slider) { --columns: 4; padding: var(--padding-medium) var(--padding-sides-large) 0; display: grid; grid-template-columns:repeat(var(--columns), 1fr); grid-gap: calc(var(--padding-large) * 0.9) } @media (max-width: 830px) { .products-grid:not(.slider) { --columns: 2; grid-gap: var(--padding-mobile) } } @media (max-width: 640px) { .products-grid:not(.slider) { --columns: 1 } } .pagination { --border-width: 0.07vw; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: var(--padding-medium) 0 var(--padding-large) } @media (max-width: 830px) { .pagination { --border-width: 0 } } .pagination .box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border: var(--border-width) solid #b0b0b0; border-radius: var(--btn-round); padding: var(--padding-tiny) 0 } @media (max-width: 640px) { .pagination .box { display: grid; grid-template-columns:repeat(2, 50%); grid-gap: var(--padding-mobile); grid-template-areas:"list list" "prev next" } } .pagination .box .nav { padding: var(--padding-tiny) calc(var(--padding-medium) * 1.2) } .pagination .box .nav.disabled { filter: grayscale(100%); opacity: .5 } .pagination .box .nav.next, .pagination .box .nav.prev { position: relative } .pagination .box .nav.next:before, .pagination .box .nav.prev:before { content: ""; display: block; position: absolute; top: calc(var(--padding-tiny) * -1); bottom: calc(var(--padding-tiny) * -1); width: var(--border-width); background-color: #b0b0b0 } @media (max-width: 640px) { .pagination .box .nav.next { grid-area: next } } .pagination .box .nav.next:before { left: 0 } @media (max-width: 640px) { .pagination .box .nav.prev { grid-area: prev; justify-self: flex-end } } .pagination .box .nav.prev:before { right: 0 } .pagination .box ul { display: grid; grid-auto-flow: column; -ms-flex-align: center; align-items: center; grid-gap: var(--padding-medium); padding: 0 var(--padding-medium) } @media (max-width: 640px) { .pagination .box ul { grid-area: list; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } } .pagination .box ul li.active a { font-weight: 400; background-color: #ff8b07; color: #fff; border-radius: var(--btn-round) } .pagination .box ul li a { display: block; color: #4a4a4a; font-size: 1.2em; padding: var(--padding-tiny) var(--padding-small) } .products-category-title { padding: var(--padding-small) 0 } .products-category-title.no-link .content .h1 { display: block; -ms-flex-negative: 0; flex-shrink: 0; padding-right: var(--padding-small) } @media (max-width: 640px) { .products-category-title.no-link .content .h1 { text-align: center } } @media (max-width: 640px) { #developer .circle .icon .products-category-title.no-link .content span, .breadcrumbs .products-category-title.no-link .content ul li:after, .breadcrumbs .products-category-title.no-link .content > span > span a:after, .list-box ul .products-category-title.no-link .content li:after, .megamenu .menu h3 .products-category-title.no-link .content a:before, .megamenu .menu.menu-blog .products-category-title.no-link .content .slider, .megamenu .menu.menu-video .products-category-title.no-link .content .item > h3:before, .pagination .box .products-category-title.no-link .content .nav, .product-tips .products-category-title.no-link .content .nav .icon, .products-category-title.no-link .breadcrumbs .content ul li:after, .products-category-title.no-link .breadcrumbs .content > span > span a:after, .products-category-title.no-link .content #developer .circle .icon span, .products-category-title.no-link .content .btn-arrow:after, .products-category-title.no-link .content .btn-download, .products-category-title.no-link .content .ico, .products-category-title.no-link .content .list-box ul li:after, .products-category-title.no-link .content .megamenu .menu h3 a:before, .products-category-title.no-link .content .megamenu .menu.menu-blog .slider, .products-category-title.no-link .content .megamenu .menu.menu-video .item > h3:before, .products-category-title.no-link .content .pagination .box .nav, .products-category-title.no-link .content .products-grid.slider .swiper-button-next, .products-category-title.no-link .content .products-grid.slider .swiper-button-prev, .products-category-title.no-link .content .products-section .swiper-button-next, .products-category-title.no-link .content .products-section .swiper-button-prev, .products-category-title.no-link .content .red-modal .content-wrapper .box .controls .modal-close, .products-category-title.no-link .content .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .products-category-title.no-link .content .score .stars span, .products-category-title.no-link .content .timeline .circles .controls .wrapper .nav, .products-category-title.no-link .content .video-box .box-content:after, .products-category-title.no-link .content .video-thumbnail .image:before, .products-category-title.no-link .content .videos-grid .nav-wrapper .nav, .products-category-title.no-link .product-tips .content .nav .icon, .products-category-title.no-link .products-menu .box .content > ul > li:after, .products-grid.slider .products-category-title.no-link .content .swiper-button-next, .products-grid.slider .products-category-title.no-link .content .swiper-button-prev, .products-menu .box .products-category-title.no-link .content > ul > li:after, .products-section .products-category-title.no-link .content .swiper-button-next, .products-section .products-category-title.no-link .content .swiper-button-prev, .red-modal .content-wrapper .box .controls .products-category-title.no-link .content .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .products-category-title.no-link .content .nav, .score .stars .products-category-title.no-link .content span, .timeline .circles .controls .wrapper .products-category-title.no-link .content .nav, .video-box .products-category-title.no-link .content .box-content:after, .video-thumbnail .products-category-title.no-link .content .image:before, .videos-grid .nav-wrapper .products-category-title.no-link .content .nav { display: none } } .products-category-title .content { max-width: var(--content-width); margin: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } @media (max-width: 640px) { .products-category-title .content { display: block } } .products-category-title .content a { display: block; -ms-flex-negative: 0; flex-shrink: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } @media (max-width: 640px) { .products-category-title .content a { text-align: center; -ms-flex-pack: center; justify-content: center } } .products-category-title .content a:hover .h1 { color: #ff8b07 } .products-category-title .content a .h1 { font-weight: 700; color: #4a4a4a } @media (max-width: 640px) { .products-category-title .content a .h1 { text-align: center } } #developer .circle .icon .products-category-title .content a span, .breadcrumbs .products-category-title .content a ul li:after, .breadcrumbs .products-category-title .content ul a li:after, .breadcrumbs .products-category-title .content > span > span a a:after, .list-box ul .products-category-title .content a li:after, .megamenu .menu h3 .products-category-title .content a a:before, .megamenu .menu.menu-blog .products-category-title .content a .slider, .megamenu .menu.menu-video .products-category-title .content a .item > h3:before, .pagination .box .products-category-title .content a .nav, .product-tips .products-category-title .content .nav a .icon, .product-tips .products-category-title .content a .nav .icon, .products-category-title .breadcrumbs .content a ul li:after, .products-category-title .breadcrumbs .content ul a li:after, .products-category-title .breadcrumbs .content > span > span a a:after, .products-category-title .content a #developer .circle .icon span, .products-category-title .content a .btn-arrow:after, .products-category-title .content a .btn-download, .products-category-title .content a .ico, .products-category-title .content a .list-box ul li:after, .products-category-title .content a .megamenu .menu h3 a:before, .products-category-title .content a .megamenu .menu.menu-blog .slider, .products-category-title .content a .megamenu .menu.menu-video .item > h3:before, .products-category-title .content a .pagination .box .nav, .products-category-title .content a .products-grid.slider .swiper-button-next, .products-category-title .content a .products-grid.slider .swiper-button-prev, .products-category-title .content a .products-menu .box .content > ul > li:after, .products-category-title .content a .products-section .swiper-button-next, .products-category-title .content a .products-section .swiper-button-prev, .products-category-title .content a .red-modal .content-wrapper .box .controls .modal-close, .products-category-title .content a .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .products-category-title .content a .score .stars span, .products-category-title .content a .timeline .circles .controls .wrapper .nav, .products-category-title .content a .video-box .box-content:after, .products-category-title .content a .video-thumbnail .image:before, .products-category-title .content a .videos-grid .nav-wrapper .nav, .products-category-title .product-tips .content .nav a .icon, .products-category-title .product-tips .content a .nav .icon, .products-grid.slider .products-category-title .content a .swiper-button-next, .products-grid.slider .products-category-title .content a .swiper-button-prev, .products-menu .box .products-category-title .content a .content > ul > li:after, .products-section .products-category-title .content a .swiper-button-next, .products-section .products-category-title .content a .swiper-button-prev, .red-modal .content-wrapper .box .controls .products-category-title .content a .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .products-category-title .content a .nav, .score .stars .products-category-title .content a span, .timeline .circles .controls .wrapper .products-category-title .content a .nav, .video-box .products-category-title .content a .box-content:after, .video-thumbnail .products-category-title .content a .image:before, .videos-grid .nav-wrapper .products-category-title .content a .nav { margin: 0 var(--padding-medium) } @media (max-width: 640px) { #developer .circle .icon .products-category-title .content a span, .breadcrumbs .products-category-title .content a ul li:after, .breadcrumbs .products-category-title .content ul a li:after, .breadcrumbs .products-category-title .content > span > span a a:after, .list-box ul .products-category-title .content a li:after, .megamenu .menu h3 .products-category-title .content a a:before, .megamenu .menu.menu-blog .products-category-title .content a .slider, .megamenu .menu.menu-video .products-category-title .content a .item > h3:before, .pagination .box .products-category-title .content a .nav, .product-tips .products-category-title .content .nav a .icon, .product-tips .products-category-title .content a .nav .icon, .products-category-title .breadcrumbs .content a ul li:after, .products-category-title .breadcrumbs .content ul a li:after, .products-category-title .breadcrumbs .content > span > span a a:after, .products-category-title .content a #developer .circle .icon span, .products-category-title .content a .btn-arrow:after, .products-category-title .content a .btn-download, .products-category-title .content a .ico, .products-category-title .content a .list-box ul li:after, .products-category-title .content a .megamenu .menu h3 a:before, .products-category-title .content a .megamenu .menu.menu-blog .slider, .products-category-title .content a .megamenu .menu.menu-video .item > h3:before, .products-category-title .content a .pagination .box .nav, .products-category-title .content a .products-grid.slider .swiper-button-next, .products-category-title .content a .products-grid.slider .swiper-button-prev, .products-category-title .content a .products-menu .box .content > ul > li:after, .products-category-title .content a .products-section .swiper-button-next, .products-category-title .content a .products-section .swiper-button-prev, .products-category-title .content a .red-modal .content-wrapper .box .controls .modal-close, .products-category-title .content a .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .products-category-title .content a .score .stars span, .products-category-title .content a .timeline .circles .controls .wrapper .nav, .products-category-title .content a .video-box .box-content:after, .products-category-title .content a .video-thumbnail .image:before, .products-category-title .content a .videos-grid .nav-wrapper .nav, .products-category-title .product-tips .content .nav a .icon, .products-category-title .product-tips .content a .nav .icon, .products-grid.slider .products-category-title .content a .swiper-button-next, .products-grid.slider .products-category-title .content a .swiper-button-prev, .products-menu .box .products-category-title .content a .content > ul > li:after, .products-section .products-category-title .content a .swiper-button-next, .products-section .products-category-title .content a .swiper-button-prev, .red-modal .content-wrapper .box .controls .products-category-title .content a .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .products-category-title .content a .nav, .score .stars .products-category-title .content a span, .timeline .circles .controls .wrapper .products-category-title .content a .nav, .video-box .products-category-title .content a .box-content:after, .video-thumbnail .products-category-title .content a .image:before, .videos-grid .nav-wrapper .products-category-title .content a .nav { display: none } } .products-category-title .content hr { -ms-flex-item-align: end; align-self: flex-end; height: 1px; background-color: #b0b0b0; max-width: none; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 640px) { .products-category-title .content hr { display: none } } .extra-description-section { padding: var(--padding-medium) var(--padding-sides-small); background-color: #f7f7f7 } .extra-description-section > .content { max-width: var(--content-width); margin: auto; display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 5vw } @media (max-width: 830px) { .extra-description-section > .content { grid-template-columns:repeat(1, 1fr); grid-gap: 0 } } .extra-description-section > .content .item .section-title { padding: 0 } .extra-description-section > .content .item:first-child { padding-top: 0 } .megamenu-wrapper { position: relative; z-index: 100 } .megamenu { position: absolute; z-index: 2; left: 0; right: 0; top: 0; pointer-events: none } @media (max-width: 830px) { .megamenu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: all var(--animation-hamburger-menu-time) ease-out; transform: translateX(-100vw) } } @media (max-width: 830px) { .megamenu.open { height: 100vh; transform: translateX(0) } } @media (max-width: 830px) { .megamenu.open .controls { opacity: 1 } } @media (max-width: 830px) { #developer .circle .icon .megamenu.open .controls span, .breadcrumbs .content ul .megamenu.open .controls li:after, .breadcrumbs .content > span > span .megamenu.open .controls a:after, .list-box ul .megamenu.open .controls li:after, .megamenu.open .controls #developer .circle .icon span, .megamenu.open .controls .breadcrumbs .content ul li:after, .megamenu.open .controls .breadcrumbs .content > span > span a:after, .megamenu.open .controls .btn-arrow:after, .megamenu.open .controls .btn-download, .megamenu.open .controls .ico, .megamenu.open .controls .list-box ul li:after, .megamenu.open .controls .menu h3 a:before, .megamenu.open .controls .menu.menu-blog .slider, .megamenu.open .controls .menu.menu-video .item > h3:before, .megamenu.open .controls .pagination .box .nav, .megamenu.open .controls .product-tips .content .nav .icon, .megamenu.open .controls .products-grid.slider .swiper-button-next, .megamenu.open .controls .products-grid.slider .swiper-button-prev, .megamenu.open .controls .products-menu .box .content > ul > li:after, .megamenu.open .controls .products-section .swiper-button-next, .megamenu.open .controls .products-section .swiper-button-prev, .megamenu.open .controls .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .megamenu.open .controls .score .stars span, .megamenu.open .controls .video-box .box-content:after, .megamenu.open .controls .video-thumbnail .image:before, .megamenu.open .controls .videos-grid .nav-wrapper .nav, .megamenu.open .menu h3 .controls a:before, .megamenu.open .menu.menu-blog .controls .slider, .megamenu.open .menu.menu-video .controls .item > h3:before, .megamenu.open .red-modal .content-wrapper .box .controls .modal-close, .megamenu.open .timeline .circles .controls .wrapper .nav, .pagination .box .megamenu.open .controls .nav, .product-tips .content .nav .megamenu.open .controls .icon, .products-grid.slider .megamenu.open .controls .swiper-button-next, .products-grid.slider .megamenu.open .controls .swiper-button-prev, .products-menu .box .megamenu.open .controls .content > ul > li:after, .products-section .megamenu.open .controls .swiper-button-next, .products-section .megamenu.open .controls .swiper-button-prev, .red-modal .content-wrapper .box .megamenu.open .controls .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .megamenu.open .controls .nav, .score .stars .megamenu.open .controls span, .timeline .circles .megamenu.open .controls .wrapper .nav, .video-box .megamenu.open .controls .box-content:after, .video-thumbnail .megamenu.open .controls .image:before, .videos-grid .nav-wrapper .megamenu.open .controls .nav { pointer-events: all; cursor: pointer } } .megamenu .controls { opacity: 0; position: absolute; top: 0; left: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; z-index: 10; pointer-events: none; padding: 15px } .megamenu .menu { opacity: 0; padding: var(--padding-medium) 8vw 2.2vw; margin: auto; background-color: #fff; box-shadow: 0 .5vw 1.2vw rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; right: 0; pointer-events: none; display: grid; grid-template-columns:repeat(5, 1fr); transition: all var(--animation-hamburger-menu-time) ease-out } @media (max-width: 830px) { .megamenu .menu { grid-template-columns:repeat(2, 1fr); height: 100vh } } @media (max-width: 640px) { .megamenu .menu { grid-template-columns:repeat(1, 1fr); -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start } } @media (max-width: 830px) { .megamenu .menu.show { overflow-x: auto } } .megamenu .menu h3 a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ff8b07; text-transform: uppercase; font-weight: 700; letter-spacing: .1vw; font-size: .85em; display: -ms-inline-flexbox; display: inline-flex } .megamenu .menu h3 a:before { content: ""; display: block; margin-right: .3vw } @media (max-width: 640px) { .megamenu .menu h3 a:before { content: none } } @media (max-width: 830px) { .megamenu .menu h3 a { font-size: 1.3em } } .megamenu .menu.show, .megamenu .menu:hover { opacity: 1; pointer-events: all } .megamenu .menu.menu-products { grid-gap: var(--padding-large) } .megamenu .menu.menu-products .item { display: grid; grid-template-rows:2vw auto; -ms-flex-align: start; align-items: flex-start; grid-gap: var(--padding-small) } @media (max-width: 640px) { .megamenu .menu.menu-products .item { grid-template-rows:16px auto } } .megamenu .menu.menu-products .item ul { display: grid; grid-gap: var(--padding-small) } @media (max-width: 640px) { .megamenu .menu.menu-products .item ul { grid-gap: 8px } } .megamenu .menu.menu-products .item ul li a { display: inline-block; color: #4a4a4a } @media (max-width: 830px) { .megamenu .menu.menu-products .item ul li a { font-size: 1.3em } } .megamenu .menu.menu-products .item ul li a:hover { color: #ff8b07 } .megamenu .menu.menu-blog { display: block } .megamenu .menu.menu-blog .mobile-title { display: none } @media (max-width: 830px) { .megamenu .menu.menu-blog .mobile-title { display: block; text-align: center; padding: 30px; pointer-events: none; z-index: 10 } } .megamenu .menu.menu-blog .mobile-title p { color: #ff8b07; text-transform: uppercase; font-weight: 700; letter-spacing: .1vw } .megamenu .menu.menu-blog .slider { padding: var(--padding-small); cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; filter: grayscale(100%) } .megamenu .menu.menu-blog .slider.swiper-button-disabled { opacity: .5; pointer-events: none } .megamenu .menu.menu-blog .slider:focus { outline: 0 } .megamenu .menu.menu-blog .swiper-nav { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } .megamenu .menu.menu-video { display: block; position: relative; padding-bottom: 15px } .megamenu .menu.menu-video .item { display: grid; grid-template-rows:2vw auto; -ms-flex-align: start; align-items: flex-start; grid-gap: var(--padding-small) } @media (max-width: 640px) { .megamenu .menu.menu-video .item { margin-bottom: var(--padding-small) } } .megamenu .menu.menu-video .item > h3 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ff8b07; text-transform: uppercase; font-weight: 700; letter-spacing: .1vw; font-size: .85em; -ms-flex-item-align: end; align-self: flex-end } .megamenu .menu.menu-video .item > h3:before { content: ""; display: block; margin-right: .3vw } @media (max-width: 640px) { .megamenu .menu.menu-video .item > h3:before { content: none } } .megamenu .menu.menu-video .swiper-nav { position: relative; margin-top: -30px; margin-left: -70px; margin-right: -70px; z-index: 100; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 15px } @media (max-width: 830px) { .megamenu .menu.menu-video .swiper-nav { margin-left: 0; margin-right: 0; margin-top: 0; padding: 0 } } .megamenu .menu.menu-video .swiper-nav .swiper-button-next, .megamenu .menu.menu-video .swiper-nav .swiper-button-prev { --size: 2vw; position: relative; top: 0; margin: 0; filter: grayscale(100%); height: var(--size); width: var(--size); background-size: contain } @media (max-width: 1024px) { .megamenu .menu.menu-video .swiper-nav .swiper-button-next, .megamenu .menu.menu-video .swiper-nav .swiper-button-prev { --size: 3vw } } @media (max-width: 830px) { .megamenu .menu.menu-video .swiper-nav .swiper-button-next, .megamenu .menu.menu-video .swiper-nav .swiper-button-prev { --size: 24px } } .megamenu .menu.menu-video .swiper-nav .swiper-button-next:focus, .megamenu .menu.menu-video .swiper-nav .swiper-button-prev:focus { outline: 0 } .video-thumbnail.blog a .image:before { content: none } .video-thumbnail a { display: grid; grid-gap: 0.5vw } .video-thumbnail a:hover .image:before { opacity: 1 } .video-thumbnail .image { background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: var(--btn-round); position: relative } .video-thumbnail .image:before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -2vw; margin-top: -2vw } .video-thumbnail .image:after { content: ""; display: block; padding-bottom: 62% } .video-thumbnail .image .image-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; padding: var(--padding-small) } .video-thumbnail .image .image-text p { background-color: #ff8b07; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: var(--btn-round); padding: .26vw .7vw; line-height: .9; letter-spacing: .06vw; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; margin: 0; white-space: nowrap } .video-thumbnail .image .image-text p.gray { background-color: #4a4a4a } @media (max-width: 1024px) { .video-thumbnail .image .image-text p { padding: 4px 8px } } @media (max-width: 830px) { .video-thumbnail .image .image-text p { font-size: .9rem; font-weight: 600 } } .video-thumbnail .h1 { color: #4a4a4a; font-weight: 500 } .icon-link-grid { padding: var(--padding-medium) var(--padding-sides-large); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .icon-link-grid.modal { padding: 0 } .icon-link-grid .item { --shadow: 0.5vw; box-shadow: 0 0 1vw rgba(0, 0, 0, .18); box-shadow: 0 0 var(--shadow) rgba(176, 176, 176, .6); border-radius: var(--btn-round); position: relative; transition: all .2s ease-out; width: 16%; margin: 1vw; display: flex; justify-content: center; align-items: center; max-height: 200px; } .icon-link-grid .item#Detailingowy { background-color: rgb(122,118,118); } .icon-link-grid .item#Detailingowy img { height: 110px; } @media (max-width: 1200px) { .icon-link-grid .item { width: 24% } } @media (max-width: 830px) { .icon-link-grid .item { width: 32% } } @media (max-width: 640px) { .icon-link-grid .item { width: 250px; margin: var(--padding-mobile) } } @media (min-width: 641px) { .icon-link-grid .item:hover { transform: scale(1.1); --shadow: 1.6vw } } .icon-link-grid .item .content { top: 0; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .icon-link-grid .item img { display: block; width: 100%; -o-object-fit: contain; object-fit: contain } .top-bar { background-color: #f7f7f7; padding: calc(var(--padding-tiny) * 1.2) var(--padding-sides-large); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 830px) { .top-bar { display: none } } .top-bar .motto { font-size: 1.1em } .top-bar .motto p { margin: 0; font-weight: 600 } .top-bar .social-wrapper { display: grid; grid-auto-flow: column; -ms-flex-align: center; align-items: center; grid-gap: 2vw } .top-bar .social-wrapper ul { position: relative } .top-bar .social-wrapper ul:after { content: ""; display: block; position: absolute; top: -.3vw; bottom: -.3vw; right: -1vw; width: 1px; background-color: #b0b0b0 } .top-bar .social-wrapper > a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #4a4a4a } #developer .circle .icon .top-bar .social-wrapper > a span, .breadcrumbs .content ul .top-bar .social-wrapper > a li:after, .breadcrumbs .content > span > span .top-bar .social-wrapper > a a:after, .list-box ul .top-bar .social-wrapper > a li:after, .megamenu .menu h3 .top-bar .social-wrapper > a a:before, .megamenu .menu.menu-blog .top-bar .social-wrapper > a .slider, .megamenu .menu.menu-video .top-bar .social-wrapper > a .item > h3:before, .pagination .box .top-bar .social-wrapper > a .nav, .product-tips .content .nav .top-bar .social-wrapper > a .icon, .products-grid.slider .top-bar .social-wrapper > a .swiper-button-next, .products-grid.slider .top-bar .social-wrapper > a .swiper-button-prev, .products-menu .box .top-bar .social-wrapper > a .content > ul > li:after, .products-section .top-bar .social-wrapper > a .swiper-button-next, .products-section .top-bar .social-wrapper > a .swiper-button-prev, .red-modal .content-wrapper .box .controls .top-bar .social-wrapper > a .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .top-bar .social-wrapper > a .nav, .score .stars .top-bar .social-wrapper > a span, .timeline .circles .controls .wrapper .top-bar .social-wrapper > a .nav, .top-bar .social-wrapper > a #developer .circle .icon span, .top-bar .social-wrapper > a .breadcrumbs .content ul li:after, .top-bar .social-wrapper > a .breadcrumbs .content > span > span a:after, .top-bar .social-wrapper > a .btn-arrow:after, .top-bar .social-wrapper > a .btn-download, .top-bar .social-wrapper > a .ico, .top-bar .social-wrapper > a .list-box ul li:after, .top-bar .social-wrapper > a .megamenu .menu h3 a:before, .top-bar .social-wrapper > a .megamenu .menu.menu-blog .slider, .top-bar .social-wrapper > a .megamenu .menu.menu-video .item > h3:before, .top-bar .social-wrapper > a .pagination .box .nav, .top-bar .social-wrapper > a .product-tips .content .nav .icon, .top-bar .social-wrapper > a .products-grid.slider .swiper-button-next, .top-bar .social-wrapper > a .products-grid.slider .swiper-button-prev, .top-bar .social-wrapper > a .products-menu .box .content > ul > li:after, .top-bar .social-wrapper > a .products-section .swiper-button-next, .top-bar .social-wrapper > a .products-section .swiper-button-prev, .top-bar .social-wrapper > a .red-modal .content-wrapper .box .controls .modal-close, .top-bar .social-wrapper > a .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .top-bar .social-wrapper > a .score .stars span, .top-bar .social-wrapper > a .timeline .circles .controls .wrapper .nav, .top-bar .social-wrapper > a .video-box .box-content:after, .top-bar .social-wrapper > a .video-thumbnail .image:before, .top-bar .social-wrapper > a .videos-grid .nav-wrapper .nav, .video-box .top-bar .social-wrapper > a .box-content:after, .video-thumbnail .top-bar .social-wrapper > a .image:before, .videos-grid .nav-wrapper .top-bar .social-wrapper > a .nav { margin-right: .5vw } .social { display: grid; grid-auto-flow: column; grid-gap: var(--padding-small); -ms-flex-pack: start; justify-content: flex-start } .social li.only-mobile { display: none } @media (max-width: 830px) { .social li.only-mobile { display: block } } .social li a { --size: 1.2vw; background-color: #ff8b07; width: var(--size); height: var(--size); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 50% } @media (max-width: 1024px) { .social li a { --size: 1.8vw } } @media (max-width: 830px) { .social li a { --size: 20px } } .product-image-text { padding: var(--padding-large) 0 } .product-image-text .badge { background-color: #ff8b07; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: var(--btn-round); padding: .26vw .7vw; line-height: .9; letter-spacing: .06vw; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; margin: 0; white-space: nowrap; font-size: .9rem; line-height: 1.4 } .product-image-text .badge.gray { background-color: #4a4a4a } @media (max-width: 1024px) { .product-image-text .badge { padding: 4px 8px } } @media (max-width: 830px) { .product-image-text .badge { font-size: .9rem; font-weight: 600 } } .product-image-text .content { max-width: var(--content-width); margin: auto; display: grid; grid-template-columns:42% auto; grid-gap: var(--padding-large); -ms-flex-align: start; align-items: flex-start } @media (max-width: 830px) { .product-image-text .content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } } .product-image-text .content .image { width: 100%; position: relative } .product-image-text .content .image .title { display: none } @media (max-width: 830px) { .product-image-text .content .image .title { display: block; margin-bottom: var(--padding-small) } } .product-image-text .content .image .product-image { position: relative; position: relative } .product-image-text .content .image .product-image:after { content: ""; display: block; padding-bottom: 100% } .product-image-text .content .image .product-image > * { position: absolute; width: 100%; height: 100% } .product-image-text .content .image .product-image .image-frame { overflow: hidden } .product-image-text .content .image .product-image .image-frame img { opacity: 0; pointer-events: none; position: absolute; height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; transition: all .1s ease-out; transform: scale(.7) } .product-image-text .content .image .product-image .image-frame img.show, .product-image-text .content .image .product-image .image-frame picture.show { position: absolute; top: 0; left: 0; transform: scale(1); opacity: 1; pointer-events: all } .product-image-text .content .image .product-thumbnails { width: 100% } @media (max-width: 830px) { .product-image-text .content .image .product-image, .product-image-text .content .image .product-thumbnails { width: 60%; margin: auto } } @media (max-width: 640px) { .product-image-text .content .image .product-image, .product-image-text .content .image .product-thumbnails { width: auto } } .product-image-text .content .image .image-frame { border-radius: var(--btn-round); border: 1px solid #b0b0b0; padding: var(--padding-tiny); margin: 1px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .product-image-text .content .image img { max-width: 100%; -o-object-fit: contain; object-fit: contain; display: block; margin: auto } .product-image-text .content .image .gallery-navigation { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 0; right: 0; padding: 15px; pointer-events: none } #developer .circle .icon .product-image-text .content .image .gallery-navigation span, .breadcrumbs .product-image-text .content .image .gallery-navigation ul li:after, .breadcrumbs .product-image-text .content ul .image .gallery-navigation li:after, .breadcrumbs .product-image-text .content > span > span .image .gallery-navigation a:after, .list-box ul .product-image-text .content .image .gallery-navigation li:after, .megamenu .menu h3 .product-image-text .content .image .gallery-navigation a:before, .megamenu .menu.menu-blog .product-image-text .content .image .gallery-navigation .slider, .megamenu .menu.menu-video .product-image-text .content .image .gallery-navigation .item > h3:before, .pagination .box .product-image-text .content .image .gallery-navigation .nav, .product-image-text .breadcrumbs .content .image .gallery-navigation ul li:after, .product-image-text .breadcrumbs .content ul .image .gallery-navigation li:after, .product-image-text .breadcrumbs .content > span > span .image .gallery-navigation a:after, .product-image-text .content .image .gallery-navigation #developer .circle .icon span, .product-image-text .content .image .gallery-navigation .btn-arrow:after, .product-image-text .content .image .gallery-navigation .btn-download, .product-image-text .content .image .gallery-navigation .ico, .product-image-text .content .image .gallery-navigation .list-box ul li:after, .product-image-text .content .image .gallery-navigation .megamenu .menu h3 a:before, .product-image-text .content .image .gallery-navigation .megamenu .menu.menu-blog .slider, .product-image-text .content .image .gallery-navigation .megamenu .menu.menu-video .item > h3:before, .product-image-text .content .image .gallery-navigation .pagination .box .nav, .product-image-text .content .image .gallery-navigation .products-grid.slider .swiper-button-next, .product-image-text .content .image .gallery-navigation .products-grid.slider .swiper-button-prev, .product-image-text .content .image .gallery-navigation .products-menu .box .content > ul > li:after, .product-image-text .content .image .gallery-navigation .products-section .swiper-button-next, .product-image-text .content .image .gallery-navigation .products-section .swiper-button-prev, .product-image-text .content .image .gallery-navigation .red-modal .content-wrapper .box .controls .modal-close, .product-image-text .content .image .gallery-navigation .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .product-image-text .content .image .gallery-navigation .score .stars span, .product-image-text .content .image .gallery-navigation .timeline .circles .controls .wrapper .nav, .product-image-text .content .image .gallery-navigation .video-box .box-content:after, .product-image-text .content .image .gallery-navigation .video-thumbnail .image:before, .product-image-text .content .image .gallery-navigation .videos-grid .nav-wrapper .nav, .product-image-text .product-tips .content .image .gallery-navigation .nav .icon, .product-image-text .product-tips .content .nav .image .gallery-navigation .icon, .product-tips .product-image-text .content .image .gallery-navigation .nav .icon, .product-tips .product-image-text .content .nav .image .gallery-navigation .icon, .products-grid.slider .product-image-text .content .image .gallery-navigation .swiper-button-next, .products-grid.slider .product-image-text .content .image .gallery-navigation .swiper-button-prev, .products-menu .box .product-image-text .content .image .gallery-navigation .content > ul > li:after, .products-section .product-image-text .content .image .gallery-navigation .swiper-button-next, .products-section .product-image-text .content .image .gallery-navigation .swiper-button-prev, .red-modal .content-wrapper .box .controls .product-image-text .content .image .gallery-navigation .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .product-image-text .content .image .gallery-navigation .nav, .score .stars .product-image-text .content .image .gallery-navigation span, .timeline .circles .controls .wrapper .product-image-text .content .image .gallery-navigation .nav, .video-box .product-image-text .content .image .gallery-navigation .box-content:after, .video-thumbnail .product-image-text .content .image .gallery-navigation .image:before, .videos-grid .nav-wrapper .product-image-text .content .image .gallery-navigation .nav { pointer-events: all; cursor: pointer; --size: 2.2em } #developer .circle .icon .product-image-text .content .image .gallery-navigation span.disabled, .breadcrumbs .product-image-text .content .image .gallery-navigation ul li.disabled:after, .breadcrumbs .product-image-text .content ul .image .gallery-navigation li.disabled:after, .breadcrumbs .product-image-text .content > span > span .image .gallery-navigation a.disabled:after, .list-box ul .product-image-text .content .image .gallery-navigation li.disabled:after, .megamenu .menu h3 .product-image-text .content .image .gallery-navigation a.disabled:before, .megamenu .menu.menu-blog .product-image-text .content .image .gallery-navigation .disabled.slider, .megamenu .menu.menu-video .product-image-text .content .image .gallery-navigation .item > h3.disabled:before, .pagination .box .product-image-text .content .image .gallery-navigation .disabled.nav, .product-image-text .breadcrumbs .content .image .gallery-navigation ul li.disabled:after, .product-image-text .breadcrumbs .content ul .image .gallery-navigation li.disabled:after, .product-image-text .breadcrumbs .content > span > span .image .gallery-navigation a.disabled:after, .product-image-text .content .image .gallery-navigation #developer .circle .icon span.disabled, .product-image-text .content .image .gallery-navigation .disabled.btn-arrow:after, .product-image-text .content .image .gallery-navigation .disabled.btn-download, .product-image-text .content .image .gallery-navigation .ico.disabled, .product-image-text .content .image .gallery-navigation .list-box ul li.disabled:after, .product-image-text .content .image .gallery-navigation .megamenu .menu h3 a.disabled:before, .product-image-text .content .image .gallery-navigation .megamenu .menu.menu-blog .disabled.slider, .product-image-text .content .image .gallery-navigation .megamenu .menu.menu-video .item > h3.disabled:before, .product-image-text .content .image .gallery-navigation .pagination .box .disabled.nav, .product-image-text .content .image .gallery-navigation .products-grid.slider .disabled.swiper-button-next, .product-image-text .content .image .gallery-navigation .products-grid.slider .disabled.swiper-button-prev, .product-image-text .content .image .gallery-navigation .products-menu .box .content > ul > li.disabled:after, .product-image-text .content .image .gallery-navigation .products-section .disabled.swiper-button-next, .product-image-text .content .image .gallery-navigation .products-section .disabled.swiper-button-prev, .product-image-text .content .image .gallery-navigation .red-modal .content-wrapper .box .controls .disabled.modal-close, .product-image-text .content .image .gallery-navigation .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .disabled.nav, .product-image-text .content .image .gallery-navigation .score .stars span.disabled, .product-image-text .content .image .gallery-navigation .timeline .circles .controls .wrapper .disabled.nav, .product-image-text .content .image .gallery-navigation .video-box .disabled.box-content:after, .product-image-text .content .image .gallery-navigation .video-thumbnail .disabled.image:before, .product-image-text .content .image .gallery-navigation .videos-grid .nav-wrapper .disabled.nav, .product-image-text .product-tips .content .image .gallery-navigation .nav .disabled.icon, .product-image-text .product-tips .content .nav .image .gallery-navigation .disabled.icon, .product-tips .product-image-text .content .image .gallery-navigation .nav .disabled.icon, .product-tips .product-image-text .content .nav .image .gallery-navigation .disabled.icon, .products-grid.slider .product-image-text .content .image .gallery-navigation .disabled.swiper-button-next, .products-grid.slider .product-image-text .content .image .gallery-navigation .disabled.swiper-button-prev, .products-menu .box .product-image-text .content .image .gallery-navigation .content > ul > li.disabled:after, .products-section .product-image-text .content .image .gallery-navigation .disabled.swiper-button-next, .products-section .product-image-text .content .image .gallery-navigation .disabled.swiper-button-prev, .red-modal .content-wrapper .box .controls .product-image-text .content .image .gallery-navigation .disabled.modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .product-image-text .content .image .gallery-navigation .disabled.nav, .score .stars .product-image-text .content .image .gallery-navigation span.disabled, .timeline .circles .controls .wrapper .product-image-text .content .image .gallery-navigation .disabled.nav, .video-box .product-image-text .content .image .gallery-navigation .disabled.box-content:after, .video-thumbnail .product-image-text .content .image .gallery-navigation .disabled.image:before, .videos-grid .nav-wrapper .product-image-text .content .image .gallery-navigation .disabled.nav { opacity: .5; pointer-events: none; filter: grayscale(100%) } #developer .circle .icon .product-image-text .content .image .gallery-navigation span:focus, .breadcrumbs .product-image-text .content .image .gallery-navigation ul li:focus:after, .breadcrumbs .product-image-text .content ul .image .gallery-navigation li:focus:after, .breadcrumbs .product-image-text .content > span > span .image .gallery-navigation a:focus:after, .list-box ul .product-image-text .content .image .gallery-navigation li:focus:after, .megamenu .menu h3 .product-image-text .content .image .gallery-navigation a:focus:before, .megamenu .menu.menu-blog .product-image-text .content .image .gallery-navigation .slider:focus, .megamenu .menu.menu-video .product-image-text .content .image .gallery-navigation .item > h3:focus:before, .pagination .box .product-image-text .content .image .gallery-navigation .nav:focus, .product-image-text .breadcrumbs .content .image .gallery-navigation ul li:focus:after, .product-image-text .breadcrumbs .content ul .image .gallery-navigation li:focus:after, .product-image-text .breadcrumbs .content > span > span .image .gallery-navigation a:focus:after, .product-image-text .content .image .gallery-navigation #developer .circle .icon span:focus, .product-image-text .content .image .gallery-navigation .btn-arrow:focus:after, .product-image-text .content .image .gallery-navigation .btn-download:focus, .product-image-text .content .image .gallery-navigation .ico:focus, .product-image-text .content .image .gallery-navigation .list-box ul li:focus:after, .product-image-text .content .image .gallery-navigation .megamenu .menu h3 a:focus:before, .product-image-text .content .image .gallery-navigation .megamenu .menu.menu-blog .slider:focus, .product-image-text .content .image .gallery-navigation .megamenu .menu.menu-video .item > h3:focus:before, .product-image-text .content .image .gallery-navigation .pagination .box .nav:focus, .product-image-text .content .image .gallery-navigation .products-grid.slider .swiper-button-next:focus, .product-image-text .content .image .gallery-navigation .products-grid.slider .swiper-button-prev:focus, .product-image-text .content .image .gallery-navigation .products-menu .box .content > ul > li:focus:after, .product-image-text .content .image .gallery-navigation .products-section .swiper-button-next:focus, .product-image-text .content .image .gallery-navigation .products-section .swiper-button-prev:focus, .product-image-text .content .image .gallery-navigation .red-modal .content-wrapper .box .controls .modal-close:focus, .product-image-text .content .image .gallery-navigation .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav:focus, .product-image-text .content .image .gallery-navigation .score .stars span:focus, .product-image-text .content .image .gallery-navigation .timeline .circles .controls .wrapper .nav:focus, .product-image-text .content .image .gallery-navigation .video-box .box-content:focus:after, .product-image-text .content .image .gallery-navigation .video-thumbnail .image:focus:before, .product-image-text .content .image .gallery-navigation .videos-grid .nav-wrapper .nav:focus, .product-image-text .product-tips .content .image .gallery-navigation .nav .icon:focus, .product-image-text .product-tips .content .nav .image .gallery-navigation .icon:focus, .product-tips .product-image-text .content .image .gallery-navigation .nav .icon:focus, .product-tips .product-image-text .content .nav .image .gallery-navigation .icon:focus, .products-grid.slider .product-image-text .content .image .gallery-navigation .swiper-button-next:focus, .products-grid.slider .product-image-text .content .image .gallery-navigation .swiper-button-prev:focus, .products-menu .box .product-image-text .content .image .gallery-navigation .content > ul > li:focus:after, .products-section .product-image-text .content .image .gallery-navigation .swiper-button-next:focus, .products-section .product-image-text .content .image .gallery-navigation .swiper-button-prev:focus, .red-modal .content-wrapper .box .controls .product-image-text .content .image .gallery-navigation .modal-close:focus, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .product-image-text .content .image .gallery-navigation .nav:focus, .score .stars .product-image-text .content .image .gallery-navigation span:focus, .timeline .circles .controls .wrapper .product-image-text .content .image .gallery-navigation .nav:focus, .video-box .product-image-text .content .image .gallery-navigation .box-content:focus:after, .video-thumbnail .product-image-text .content .image .gallery-navigation .image:focus:before, .videos-grid .nav-wrapper .product-image-text .content .image .gallery-navigation .nav:focus { outline: 0 } .product-image-text .content .image .product-thumbnails { padding: var(--padding-small) } .product-image-text .content .image .product-thumbnails .swiper-slide { position: relative } .product-image-text .content .image .product-thumbnails .swiper-slide:after { content: ""; padding-bottom: 80%; display: block } .product-image-text .content .image .product-thumbnails .swiper-slide .image-frame { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; cursor: pointer } .product-image-text .content .image .product-thumbnails .swiper-slide .image-frame.active { border-color: #ff8b07 } .product-image-text .content .image .product-thumbnails .swiper-slide .image-frame img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .product-image-text .content .text { width: 100%; display: grid; grid-template-columns:auto 25%; grid-gap: var(--padding-medium) var(--padding-large); grid-template-areas:"social social" "title title" "score score" "select select" "list buttons" } @media (max-width: 1200px) { .product-image-text .content .text { grid-gap: var(--padding-medium) } } @media (max-width: 830px) { .product-image-text .content .text { grid-template-areas:"social social" "score score" "select select" "list buttons"; margin-top: var(--padding-small) } } @media (max-width: 640px) { .product-image-text .content .text { grid-template-columns:1fr; grid-template-areas:"social" "score" "select" "list" "buttons" } } .product-image-text .content .text .score-wrapper, .product-image-text .content .text .select-wrapper, .product-image-text .content .text .social-wrapper { display: grid; grid-template-columns:5vw auto; grid-gap: var(--padding-small); -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center } @media (max-width: 1024px) { .product-image-text .content .text .score-wrapper, .product-image-text .content .text .select-wrapper, .product-image-text .content .text .social-wrapper { grid-template-columns:8vw auto } } @media (max-width: 830px) { .product-image-text .content .text .score-wrapper, .product-image-text .content .text .select-wrapper, .product-image-text .content .text .social-wrapper { grid-template-columns:14vw auto } } @media (max-width: 640px) { .product-image-text .content .text .score-wrapper, .product-image-text .content .text .select-wrapper, .product-image-text .content .text .social-wrapper { grid-template-columns:auto auto } } .product-image-text .content .text .score-wrapper.single-ktm, .product-image-text .content .text .select-wrapper.single-ktm, .product-image-text .content .text .social-wrapper.single-ktm { display: -ms-flexbox; display: flex } .product-image-text .content .text .social-wrapper { grid-area: social } .product-image-text .content .text .title { grid-area: title; font-size: .9em } @media (max-width: 830px) { .product-image-text .content .text .title { display: none } } .product-image-text .content .text .title h1 { font-weight: 700 } .product-image-text .content .text .score-wrapper { grid-area: score } .product-image-text .content .text .select-wrapper { grid-area: select } .product-image-text .content .text .select-wrapper .variant-name { text-transform: lowercase } .product-image-text .content .text .select-wrapper .group { display: grid; grid-gap: var(--padding-small); grid-auto-flow: column; -ms-flex-align: center; align-items: center } @media (max-width: 640px) { .product-image-text .content .text .select-wrapper .group { grid-auto-flow: row; grid-template-columns:70% 30% } } @media (max-width: 640px) { .product-image-text .content .text .select-wrapper .group select { max-width: 50vw } } .product-image-text .content .text .select-wrapper .group p { font-size: 1.2em; font-weight: 500; color: #ff8b07; white-space: nowrap } .product-image-text .content .text .text-wrapper { grid-area: text } .product-image-text .content .text .list-box { grid-area: list } .product-image-text .content .text .buttons-wrapper { grid-area: buttons; display: grid; grid-gap: var(--padding-small); -ms-flex-line-pack: end; align-content: flex-end } .score { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .score .stars { display: grid; grid-template-columns:repeat(5, 1fr); grid-gap: 0.5vw } .score .stars.stars-picker span { cursor: pointer } @media (max-width: 640px) { .score .stars span { --size: 30px !important } } .score .label { padding-left: .5vw } .score .label p { margin: 0; margin-top: .2vw; letter-spacing: .05vw; color: #b0b0b0; font-size: .9em } .list-box { border-radius: var(--btn-round); box-shadow: 0 0 1vw rgba(0, 0, 0, .18); padding: 2vw 2.8vw; padding: 1.6vw 1.8vw; color: #4a4a4a } @media (max-width: 640px) { .list-box { padding: var(--padding-mobile) } } .list-box h2 { font-weight: 600; text-transform: uppercase; margin-bottom: var(--padding-small) } .list-box ul li { padding: calc(var(--padding-tiny) * 1.2) 0; font-weight: 300; border-bottom: 1px solid #e3e3e3; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .list-box ul li:last-child { border: 0 } .list-box ul li:after { content: ""; margin-right: .4vw; -ms-flex-negative: 0; flex-shrink: 0 } .step-list .content { max-width: var(--content-width); margin: auto; --columns: 3; display: grid; grid-template-columns:repeat(var(--columns), 1fr); grid-gap: var(--padding-medium) var(--padding-large) } @media (max-width: 1200px) { .step-list .content { --columns: 3 } } @media (max-width: 830px) { .step-list .content { --columns: 2 } } @media (max-width: 640px) { .step-list .content { --columns: 1 } } .step-list .content .item { --circle-size: 4.4vw; position: relative; padding: calc(var(--circle-size) / 2) var(--padding-small) var(--padding-medium); border-radius: var(--btn-round); background-color: #fff; text-align: center; min-height: 10vw; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: calc(var(--circle-size) / 2) 0 0 } @media (max-width: 1200px) { .step-list .content .item { --circle-size: 6vw } } @media (max-width: 830px) { .step-list .content .item { --circle-size: 8vw } } @media (max-width: 640px) { .step-list .content .item { --circle-size: 50px; width: 100%; padding-top: 32px } } .step-list .content .item .circle { background-color: #ff8b07; width: var(--circle-size); height: var(--circle-size); border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; position: absolute; top: calc(var(--circle-size) * -1 / 2) } .step-list .content .item .circle span:nth-child(1) { font-size: 2em; font-weight: 300 } .step-list .content .item p { color: #ff8b07; font-weight: 500 } @media (max-width: 640px) { .step-list .content .item p { margin-top: calc(var(--padding-mobile) / 2) } } .comments-wrapper .content { max-width: var(--content-width); margin: auto; border-bottom: 1px solid #ff8b07 } .comments-wrapper .content .items { padding: 0 var(--product-padding-sides) } .comments-wrapper .content .items .comment:last-child { border: 0 } .comments-wrapper .content .btn-section { padding: 0 0 var(--padding-medium) 0; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } .comment { padding: var(--padding-medium) 0; border-bottom: 1px solid #b0b0b0 } .comment h1, .comment h2.h1 { font-size: 1.5em; font-weight: 700 } .comment .info { display: grid; grid-auto-flow: column; grid-gap: 1vw; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center } .comment .info time { color: #b0b0b0; font-weight: 600; letter-spacing: .06vw; display: inline-block; font-size: 1.1rem; margin: 0; font-size: .9em } @media (max-width: 830px) { .comment .info time { font-size: 1rem } } .add-comment-form .content { max-width: var(--content-width); margin: auto; padding: var(--padding-medium) var(--product-padding-sides) } .add-comment-form .content p { font-weight: 500 } .add-comment-form .content p.lead { font-weight: 300; font-size: 1.6em } .add-comment-form .content form { padding: var(--padding-small) 0; display: grid; grid-gap: var(--padding-small); justify-items: flex-start; grid-template-columns:[start] 1fr 1fr [end] } @media (max-width: 640px) { .add-comment-form .content form { grid-template-columns:[start] 1fr [end] } } .add-comment-form .content form .input-wrapper { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .add-comment-form .content form .input-wrapper.wide { grid-column: start/end } .add-comment-form .content form input[type=text], .add-comment-form .content form textarea { width: 100% } .product-description .content { max-width: var(--content-width); margin: auto; padding: 0 var(--product-padding-sides) } .video-box { background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: var(--btn-round); position: relative; cursor: pointer; transition: all .2s ease-out } .video-box:hover .box-content:after { opacity: 1 } @media (min-width: 641px) { .video-box.thumbnail:hover { box-shadow: 0 0 1vw rgba(0, 0, 0, .18); transform: scale(1.05) } .video-box.thumbnail:hover .box-content:before { opacity: 1 } } .video-box.thumbnail:after { padding-bottom: 70% } .video-box.thumbnail .box-content .text h2 { font-size: 1.5em } .video-box:after { content: ""; display: block; padding-bottom: 54.5% } .video-box .box-content { top: 0; left: 0; right: 0; bottom: 0; position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; padding: var(--padding-medium); overflow: hidden; border-radius: var(--btn-round) } .video-box .box-content:after { content: ""; width: 5vw; height: 5vw; position: absolute; left: 50%; top: 50%; margin-left: -2.5vw; margin-top: -2.5vw } @media (max-width: 640px) { .video-box .box-content:after { width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; opacity: 1 } } .video-box .box-content:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .4) } .video-box .box-content .text { position: relative; z-index: 2 } .video-box .box-content .text p { font-size: 1rem; color: #ff8b07; text-transform: uppercase; font-weight: 700; letter-spacing: .03vw } .product-video .content { max-width: var(--content-width); margin: auto } .product-video .content .video-box { width: 67.5%; margin: auto } @media (max-width: 640px) { .product-video .content .video-box { width: 100% } } .product-tips { --nav-width: 2vw; margin-bottom: -100px } @media (max-width: 1024px) { .product-tips { margin-bottom: 0 } } @media (max-width: 640px) { .product-tips { --nav-width: 16px } } .product-tips .content { max-width: var(--content-width); margin: auto; width: 50vw; position: relative } @media (max-width: 830px) { .product-tips .content { width: 90vw } } @media (max-width: 640px) { .product-tips .content { width: 100%; max-width: none } } .product-tips .content .nav { pointer-events: none; z-index: 100; position: absolute; left: calc(var(--nav-width) * -1); right: calc(var(--nav-width) * -1); height: 100px; top: 50%; margin-top: calc(var(--nav-width) * -1 / 2); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 640px) { .product-tips .content .nav { left: 0; right: 0 } } .product-tips .content .nav .icon { width: var(--nav-width); height: var(--nav-width); cursor: pointer; pointer-events: all } .product-tips .content .nav .icon.swiper-button-disabled { opacity: .2 } .product-tips .content .nav .icon:focus { outline: 0 } .product-tips .content .swiper-container { width: 100% } .product-tips .content .swiper-slide { padding: var(--padding-medium) } .text-box { width: 100%; background-color: #fff; box-shadow: 0 0 1vw rgba(0, 0, 0, .18); border-radius: var(--btn-round); padding: var(--padding-large) } .text-box .icon { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: calc(var(--padding-large) * -1) } .text-box .icon img { width: 5vw; height: 8vw } @media (max-width: 830px) { .text-box .icon img { width: 8vw; height: 12vw } } @media (max-width: 640px) { .text-box .icon img { width: 50px; height: 70px } } .contact-form .content { max-width: var(--content-width); margin: auto } .contact-form .content form { display: grid; grid-template-columns:repeat(2, 1fr); grid-template-areas:"name voivodeship" "email message" "city message" "legal legal" "recaptcha recaptcha" "response response" "submit submit"; grid-gap: var(--padding-small) var(--padding-large); width: 50vw; margin: auto } @media (max-width: 830px) { .contact-form .content form { width: 90vw } } @media (max-width: 640px) { .contact-form .content form { width: 100%; grid-template-columns:repeat(1, 1fr); grid-template-areas:"name" "voivodeship" "email" "city" "message" "legal" "recaptcha" "response" "submit"; grid-gap: calc(var(--padding-mobile) / 2) } } .contact-form .content form .input-wrapper.name { grid-area: name } .contact-form .content form .input-wrapper.email { grid-area: email } .contact-form .content form .input-wrapper.city { grid-area: city } .contact-form .content form .input-wrapper.voivodeship { grid-area: voivodeship } .contact-form .content form .input-wrapper.message { grid-area: message; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .contact-form .content form .input-wrapper.message .red-js-form-control-wrapper { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex } .contact-form .content form .input-wrapper.message .red-js-form-control-wrapper textarea { height: auto } .contact-form .content form .input-wrapper.legal { grid-area: legal } .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper { display: -ms-flexbox; display: flex } .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper input { margin-top: 10px } .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper label, .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper li, .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper p { font-size: .7rem } @media (max-width: 1380px) { .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper label, .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper li, .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper p { font-size: .8rem } } @media (max-width: 640px) { .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper label, .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper li, .contact-form .content form .input-wrapper.legal .red-js-form-control-wrapper p { font-size: .9rem } } .contact-form .content form .input-wrapper.recaptcha-wrapper { grid-area: recaptcha; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .contact-form .content form .input-wrapper.response { grid-area: response; text-align: center } .contact-form .content form .input-wrapper.submit { grid-area: submit; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .contact-form .content form .input-wrapper label { padding-left: var(--padding-small); color: #b0b0b0 } @media (max-width: 640px) { .contact-form .content form .input-wrapper label { padding-left: 0 } } .contact-information { padding: var(--padding-medium) 0 var(--padding-large) } @media (max-width: 640px) { .contact-information { padding-top: 0 } } .contact-information .content { max-width: var(--content-width); margin: auto; display: grid; grid-template-columns:7fr 5fr; grid-gap: var(--padding-large) } @media (max-width: 830px) { .contact-information .content { grid-template-columns:auto } } .contact-information .content .text { padding-top: var(--padding-large); display: grid; grid-template-columns:repeat(2, 1fr); grid-gap: 10vw } @media (max-width: 830px) { .contact-information .content .text { grid-gap: var(--padding-small) } } @media (max-width: 640px) { .contact-information .content .text { padding-top: 0 } } .contact-information .content .text h3 { font-size: 1rem; color: #ff8b07; text-transform: uppercase; font-weight: 700; letter-spacing: .03vw; margin-bottom: var(--padding-small) } .contact-information .content .text .col:nth-child(1) { position: relative } .contact-information .content .text .col:nth-child(1):after { content: ""; top: 0; bottom: 0; right: calc(var(--padding-large) * -1); position: absolute; background-color: #b0b0b0; width: 1px } @media (max-width: 830px) { .contact-information .content .text .col:nth-child(1):after { content: none } } .contact-information .content .map { box-shadow: 0 0 1vw rgba(0, 0, 0, .18); border-radius: var(--btn-round); overflow: hidden; position: relative; height: 400px; } @media (max-width: 830px) { .contact-information .content .map { width: 70%; margin: auto } } @media (max-width: 640px) { .contact-information .content .map { width: 100% } } .contact-information .content .map:after { content: ""; display: block; padding-bottom: 68% } .contact-information .content .map #gmap { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .videos-grid { padding: var(--padding-medium) var(--padding-sides-large) } .videos-grid .swiper-slide { padding: var(--padding-small) } @media (max-width: 640px) { .videos-grid .swiper-slide { padding: 0 } } .videos-grid .nav-wrapper { padding: var(--padding-medium); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .videos-grid .nav-wrapper .nav { width: 2vw; height: 2vw; margin: 0 var(--padding-small); cursor: pointer } @media (max-width: 640px) { .videos-grid .nav-wrapper .nav { width: 22px; height: 22px } } .videos-grid .nav-wrapper .nav.swiper-button-disabled { filter: grayscale(100%); opacity: .5 } .videos-grid .nav-wrapper .nav:focus { outline: 0 } .expand-table { padding: var(--padding-sides-medium) var(--padding-large) } @media (max-width: 640px) { .expand-table { padding-bottom: 0 } } .expand-table .box { border-radius: var(--btn-round); box-shadow: 0 0 1vw rgba(0, 0, 0, .18) } .expand-table .box .title { background-color: #ff8b07; padding: var(--padding-medium) var(--padding-large); border-radius: var(--btn-round); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; cursor: pointer } @media (max-width: 640px) { .expand-table .box .title .h1 { font-size: 1.5em } } .expand-table .box .title .expand { transition: all .1s ease-out } .expand-table .box .title .expand.open { transform: scaleY(-1) } .expand-table .box .expand-content .content { padding: var(--padding-medium) var(--padding-large) } .expand-box { border: 1px solid #ff8b07; border-radius: var(--btn-round); padding: var(--padding-tiny) var(--padding-medium); margin-bottom: var(--margin-small) } @media (max-width: 640px) { .expand-box { padding: var(--padding-tiny) } } .expand-box .expand-box-title { padding: var(--padding-tiny) 0; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 640px) { .expand-box .expand-box-title { padding: 0 } } #developer .circle .icon .expand-box .expand-box-title.open span, .breadcrumbs .content ul .expand-box .expand-box-title.open li:after, .breadcrumbs .content > span > span .expand-box .expand-box-title.open a:after, .expand-box .expand-box-title.open #developer .circle .icon span, .expand-box .expand-box-title.open .breadcrumbs .content ul li:after, .expand-box .expand-box-title.open .breadcrumbs .content > span > span a:after, .expand-box .expand-box-title.open .btn-arrow:after, .expand-box .expand-box-title.open .btn-download, .expand-box .expand-box-title.open .ico, .expand-box .expand-box-title.open .list-box ul li:after, .expand-box .expand-box-title.open .megamenu .menu h3 a:before, .expand-box .expand-box-title.open .megamenu .menu.menu-blog .slider, .expand-box .expand-box-title.open .megamenu .menu.menu-video .item > h3:before, .expand-box .expand-box-title.open .pagination .box .nav, .expand-box .expand-box-title.open .product-tips .content .nav .icon, .expand-box .expand-box-title.open .products-grid.slider .swiper-button-next, .expand-box .expand-box-title.open .products-grid.slider .swiper-button-prev, .expand-box .expand-box-title.open .products-menu .box .content > ul > li:after, .expand-box .expand-box-title.open .products-section .swiper-button-next, .expand-box .expand-box-title.open .products-section .swiper-button-prev, .expand-box .expand-box-title.open .red-modal .content-wrapper .box .controls .modal-close, .expand-box .expand-box-title.open .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .expand-box .expand-box-title.open .score .stars span, .expand-box .expand-box-title.open .timeline .circles .controls .wrapper .nav, .expand-box .expand-box-title.open .video-box .box-content:after, .expand-box .expand-box-title.open .video-thumbnail .image:before, .expand-box .expand-box-title.open .videos-grid .nav-wrapper .nav, .list-box ul .expand-box .expand-box-title.open li:after, .megamenu .menu h3 .expand-box .expand-box-title.open a:before, .megamenu .menu.menu-blog .expand-box .expand-box-title.open .slider, .megamenu .menu.menu-video .expand-box .expand-box-title.open .item > h3:before, .pagination .box .expand-box .expand-box-title.open .nav, .product-tips .content .nav .expand-box .expand-box-title.open .icon, .products-grid.slider .expand-box .expand-box-title.open .swiper-button-next, .products-grid.slider .expand-box .expand-box-title.open .swiper-button-prev, .products-menu .box .expand-box .expand-box-title.open .content > ul > li:after, .products-section .expand-box .expand-box-title.open .swiper-button-next, .products-section .expand-box .expand-box-title.open .swiper-button-prev, .red-modal .content-wrapper .box .controls .expand-box .expand-box-title.open .modal-close, .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .expand-box .expand-box-title.open .nav, .score .stars .expand-box .expand-box-title.open span, .timeline .circles .controls .wrapper .expand-box .expand-box-title.open .nav, .video-box .expand-box .expand-box-title.open .box-content:after, .video-thumbnail .expand-box .expand-box-title.open .image:before, .videos-grid .nav-wrapper .expand-box .expand-box-title.open .nav { transform: rotateZ(180deg) } .expand-box .expand-box-title p { margin: 0; color: #ff8b07; font-size: 1.2rem } .expand-box .expand-box-content table tbody td a { font-weight: 500; color: #4a4a4a } .expand-box .expand-box-content .download-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } @media (max-width: 640px) { .expand-box .expand-box-content { overflow-x: auto } .expand-box .expand-box-content table { width: 500px } } .red-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; transition: all .2s ease-out; opacity: 0; pointer-events: none; transition-delay: 0.1s } .red-modal.show { pointer-events: all; opacity: 1; transition-delay: 0s } .red-modal.show .content-wrapper .box { pointer-events: all; transform: scale(1); opacity: 1; transition-delay: 0.1s } .red-modal.text.slim .content-wrapper .box { width: 40vw } @media (max-width: 1380px) { .red-modal.text.slim .content-wrapper .box { width: 60vw } } @media (max-width: 830px) { .red-modal.text.slim .content-wrapper .box { width: 100% } } .red-modal.text .content-wrapper .box .modal-content { background-color: #fff; border-radius: var(--btn-round); padding: var(--padding-medium) } .red-modal.video.lightbox .content-wrapper { width: auto } .red-modal.video.lightbox .content-wrapper .box { width: auto } .red-modal.video.lightbox .content-wrapper .box .modal-content { height: 95vh; max-width: 95vh; width: 100%; position: relative } .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav { position: absolute; left: 0; right: 0; top: 50%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; pointer-events: none; height: 100px; margin-top: -50px; z-index: 10 } @media (max-width: 830px) { .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav { width: 100vw; display: none } } .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav { pointer-events: all; --size: 32px !important } @media (max-width: 1024px) { .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav { --size: 16px !important } } .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav.swiper-button-disabled { opacity: .3; pointer-events: none } .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav:focus { outline: 0 } .red-modal.video.lightbox .content-wrapper .box .modal-content .swiper-slide { height: 95vh } .red-modal.video.lightbox .content-wrapper .box .modal-content img { height: 95vh; width: 100%; -o-object-fit: contain; object-fit: contain; max-width: 90vw } @media (max-width: 830px) { .red-modal.video .content-wrapper .box .controls { margin-top: -50px } } .red-modal.video .content-wrapper .box .modal-content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .red-modal.video .content-wrapper .box .modal-content iframe { width: 60vw; height: 36vw } @media (max-width: 640px) { .red-modal.video .content-wrapper .box .modal-content iframe { width: 90vw; height: 50vw } } .red-modal .content-wrapper, .red-modal .fade { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .red-modal .fade { background-color: rgba(0, 0, 0, .8) } .red-modal .content-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 10; pointer-events: none; padding: var(--padding-small) var(--padding-sides-small) } .red-modal .content-wrapper .box { width: 70vw; position: relative; transform: scale(0); transition: all .4s cubic-bezier(.51, 1.51, .51, 1.07); opacity: 0 } @media (max-width: 640px) { .red-modal .content-wrapper .box { width: 96vw } } .red-modal .content-wrapper .box .controls { padding: var(--padding-small); position: absolute; top: 0; left: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } .red-modal .content-wrapper .box .controls .modal-close { cursor: pointer } .red-modal .content-wrapper .box .modal-content { max-height: calc(100vh - var(--padding-small) * 2); overflow-y: auto } .base-text { padding: var(--padding-medium) 0 } .base-text .content { max-width: var(--content-width); margin: auto } .timeline { position: relative; padding: 0 var(--padding-sides-medium) var(--padding-medium); overflow-x: hidden } @media (max-width: 1024px) { .timeline { overflow: hidden } } .timeline .circles { position: relative } .timeline .circles .controls { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 15px; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; pointer-events: none } @media (max-width: 1024px) { .timeline .circles .controls { bottom: auto; height: 130px } } .timeline .circles .controls .wrapper { width: 15vw; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center } @media (max-width: 1024px) { .timeline .circles .controls .wrapper { width: 19vw } } @media (max-width: 830px) { .timeline .circles .controls .wrapper { width: 25vw } } @media (max-width: 640px) { .timeline .circles .controls .wrapper { width: 200px } } .timeline .circles .controls .wrapper .nav { --size-icon: 1.8vw; width: var(--size-icon); height: var(--size-icon); pointer-events: all; cursor: pointer } @media (max-width: 830px) { .timeline .circles .controls .wrapper .nav { --size-icon: 22px } } .timeline .circles .controls .wrapper .nav:focus { outline: 0 } .timeline .circles .controls .wrapper .nav.swiper-button-disabled { opacity: .2 } .timeline .circles .swiper-container { overflow: visible; margin-bottom: 14vw } @media (max-width: 1024px) { .timeline .circles .swiper-container { margin-bottom: 34vw } } @media (max-width: 1024px) { .timeline .circles .swiper-container { margin-bottom: 0 } } .timeline .circles .swiper-slide { padding: var(--padding-medium); position: relative } .timeline .circles .swiper-slide .popup { position: absolute; top: 96%; width: 50vw; margin-left: -25vw; background-color: #fff; border-radius: var(--btn-round); box-shadow: 0 0 1vw rgba(0, 0, 0, .18); padding: var(--padding-medium); opacity: 0; pointer-events: none; left: 50% } @media (max-width: 1024px) { .timeline .circles .swiper-slide .popup { position: relative; margin: 0; width: 100%; left: 0 } } .timeline .circles .swiper-slide .popup:after, .timeline .circles .swiper-slide .popup:before { content: ""; position: absolute; margin-left: calc(var(--size) * -1); border-left: var(--size) solid transparent; border-right: var(--size) solid transparent; border-bottom: var(--size) solid #fff; bottom: 100%; left: 50%; width: 0; height: 0 } .timeline .circles .swiper-slide .popup:before { --size: 2vw; border-bottom-color: #fff } @media (max-width: 640px) { .timeline .circles .swiper-slide .popup:before { --size: 20px } } .timeline .circles .swiper-slide .popup:after { --size: 0.5vw; border-bottom-color: #ff8b07; margin-bottom: .4vw } @media (max-width: 640px) { .timeline .circles .swiper-slide .popup:after { --size: 6px } } .timeline .circles .swiper-slide.swiper-slide-active .popup { opacity: 1; pointer-events: all } .timeline .circles .swiper-slide.swiper-slide-active .circle { background-color: #ff8b07; border-color: #ff8b07; color: #fff } .timeline .circles .swiper-slide .circle { position: relative; border-radius: 50%; border: 2px solid #b0b0b0; font-size: 1.5em; font-weight: 300; color: #b0b0b0; transition: all .2s ease-out } .timeline .circles .swiper-slide .circle:after { content: ""; display: block; padding-bottom: 100% } .timeline .circles .swiper-slide .circle > * { position: absolute; width: 100%; height: 100% } @media (max-width: 1024px) { .timeline .circles .swiper-slide .circle { max-width: 100px; margin: auto } } .timeline .circles .swiper-slide .circle .circle-content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .products-menu { position: fixed; top: 55vh; bottom: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; pointer-events: none; z-index: 50; transition: all .2s ease-out } @media (max-width: 830px) { .products-menu { display: none } } .products-menu.center { top: 0 } .products-menu .box { pointer-events: all; box-shadow: 0 0 1vw rgba(0, 0, 0, .18); width: 10vw; transition: all .2s ease-out } @media (max-width: 1200px) { .products-menu .box { width: 12vw } } @media (max-width: 1024px) { .products-menu .box { width: 16vw } } .products-menu .box:hover { width: 18vw } @media (max-width: 1200px) { .products-menu .box:hover { width: 22vw } } @media (max-width: 1024px) { .products-menu .box:hover { width: 24vw } } .products-menu .box:hover .content { max-height: 50vw } .products-menu .box:hover .content > ul { opacity: 1; pointer-events: all } .products-menu .box .label { padding: var(--padding-small); background-color: #ff8b07; display: grid; grid-template-columns:2vw auto; -ms-flex-align: center; align-items: center; grid-gap: var(--padding-small) } .products-menu .box .label p { color: #fff; font-weight: 700; font-size: 1.4em } .products-menu .box .content { max-height: 0; transition: all .2s ease-in-out; width: 18vw } @media (max-width: 1200px) { .products-menu .box .content { width: 22vw } } @media (max-width: 1024px) { .products-menu .box .content { width: 24vw } } .products-menu .box .content > ul { background-color: #fff; pointer-events: none; opacity: 0; transition: all .2s ease-in-out; position: relative } .products-menu .box .content > ul:before { content: ""; display: block; top: -5vw; bottom: -5vw; left: 0; right: 0; position: absolute } .products-menu .box .content > ul > li { padding: calc(var(--padding-small) * 1.5) var(--padding-medium); position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center } .products-menu .box .content > ul > li:after { content: ""; display: block; --size: 0.7vw; position: relative; left: .6vw; opacity: 0 } .products-menu .box .content > ul > li:hover:after { opacity: 1 } .products-menu .box .content > ul > li:hover > a { color: #ff8b07 } .products-menu .box .content > ul > li:hover > ul { opacity: 1; pointer-events: all } .products-menu .box .content > ul > li > a { font-size: 1rem; color: #ff8b07; text-transform: uppercase; font-weight: 700; letter-spacing: .03vw; color: #4a4a4a; display: block; cursor: pointer } .products-menu .box .content > ul > li > ul { position: absolute; left: 100%; background-color: #fff; opacity: 0; pointer-events: none; display: grid; grid-gap: var(--padding-small); padding: var(--padding-medium); top: 0; width: 15vw; z-index: -1; box-shadow: 0 0 1vw rgba(0, 0, 0, .18) } @media (max-width: 1200px) { .products-menu .box .content > ul > li > ul { width: 18vw } } .products-menu .box .content > ul > li > ul:before { content: ""; display: block; top: -4vw; bottom: -4vw; left: 0; right: 0; position: absolute } .products-menu .box .content > ul > li > ul > li { position: relative; z-index: 10 } .products-menu .box .content > ul > li > ul > li a { display: block; color: #4a4a4a; cursor: pointer } .products-menu .box .content > ul > li > ul > li a:hover { color: #ff8b07 } .custom-search-page .content { max-width: var(--content-width); margin: auto; display: grid; grid-gap: var(--padding-medium); padding: var(--padding-small) var(--padding-sides-small) } .custom-search-page .content .item .text-wrapper .h1 a, .custom-search-page .content .item .text-wrapper h1 a { font-weight: 300; font-size: .8em } .custom-search-page .content .item .link a { display: block; color: #b0b0b0 } .filter-section { padding: var(--padding-medium) var(--padding-small) } .filter-section .content { max-width: var(--content-width); margin: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end } .filter-section .content p { margin-right: var(--padding-small) } .newsletter-singup { display: grid; grid-gap: var(--padding-small) } .newsletter-singup .input-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .newsletter-singup .input-wrapper.legal label { font-size: .7em } @media (max-width: 1650px) { .newsletter-singup .input-wrapper.legal label { font-size: .8em } } .scroll-top { position: fixed; top: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; padding: var(--padding-large) var(--padding-medium); pointer-events: none; opacity: 0; transition: all .2s ease-out } .scroll-top.show { opacity: 1 } .scroll-top.show .box { pointer-events: all } .scroll-top .box { --size-box: 2.2vw; width: var(--size-box); height: var(--size-box); background-color: red; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 50%; box-shadow: 0 0 1vw rgba(0, 0, 0, .18); cursor: pointer } @media (max-width: 830px) { .scroll-top .box { --size-box: 5vw } } @media (max-width: 640px) { .scroll-top .box { --size-box: 32px } } #developer .circle .icon .scroll-top .box span, .breadcrumbs .content ul .scroll-top .box li:after, .breadcrumbs .content > span > span .scroll-top .box a:after, .list-box ul .scroll-top .box li:after, .megamenu .menu h3 .scroll-top .box a:before, .megamenu .menu.menu-blog .scroll-top .box .slider, .megamenu .menu.menu-video .scroll-top .box .item > h3:before, .pagination .scroll-top .box .nav, .product-tips .content .nav .scroll-top .box .icon, .products-grid.slider .scroll-top .box .swiper-button-next, .products-grid.slider .scroll-top .box .swiper-button-prev, .products-menu .scroll-top .box .content > ul > li:after, .products-section .scroll-top .box .swiper-button-next, .products-section .scroll-top .box .swiper-button-prev, .red-modal .content-wrapper .scroll-top .box .controls .modal-close, .red-modal.video.lightbox .content-wrapper .scroll-top .box .modal-content .slider-nav .nav, .score .stars .scroll-top .box span, .scroll-top .box #developer .circle .icon span, .scroll-top .box .breadcrumbs .content ul li:after, .scroll-top .box .breadcrumbs .content > span > span a:after, .scroll-top .box .btn-arrow:after, .scroll-top .box .btn-download, .scroll-top .box .ico, .scroll-top .box .list-box ul li:after, .scroll-top .box .megamenu .menu h3 a:before, .scroll-top .box .megamenu .menu.menu-blog .slider, .scroll-top .box .megamenu .menu.menu-video .item > h3:before, .scroll-top .box .product-tips .content .nav .icon, .scroll-top .box .products-grid.slider .swiper-button-next, .scroll-top .box .products-grid.slider .swiper-button-prev, .scroll-top .box .products-section .swiper-button-next, .scroll-top .box .products-section .swiper-button-prev, .scroll-top .box .score .stars span, .scroll-top .box .timeline .circles .controls .wrapper .nav, .scroll-top .box .video-box .box-content:after, .scroll-top .box .video-thumbnail .image:before, .scroll-top .box .videos-grid .nav-wrapper .nav, .scroll-top .pagination .box .nav, .scroll-top .products-menu .box .content > ul > li:after, .scroll-top .red-modal .content-wrapper .box .controls .modal-close, .scroll-top .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav .nav, .timeline .circles .controls .wrapper .scroll-top .box .nav, .video-box .scroll-top .box .box-content:after, .video-thumbnail .scroll-top .box .image:before, .videos-grid .nav-wrapper .scroll-top .box .nav { transform: rotateZ(-90deg); width: calc(var(--size-box) * .4); height: calc(var(--size-box) * .4) } .fixed-social { position: fixed; top: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; z-index: 10; -ms-flex-pack: end; justify-content: flex-end; --social-width: 2vw; width: var(--social-width) } @media (max-width: 1200px) { .fixed-social { --social-width: 3vw } } @media (max-width: 830px) { .fixed-social { --social-width: 4vw } } @media (max-width: 640px) { .fixed-social { display: none } } .fixed-social .box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: var(--social-width); -ms-flex-align: end; align-items: flex-end } .fixed-social .box a { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: var(--social-width); height: var(--social-width); transition: all .2s ease-out } #developer .circle .icon .fixed-social .box a span, .breadcrumbs .content ul .fixed-social .box a li:after, .breadcrumbs .content > span > span .fixed-social .box a a:after, .fixed-social .box a #developer .circle .icon span, .fixed-social .box a .breadcrumbs .content ul li:after, .fixed-social .box a .breadcrumbs .content > span > span a:after, .fixed-social .box a .btn-arrow:after, .fixed-social .box a .btn-download, .fixed-social .box a .ico, .fixed-social .box a .list-box ul li:after, .fixed-social .box a .megamenu .menu h3 a:before, .fixed-social .box a .megamenu .menu.menu-blog .slider, .fixed-social .box a .megamenu .menu.menu-video .item > h3:before, .fixed-social .box a .product-tips .content .nav .icon, .fixed-social .box a .products-grid.slider .swiper-button-next, .fixed-social .box a .products-grid.slider .swiper-button-prev, .fixed-social .box a .products-section .swiper-button-next, .fixed-social .box a .products-section .swiper-button-prev, .fixed-social .box a .score .stars span, .fixed-social .box a .timeline .circles .controls .wrapper .nav, .fixed-social .box a .video-box .box-content:after, .fixed-social .box a .video-thumbnail .image:before, .fixed-social .box a .videos-grid .nav-wrapper .nav, .fixed-social .pagination .box a .nav, .fixed-social .products-menu .box a .content > ul > li:after, .fixed-social .red-modal .content-wrapper .box .controls a .modal-close, .fixed-social .red-modal .content-wrapper .box a .controls .modal-close, .fixed-social .red-modal.video.lightbox .content-wrapper .box .modal-content .slider-nav a .nav, .fixed-social .red-modal.video.lightbox .content-wrapper .box a .modal-content .slider-nav .nav, .list-box ul .fixed-social .box a li:after, .megamenu .menu h3 .fixed-social .box a a:before, .megamenu .menu.menu-blog .fixed-social .box a .slider, .megamenu .menu.menu-video .fixed-social .box a .item > h3:before, .pagination .fixed-social .box a .nav, .product-tips .content .nav .fixed-social .box a .icon, .products-grid.slider .fixed-social .box a .swiper-button-next, .products-grid.slider .fixed-social .box a .swiper-button-prev, .products-menu .fixed-social .box a .content > ul > li:after, .products-section .fixed-social .box a .swiper-button-next, .products-section .fixed-social .box a .swiper-button-prev, .red-modal .content-wrapper .fixed-social .box .controls a .modal-close, .red-modal .content-wrapper .fixed-social .box a .controls .modal-close, .red-modal.video.lightbox .content-wrapper .fixed-social .box .modal-content .slider-nav a .nav, .red-modal.video.lightbox .content-wrapper .fixed-social .box a .modal-content .slider-nav .nav, .score .stars .fixed-social .box a span, .timeline .circles .controls .wrapper .fixed-social .box a .nav, .video-box .fixed-social .box a .box-content:after, .video-thumbnail .fixed-social .box a .image:before, .videos-grid .nav-wrapper .fixed-social .box a .nav { width: calc(var(--social-width) * .5); height: calc(var(--social-width) * .5) } .fixed-social .box a:hover { width: calc(var(--social-width) * 1.4) } .fixed-social .box a.fb { background-color: #3c5a9a } .fixed-social .box a.tw { background-color: #55aded } .fixed-social .box a.gp { background-color: #dd4d44 } .fixed-social .box a.pt { background-color: #cb2028 } .custom-search-page .result-section { margin-bottom: var(--padding-large) } .custom-search-page .result-section > .title { max-width: var(--content-width); margin: auto } .custom-search-page .result-section > .content .buttons-section { margin-top: var(--padding-large) } .custom-search-page .result-section > .content .video-thumbnail .h1 { margin-top: var(--padding-small); font-size: 1.2em; font-weight: 500 } .post-excerpt a { display: block } .post-excerpt a .image { background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: var(--padding-small) } .post-excerpt a .image:after { content: ""; display: block; padding-bottom: 67% } .post-excerpt a .label { margin-bottom: var(--margin-tiny); display: grid; grid-auto-flow: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; grid-gap: 1vw } .post-excerpt a .label p { background-color: #ff8b07; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: var(--btn-round); padding: .26vw .7vw; line-height: .9; letter-spacing: .06vw; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; margin: 0; white-space: nowrap } .post-excerpt a .label p.gray { background-color: #4a4a4a } @media (max-width: 1024px) { .post-excerpt a .label p { padding: 4px 8px } } @media (max-width: 830px) { .post-excerpt a .label p { font-size: .9rem; font-weight: 600 } } .post-excerpt a .label time { color: #b0b0b0; font-weight: 600; letter-spacing: .06vw; display: inline-block; font-size: 1.1rem; margin: 0; font-size: .8em } @media (max-width: 830px) { .post-excerpt a .label time { font-size: 1rem } } .post-excerpt a .text { margin: 0 } .post-excerpt a .text .h1 { font-size: 1.2em } .ico-tiktok { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA+UlEQVQ4jaWSPUpDQRRGz3sEEbFwE7bWKSysJFikcgsuwM4dpBB7C8FCxCKFtUgQwXRuwTVYiT6jOTb3yTBMXvz5YGaYe+ee+e4wsETqufqqvqgreb5eBgB6wCqwBuz8BZDqWF3/D2ALmKqDUjtFqReW9anWv3HwDpwB89jX31Ny27Y6Vp/Uq5xQVdUBsAkcAqe51aOw1WqStdCUbPXi0AAYRWwOPACPP25OvYtbZupulrvscoBK/DTVm0K+BcxK9XW2fhTObMT61tXCtLWp9pN4P2Kq912A/eT1G/U6RpPEhwsBATlZ8ONUR53FCWSoTtTnGLfqXlfNF7ttHx0ExjNtAAAAAElFTkSuQmCC ); } .ico-facebook, .ico-google, .ico-instagram, .ico-messenger, .ico-pinterest, .ico-twitter, .ico-whatsupp, .ico-youtube, .ico-tiktok { --size: 0.8vw; } /* ARTEFAKT 12.09.2023 */ .sub-cat-grid { padding: var(--padding-medium) var(--padding-sides-large) 0; display: grid; grid-template-columns:1fr; /*repeat(auto-fit, minmax(250px, 1fr));*/ grid-gap: calc(var(--padding-large) * 0.9); } .cat-box { display: -ms-flexbox; display: flex; width: 100%; /*height: 20vw;*/ } .cat-box span.box { width: 100%; --shadow: 0.5vw; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; color: #4a4a4a; background-color: #fff; border-radius: var(--btn-round); padding: var(--padding-medium); transition: all .2s ease-out; box-shadow: 0 0 var(--shadow) rgba(176, 176, 176, .6); position: relative; overflow: hidden; } @media (min-width: 831px) { .cat-box span.box:hover { transform: scale(1.05); --shadow: 1.5vw; } } .cat-box h3 { font-size: 1rem; text-transform: uppercase; font-weight: 700; letter-spacing: .03vw; text-align: center; } .cat-box h3 a { color: #ff8b07; } @media (max-width: 640px) { .btn-big-mobile { font-size: 2rem; min-height: 60px; } } .icon-link-grid .item { overflow: hidden !important; }