cms系统的站点模板库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
cms_templates/julius-k9/index.html

5228 lines
158 KiB

<!DOCTYPE html>
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html lang="en-US" prefix="og: https://ogp.me/ns#" class="no-js">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<script>if (navigator.userAgent.match(/MSIE|Internet Explorer/i) || navigator.userAgent.match(/Trident\/7\..*?rv:11/i)) { var href = document.location.href; if (!href.match(/[?&]nowprocket/)) { if (href.indexOf("?") == -1) { if (href.indexOf("#") == -1) { document.location.href = href + "?nowprocket=1" } else { document.location.href = href.replace("#", "?nowprocket=1#") } } else { if (href.indexOf("#") == -1) { document.location.href = href + "&nowprocket=1" } else { document.location.href = href.replace("#", "&nowprocket=1#") } } } }</script>
<script>class RocketLazyLoadScripts { constructor() { this.triggerEvents = ["keydown", "mousedown", "mousemove", "touchmove", "touchstart", "touchend", "wheel"], this.userEventHandler = this._triggerListener.bind(this), this.touchStartHandler = this._onTouchStart.bind(this), this.touchMoveHandler = this._onTouchMove.bind(this), this.touchEndHandler = this._onTouchEnd.bind(this), this.clickHandler = this._onClick.bind(this), this.interceptedClicks = [], window.addEventListener("pageshow", (e => { this.persisted = e.persisted })), window.addEventListener("DOMContentLoaded", (() => { this._preconnect3rdParties() })), this.delayedScripts = { normal: [], async: [], defer: [] }, this.allJQueries = [] } _addUserInteractionListener(e) { document.hidden ? e._triggerListener() : (this.triggerEvents.forEach((t => window.addEventListener(t, e.userEventHandler, { passive: !0 }))), window.addEventListener("touchstart", e.touchStartHandler, { passive: !0 }), window.addEventListener("mousedown", e.touchStartHandler), document.addEventListener("visibilitychange", e.userEventHandler)) } _removeUserInteractionListener() { this.triggerEvents.forEach((e => window.removeEventListener(e, this.userEventHandler, { passive: !0 }))), document.removeEventListener("visibilitychange", this.userEventHandler) } _onTouchStart(e) { "HTML" !== e.target.tagName && (window.addEventListener("touchend", this.touchEndHandler), window.addEventListener("mouseup", this.touchEndHandler), window.addEventListener("touchmove", this.touchMoveHandler, { passive: !0 }), window.addEventListener("mousemove", this.touchMoveHandler), e.target.addEventListener("click", this.clickHandler), this._renameDOMAttribute(e.target, "onclick", "rocket-onclick")) } _onTouchMove(e) { window.removeEventListener("touchend", this.touchEndHandler), window.removeEventListener("mouseup", this.touchEndHandler), window.removeEventListener("touchmove", this.touchMoveHandler, { passive: !0 }), window.removeEventListener("mousemove", this.touchMoveHandler), e.target.removeEventListener("click", this.clickHandler), this._renameDOMAttribute(e.target, "rocket-onclick", "onclick") } _onTouchEnd(e) { window.removeEventListener("touchend", this.touchEndHandler), window.removeEventListener("mouseup", this.touchEndHandler), window.removeEventListener("touchmove", this.touchMoveHandler, { passive: !0 }), window.removeEventListener("mousemove", this.touchMoveHandler) } _onClick(e) { e.target.removeEventListener("click", this.clickHandler), this._renameDOMAttribute(e.target, "rocket-onclick", "onclick"), this.interceptedClicks.push(e), e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation() } _replayClicks() { window.removeEventListener("touchstart", this.touchStartHandler, { passive: !0 }), window.removeEventListener("mousedown", this.touchStartHandler), this.interceptedClicks.forEach((e => { e.target.dispatchEvent(new MouseEvent("click", { view: e.view, bubbles: !0, cancelable: !0 })) })) } _renameDOMAttribute(e, t, n) { e.hasAttribute && e.hasAttribute(t) && (event.target.setAttribute(n, event.target.getAttribute(t)), event.target.removeAttribute(t)) } _triggerListener() { this._removeUserInteractionListener(this), "loading" === document.readyState ? document.addEventListener("DOMContentLoaded", this._loadEverythingNow.bind(this)) : this._loadEverythingNow() } _preconnect3rdParties() { let e = []; document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((t => { if (t.hasAttribute("src")) { const n = new URL(t.src).origin; n !== location.origin && e.push({ src: n, crossOrigin: t.crossOrigin || "module" === t.getAttribute("data-rocket-type") }) } })), e = [...new Map(e.map((e => [JSON.stringify(e), e]))).values()], this._batchInjectResourceHints(e, "preconnect") } async _loadEverythingNow() { this.lastBreath = Date.now(), this._delayEventListeners(), this._delayJQueryReady(this), this._handleDocumentWrite(), this._registerAllDelayedScripts(), this._preloadAllScripts(), await this._loadScriptsFromList(this.delayedScripts.normal), await this._loadScriptsFromList(this.delayedScripts.defer), await this._loadScriptsFromList(this.delayedScripts.async); try { await this._triggerDOMContentLoaded(), await this._triggerWindowLoad() } catch (e) { } window.dispatchEvent(new Event("rocket-allScriptsLoaded")), this._replayClicks() } _registerAllDelayedScripts() { document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((e => { e.hasAttribute("src") ? e.hasAttribute("async") && !1 !== e.async ? this.delayedScripts.async.push(e) : e.hasAttribute("defer") && !1 !== e.defer || "module" === e.getAttribute("data-rocket-type") ? this.delayedScripts.defer.push(e) : this.delayedScripts.normal.push(e) : this.delayedScripts.normal.push(e) })) } async _transformScript(e) { return await this._littleBreath(), new Promise((t => { const n = document.createElement("script");[...e.attributes].forEach((e => { let t = e.nodeName; "type" !== t && ("data-rocket-type" === t && (t = "type"), n.setAttribute(t, e.nodeValue)) })), e.hasAttribute("src") ? (n.addEventListener("load", t), n.addEventListener("error", t)) : (n.text = e.text, t()); try { e.parentNode.replaceChild(n, e) } catch (e) { t() } })) } async _loadScriptsFromList(e) { const t = e.shift(); return t ? (await this._transformScript(t), this._loadScriptsFromList(e)) : Promise.resolve() } _preloadAllScripts() { this._batchInjectResourceHints([...this.delayedScripts.normal, ...this.delayedScripts.defer, ...this.delayedScripts.async], "preload") } _batchInjectResourceHints(e, t) { var n = document.createDocumentFragment(); e.forEach((e => { if (e.src) { const i = document.createElement("link"); i.href = e.src, i.rel = t, "preconnect" !== t && (i.as = "script"), e.getAttribute && "module" === e.getAttribute("data-rocket-type") && (i.crossOrigin = !0), e.crossOrigin && (i.crossOrigin = e.crossOrigin), n.appendChild(i) } })), document.head.appendChild(n) } _delayEventListeners() { let e = {}; function t(t, n) { !function (t) { function n(n) { return e[t].eventsToRewrite.indexOf(n) >= 0 ? "rocket-" + n : n } e[t] || (e[t] = { originalFunctions: { add: t.addEventListener, remove: t.removeEventListener }, eventsToRewrite: [] }, t.addEventListener = function () { arguments[0] = n(arguments[0]), e[t].originalFunctions.add.apply(t, arguments) }, t.removeEventListener = function () { arguments[0] = n(arguments[0]), e[t].originalFunctions.remove.apply(t, arguments) }) }(t), e[t].eventsToRewrite.push(n) } function n(e, t) { let n = e[t]; Object.defineProperty(e, t, { get: () => n || function () { }, set(i) { e["rocket" + t] = n = i } }) } t(document, "DOMContentLoaded"), t(window, "DOMContentLoaded"), t(window, "load"), t(window, "pageshow"), t(document, "readystatechange"), n(document, "onreadystatechange"), n(window, "onload"), n(window, "onpageshow") } _delayJQueryReady(e) { let t = window.jQuery; Object.defineProperty(window, "jQuery", { get: () => t, set(n) { if (n && n.fn && !e.allJQueries.includes(n)) { n.fn.ready = n.fn.init.prototype.ready = function (t) { e.domReadyFired ? t.bind(document)(n) : document.addEventListener("rocket-DOMContentLoaded", (() => t.bind(document)(n))) }; const t = n.fn.on; n.fn.on = n.fn.init.prototype.on = function () { if (this[0] === window) { function e(e) { return e.split(" ").map((e => "load" === e || 0 === e.indexOf("load.") ? "rocket-jquery-load" : e)).join(" ") } "string" == typeof arguments[0] || arguments[0] instanceof String ? arguments[0] = e(arguments[0]) : "object" == typeof arguments[0] && Object.keys(arguments[0]).forEach((t => { delete Object.assign(arguments[0], { [e(t)]: arguments[0][t] })[t] })) } return t.apply(this, arguments), this }, e.allJQueries.push(n) } t = n } }) } async _triggerDOMContentLoaded() { this.domReadyFired = !0, await this._littleBreath(), document.dispatchEvent(new Event("rocket-DOMContentLoaded")), await this._littleBreath(), window.dispatchEvent(new Event("rocket-DOMContentLoaded")), await this._littleBreath(), document.dispatchEvent(new Event("rocket-readystatechange")), await this._littleBreath(), document.rocketonreadystatechange && document.rocketonreadystatechange() } async _triggerWindowLoad() { await this._littleBreath(), window.dispatchEvent(new Event("rocket-load")), await this._littleBreath(), window.rocketonload && window.rocketonload(), await this._littleBreath(), this.allJQueries.forEach((e => e(window).trigger("rocket-jquery-load"))), await this._littleBreath(); const e = new Event("rocket-pageshow"); e.persisted = this.persisted, window.dispatchEvent(e), await this._littleBreath(), window.rocketonpageshow && window.rocketonpageshow({ persisted: this.persisted }) } _handleDocumentWrite() { const e = new Map; document.write = document.writeln = function (t) { const n = document.currentScript, i = document.createRange(), r = n.parentElement; let o = e.get(n); void 0 === o && (o = n.nextSibling, e.set(n, o)); const s = document.createDocumentFragment(); i.setStart(s, 0), s.appendChild(i.createContextualFragment(t)), r.insertBefore(s, o) } } async _littleBreath() { Date.now() - this.lastBreath > 45 && (await this._requestAnimFrame(), this.lastBreath = Date.now()) } async _requestAnimFrame() { return document.hidden ? new Promise((e => setTimeout(e))) : new Promise((e => requestAnimationFrame(e))) } static run() { const e = new RocketLazyLoadScripts; e._addUserInteractionListener(e) } } RocketLazyLoadScripts.run();</script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<script type="rocketlazyloadscript" data-rocket-type="text/javascript">
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
var originalAddEventListener = EventTarget.prototype.addEventListener,
oldWidth = window.innerWidth;
EventTarget.prototype.addEventListener = function (eventName, eventHandler, useCapture) {
if (eventName === "resize") {
originalAddEventListener.call(this, eventName, function (event) {
if (oldWidth === window.innerWidth) {
return;
}
oldWidth = window.innerWidth;
if (eventHandler.handleEvent) {
eventHandler.handleEvent.call(this, event);
}
else {
eventHandler.call(this, event);
};
}, useCapture);
}
else {
originalAddEventListener.call(this, eventName, eventHandler, useCapture);
};
};
};
</script>
<title>{{.Title}}</title>
<meta name="keywords" content="{{.Keywords}}" />
<meta name="description" content="{{.Description}}" />
<link rel="preload" as="style"
href="https://fonts.googleapis.com/css?family=Source%20Sans%20Pro%3A200%2C300%2C400%2C600%2C700%7CRoboto%3A400%2C500%2C600%2C700&#038;display=swap" />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source%20Sans%20Pro%3A200%2C300%2C400%2C600%2C700%7CRoboto%3A400%2C500%2C600%2C700&#038;display=swap"
media="print" onload="this.media='all'" />
<style id="rocket-critical-css">
.wp-block-group {
box-sizing: border-box
}
ol,
ul {
box-sizing: border-box
}
.wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: .375em .625em;
color: #32373c;
margin-left: .625em;
word-break: normal;
font-size: inherit;
font-family: inherit;
line-height: inherit
}
.wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%
}
.wp-block-search__label {
width: 100%
}
.wp-block-search__input {
padding: 8px;
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494;
font-size: inherit;
font-family: inherit;
line-height: inherit
}
:root {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important
}
article,
aside,
header,
section {
display: block
}
* {
padding: 0;
margin: 0
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
ol,
ul {
list-style: none
}
img {
border: 0;
-ms-interpolation-mode: bicubic
}
svg:not(:root) {
overflow: hidden
}
form {
margin: 0
}
button,
input {
font-size: 100%;
margin: 0;
vertical-align: baseline
}
button,
input {
line-height: normal
}
button,
input[type=submit] {
-webkit-appearance: button
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-ms-touch-action: none;
touch-action: none;
z-index: 9500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: 0
}
.pswp::after,
.pswp::before {
content: ' ';
display: table
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.pswp__container {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-backface-visibility: hidden
}
.pswp__container {
-webkit-touch-callout: none
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.pswp__caption .pswp__caption__center {
text-align: center
}
.pswp button.pswp__button {
height: 1.5em;
width: 1.5em;
margin-top: -.75em;
background: 0 0 !important;
font-family: icomoon-the7-font;
font-size: 16px;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
opacity: .5
}
.pswp .pswp__top-bar button.pswp__button {
top: 50%
}
.pswp button.pswp__button--close {
font-size: 21px
}
.pswp__button--close:before {
content: "\eb00"
}
.pswp__button--share:before {
content: "\ea04"
}
.pswp .pswp__button--arrow--left:before,
.pswp .pswp__button--arrow--right:before {
position: static;
display: flex;
justify-content: center;
align-items: center;
width: 1.5em;
height: 1.5em
}
.pswp .pswp__button--arrow--left:before {
content: "\f052" !important;
background: 0 0 !important
}
.pswp .pswp__button--arrow--right:before {
content: "\f053" !important;
background: 0 0 !important
}
.pswp .pswp__share-tooltip {
border-radius: 0
}
.pswp__share-tooltip:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF
}
.pswp__button {
position: relative;
background: 0 0;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: .75;
-webkit-box-shadow: none;
box-shadow: none
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
width: 44px;
height: 44px
}
.pswp__button--fs {
display: none
}
.pswp__button--zoom {
display: none
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: 0 0;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute
}
.pswp__button--arrow--left {
left: 0
}
.pswp__button--arrow--right {
right: 0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, .3);
height: 30px;
width: 32px;
position: absolute
}
.pswp__button--arrow--left:before {
left: 6px
}
.pswp__button--arrow--right:before {
left: 0;
right: 6px
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__share-modal--hidden {
display: none
}
.pswp__share-tooltip {
min-width: 150px;
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-backface-visibility: hidden;
will-change: transform
}
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: .75;
padding: 0 10px
}
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC
}
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
will-change: opacity;
direction: ltr
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px
}
@media screen and (max-width:1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%
}
.pswp__caption,
.pswp__top-bar {
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__caption,
.pswp__top-bar {
background-color: rgba(0, 0, 0, .5)
}
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
opacity: .001
}
.page-inner {
-ms-grid-column: 1;
-ms-grid-row: 2;
grid-area: page-inner
}
#main-slideshow,
.photo-scroller {
-ms-grid-column: 1;
-ms-grid-row: 2;
grid-area: slider
}
.masthead {
-ms-grid-column: 1;
-ms-grid-row: 1;
grid-area: header
}
.side-header-v-stroke.masthead,
.side-header.masthead {
-ms-grid-column: 1;
grid-area: header-side
}
.checkout-page-title {
grid-area: checkout;
-ms-grid-column: 1;
-ms-grid-row: 4
}
.page-title {
-ms-grid-column: 1;
-ms-grid-row: 3;
grid-area: title
}
.fancy-header {
-ms-grid-column: 1;
-ms-grid-row: 3;
grid-area: fancyheader
}
.elementor-location-header {
grid-area: elementor-header
}
#main {
-ms-grid-column: 1;
-ms-grid-row: 5;
grid-area: main
}
.footer {
-ms-grid-column: 1;
-ms-grid-row: 6;
grid-area: footer
}
.responsive-off .sidebar {
grid-area: sidebar;
-ms-grid-row: 1
}
.responsive-off .content {
grid-area: content;
-ms-grid-row: 1
}
.content,
.sidebar,
.wf-wrap {
box-sizing: border-box
}
.wf-1-3 {
width: 33.3333%
}
.wf-td {
display: table-cell;
vertical-align: middle
}
.wf-wrap {
max-width: 100%;
padding: 0 44px;
margin: 0 auto
}
.page-title .hgroup {
overflow: hidden
}
.breadcrumbs li:first-child:before {
content: ""
}
.breadcrumbs li:before {
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 13px;
content: "/";
opacity: .5;
text-align: left;
z-index: 3
}
.breadcrumbs li:before {
opacity: 1
}
.page-title {
display: -ms-flexbox;
display: -ms-flex;
display: flex
}
.page-title-head {
max-width: 100%
}
.page-title .wf-wrap {
position: relative
}
.page-title .wf-wrap:after {
position: absolute;
width: 100%;
bottom: 0;
content: ""
}
.page-title.solid-bg .wf-wrap:after {
display: none
}
.page-title>.wf-wrap {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box
}
.title-center>.wf-wrap {
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: column wrap;
flex-flow: column wrap
}
.title-center h1 {
text-align: center
}
.page-title h1 {
margin: 0
}
.breadcrumbs {
list-style: none
}
.page-title.title-center .breadcrumbs {
text-align: center
}
.breadcrumbs li {
position: relative;
display: inline-block;
padding-left: 12px;
margin-left: 8px
}
.breadcrumbs li:first-child {
padding-left: 0;
margin-left: 0;
background: 0 0 !important
}
.breadcrumbs li a {
color: inherit
}
.breadcrumbs a {
text-decoration: none
}
.paginator:not(.paginator-more-button) a {
box-sizing: border-box
}
.paginator:not(.paginator-more-button):not(.filter-decorations) a:after {
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
content: "";
opacity: 0
}
.paginator:not(.paginator-more-button) a {
position: relative;
display: inline-block;
padding: 1px 8px;
margin: 0 6px;
text-align: center;
text-decoration: none;
font-weight: 700
}
.post {
position: relative
}
.post:after,
.post:before {
content: "";
display: table;
clear: both
}
.post .entry-title a {
display: initial
}
.blog .details.more-link {
margin-bottom: 10px
}
.blog .post img {
max-width: 100%;
width: 100%;
height: auto
}
.blog.layout-list .post .blog-media img {
width: 100%
}
.bg-on .blog-content {
padding: 10px 25px
}
.post.bg-on .alignleft {
margin-bottom: 0
}
.bg-on .blog-media {
padding: 25px 25px 0
}
.bg-on .blog-content,
.bg-on .blog-media {
position: relative;
z-index: 9
}
.layout-list .post {
padding-top: 44px;
margin-top: 19px
}
.layout-list .post:first-child {
border: none;
padding-top: 0;
margin-top: 0
}
.blog .post.bg-on {
border-top: none
}
.layout-list .blog-content,
.layout-list .blog-media {
display: block;
float: left;
width: 100%
}
.layout-list .post.bg-on {
padding: 25px 25px 0;
margin: 0 0 20px
}
.layout-list .bg-on .blog-content,
.layout-list .bg-on .blog-media {
display: block;
float: left;
width: 100%;
padding: 0
}
.layout-list .bg-on .blog-content {
padding-bottom: 10px
}
.post .alignleft {
margin-bottom: 20px
}
.blog-media .alignleft {
float: none
}
.blog.layout-list .post .alignleft {
margin-bottom: 25px
}
.blog-media {
position: relative;
overflow: hidden;
z-index: 9
}
.blog-content .entry-meta {
padding: 0 0 10px
}
.entry-meta>a,
.entry-meta>span {
position: relative;
display: inline-block;
text-decoration: none;
margin: 0 6px 0 0;
padding: 0 9px 0 0
}
.entry-meta span a {
text-decoration: none
}
.entry-meta>a:last-child {
padding: 0;
margin: 0
}
.entry-meta>a:after,
.entry-meta>span:after {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 3px;
content: "";
border-radius: 50%
}
.entry-meta>a:last-child:after {
display: none
}
.sidebar {
position: relative;
z-index: 9
}
.sidebar .sidebar-content {
box-sizing: border-box
}
.sidebar-right .wf-wrap:after,
.sidebar-right .wf-wrap:before {
content: "";
display: table
}
.sidebar .widget,
.sidebar-content .widget {
padding: 0
}
.sidebar .widget-divider-off .widget,
.sidebar-content.widget-divider-off .widget {
border-top: none
}
.sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child {
padding-top: 0
}
.sidebar .widget:first-child,
.sidebar-content .widget:first-child {
border-top: none
}
.widget:after,
.widget:before {
content: "";
display: table;
clear: both
}
.recent-posts {
margin: 0;
padding: 0 0 5px
}
.widget .recent-posts {
padding-bottom: 0
}
.recent-posts li {
display: block;
overflow: hidden;
margin: 0
}
.recent-posts li article {
display: -ms-flexbox;
display: -ms-flex;
display: flex
}
.recent-posts li:not(:last-child) {
padding: 0 0 15px
}
.widget .recent-posts li {
margin-top: 0
}
.recent-posts>li:first-child {
margin-top: 0;
padding-top: 0;
border-top: none !important
}
.recent-posts a {
display: inline-block;
text-decoration: none
}
#sidebar .recent-posts .alignleft {
margin: 0 15px 5px 0
}
.recent-posts .post-content>time {
display: block;
margin: 5px 0 0
}
.recent-posts .alignleft {
margin: 0 15px 5px 0;
font-size: 0;
line-height: 0
}
.widget_search form {
margin: 5px 0 0
}
body {
overflow-x: hidden
}
h1,
h3 {
margin-bottom: 10px;
clear: both
}
h3 a {
text-decoration: none
}
p {
margin-bottom: 10px
}
a {
text-decoration: underline
}
.post .rollover,
.post img {
max-width: 100%;
height: auto
}
.recent-posts .alignleft img {
max-width: inherit;
height: inherit
}
.alignleft {
float: left;
margin: 0 30px 10px 0
}
#sidebar .alignleft {
margin-right: 20px
}
.assistive-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px)
}
.layout-list .post:before {
content: "";
display: table
}
.layout-list .post:after {
content: "";
display: table;
clear: both
}
#page {
position: relative;
overflow: hidden
}
.main-gradient {
display: none
}
#main {
padding: 50px 0
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
#page .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
color: #21759b;
display: block;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: 0;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em
}
input[type=search]:not(.elementor-field) {
margin-bottom: 10px;
border-style: var(--the7-form-border);
box-sizing: border-box
}
input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0
}
input[type=submit] {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
white-space: nowrap
}
.soc-ico {
overflow: hidden
}
.soc-ico a {
position: relative;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
margin: 2px;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
border-radius: 50%;
box-sizing: border-box;
text-decoration: none
}
.soc-ico a .soc-font-icon {
position: relative;
z-index: 1;
font-size: 16px
}
.soc-ico a:after,
.soc-ico a:before {
position: absolute;
top: 0;
left: 0;
width: 26px;
height: 26px;
content: "";
border-radius: inherit
}
.soc-ico a:before {
opacity: 1
}
.soc-ico a:after {
opacity: 0
}
.soc-ico a {
text-decoration: none
}
.post-content a {
text-decoration: none
}
.dt-text-title {
grid-area: header;
max-width: 100%
}
@media all and (-ms-high-contrast:none) {
.popup-search-wrap {
box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}
}
.dt-text-desc {
grid-area: desc;
max-width: 100%
}
.icon-with-text-shortcode .text-icon {
grid-area: icon;
text-decoration: none
}
.icon-with-text-shortcode .default-btn-shortcode {
justify-self: start;
grid-area: button
}
.masthead {
position: relative;
z-index: 102;
box-sizing: border-box
}
.masthead:not(.side-header) {
display: -ms-flexbox;
-ms-flex-direction: column
}
.top-bar {
position: relative;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 0;
box-sizing: border-box
}
.top-bar-bg,
.top-bar:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
box-sizing: content-box
}
.top-bar:after {
height: 1px
}
.top-bar-bg,
.top-bar.full-width-line:after {
padding: 0 1000px;
margin-left: -1000px
}
.top-bar>.mini-widgets {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.top-bar .mini-widgets.right-widgets,
.top-bar .mini-widgets:last-child {
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end
}
.top-bar * {
font-size: inherit;
line-height: inherit
}
.top-bar a {
text-decoration: none
}
.branding {
line-height: 0;
font-size: 0
}
.branding>a {
display: block
}
.branding a img,
.branding img {
max-width: 100%;
height: auto
}
.branding .mobile-logo {
display: none
}
.masthead .mini-widgets>* {
display: inline-block;
margin-left: 10px;
margin-right: 10px
}
.masthead:not(.side-header) .mini-widgets>:first-child {
margin-left: 0
}
.masthead:not(.side-header) .mini-widgets>:last-child {
margin-right: 0
}
.mini-contacts {
position: relative;
margin: 0
}
.masthead .mini-contacts {
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center
}
.mini-contacts i {
margin-right: 5px
}
.masthead .mini-search {
position: relative;
display: inline-block;
vertical-align: middle;
z-index: 10;
max-width: 100%
}
.popup-search .popup-search-wrap {
background: #fff
}
.popup-search .popup-search-wrap:before {
border-bottom-color: #fff
}
.searchform {
position: relative;
z-index: 3;
max-width: 100%
}
.searchform .field {
max-width: 100%;
border-style: solid;
box-sizing: border-box
}
.popup-search-wrap {
padding: 10px;
position: absolute;
right: -10px;
top: 38px;
visibility: hidden;
-webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .2));
filter: drop-shadow(0 0 4px rgba(0, 0, 0, .2));
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.popup-search-wrap:before {
position: absolute;
top: -7px;
right: 20px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 7px solid red;
content: ''
}
.popup-search-wrap .search-icon {
position: absolute;
top: 0;
right: 20px;
height: 100%
}
.mini-search input[type=text] {
margin-bottom: 0
}
.popup-search .searchform .submit {
border: none;
background-color: transparent;
text-decoration: none
}
.mini-search .submit {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
border: none;
background-color: transparent;
text-decoration: none
}
.mini-search .search-icon {
text-decoration: none;
background-repeat: no-repeat;
background-position: center center
}
.mini-search .search-icon {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center
}
.popup-search .submit i {
font-size: 16px
}
.masthead .mini-search .searchsubmit {
display: none
}
.masthead .soc-ico {
display: inline-block;
vertical-align: middle
}
.masthead .soc-ico a {
line-height: 22px
}
.dt-close-mobile-menu-icon {
position: relative
}
.dt-close-mobile-menu-icon:after,
.dt-close-mobile-menu-icon:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
border-radius: inherit;
box-sizing: border-box
}
.dt-close-mobile-menu-icon:after {
opacity: 0
}
.dt-close-mobile-menu-icon:before {
opacity: 1
}
.main-nav>li {
position: relative;
display: -ms-flexbox;
display: -ms-flex;
display: flex
}
.main-nav>li>a {
text-decoration: none
}
.main-nav>li>a {
position: relative;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center
}
.menu-text,
.subtitle-text {
display: block
}
.top-header .main-nav .menu-text:after {
position: absolute;
top: 50%;
margin-top: -4px;
right: 0;
width: 8px;
height: 8px
}
.l-to-r-line>li>a>span {
position: relative;
display: block
}
.dt-mega-menu-wrap,
.sub-nav {
position: absolute;
visibility: hidden;
z-index: 200;
top: 100%;
left: 0;
width: 240px;
opacity: 0
}
.sub-nav {
padding: 0;
box-shadow: 0 0 4px rgba(0, 0, 0, .2);
box-sizing: border-box
}
.sub-nav>li {
position: relative;
display: block;
box-sizing: border-box
}
.sub-nav li:first-child:before {
display: none
}
.sub-nav>li>a {
position: relative;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-align-content: center;
align-content: center;
-ms-flex-line-pack: center;
text-decoration: none
}
.sub-nav li a {
box-sizing: border-box
}
.top-header .main-nav .sub-nav>li.has-children>a:after {
position: absolute;
display: block;
right: 0;
top: 50%;
width: 8px;
height: 8px;
margin-top: -4px
}
.top-header .main-nav .sub-nav.level-arrows-on>li.has-children>a:after {
content: "\f007";
font-family: icomoon-the7-font;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 8px;
line-height: 1;
text-align: center
}
.sub-nav .sub-nav {
left: 241px;
top: 0;
margin-top: 0
}
.dt-mobile-header .sub-nav>li,
.mobile-main-nav>li {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.dt-mobile-header .mobile-main-nav>li>.dt-mega-menu-wrap,
.dt-mobile-header .mobile-main-nav>li>.sub-nav,
.dt-mobile-header .mobile-main-nav>li>.sub-nav .sub-nav {
position: relative;
display: none;
top: 0;
left: 0;
width: 100%;
padding: 0;
visibility: visible;
opacity: 1;
z-index: auto
}
.mobile-main-nav .sub-nav {
background: 0 0;
box-shadow: none
}
.dt-mobile-header {
position: fixed;
top: 0;
height: 100%;
min-height: 100%;
width: 500px;
max-width: 100%;
z-index: 9602;
box-sizing: border-box;
background-color: grey;
transform: translate3d(-100%, 0, 0);
overflow: hidden
}
.right-mobile-menu .dt-mobile-header {
right: 0;
transform: translate3d(100%, 0, 0)
}
html:not(.touchevents) .dt-mobile-header::-webkit-scrollbar {
width: 13px
}
html:not(.touchevents) .dt-mobile-header::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #1ebac8;
border: 4px solid #fff;
box-sizing: border-box
}
.mobile-mini-widgets-in-menu {
display: none
}
.mobile-mini-widgets-in-menu {
padding: 30px 0
}
.mobile-main-nav {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex: 10 1 auto;
flex: 10 1 auto
}
.mobile-main-nav>li {
position: relative;
display: -ms-flexbox;
display: -ms-flex;
display: flex
}
.mobile-menu-show-divider .mobile-main-nav>li:before {
content: "";
position: absolute;
top: -.5px;
height: 0;
width: 100%;
max-width: 100%;
left: 0
}
.mobile-menu-show-divider .mobile-main-nav>li:first-child:before {
display: none
}
.mobile-main-nav>li>a {
text-decoration: none;
position: relative;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 30px 10px 0;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1
}
.mobile-main-nav li>a .subtitle-text {
font-size: 10px;
line-height: 12px;
font-family: Arial, sans-serif
}
.mobile-main-nav .sub-nav {
margin-left: 20px
}
#page #mobile-menu .sub-nav>li,
#page .mobile-main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {
padding: 0;
width: 100%
}
#page .mobile-main-nav .sub-nav {
width: 100%
}
.mobile-main-nav .sub-nav .sub-nav {
left: 0
}
.mobile-main-nav .sub-nav>li>a {
padding: 10px 30px 10px 0;
margin: 0;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1
}
.dt-close-mobile-menu-icon {
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
position: absolute;
top: 0;
z-index: 9999;
opacity: 0;
min-width: 12px;
min-height: 12px
}
.dt-close-mobile-menu-icon .close-line-wrap {
position: relative;
width: 22px;
height: 100%
}
.fade-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
width: 20px;
height: 20px
}
.dt-close-mobile-menu-icon span {
position: relative;
display: block;
margin: 0;
z-index: 2
}
.dt-close-mobile-menu-icon .close-line {
display: inline-block;
transform-origin: 50% 50%;
width: 22px;
height: 2px;
position: absolute;
left: 0;
content: ''
}
.fade-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
width: 20px;
top: 50%;
margin-top: -1px
}
.dt-close-mobile-menu-icon .close-line:nth-child(2) {
display: none
}
.dt-close-mobile-menu-icon .close-line:after,
.dt-close-mobile-menu-icon .close-line:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
border-radius: inherit;
box-sizing: border-box
}
.dt-close-mobile-menu-icon .close-line:after {
opacity: 0
}
.dt-close-mobile-menu-icon .close-line:before {
opacity: 1
}
.dt-close-mobile-menu-icon .close-line:first-child {
transform: rotate3d(0, 0, 1, 45deg)
}
.dt-close-mobile-menu-icon .close-line:last-child {
transform: rotate3d(0, 0, 1, -45deg)
}
.phantom-sticky .branding>a:not(.same-logo) {
opacity: 0;
display: block !important;
position: absolute;
left: -100%
}
.post-rollover,
.rollover {
position: relative;
display: block;
line-height: 0;
text-decoration: none
}
.rollover img {
max-width: 100%;
height: auto
}
.layzr-bg {
background-position: center center;
background-repeat: no-repeat
}
.layzr-bg.post-rollover {
background-size: auto 30%
}
img.lazy-load {
opacity: 0
}
.scroll-top {
position: fixed;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
right: 10px;
bottom: 10px;
width: 40px;
height: 40px;
opacity: 0;
z-index: -1;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
text-decoration: none;
background-color: #000;
background-color: rgba(0, 0, 0, .2)
}
.scroll-top:before {
content: "\f0290";
font-family: icomoon-the7-font;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 20px;
line-height: 1;
color: #fff
}
.details {
position: relative;
display: inline-block;
vertical-align: top;
padding-bottom: 6px !important;
margin-bottom: -6px;
font-weight: 700;
text-decoration: none
}
.details:after {
display: inline-block;
padding-left: 5px;
font-family: icomoon-the7-font;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 8px;
line-height: 1;
content: "\f003"
}
.details:before {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0;
height: 2px;
content: ""
}
.round-images .alignleft,
.round-images .alignleft img,
.round-images img {
border-radius: 50%
}
@font-face {
font-display: swap;
font-family: icomoon-the7-font;
src: url(wp-content/themes/dt-the7/fonts/icomoon-the7-font/icomoon-the7-font.ttf@wi57p5) format('truetype'), url(wp-content/themes/dt-the7/fonts/icomoon-the7-font/icomoon-the7-font.woff@wi57p5) format('woff');
font-weight: 400;
font-style: normal
}
[class*=icomoon-the7-],
[class*=the7-mw-],
[class^=soc-font-],
[class^=the7-mw-] {
font-family: icomoon-the7-font !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[class*=the7-mw-]:before,
[class^=the7-mw-]:before {
font-family: inherit !important;
margin: 0 !important
}
.icomoon-the7-font-the7-phone-06:before {
content: "\e106"
}
.icomoon-the7-font-the7-clock-01:before {
content: "\e601"
}
.the7-mw-icon-search-bold:before {
content: "\ec051"
}
.facebook .soc-font-icon:before {
content: "\f106"
}
.instagram .soc-font-icon:before {
content: "\f111"
}
.twitter .soc-font-icon:before {
content: "\f127"
}
.you-tube .soc-font-icon:before {
content: "\f138"
}
:root {
--the7-accent-bg-color: #1ebbf0;
--the7-accent-color: #1ebbf0;
--the7-accent-gradient: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-additional-logo-elements-font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
--the7-additional-logo-elements-font-size: 20px;
--the7-additional-logo-elements-icon-size: 0px;
--the7-additional-menu-elements-color: #333333;
--the7-additional-menu-elements-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-additional-menu-elements-font-size: 13px;
--the7-additional-menu-elements-font-weight: 700;
--the7-additional-menu-elements-icon-color: #333333;
--the7-additional-menu-elements-icon-size: 16px;
--the7-base-border-radius: 0px;
--the7-base-color: #8b8d94;
--the7-base-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-base-font-size: 15px;
--the7-base-line-height: 1.5em;
--the7-beautiful-loading-bg: #ffffff;
--the7-beautiful-spinner-color: rgba(51, 51, 51, 0.25);
--the7-body-bg-attachment: fixed;
--the7-body-bg-color: #f7f7f7;
--the7-body-bg-image: none;
--the7-body-bg-position-x: center;
--the7-body-bg-position-y: center;
--the7-body-bg-repeat: no-repeat;
--the7-body-bg-size: cover;
--the7-border-radius-size: 0px;
--the7-bottom-bar-bottom-padding: 10px;
--the7-bottom-bar-height: 60px;
--the7-bottom-bar-line-size: 1px;
--the7-bottom-bar-menu-switch: 778px;
--the7-bottom-bar-switch: 990px;
--the7-bottom-bar-top-padding: 10px;
--the7-bottom-bg-color: rgba(255, 255, 255, 0.12);
--the7-bottom-bg-image: none;
--the7-bottom-bg-position-x: center;
--the7-bottom-bg-position-y: top;
--the7-bottom-bg-repeat: repeat;
--the7-bottom-color: #eeeeee;
--the7-bottom-content-padding: 0px;
--the7-bottom-input-border-width: 1px;
--the7-bottom-input-padding: 5px;
--the7-bottom-logo-bottom-padding: 8px;
--the7-bottom-logo-left-padding: 0px;
--the7-bottom-logo-right-padding: 12px;
--the7-bottom-logo-top-padding: 8px;
--the7-bottom-overlay-content-padding: 0px;
--the7-box-width: 1280px;
--the7-breadcrumbs-bg-color: #594492;
--the7-breadcrumbs-border-color: rgba(255, 255, 255, 0);
--the7-breadcrumbs-border-radius: 2px;
--the7-breadcrumbs-border-width: 0px;
--the7-breadcrumbs-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-breadcrumbs-font-size: 14px;
--the7-breadcrumbs-line-height: 24px;
--the7-breadcrumbs-margin-bottom: 0px;
--the7-breadcrumbs-margin-left: 0px;
--the7-breadcrumbs-margin-right: 0px;
--the7-breadcrumbs-margin-top: 10px;
--the7-breadcrumbs-padding-bottom: 0px;
--the7-breadcrumbs-padding-left: 0px;
--the7-breadcrumbs-padding-right: 0px;
--the7-breadcrumbs-padding-top: 0px;
--the7-breadcrumbs-text-transform: none;
--the7-btn-bg-color-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-btn-bg-color: #1ebbf0;
--the7-btn-border-color: #1ebbf0;
--the7-btn-border-hover-color: #1ebbf0;
--the7-btn-color: #ffffff;
--the7-btn-hover-bg-color-2: 135deg, #23aadd 30%, #37ce9d 100%;
--the7-btn-hover-bg-color: #23aadd;
--the7-btn-hover-color: #ffffff;
--the7-btn-l-border-radius: 1px;
--the7-btn-l-border-style: solid;
--the7-btn-l-border-width: 0px;
--the7-btn-l-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-btn-l-font-size: 18px;
--the7-btn-l-font-weight: 700;
--the7-btn-l-icon-size: 18px;
--the7-btn-l-letter-spacing: 0px;
--the7-btn-l-line-height: 1;
--the7-btn-l-min-height: 1px;
--the7-btn-l-min-width: 1px;
--the7-btn-l-padding: 16px 24px 16px 24px;
--the7-btn-l-text-transform: none;
--the7-btn-lg-border-radius: 5px;
--the7-btn-lg-border-style: solid;
--the7-btn-lg-border-width: 0px;
--the7-btn-lg-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-btn-lg-font-size: 20px;
--the7-btn-lg-font-weight: 700;
--the7-btn-lg-icon-size: 18px;
--the7-btn-lg-letter-spacing: 0px;
--the7-btn-lg-line-height: 1;
--the7-btn-lg-min-height: 1px;
--the7-btn-lg-min-width: 1px;
--the7-btn-lg-padding: 20px 40px 20px 40px;
--the7-btn-lg-text-transform: none;
--the7-btn-m-border-radius: 1px;
--the7-btn-m-border-style: solid;
--the7-btn-m-border-width: 0px;
--the7-btn-m-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-btn-m-font-size: 14px;
--the7-btn-m-font-weight: 700;
--the7-btn-m-icon-size: 14px;
--the7-btn-m-letter-spacing: 0px;
--the7-btn-m-line-height: 1;
--the7-btn-m-min-height: 1px;
--the7-btn-m-min-width: 1px;
--the7-btn-m-padding: 12px 18px 12px 18px;
--the7-btn-m-text-transform: none;
--the7-btn-s-border-radius: 1px;
--the7-btn-s-border-style: solid;
--the7-btn-s-border-width: 0px;
--the7-btn-s-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-btn-s-font-size: 12px;
--the7-btn-s-font-weight: 700;
--the7-btn-s-icon-size: 12px;
--the7-btn-s-letter-spacing: 0px;
--the7-btn-s-line-height: 1;
--the7-btn-s-min-height: 1px;
--the7-btn-s-min-width: 1px;
--the7-btn-s-padding: 8px 14px 7px 14px;
--the7-btn-s-text-transform: none;
--the7-btn-xl-border-radius: 6px;
--the7-btn-xl-border-style: solid;
--the7-btn-xl-border-width: 0px;
--the7-btn-xl-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-btn-xl-font-size: 20px;
--the7-btn-xl-font-weight: 700;
--the7-btn-xl-icon-size: 20px;
--the7-btn-xl-letter-spacing: 0px;
--the7-btn-xl-line-height: 1;
--the7-btn-xl-min-height: 1px;
--the7-btn-xl-min-width: 1px;
--the7-btn-xl-padding: 25px 50px 25px 50px;
--the7-btn-xl-text-transform: none;
--the7-button-shadow-blur: 10px;
--the7-button-shadow-color: rgba(0, 0, 0, 0);
--the7-button-shadow-horizontal: 0px;
--the7-button-shadow-hover-blur: 10px;
--the7-button-shadow-hover-color: rgba(0, 0, 0, 0);
--the7-button-shadow-hover-horizontal: 0px;
--the7-button-shadow-hover-spread: 0px;
--the7-button-shadow-hover-vertical: 0px;
--the7-button-shadow-spread: 0px;
--the7-button-shadow-vertical: 0px;
--the7-classic-menu-bottom-margin: 0px;
--the7-close-menu-caption-color-hover: #000000;
--the7-close-menu-caption-color: #000000;
--the7-close-menu-caption-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-close-menu-caption-font-size: 16px;
--the7-close-menu-caption-gap: 20px;
--the7-close-menu-caption-text-transform: uppercase;
--the7-close-mobile-menu-caption-color-hover: #ffffff;
--the7-close-mobile-menu-caption-color: #ffffff;
--the7-close-mobile-menu-caption-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-close-mobile-menu-caption-font-size: 16px;
--the7-close-mobile-menu-caption-gap: 10px;
--the7-close-mobile-menu-caption-text-transform: none;
--the7-content-boxes-bg: rgba(0, 0, 0, 0.04);
--the7-content-width: 1300px;
--the7-divider-bg-color: rgba(0, 0, 0, 0);
--the7-divider-color: rgba(0, 0, 0, 0.08);
--the7-filter-border-radius: 100px;
--the7-filter-decoration-line-size: 2px;
--the7-filter-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-filter-font-size: 14px;
--the7-filter-font-weight: 700;
--the7-filter-item-margin-bottom: 0px;
--the7-filter-item-margin-left: 3px;
--the7-filter-item-margin-right: 3px;
--the7-filter-item-margin-top: 0px;
--the7-filter-item-padding-bottom: 6px;
--the7-filter-item-padding-left: 15px;
--the7-filter-item-padding-right: 15px;
--the7-filter-item-padding-top: 6px;
--the7-filter-pointer-bg-radius: 100px;
--the7-filter-pointer-border-width: 2px;
--the7-filter-text-transform: none;
--the7-first-switch-header-padding-left: 50px;
--the7-first-switch-header-padding-right: 50px;
--the7-first-switch-mobile-header-height: 60px;
--the7-first-switch: 992px;
--the7-float-menu-bg: #ffffff;
--the7-float-menu-height: 60px;
--the7-float-menu-line-decoration-color: rgba(51, 51, 51, 0.11);
--the7-float-menu-line-decoration-size: 1px;
--the7-floating-header-bg-image: none;
--the7-floating-header-bg-position-x: center;
--the7-floating-header-bg-position-y: center;
--the7-floating-header-bg-repeat: repeat;
--the7-floating-header-bg-size: auto;
--the7-floating-logo-bottom-padding: 0px;
--the7-floating-logo-left-padding: 0px;
--the7-floating-logo-right-padding: 18px;
--the7-floating-logo-top-padding: 0px;
--the7-floating-menu-active-last-color: #333333;
--the7-floating-menu-color-active: #333333;
--the7-floating-menu-color-hover: #333333;
--the7-floating-menu-color: #333333;
--the7-floating-menu-hover-last-color: #333333;
--the7-floating-mixed-logo-bottom-padding: 0px;
--the7-floating-mixed-logo-left-padding: 0px;
--the7-floating-mixed-logo-right-padding: 0px;
--the7-floating-mixed-logo-top-padding: 0px;
--the7-floating-mobile-logo-bottom-padding: 0px;
--the7-floating-mobile-logo-left-padding: 0px;
--the7-floating-mobile-logo-right-padding: 0px;
--the7-floating-mobile-logo-top-padding: 0px;
--the7-footer-bg-color: #1a1c20;
--the7-footer-bg-image: none;
--the7-footer-bg-position-x: center;
--the7-footer-bg-position-y: top;
--the7-footer-bg-repeat: repeat;
--the7-footer-bottom-padding: 15px;
--the7-footer-decoration-line-size: 1px;
--the7-footer-left-padding: 50px;
--the7-footer-outline-color: rgba(129, 215, 66, 0.96);
--the7-footer-right-padding: 50px;
--the7-footer-switch-colums: 992px;
--the7-footer-switch: 778px;
--the7-footer-top-padding: 50px;
--the7-general-border-radius: 0px;
--the7-general-title-responsiveness: 778px;
--the7-h1-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-h1-font-size-desktop: 52px;
--the7-h1-font-size: 52px;
--the7-h1-font-weight: 700;
--the7-h1-line-height-desktop: 62px;
--the7-h1-line-height: 62px;
--the7-h1-text-transform: none;
--the7-h2-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-h2-font-size-desktop: 34px;
--the7-h2-font-size: 34px;
--the7-h2-font-weight: 700;
--the7-h2-line-height-desktop: 44px;
--the7-h2-line-height: 44px;
--the7-h2-text-transform: none;
--the7-h3-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-h3-font-size-desktop: 24px;
--the7-h3-font-size: 24px;
--the7-h3-font-weight: 700;
--the7-h3-line-height-desktop: 34px;
--the7-h3-line-height: 34px;
--the7-h3-text-transform: none;
--the7-h4-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-h4-font-size-desktop: 20px;
--the7-h4-font-size: 20px;
--the7-h4-font-weight: 700;
--the7-h4-line-height-desktop: 30px;
--the7-h4-line-height: 30px;
--the7-h4-text-transform: none;
--the7-h5-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-h5-font-size-desktop: 16px;
--the7-h5-font-size: 16px;
--the7-h5-font-weight: 700;
--the7-h5-line-height-desktop: 26px;
--the7-h5-line-height: 26px;
--the7-h5-text-transform: none;
--the7-h6-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-h6-font-size-desktop: 14px;
--the7-h6-font-size: 14px;
--the7-h6-font-weight: 700;
--the7-h6-line-height-desktop: 24px;
--the7-h6-line-height: 24px;
--the7-h6-text-transform: none;
--the7-hamburger-border-width: 0px;
--the7-hamburger-close-border-radius: 0px;
--the7-hamburger-close-border-width: 0px;
--the7-hamburger-mobile-close-border-radius: 0px;
--the7-hamburger-mobile-close-border-width: 0px;
--the7-header-bg-color: #ffffff;
--the7-header-bg-image: none;
--the7-header-bg-position-x: center;
--the7-header-bg-position-y: center;
--the7-header-bg-repeat: repeat;
--the7-header-bg-size: auto;
--the7-header-classic-menu-line-size: 1px;
--the7-header-decoration-size: 1px;
--the7-header-decoration: rgba(51, 51, 51, 0.11);
--the7-header-height: 90px;
--the7-header-left-padding: 50px;
--the7-header-mobile-left-padding: 20px;
--the7-header-mobile-menu-bottom-padding: 30px;
--the7-header-mobile-menu-left-padding: 30px;
--the7-header-mobile-menu-right-padding: 15px;
--the7-header-mobile-menu-top-padding: 45px;
--the7-header-mobile-right-padding: 20px;
--the7-header-right-padding: 50px;
--the7-header-side-content-width: 300px;
--the7-header-side-width: 300px;
--the7-header-slide-out-width: 400px;
--the7-header-switch-paddings: 778px;
--the7-header-transparent-bg-color: #eeee22;
--the7-input-bg-color: #fdfdfd;
--the7-input-border-color: rgba(51, 51, 51, 0.11);
--the7-input-border-radius: 2px;
--the7-input-color: #8b8d94;
--the7-input-height: 40px;
--the7-left-content-padding: 0px;
--the7-left-input-border-width: 1px;
--the7-left-input-padding: 15px;
--the7-left-overlay-content-padding: 0px;
--the7-lightbox-arrow-size: 62px;
--the7-links-color: #1ebbf0;
--the7-logo-area-left-padding-bottom: 0px;
--the7-logo-area-left-padding-left: 0px;
--the7-logo-area-left-padding-right: 0px;
--the7-logo-area-right-padding-bottom: 0px;
--the7-logo-area-right-padding-left: 0px;
--the7-logo-area-right-padding-right: 0px;
--the7-main-logo-bottom-padding: 0px;
--the7-main-logo-left-padding: 0px;
--the7-main-logo-right-padding: 5px;
--the7-main-logo-top-padding: 0px;
--the7-main-menu-icon-size: 14px;
--the7-mega-col-padding-bottom: 0px;
--the7-mega-col-padding-left: 10px;
--the7-mega-col-padding-right: 10px;
--the7-mega-col-padding-top: 0px;
--the7-mega-menu-desc-color: #333333;
--the7-mega-menu-desc-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-mega-menu-desc-font-size: 10px;
--the7-mega-menu-title-color: #333333;
--the7-mega-menu-title-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-mega-menu-title-font-size: 16px;
--the7-mega-menu-title-font-weight: 700;
--the7-mega-menu-title-icon-size: 16px;
--the7-mega-menu-title-text-transform: uppercase;
--the7-mega-menu-widget-color: #333333;
--the7-mega-menu-widget-title-color: #333333;
--the7-mega-submenu-col-width: 260px;
--the7-mega-submenu-item-2-level-spacing: 0px;
--the7-mega-submenu-item-padding-bottom: 9px;
--the7-mega-submenu-item-padding-left: 10px;
--the7-mega-submenu-item-padding-right: 10px;
--the7-mega-submenu-item-padding-top: 9px;
--the7-mega-submenu-padding-bottom: 20px;
--the7-mega-submenu-padding-left: 10px;
--the7-mega-submenu-padding-right: 10px;
--the7-mega-submenu-padding-top: 20px;
--the7-megamenu-title-active-color-2: left, #8224e3 30%, #eeee22 100%;
--the7-megamenu-title-active-color: #8224e3;
--the7-megamenu-title-hover-color-2: left, #1e73be 30%, #eeee22 99%;
--the7-megamenu-title-hover-color: #1e73be;
--the7-menu-active-color: #333333;
--the7-menu-active-decor-color-2: 135deg, rgba(30, 187, 240, 0.15) 30%, rgba(57, 223, 170, 0.15) 100%;
--the7-menu-active-decor-color: rgba(30, 187, 240, 0.15);
--the7-menu-active-last-color: #333333;
--the7-menu-active-line-decor-color: rgba(130, 36, 227, 0.3);
--the7-menu-area-below-padding-bottom: 0px;
--the7-menu-area-below-padding-left: 0px;
--the7-menu-area-below-padding-right: 0px;
--the7-menu-area-left-padding-bottom: 0px;
--the7-menu-area-left-padding-left: 0px;
--the7-menu-area-left-padding-right: 0px;
--the7-menu-area-right-padding-bottom: 0px;
--the7-menu-area-right-padding-left: 5px;
--the7-menu-area-right-padding-right: 0px;
--the7-menu-area-right-padding-top: 0px;
--the7-menu-area-top-line-padding-bottom: 0px;
--the7-menu-area-top-line-padding-left: 0px;
--the7-menu-area-top-line-padding-right: 0px;
--the7-menu-area-top-line-right-padding-bottom: 0px;
--the7-menu-area-top-line-right-padding-left: 0px;
--the7-menu-area-top-line-right-padding-right: 0px;
--the7-menu-caption-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-menu-caption-font-size: 16px;
--the7-menu-caption-gap: 10px;
--the7-menu-caption-text-transform: none;
--the7-menu-click-decor-bg-color-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-menu-click-decor-bg-color: rgba(30, 187, 240, 0);
--the7-menu-color: #333333;
--the7-menu-decor-border-radius: 3px;
--the7-menu-decor-color-2: left, #1ebbf0 30%, #39dfaa 100%;
--the7-menu-decor-color: #1ebbf0;
--the7-menu-decoration-line-size: 2px;
--the7-menu-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-menu-font-size: 16px;
--the7-menu-font-weight: 700;
--the7-menu-hover-color: #333333;
--the7-menu-hover-decor-color-2: 135deg, rgba(255, 255, 255, 0.23) 30%, rgba(0, 0, 0, 0.23) 100%;
--the7-menu-hover-decor-color: rgba(255, 255, 255, 0.23);
--the7-menu-hover-last-color: #333333;
--the7-menu-item-divider-width: 1px;
--the7-menu-item-margin-bottom: 18px;
--the7-menu-item-margin-left: 14px;
--the7-menu-item-margin-right: 14px;
--the7-menu-item-margin-top: 18px;
--the7-menu-item-padding-bottom: 4px;
--the7-menu-item-padding-left: 4px;
--the7-menu-item-padding-right: 4px;
--the7-menu-item-padding-top: 4px;
--the7-menu-line-decor-color-2: left, rgba(255, 255, 255, 0.23) 30%, rgba(0, 0, 0, 0.23) 100%;
--the7-menu-line-decor-color: rgba(255, 255, 255, 0.23);
--the7-menu-tem-divider-color: rgba(17, 17, 17, 0.14);
--the7-menu-tem-divider-height: 24px;
--the7-menu-text-transform: none;
--the7-message-color: #ffffff;
--the7-microwidget-button-2-bg-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-microwidget-button-2-bg: #1ebbf0;
--the7-microwidget-button-2-border-color-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-microwidget-button-2-border-color: #1ebbf0;
--the7-microwidget-button-2-border-radius: 0px;
--the7-microwidget-button-2-border-width: 1px;
--the7-microwidget-button-2-bottom-padding: 10px;
--the7-microwidget-button-2-color: #ffffff;
--the7-microwidget-button-2-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-microwidget-button-2-font-size: 14px;
--the7-microwidget-button-2-font-weight: 700;
--the7-microwidget-button-2-hover-bg-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-microwidget-button-2-hover-bg: #1ebbf0;
--the7-microwidget-button-2-hover-border-color-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-microwidget-button-2-hover-border-color: #1ebbf0;
--the7-microwidget-button-2-hover-color: #ffffff;
--the7-microwidget-button-2-icon-gap: 5px;
--the7-microwidget-button-2-icon-size: 14px;
--the7-microwidget-button-2-left-padding: 20px;
--the7-microwidget-button-2-right-padding: 20px;
--the7-microwidget-button-2-top-padding: 10px;
--the7-microwidget-button-bg-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-microwidget-button-bg: #1ebbf0;
--the7-microwidget-button-border-color-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-microwidget-button-border-color: #1ebbf0;
--the7-microwidget-button-border-radius: 0px;
--the7-microwidget-button-border-width: 1px;
--the7-microwidget-button-bottom-padding: 10px;
--the7-microwidget-button-color: #ffffff;
--the7-microwidget-button-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-microwidget-button-font-size: 14px;
--the7-microwidget-button-font-weight: 700;
--the7-microwidget-button-hover-bg-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-microwidget-button-hover-bg: #1ebbf0;
--the7-microwidget-button-hover-border-color-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-microwidget-button-hover-border-color: #1ebbf0;
--the7-microwidget-button-hover-color: #ffffff;
--the7-microwidget-button-icon-gap: 5px;
--the7-microwidget-button-icon-size: 14px;
--the7-microwidget-button-left-padding: 20px;
--the7-microwidget-button-right-padding: 20px;
--the7-microwidget-button-top-padding: 10px;
--the7-microwidgets-in-top-line-color: #888888;
--the7-microwidgets-in-top-line-font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
--the7-microwidgets-in-top-line-font-size: 20px;
--the7-microwidgets-in-top-line-icon-color: #888888;
--the7-microwidgets-in-top-line-icon-size: 16px;
--the7-mixed-logo-bottom-padding: 0px;
--the7-mixed-logo-left-padding: 0px;
--the7-mixed-logo-right-padding: 0px;
--the7-mixed-logo-top-padding: 0px;
--the7-mobile-floating-header-bg-color: #ffffff;
--the7-mobile-footer-bottom-padding: 15px;
--the7-mobile-footer-left-padding: 20px;
--the7-mobile-footer-right-padding: 20px;
--the7-mobile-footer-top-padding: 50px;
--the7-mobile-hamburger-border-width: 0px;
--the7-mobile-header-bg-color: #ffffff;
--the7-mobile-header-decoration-color: #ffffff;
--the7-mobile-header-decoration-size: 1px;
--the7-mobile-logo-bottom-padding: 0px;
--the7-mobile-logo-left-padding: 0px;
--the7-mobile-logo-right-padding: 0px;
--the7-mobile-logo-top-padding: 0px;
--the7-mobile-menu-active-color-2: left, #1ebbf0 30%, #39dfaa 100%;
--the7-mobile-menu-active-color: #1ebbf0;
--the7-mobile-menu-bg-color: #ffffff;
--the7-mobile-menu-caption-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-mobile-menu-caption-font-size: 16px;
--the7-mobile-menu-caption-gap: 10px;
--the7-mobile-menu-caption-text-transform: none;
--the7-mobile-menu-color: #333333;
--the7-mobile-menu-divider-color: rgba(51, 51, 51, 0.12);
--the7-mobile-menu-divider-height: 1px;
--the7-mobile-menu-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-mobile-menu-font-size: 16px;
--the7-mobile-menu-font-weight: 700;
--the7-mobile-menu-hover-color-2: left, #1ebbf0 30%, #39dfaa 100%;
--the7-mobile-menu-hover-color: #1ebbf0;
--the7-mobile-menu-microwidgets-color: #b1b4b8;
--the7-mobile-menu-microwidgets-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-mobile-menu-microwidgets-font-size: 13px;
--the7-mobile-menu-microwidgets-font-weight: 500;
--the7-mobile-menu-microwidgets-icon-color: #b1b4b8;
--the7-mobile-menu-microwidgets-icon-size: 16px;
--the7-mobile-menu-text-transform: none;
--the7-mobile-menu-width: 330px;
--the7-mobile-microwidgets-color: #333333;
--the7-mobile-microwidgets-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-mobile-microwidgets-font-size: 13px;
--the7-mobile-microwidgets-font-weight: 700;
--the7-mobile-microwidgets-icon-color: #333333;
--the7-mobile-microwidgets-icon-size: 16px;
--the7-mobile-overlay-bg-color: rgba(17, 17, 17, 0.5);
--the7-mobile-page-bottom-margin: 70px;
--the7-mobile-page-left-margin: 20px;
--the7-mobile-page-right-margin: 20px;
--the7-mobile-page-top-margin: 70px;
--the7-mobile-sub-menu-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-mobile-sub-menu-font-size: 13px;
--the7-mobile-sub-menu-font-weight: 500;
--the7-mobile-sub-menu-text-transform: none;
--the7-mobile-toggle-menu-bg-color: rgba(255, 255, 255, 0);
--the7-mobile-toggle-menu-bg-hover-color: rgba(255, 255, 255, 0);
--the7-mobile-toggle-menu-border-radius: 0px;
--the7-mobile-toggle-menu-color: #333333;
--the7-mobile-toggle-menu-hover-color: #333333;
--the7-mw-address-icon-size: 16px;
--the7-mw-clock-icon-size: 16px;
--the7-mw-email-icon-size: 16px;
--the7-mw-login-icon-size: 16px;
--the7-mw-phone-icon-size: 16px;
--the7-mw-search-bg-active-width: 200px;
--the7-mw-search-bg-color: #f4f4f4;
--the7-mw-search-bg-height: 34px;
--the7-mw-search-bg-width: 200px;
--the7-mw-search-border-color: #e2e2e2;
--the7-mw-search-border-radius: 0px;
--the7-mw-search-border-width: 0px;
--the7-mw-search-color: #aaaaaa;
--the7-mw-search-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-mw-search-font-size: 14px;
--the7-mw-search-icon-size: 16px;
--the7-mw-search-left-padding: 12px;
--the7-mw-search-overlay-bg: rgba(0, 0, 0, 0.9);
--the7-mw-search-right-padding: 12px;
--the7-mw-skype-icon-size: 16px;
--the7-mw-woocommerce-cart-icon-size: 16px;
--the7-navigation-bg-color: #000000;
--the7-navigation-line-bg: #ffffff;
--the7-navigation-line-decoration-color: #dd9933;
--the7-navigation-line-decoration-line-size: 1px;
--the7-navigation-line-sticky-bg: #000000;
--the7-navigation-margin: 50px;
--the7-outside-item-custom-margin: 30px;
--the7-page-bg-color: #ffffff;
--the7-page-bg-image: none;
--the7-page-bg-position-x: center;
--the7-page-bg-position-y: top;
--the7-page-bg-repeat: repeat;
--the7-page-bg-size: auto;
--the7-page-bottom-margin: 70px;
--the7-page-left-margin: 50px;
--the7-page-responsive-title-height: 0px;
--the7-page-responsive-title-line-height: 34px;
--the7-page-right-margin: 50px;
--the7-page-title-bg-color: rgba(0, 0, 0, 0.04);
--the7-page-title-bg-image: none;
--the7-page-title-bg-position-x: center;
--the7-page-title-bg-position-y: center;
--the7-page-title-bg-repeat: repeat;
--the7-page-title-bg-size: auto auto;
--the7-page-title-border-height: 10px;
--the7-page-title-border-style: solid;
--the7-page-title-bottom-padding: 30px;
--the7-page-title-breadcrumbs-color: #adafb3;
--the7-page-title-color: #333333;
--the7-page-title-decorative-line-height: 6px;
--the7-page-title-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-page-title-font-weight: 700;
--the7-page-title-height: 200px;
--the7-page-title-line-color: rgba(51, 51, 51, 0.11);
--the7-page-title-line-height: 44px;
--the7-page-title-line-style: double;
--the7-page-title-overlay-color: rgba(0, 0, 0, 0.5);
--the7-page-title-text-transform: none;
--the7-page-title-top-padding: 30px;
--the7-page-top-margin: 70px;
--the7-project-rollover-bg-color-2: 135deg, rgba(30, 187, 240, 0.85) 30%, rgba(57, 223, 170, 0.85) 100%;
--the7-project-rollover-bg-color: rgba(30, 187, 240, 0.85);
--the7-right-content-padding: 0px;
--the7-right-input-border-width: 1px;
--the7-right-input-padding: 15px;
--the7-right-overlay-content-padding: 0px;
--the7-rollover-bg-color-2: 135deg, rgba(30, 187, 240, 0.2) 30%, rgba(57, 223, 170, 0.2) 100%;
--the7-rollover-bg-color: rgba(30, 187, 240, 0.2);
--the7-second-switch-header-padding-left: 20px;
--the7-second-switch-header-padding-right: 20px;
--the7-second-switch-mobile-header-height: 60px;
--the7-second-switch: 778px;
--the7-secondary-text-color: #adafb3;
--the7-side-header-h-stroke-height: 130px;
--the7-side-header-v-stroke-width: 60px;
--the7-sidebar-distace-to-content: 50px;
--the7-sidebar-outline-color: rgba(0, 0, 0, 0.06);
--the7-sidebar-responsiveness: 992px;
--the7-sidebar-width: 350px;
--the7-soc-ico-hover-color: #ffffff;
--the7-soc-icons-bg-size: 26px;
--the7-soc-icons-border-radius: 100px;
--the7-soc-icons-border-width: 1px;
--the7-soc-icons-gap: 5px;
--the7-soc-icons-size: 16px;
--the7-sticky-header-overlay-bg: rgba(17, 17, 17, 0.4);
--the7-sub-menu-icon-size: 14px;
--the7-sub-subtitle-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-sub-subtitle-font-size: 10px;
--the7-submenu-active-bg-2: 135deg, rgba(30, 187, 240, 0.07) 30%, rgba(57, 223, 170, 0.07) 100%;
--the7-submenu-active-bg: rgba(30, 187, 240, 0.07);
--the7-submenu-active-color-2: left, #1ebbf0 30%, #39dfaa 100%;
--the7-submenu-active-color: #1ebbf0;
--the7-submenu-bg-color: #ffffff;
--the7-submenu-color: #333333;
--the7-submenu-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-submenu-font-size: 13px;
--the7-submenu-font-weight: 500;
--the7-submenu-hover-bg-2: 135deg, rgba(30, 187, 240, 0.07) 30%, rgba(57, 223, 170, 0.07) 100%;
--the7-submenu-hover-bg: rgba(30, 187, 240, 0.07);
--the7-submenu-hover-color-2: left, #1ebbf0 30%, #39dfaa 100%;
--the7-submenu-hover-color: #1ebbf0;
--the7-submenu-item-margin-bottom: 2px;
--the7-submenu-item-margin-left: 0px;
--the7-submenu-item-margin-right: 0px;
--the7-submenu-item-margin-top: 0px;
--the7-submenu-item-padding-bottom: 10px;
--the7-submenu-item-padding-left: 10px;
--the7-submenu-item-padding-right: 10px;
--the7-submenu-item-padding-top: 10px;
--the7-submenu-padding-bottom: 9px;
--the7-submenu-padding-left: 10px;
--the7-submenu-padding-right: 10px;
--the7-submenu-padding-top: 9px;
--the7-submenu-text-transform: none;
--the7-submenu-width: 280px;
--the7-subtitle-font-family: "Arial", Helvetica, Arial, Verdana, sans-serif;
--the7-subtitle-font-size: 11px;
--the7-subtitle-font-style: italic;
--the7-subtitle-font-weight: 400;
--the7-switch-content-paddings: 778px;
--the7-text-big-font-size: 16px;
--the7-text-big-line-height: 1.6em;
--the7-text-small-font-size: 13px;
--the7-text-small-line-height: 1.4em;
--the7-title-color: #333333;
--the7-title-font-size: 34px;
--the7-title-outline-color: rgba(30, 115, 190, 0);
--the7-title-responsive-font-size: 24px;
--the7-toggle-menu-bg-color-hover: rgba(255, 255, 255, 0.75);
--the7-toggle-menu-bg-color: rgba(255, 255, 255, 0.75);
--the7-toggle-menu-border-radius: 0px;
--the7-toggle-menu-bottom-margin: 0px;
--the7-toggle-menu-caption-color-hover: #000000;
--the7-toggle-menu-caption-color: #000000;
--the7-toggle-menu-caption-padding-bottom: 18px;
--the7-toggle-menu-caption-padding-left: 15px;
--the7-toggle-menu-caption-padding-right: 15px;
--the7-toggle-menu-caption-padding-top: 18px;
--the7-toggle-menu-close-bg-color: rgba(255, 255, 255, 0.75);
--the7-toggle-menu-close-bottom-margin: 30px;
--the7-toggle-menu-close-color: #000000;
--the7-toggle-menu-close-left-margin: 30px;
--the7-toggle-menu-close-padding-bottom: 15px;
--the7-toggle-menu-close-padding-left: 15px;
--the7-toggle-menu-close-padding-right: 15px;
--the7-toggle-menu-close-padding-top: 15px;
--the7-toggle-menu-close-right-margin: 30px;
--the7-toggle-menu-close-top-margin: 30px;
--the7-toggle-menu-color-hover: #000000;
--the7-toggle-menu-color: #000000;
--the7-toggle-menu-hover-bg-color: rgba(255, 255, 255, 0.75);
--the7-toggle-menu-hover-color: #000000;
--the7-toggle-menu-left-margin: 0px;
--the7-toggle-menu-right-margin: 0px;
--the7-toggle-menu-top-margin: 0px;
--the7-toggle-mobile-margin-bottom: 0px;
--the7-toggle-mobile-margin-left: 0px;
--the7-toggle-mobile-margin-right: 0px;
--the7-toggle-mobile-margin-top: 0px;
--the7-toggle-mobile-menu-caption-color-hover: #333333;
--the7-toggle-mobile-menu-caption-color: #333333;
--the7-toggle-mobile-menu-close-bottom-margin: 0px;
--the7-toggle-mobile-menu-close-color: #ffffff;
--the7-toggle-mobile-menu-close-hover-color: #ffffff;
--the7-toggle-mobile-menu-close-left-margin: 0px;
--the7-toggle-mobile-menu-close-padding-bottom: 5px;
--the7-toggle-mobile-menu-close-padding-left: 5px;
--the7-toggle-mobile-menu-close-padding-right: 5px;
--the7-toggle-mobile-menu-close-padding-top: 5px;
--the7-toggle-mobile-menu-close-right-margin: 0px;
--the7-toggle-mobile-menu-close-top-margin: 15px;
--the7-toggle-mobile-padding-bottom: 12px;
--the7-toggle-mobile-padding-left: 9px;
--the7-toggle-mobile-padding-right: 9px;
--the7-toggle-mobile-padding-top: 12px;
--the7-top-bar-font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
--the7-top-bar-font-size: 13px;
--the7-top-bar-font-weight: 500;
--the7-top-bar-height: 36px;
--the7-top-bar-icon-color: #b1b4b8;
--the7-top-bar-icon-size: 16px;
--the7-top-bar-line-color: rgba(51, 51, 51, 0.11);
--the7-top-bar-line-size: 1px;
--the7-top-bar-line-style: solid;
--the7-top-bar-mobile-padding-bottom: 3px;
--the7-top-bar-mobile-padding-left: 20px;
--the7-top-bar-mobile-padding-right: 20px;
--the7-top-bar-mobile-padding-top: 3px;
--the7-top-bar-padding-bottom: 3px;
--the7-top-bar-padding-left: 50px;
--the7-top-bar-padding-right: 50px;
--the7-top-bar-padding-top: 3px;
--the7-top-bar-switch-paddings: 600px;
--the7-top-bar-text-transform: none;
--the7-top-bar-transparent-bg-color: rgba(0, 0, 0, 0.5);
--the7-top-bg-color: rgba(255, 255, 255, 0);
--the7-top-bg-image: none;
--the7-top-bg-position-x: center;
--the7-top-bg-position-y: center;
--the7-top-bg-repeat: repeat;
--the7-top-color: #b1b4b8;
--the7-top-icons-bg-color-hover-2: 135deg, #1ebbf0 30%, #39dfaa 100%;
--the7-top-icons-bg-color-hover: #1ebbf0;
--the7-top-icons-bg-color: rgba(0, 0, 0, 0.07);
--the7-top-icons-border-color-hover: rgba(255, 255, 255, 0);
--the7-top-icons-border-color: rgba(255, 255, 255, 0);
--the7-top-icons-color: #aeb1b5;
--the7-top-input-border-width: 1px;
--the7-top-input-padding: 5px;
--the7-top-overlay-content-padding: 0px;
--the7-transparent-logo-bottom-padding: 0px;
--the7-transparent-logo-left-padding: 0px;
--the7-transparent-logo-right-padding: 5px;
--the7-transparent-logo-top-padding: 0px;
--the7-transparent-mixed-logo-bottom-padding: 0px;
--the7-transparent-mixed-logo-left-padding: 0px;
--the7-transparent-mixed-logo-right-padding: 0px;
--the7-transparent-mixed-logo-top-padding: 0px;
--the7-transparent-mobile-logo-bottom-padding: 0px;
--the7-transparent-mobile-logo-left-padding: 0px;
--the7-transparent-mobile-logo-right-padding: 0px;
--the7-transparent-mobile-logo-top-padding: 0px;
--the7-wc-grid-product-gap: 0px;
--the7-wc-grid-product-min-width: 0px;
--the7-widget-content-font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
--the7-widget-content-font-size-desktop: 13px;
--the7-widget-content-font-size: 13px;
--the7-widget-content-line-height-desktop: 20px;
--the7-widget-content-line-height: 20px;
--the7-widget-content-text-transform: none;
--the7-widget-footer-color: #8b8d94;
--the7-widget-footer-header-color: #eeeeee;
--the7-widget-footer-padding: 25px;
--the7-widget-gap: 20px;
--the7-widget-sidebar-bg-color: #f7f7f8;
--the7-widget-sidebar-bg-image: none;
--the7-widget-sidebar-bg-position-x: center;
--the7-widget-sidebar-bg-position-y: center;
--the7-widget-sidebar-bg-repeat: repeat;
--the7-widget-sidebar-color: #8b8d94;
--the7-widget-sidebar-distace: 60px;
--the7-widget-sidebar-header-color: #333333;
--the7-widget-title-font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
--the7-widget-title-font-size-desktop: 15px;
--the7-widget-title-font-size: 15px;
--the7-widget-title-line-height-desktop: 20px;
--the7-widget-title-line-height: 20px;
--the7-widget-title-text-transform: none;
--the7-woo-content-font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
--the7-woo-content-font-size-desktop: 20px;
--the7-woo-content-font-size: 20px;
--the7-woo-content-line-height-desktop: 30px;
--the7-woo-content-line-height: 30px;
--the7-woo-content-text-transform: none;
--the7-woo-title-font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
--the7-woo-title-font-size-desktop: 20px;
--the7-woo-title-font-size: 20px;
--the7-woo-title-line-height-desktop: 30px;
--the7-woo-title-line-height: 30px;
--the7-woo-title-text-transform: none
}
@media screen and (max-width:1023px) {
:root {
--the7-h1-font-size: 34px
}
}
@media screen and (max-width:766px) {
:root {
--the7-h1-font-size: 34px
}
}
.content h3 {
clear: none
}
.masthead:not(.side-header) {
max-width: 100%
}
.masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) {
box-sizing: border-box
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.masthead:not(.side-header):not(.mixed-header) {
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-align-content: space-between;
align-content: space-between;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center
}
.masthead:not(.side-header):not(.mixed-header) .top-bar,
.masthead:not(.side-header):not(.mixed-header) .header-bar {
width: 100%
}
.masthead .header-bar {
box-sizing: border-box
}
}
.masthead:not(.side-header) .header-bar {
position: relative;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-align-content: stretch;
align-content: stretch;
-ms-flex-line-pack: stretch;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
.masthead:not(.side-header) .main-nav {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center
}
.masthead:not(.side-header).full-height .main-nav {
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-align-content: stretch;
align-content: stretch
}
.masthead:not(.side-header).full-height .header-bar .main-nav>li>a,
.masthead:not(.side-header) .header-bar .main-nav>li>a {
display: flex;
display: -ms-flexbox;
display: -ms-flex;
-ms-align-content: center;
align-content: center;
-ms-flex-line-pack: stretch
}
.masthead:not(.side-header).full-height .main-nav>li>a {
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center
}
.inline-header .header-bar {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.inline-header .branding,
.inline-header .header-bar>.mini-widgets {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center
}
.inline-header.center .main-nav {
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1
}
.inline-header.center .main-nav {
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center
}
:root {
--the7-h1-spacing: var(--the7-p-spacing, 10px);
--the7-h2-spacing: var(--the7-p-spacing, 10px);
--the7-h3-spacing: var(--the7-p-spacing, 10px);
--the7-h4-spacing: var(--the7-p-spacing, 10px);
--the7-h5-spacing: var(--the7-p-spacing, 10px);
--the7-h6-spacing: var(--the7-p-spacing, 10px);
--the7-form-border: solid;
--the7-btn-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
--the7-btn-shadow-hover: 0px 0px 10px 0px rgba(0, 0, 0, 0)
}
#the7-body {
--the7-h1-color: var(--the7-title-color);
--the7-h2-color: var(--the7-title-color);
--the7-h3-color: var(--the7-title-color);
--the7-h4-color: var(--the7-title-color);
--the7-h5-color: var(--the7-title-color);
--the7-h6-color: var(--the7-title-color);
--the7-btn-s-font: var(--the7-btn-s-font-style, normal) normal var(--the7-btn-s-font-weight, normal) var(--the7-btn-s-font-size) / var(--the7-btn-s-line-height) var(--the7-btn-s-font-family);
--the7-btn-m-font: var(--the7-btn-m-font-style, normal) normal var(--the7-btn-m-font-weight, normal) var(--the7-btn-m-font-size) / var(--the7-btn-m-line-height) var(--the7-btn-m-font-family);
--the7-btn-l-font: var(--the7-btn-l-font-style, normal) normal var(--the7-btn-l-font-weight, normal) var(--the7-btn-l-font-size) / var(--the7-btn-l-line-height) var(--the7-btn-l-font-family);
--the7-btn-lg-font: var(--the7-btn-lg-font-style, normal) normal var(--the7-btn-lg-font-weight, normal) var(--the7-btn-lg-font-size) / var(--the7-btn-lg-line-height) var(--the7-btn-lg-font-family);
--the7-btn-xl-font: var(--the7-btn-xl-font-style, normal) normal var(--the7-btn-xl-font-weight, normal) var(--the7-btn-xl-font-size) / var(--the7-btn-xl-line-height) var(--the7-btn-xl-font-family);
--the7-woo-title-font: var(--the7-woo-title-font-style, normal) normal var(--the7-woo-title-font-weight, normal) var(--the7-woo-title-font-size) / var(--the7-woo-title-line-height) var(--the7-woo-title-font-family);
--the7-woo-content-font: var(--the7-woo-content-font-style, normal) normal var(--the7-woo-content-font-weight, normal) var(--the7-woo-content-font-size) / var(--the7-woo-content-line-height) var(--the7-woo-content-font-family);
--the7-base-font: var(--the7-base-font-style, normal) normal var(--the7-base-font-weight, normal) var(--the7-base-font-size) / var(--the7-base-line-height) var(--the7-base-font-family);
--the7-base-font-big: var(--the7-base-font-style, normal) normal var(--the7-base-font-weight, normal) var(--the7-text-big-font-size) / var(--the7-text-big-line-height) var(--the7-base-font-family);
--the7-widget-title-font: var(--the7-widget-title-font-style, normal) normal var(--the7-widget-title-font-weight, normal) var(--the7-widget-title-font-size) / var(--the7-widget-title-line-height) var(--the7-widget-title-font-family);
--the7-widget-content-font: var(--the7-widget-content-font-style, normal) normal var(--the7-widget-content-font-weight, normal) var(--the7-widget-content-font-size) / var(--the7-widget-content-line-height) var(--the7-widget-content-font-family);
--the7-h1-font: var(--the7-h1-font-style, normal) normal var(--the7-h1-font-weight, normal) var(--the7-h1-font-size) / var(--the7-h1-line-height) var(--the7-h1-font-family);
--the7-h2-font: var(--the7-h2-font-style, normal) normal var(--the7-h2-font-weight, normal) var(--the7-h2-font-size) / var(--the7-h2-line-height) var(--the7-h2-font-family);
--the7-h3-font: var(--the7-h3-font-style, normal) normal var(--the7-h3-font-weight, normal) var(--the7-h3-font-size) / var(--the7-h3-line-height) var(--the7-h3-font-family);
--the7-h4-font: var(--the7-h4-font-style, normal) normal var(--the7-h4-font-weight, normal) var(--the7-h4-font-size) / var(--the7-h4-line-height) var(--the7-h4-font-family);
--the7-h5-font: var(--the7-h5-font-style, normal) normal var(--the7-h5-font-weight, normal) var(--the7-h5-font-size) / var(--the7-h5-line-height) var(--the7-h5-font-family);
--the7-h6-font: var(--the7-h6-font-style, normal) normal var(--the7-h6-font-weight, normal) var(--the7-h6-font-size) / var(--the7-h6-line-height) var(--the7-h6-font-family);
--the7-form-md-font-family: var(--the7-base-font-family);
--the7-form-md-font-style: var(--the7-base-font-style, normal);
--the7-form-md-font-weight: var(--the7-base-font-weight, normal);
--the7-form-md-font-size: var(--the7-base-font-size);
--the7-form-md-line-height: var(--the7-base-line-height);
--the7-btn-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
--the7-btn-shadow-hover: 0px 0px 10px 0px rgba(0, 0, 0, 0);
--the7-form-md-font: var(--the7-form-md-font-style) normal var(--the7-form-md-font-weight) var(--the7-form-md-font-size, --the7-base-font-size) / var(--the7-form-md-line-height, --the7-base-line-height) var(--the7-form-md-font-family, --the7-base-font-family)
}
html,
body {
font: var(--the7-base-font-big);
letter-spacing: var(--the7-base-letter-spacing);
text-transform: var(--the7-base-text-transform);
text-decoration: var(--the7-base-text-decoration);
word-spacing: normal;
color: var(--the7-base-color)
}
#main .wf-wrap,
.page-title .wf-wrap {
padding: 0 50px 0 50px
}
.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar {
max-width: calc(1300px - 50px - 50px);
margin: 0 auto
}
.page-title .wf-wrap:after {
width: calc(1300px - 50px - 50px);
max-width: calc(100% - 50px - 50px)
}
.sidebar-right .sidebar {
margin-right: 0;
margin-left: 0
}
.text-small {
font-size: var(--the7-text-small-font-size);
line-height: var(--the7-text-small-line-height)
}
h1,
h3,
h3 a,
h3.entry-title {
color: var(--the7-title-color)
}
h1 {
color: var(--the7-h1-color);
font: var(--the7-h1-font);
text-transform: var(--the7-h1-text-transform);
letter-spacing: var(--the7-h1-letter-spacing);
word-spacing: var(--the7-h1-word-spacing);
text-decoration: var(--the7-h1-text-decoration)
}
h3 {
color: var(--the7-h3-color);
font: var(--the7-h3-font);
text-transform: var(--the7-h3-text-transform);
letter-spacing: var(--the7-h3-letter-spacing);
word-spacing: var(--the7-h3-word-spacing);
text-decoration: var(--the7-h3-text-decoration)
}
h3.entry-title {
color: var(--the7-h4-color);
font: var(--the7-h4-font);
text-transform: var(--the7-h4-text-transform);
letter-spacing: var(--the7-h4-letter-spacing);
word-spacing: var(--the7-h4-word-spacing);
text-decoration: var(--the7-h4-text-decoration)
}
a {
color: var(--the7-links-color)
}
#main>.wf-wrap {
width: 1300px
}
#main {
padding: 70px 0 70px 0
}
#main>.wf-wrap {
padding: 0 50px 0 50px
}
body {
background: #f7f7f7 none no-repeat fixed center center;
background-size: cover
}
#page {
background: #ffffff none repeat center top;
background-size: auto
}
.bg-on:not(.fullwidth-img),
#mobile-menu {
border-radius: 0px
}
.top-bar-bg {
background: rgba(255, 255, 255, 0) none repeat center center
}
.top-bar.full-width-line:after {
border-bottom: 1px solid rgba(51, 51, 51, 0.11)
}
.top-bar {
min-height: 36px;
padding: 3px 50px 3px 50px
}
.masthead:not(.side-header):not(.side-header-menu-icon) .top-bar {
max-width: calc(1300px);
margin: 0 auto
}
.top-bar,
.top-bar a:not(.wpml-ls-link):not(.wpml-ls-item-toggle) {
color: #b1b4b8
}
.masthead .top-bar .mini-contacts {
font: 500 13px / 19px "Roboto", Helvetica, Arial, Verdana, sans-serif;
text-transform: none
}
.masthead .top-bar .soc-ico a,
.masthead .top-bar .soc-ico {
line-height: 19px
}
.branding>a {
padding: 0px 5px 0px 0px
}
.mini-search input.field {
font: 14px / 18px "Roboto", Helvetica, Arial, Verdana, sans-serif;
min-height: 34px;
height: auto;
line-height: 34px;
width: 200px;
border-width: 0px;
border-color: #e2e2e2;
border-radius: 0px;
background: #f4f4f4;
padding: 0 12px 0 12px
}
.mini-search .searchform:not(.search-icon-disabled) input.field {
padding-right: 12px
}
.mini-search .search-icon i {
color: #aaaaaa
}
.searchform input::-moz-placeholder {
color: #aaaaaa !important;
opacity: 1
}
.searchform input[type=text] {
color: #aaaaaa
}
.mini-search .search-icon {
right: 12px
}
.mini-search .search-icon i {
font-size: 16px
}
.popup-search .search-icon {
right: 22px
}
.popup-search .submit i {
font-size: 16px;
color: #333333
}
.masthead .popup-search .popup-search-wrap {
top: calc(100% + 8px)
}
.masthead .mini-search input[type="text"]::-moz-placeholder {
color: #333333
}
.mini-search .submit {
font: normal 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif;
color: #333333
}
.mini-search .search-icon {
color: #aaaaaa
}
.mini-contacts {
text-decoration: none;
font: normal 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif;
color: #333333
}
.mini-contacts i {
font-size: 16px;
color: #333333
}
.masthead .top-bar .mini-contacts {
color: #b1b4b8
}
.masthead .top-bar .mini-contacts i {
font-size: 16px;
color: #b1b4b8
}
.masthead .mini-widgets .soc-ico a {
width: 26px;
height: 26px;
margin: 0 2.5px;
line-height: 26px;
border-radius: 100px
}
.masthead .mini-widgets .soc-ico a:before,
.masthead .mini-widgets .soc-ico a:after {
width: 26px;
height: 26px
}
.masthead .mini-widgets .soc-ico a:first-child {
margin-left: 0
}
.masthead .mini-widgets .soc-ico a:last-child {
margin-right: 0
}
.masthead .soc-ico .soc-font-icon {
font-size: 16px;
line-height: 26px
}
.masthead .soc-ico.custom-bg a:before {
background-color: rgba(0, 0, 0, 0.07)
}
.accent-gradient .masthead .soc-ico.hover-accent-bg a:after {
background: #1ebbf0;
background: -webkit-linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);
background: linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%)
}
.masthead .soc-ico.hover-accent-bg a:after {
background-color: #1ebbf0;
background-image: none
}
.masthead .mini-widgets .soc-ico a:not(:hover) .soc-font-icon {
color: var(--the7-accent-color);
color: #aeb1b5 !important;
background: none !important
}
.main-nav>li>a {
margin: 18px 14px 18px 14px;
padding: 4px 4px 4px 4px
}
.top-header .outside-item-remove-margin.main-nav>li:first-child>a {
margin-left: 0
}
.top-header .outside-item-remove-margin.main-nav>li:last-child>a {
margin-right: 0
}
.main-nav>li>a .menu-text {
font: normal 700 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
text-transform: none
}
.main-nav>li:not(.wpml-ls-item)>a .menu-text {
color: #333333
}
.main-nav>li:not(.wpml-ls-item)>a {
color: #333333
}
.main-nav>li.act:not(.wpml-ls-item)>a {
color: #333333
}
.main-nav>li.act:not(.wpml-ls-item)>a .menu-text {
color: #333333
}
li:not(.dt-mega-menu) .sub-nav {
width: 280px
}
.sub-nav {
background-color: #ffffff;
padding: 9px 10px 9px 10px
}
.top-header .sub-nav .sub-nav {
top: -9px
}
.main-nav .sub-nav>li>a .menu-text {
font: 500 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif;
text-transform: none
}
.main-nav .sub-nav>li:not(.wpml-ls-item)>a .menu-text {
color: #333333
}
.main-nav .sub-nav>li:not(.wpml-ls-item)>a {
color: #333333
}
.sub-nav.level-arrows-on>li.has-children:not(.dt-mega-parent)>a:after {
color: #333333
}
.main-nav .sub-nav>li>a .subtitle-text {
font: normal 10px / 14px "Roboto", Helvetica, Arial, Verdana, sans-serif
}
.main-nav .sub-nav>li>a {
margin: 0px 0px 2px 0px;
padding: 10px 10px 10px 10px
}
.top-header .main-nav .sub-nav.level-arrows-on>li.has-children>a {
padding-right: 18px
}
.sub-nav li:not(:first-child) .sub-nav {
top: -10px
}
.masthead:not(.sub-downwards) .sub-nav li.has-children a:after {
right: 2px
}
.top-header .masthead:not(.sub-downwards) .sub-nav li.has-children a:after {
right: 10px
}
.masthead:not(.sub-downwards) .sub-nav .sub-nav {
left: 271px !important
}
.dt-mobile-header {
background-color: #ffffff;
width: 330px
}
html:not(.touchevents) .dt-mobile-header::-webkit-scrollbar-thumb {
background: rgba(51, 51, 51, 0.2);
border-color: #ffffff
}
html:not(.touchevents) .dt-mobile-header::-webkit-scrollbar-track {
background-color: #ffffff
}
.right-mobile-menu-close-icon .dt-close-mobile-menu-icon {
right: 0
}
.mobile-main-nav>li>a {
padding: 10.4px 25px 10.4px 0
}
.mobile-menu-show-divider .mobile-main-nav>li>a {
padding: 15.2px 25px 15.2px 0
}
.mobile-main-nav>li>.sub-nav:last-child {
margin-bottom: 16px
}
.mobile-main-nav li>a .menu-text {
font: 700 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
color: #333333;
text-transform: none
}
.mobile-main-nav li>a {
color: #333333
}
.mobile-main-nav li.act>a {
color: #1ebbf0
}
.mobile-main-nav li.act>a .menu-text {
color: #1ebbf0;
background: -webkit-linear-gradient(left, #1ebbf0 30%, #39dfaa 100%);
color: transparent;
-webkit-background-clip: text;
background-clip: text
}
@media all and (-ms-high-contrast:none) {
.mobile-main-nav li.act>a .menu-text {
color: #1ebbf0
}
}
.mobile-main-nav>li.has-children>a:after {
color: rgba(51, 51, 51, 0.17)
}
.mobile-menu-show-divider .mobile-main-nav>li:before {
border-bottom: 1px solid rgba(51, 51, 51, 0.12)
}
.mobile-main-nav .sub-nav>li>a,
#page .mobile-main-nav .sub-nav li {
padding: 5.2px 0px 5.2px 0
}
.dt-mobile-header .mobile-main-nav li .sub-nav>li>a .menu-text {
font: 500 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif;
color: #333333;
text-transform: none
}
.mobile-main-nav .sub-nav li>a .menu-text {
font-size: 9px;
line-height: 13px
}
.mobile-main-nav .sub-nav.level-arrows-on li.has-children>a:after,
.mobile-main-nav .sub-nav li.has-children a:after {
color: rgba(51, 51, 51, 0.17)
}
.mobile-main-nav>li.has-children>a {
max-width: calc(100% - 55px)
}
.mobile-main-nav .sub-nav>li.has-children>a {
max-width: calc(100% - 30px)
}
.dt-close-mobile-menu-icon {
padding: 5px 5px 5px 5px;
margin: 15px 0px 0px 0px;
border-radius: 0px
}
.mobile-hamburger-close-bg-enable .dt-close-mobile-menu-icon:before {
background-color: var(--the7-accent-color)
}
.mobile-hamburger-close-bg-hover-enable .dt-close-mobile-menu-icon:after {
background-color: var(--the7-accent-color)
}
.dt-close-mobile-menu-icon span:after {
background-color: var(--the7-accent-color);
background: #ffffff !important
}
.dt-close-mobile-menu-icon span:before {
background-color: var(--the7-accent-color);
background: #ffffff !important
}
.masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar {
padding: 0 50px 0 50px
}
.masthead:not(.mixed-header) {
background: #ffffff none repeat center center;
background-size: auto
}
.masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom):not(.masthead-mobile-header) {
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07)
}
.page-title .wf-wrap {
min-height: 200px;
padding-top: 30px;
padding-bottom: 30px
}
.page-title .wf-wrap:after {
border-bottom: 6px double rgba(51, 51, 51, 0.11)
}
.page-title.solid-bg {
background-color: rgba(0, 0, 0, 0.04)
}
.page-title>.wf-wrap {
width: 1300px
}
.page-title h1 {
font: normal 700 34px / 44px "Roboto", Helvetica, Arial, Verdana, sans-serif;
color: #333333;
text-transform: none
}
.page-title .breadcrumbs li:before,
.page-title .breadcrumbs li:before {
color: rgba(139, 141, 148, 0.35)
}
.page-title .breadcrumbs {
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px
}
.page-title .breadcrumbs,
.page-title .breadcrumbs a {
color: #adafb3;
font: normal 14px / 24px "Roboto", Helvetica, Arial, Verdana, sans-serif;
text-transform: none
}
.page-title .breadcrumbs li:before,
.page-title .breadcrumbs li:before {
color: rgba(173, 175, 179, 0.5)
}
.sidebar-right .sidebar {
border-left: 1px solid var(--the7-divider-color)
}
.sidebar .widget,
.sidebar-content .widget {
border-top: 1px solid var(--the7-divider-color);
color: #8b8d94;
padding-top: 30px;
padding-bottom: 30px
}
.sidebar .widget,
.sidebar-content .widget {
font: var(--the7-widget-content-font);
text-transform: var(--the7-widget-content-text-transform);
letter-spacing: var(--the7-widget-content-letter-spacing);
text-decoration: var(--the7-widget-content-text-decoration)
}
.sidebar-content .widget:not(.widget_icl_lang_sel_widget) a:not(.elementor-button) {
color: #8b8d94
}
.recent-posts a,
.widget:not(.widget_icl_lang_sel_widget) .recent-posts a {
color: var(--the7-title-color)
}
.sidebar-content .recent-posts a,
.sidebar-content .widget:not(.widget_icl_lang_sel_widget) .recent-posts a {
color: #333333
}
.wp-block-search .wp-block-search__button {
height: var(--the7-input-height)
}
.wp-block-search .wp-block-search__label {
display: block;
color: #333333;
margin-bottom: 8px;
font: 15px / 20px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
text-transform: none;
font-size: var(--the7-base-font-size);
line-height: var(--the7-base-line-height)
}
.post.bg-on {
background-color: var(--the7-content-boxes-bg)
}
.layout-list .post {
border-top: 1px solid;
border-color: var(--the7-divider-color)
}
.details {
font-size: var(--the7-text-small-font-size);
line-height: calc(var(--the7-text-small-font-size) + 4px);
color: var(--the7-h1-color)
}
.details:before {
background-color: var(--the7-accent-color)
}
.fn {
color: var(--the7-title-color)
}
.entry-meta {
font-size: var(--the7-text-small-font-size);
line-height: var(--the7-text-small-line-height)
}
.entry-meta:before {
width: var(--the7-base-line-height);
height: var(--the7-base-line-height)
}
.entry-meta>a:after,
.entry-meta>span:after {
background-color: var(--the7-secondary-text-color)
}
.entry-meta a,
.entry-meta span,
.entry-meta a * {
color: var(--the7-secondary-text-color)
}
.wp-block-search .wp-block-search__button {
font: var(--the7-btn-s-font);
text-transform: var(--the7-btn-s-text-transform);
letter-spacing: var(--the7-btn-s-letter-spacing);
word-spacing: var(--the7-btn-s-word-spacing);
border-radius: var(--the7-btn-s-border-radius);
border-width: var(--the7-btn-s-border-width);
border-style: var(--the7-btn-s-border-style);
border-color: var(--the7-btn-border-color);
padding: var(--the7-btn-s-padding);
min-width: var(--the7-btn-s-min-width);
min-height: var(--the7-btn-s-min-height)
}
input[type="submit"]:not([name="update_cart"]),
.wp-block-search .wp-block-search__button {
box-shadow: var(--the7-btn-shadow)
}
input[type="submit"]:not([name="update_cart"]) {
color: var(--the7-btn-color);
background: var(--the7-btn-bg, transparent linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%))
}
.wp-block-search .wp-block-search__button {
color: var(--the7-btn-color);
background: var(--the7-btn-bg, transparent linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%))
}
.sidebar .wp-block-search .wp-block-search__button,
.sidebar .widget .wp-block-search .wp-block-search__button,
.sidebar-content .widget .wp-block-search .wp-block-search__button {
color: var(--the7-btn-color)
}
input::-webkit-input-placeholder {
color: var(--the7-input-color);
opacity: var(--the7-form-placeholder-opacity, 0.5)
}
input:-moz-placeholder {
color: var(--the7-input-color);
opacity: var(--the7-form-placeholder-opacity, 0.5)
}
input[type="text"],
input[type="search"] {
color: var(--the7-input-color);
font: var(--the7-form-md-font);
border-style: var(--the7-form-border);
border-top-width: var(--the7-top-input-border-width);
border-right-width: var(--the7-right-input-border-width);
border-bottom-width: var(--the7-bottom-input-border-width);
border-left-width: var(--the7-left-input-border-width);
padding: var(--the7-top-input-padding) var(--the7-right-input-padding) var(--the7-bottom-input-padding) var(--the7-left-input-padding);
border-color: var(--the7-input-border-color);
background-color: var(--the7-input-bg-color);
border-radius: var(--the7-input-border-radius);
box-shadow: var(--the7-form-shadow)
}
input[type="text"],
input[type="search"] {
min-height: var(--the7-input-height)
}
input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit) {
font: var(--the7-btn-m-font);
text-transform: var(--the7-btn-m-text-transform);
letter-spacing: var(--the7-btn-m-letter-spacing);
word-spacing: var(--the7-btn-m-word-spacing);
border-radius: var(--the7-btn-m-border-radius);
padding: var(--the7-btn-m-padding);
min-width: var(--the7-btn-m-min-width);
min-height: var(--the7-btn-m-min-height)
}
.paginator a {
color: var(--the7-title-color)
}
.paginator:not(.paginator-more-button) a {
font-size: var(--the7-text-big-font-size);
line-height: var(--the7-text-big-line-height);
color: var(--the7-title-color)
}
.scroll-top {
border-radius: 0px
}
input[type="text"] {
font: var(--the7-form-md-font);
letter-spacing: var(--the7-form-md-letter-spacing);
text-transform: var(--the7-form-md-text-transform);
text-decoration: var(--the7-base-text-decoration)
}
.layzr-bg {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(139,141,148,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
}
.sidebar .layzr-bg,
.sidebar-content .layzr-bg {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(139,141,148,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
}
.layzr-bg:not(.layzr-bg-transparent) {
background-color: rgba(139, 141, 148, 0.05)
}
.sidebar .layzr-bg:not(.layzr-bg-transparent),
.sidebar-content .layzr-bg:not(.layzr-bg-transparent) {
background-color: rgba(139, 141, 148, 0.05)
}
.pswp button.pswp__button--arrow--left,
.pswp button.pswp__button--arrow--right,
.pswp .pswp__button--arrow--left:before,
.pswp .pswp__button--arrow--right:before {
font-size: 62px;
line-height: 62px;
min-height: 62px
}
.masthead:not(.side-header):not(.mixed-header) .header-bar {
min-height: 90px
}
.inline-header .header-bar>.mini-widgets {
padding: 0px 0px 0px 5px
}
#the7-body {
--the7-woo-title-font-style: var(--the7-base-font-style, normal);
--the7-woo-title-font-weight: var(--the7-base-font-weight, normal);
--the7-woo-title-font-size: var(--the7-base-font-size);
--the7-woo-title-line-height: var(--the7-base-line-height);
--the7-woo-title-font-family: var(--the7-base-font-family);
--the7-woo-content-font-style: var(--the7-base-font-style, normal);
--the7-woo-content-font-weight: var(--the7-base-font-weight, normal);
--the7-woo-content-font-size: var(--the7-base-font-size);
--the7-woo-content-line-height: var(--the7-base-line-height);
--the7-woo-content-font-family: var(--the7-base-font-family)
}
@media screen and (min-width:993px) {
#page {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto;
grid-template-rows: auto;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
grid-template-areas: "header" "slider" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"
}
.dt-mobile-header {
display: none
}
.masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar {
padding-right: 50px;
padding-left: 50px
}
}
@media screen and (max-width:778px) {
.masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar {
padding-right: 20px;
padding-left: 20px
}
}
@media screen and (max-width:600px) {
.top-bar {
padding: 3px 20px 3px 20px
}
}
@media screen and (max-width:992px) {
#page {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto;
grid-template-rows: auto;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
grid-template-areas: "header" "slider" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"
}
.masthead {
grid-area: header
}
.side-header.masthead,
.side-header-v-stroke.masthead {
grid-area: header;
-ms-grid-column: 1
}
.mobile-header-space {
grid-area: header
}
.masthead .main-nav,
.masthead:not(.side-header) .main-nav,
.masthead:not(.side-header) .header-bar {
display: none
}
.dt-mobile-header {
display: block
}
body:not(.transparent) .masthead:not(.side-header) {
background-color: #ffffff
}
.top-bar .soc-ico a {
float: none;
display: inline-block;
vertical-align: middle
}
.show-device-logo .branding img {
display: none
}
.show-device-logo .branding img.mobile-logo {
display: block;
max-width: 100%;
height: auto
}
.mobile-mini-widgets-in-menu {
display: -ms-flexbox !important;
display: -ms-flex !important;
display: flex !important;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center
}
.sticky-mobile-header .masthead {
height: auto;
width: 100%
}
.sticky-mobile-header:not(.floating-navigation-below-slider) .masthead {
top: 0
}
}
@media screen and (min-width:779px) and (max-width:992px) {
.masthead .top-bar .mini-widgets>* {
display: none
}
.masthead .top-bar .left-widgets .in-top-bar-left,
.masthead .top-bar .right-widgets .in-top-bar-right {
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex
}
.masthead .top-bar .left-widgets .in-top-bar-left:not(.show-on-first-switch) {
display: none
}
.masthead .top-bar .right-widgets .in-top-bar-right:not(.show-on-first-switch) {
display: none
}
}
@media screen and (max-width:778px) {
.sticky-mobile-header .masthead {
height: auto;
width: 100%
}
.masthead .top-bar .mini-widgets>* {
margin: 0 10px !important
}
.masthead .top-bar .mini-widgets>*,
.masthead .top-bar .right-widgets {
display: none
}
.masthead .top-bar .left-widgets {
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center
}
.mini-contacts {
white-space: normal
}
.show-mobile-logo .branding img,
.show-device-logo .branding img.mobile-logo,
.show-mobile-logo.show-device-logo .branding img {
display: none
}
.show-mobile-logo .branding img.mobile-logo,
.show-mobile-logo.show-device-logo .branding img.mobile-logo,
.show-device-logo .branding img {
display: inline-block;
max-width: 100%;
height: auto
}
}
@media screen and (max-width:778px) {
.page-title.page-title-responsive-enabled .wf-wrap {
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
text-align: center;
min-height: 0px
}
.page-title-responsive-enabled.page-title h1 {
font: 700 24px / 34px "Roboto", Helvetica, Arial, Verdana, sans-serif
}
}
@media screen and (max-width:768px) {
.layout-list .blog-content,
.layout-list .blog-media {
float: none;
width: 100% !important
}
.blog.layout-list .post .alignleft {
margin-right: 0;
margin-left: 0
}
}
@media screen and (max-width:778px) {
#main {
padding: 70px 0 70px 0
}
#main>.wf-wrap {
padding: 0 20px 0 20px
}
.page-title .wf-wrap {
padding-left: 20px;
padding-right: 20px
}
.page-title .wf-wrap:after {
width: calc(1300px - 20px - 20px);
max-width: calc(100% - 20px - 20px)
}
}
@media screen and (min-width:992px) {
#main>.wf-wrap {
position: relative
}
#main:not(.sidebar-none) .wf-container-main {
display: -ms-grid;
display: grid;
grid-column-gap: 50px
}
.sidebar-right .wf-container-main {
grid-template-areas: "content sidebar"
}
.sidebar,
.sidebar-space {
grid-area: sidebar;
-ms-grid-row: 1
}
.sidebar-right .sidebar {
-ms-grid-column: 3
}
.content {
grid-area: content;
-ms-grid-row: 1
}
.sidebar-right .content {
-ms-grid-column: 1
}
.sidebar-right .wf-container-main {
-ms-grid-columns: calc(100% - 350px - 25px) 50px calc(350px - 25px);
grid-template-columns: calc(100% - 350px - 25px) calc(350px - 25px)
}
.sidebar-divider-vertical.sidebar-right .sidebar {
padding-left: 0
}
.sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content {
padding-left: 50px
}
}
@media screen and (max-width:992px) {
.sidebar-right .sidebar {
border: none
}
.sidebar-right .sidebar {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-top: 60px
}
}
@media screen and (max-width:450px) {
.masthead .popup-search .submit {
position: relative
}
.masthead .popup-search,
.masthead .searchform {
position: static
}
#page .masthead .popup-search .popup-search-wrap {
max-width: 280px !important;
left: 50% !important;
transform: translate3d(-50%, 0, 0)
}
#page .masthead .popup-search .popup-search-wrap:before {
display: none
}
#page .masthead .popup-search .popup-search-wrap {
width: 280px
}
.masthead .popup-search .popup-search-wrap {
top: 100%
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
body:after {
content: 'tablet';
display: none
}
}
@media screen and (max-width:760px),
screen and (max-height:300px) {
body:after {
content: 'phone';
display: none
}
}
.main-nav>li.dt-mega-menu>a {
position: relative
}
.dt-mega-menu .sub-nav .dt-mega-parent:before,
.dt-mega-menu .sub-nav .dt-mega-parent:first-child:before,
.dt-mega-menu .sub-nav li:before {
display: none
}
.mega-auto-width .dt-mega-menu-wrap {
left: 0;
width: auto
}
.main-nav .mega-auto-width>.dt-mega-menu-wrap {
min-width: 240px
}
.top-header .main-nav .dt-mega-menu-wrap {
position: absolute;
top: 100%;
visibility: hidden;
opacity: 0;
padding: 10px;
box-sizing: border-box
}
.main-nav .dt-mega-menu-wrap {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2)
}
.dt-mega-menu-wrap .sub-nav {
position: relative;
width: auto;
padding: 0;
background: none;
box-shadow: none
}
#page .dt-mobile-header .dt-mega-menu-wrap>.sub-nav {
visibility: visible;
opacity: 1;
width: auto
}
.dt-mega-menu .dt-mega-menu-wrap {
padding-top: 0;
padding-bottom: 0;
font-size: 0;
line-height: 0;
word-spacing: -4px;
text-align: left
}
.dt-mega-menu .dt-mega-menu-wrap:before,
.dt-mega-menu .dt-mega-menu-wrap:after {
content: "";
display: table;
clear: both
}
.dt-mega-menu>.dt-mega-menu-wrap {
padding: 20px 10px 10px
}
.dt-mega-menu .dt-mega-menu-wrap li {
padding-left: 0;
padding-right: 0;
word-spacing: normal
}
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent {
position: static;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
padding: 0 10px 0;
box-sizing: border-box
}
.dt-mega-menu .sub-nav .dt-mega-parent:first-child {
border-left: none
}
.dt-mega-menu .sub-nav .dt-mega-parent>a {
width: auto
}
.top-header .sub-nav>li.dt-mega-parent>a {
margin: 0
}
.dt-mega-menu-wrap>.sub-nav {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu-wrap {
background-color: #ffffff
}
.top-header .main-nav .dt-mega-menu-wrap {
padding: 20px 10px 20px 10px
}
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent {
padding: 0px 10px 0px 10px
}
.main-nav .sub-nav>li.dt-mega-parent:not(.empty-title)>a {
padding: 9px 10px 9px 10px
}
.main-nav .sub-nav>li.dt-mega-parent>a .menu-text {
font: 700 16px / 22px "Roboto", Helvetica, Arial, Verdana, sans-serif;
text-transform: uppercase;
color: #333333
}
.main-nav .sub-nav>li.dt-mega-parent>a .subtitle-text {
font: normal 10px / 14px "Roboto", Helvetica, Arial, Verdana, sans-serif;
color: #333333
}
.dt-mega-menu .sub-nav .dt-mega-parent>a {
border-bottom-color: rgba(51, 51, 51, 0.1)
}
.top-header .main-nav .mega-auto-width>.dt-mega-menu-wrap {
min-width: 260px
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {
width: 260px
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-3>.dt-mega-menu-wrap {
width: 800px
}
.mobile-main-nav>li .dt-mega-menu-wrap {
margin-bottom: 16px
}
.the7-elementor-product-comments .comment_container>img {
grid-area: thumb
}
.the7-elementor-product-comments .comment-text {
grid-area: text;
display: grid;
grid-template-areas: "title star" " desc desc";
grid-template-columns: 1fr auto;
grid-auto-rows: min-content
}
.the7-elementor-product-comments .star-rating {
grid-area: star;
order: 1;
width: initial
}
.the7-elementor-product-comments .meta {
grid-area: title;
order: 0
}
.the7-elementor-product-comments .description {
grid-area: desc;
order: 2
}
</style>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='preload' href=" {{ staticFile "/css/wp-includes/css/dist/block-library/style.min.css@ver=6.1.css"}}" data-rocket-async="style"
as="style" onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')"
type='text/css' media='all' />
<style id='wp-block-library-theme-inline-css' type='text/css'>
.wp-block-audio figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-audio figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-audio {
margin: 0 0 1em
}
.wp-block-code {
border: 1px solid #ccc;
border-radius: 4px;
font-family: Menlo, Consolas, monaco, monospace;
padding: .8em 1em
}
.wp-block-embed figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-embed figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-embed {
margin: 0 0 1em
}
.blocks-gallery-caption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .blocks-gallery-caption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-image figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-image figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-image {
margin: 0 0 1em
}
.wp-block-pullquote {
border-top: 4px solid;
border-bottom: 4px solid;
margin-bottom: 1.75em;
color: currentColor
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: currentColor;
text-transform: uppercase;
font-size: .8125em;
font-style: normal
}
.wp-block-quote {
border-left: .25em solid;
margin: 0 0 1.75em;
padding-left: 1em
}
.wp-block-quote cite,
.wp-block-quote footer {
color: currentColor;
font-size: .8125em;
position: relative;
font-style: normal
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: .25em solid;
padding-left: 0;
padding-right: 1em
}
.wp-block-quote.has-text-align-center {
border: none;
padding-left: 0
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.is-style-plain {
border: none
}
.wp-block-search .wp-block-search__label {
font-weight: 700
}
.wp-block-search__button {
border: 1px solid #ccc;
padding: .375em .625em
}
:where(.wp-block-group.has-background) {
padding: 1.25em 2.375em
}
.wp-block-separator.has-css-opacity {
opacity: .4
}
.wp-block-separator {
border: none;
border-bottom: 2px solid;
margin-left: auto;
margin-right: auto
}
.wp-block-separator.has-alpha-channel-opacity {
opacity: 1
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100px
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: none;
height: 1px
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 2px
}
.wp-block-table {
margin: "0 0 1em 0"
}
.wp-block-table thead {
border-bottom: 3px solid
}
.wp-block-table tfoot {
border-top: 3px solid
}
.wp-block-table td,
.wp-block-table th {
padding: .5em;
border: 1px solid;
word-break: normal
}
.wp-block-table figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-table figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-video figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-video figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-video {
margin: 0 0 1em
}
.wp-block-template-part.has-background {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0
}
</style>
<link rel='preload' href=" {{ staticFile "/css/wp-includes/css/classic-themes.min.css@ver=1.css"}}" data-rocket-async="style" as="style"
onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')"
type='text/css' media='all' />
<style id='global-styles-inline-css' type='text/css'>
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #FFF;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--color--accent: #f7ad00;
--wp--preset--color--dark-gray: #111;
--wp--preset--color--light-gray: #767676;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--duotone--dark-grayscale: url('blog.html');
--wp--preset--duotone--grayscale: url('blog.html');
--wp--preset--duotone--purple-yellow: url('blog.html');
--wp--preset--duotone--blue-red: url('blog.html');
--wp--preset--duotone--midnight: url('blog.html');
--wp--preset--duotone--magenta-yellow: url('blog.html');
--wp--preset--duotone--purple-green: url('blog.html');
--wp--preset--duotone--blue-orange: url('blog.html');
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
}
:where(.is-layout-flex) {
gap: 0.5em;
}
body .is-layout-flow>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
body .is-layout-flow>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
body .is-layout-flow>.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
body .is-layout-constrained>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
body .is-layout-constrained>.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained>.alignwide {
max-width: var(--wp--style--global--wide-size);
}
body .is-layout-flex {
display: flex;
}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
body .is-layout-flex>* {
margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)) {
color: inherit;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.wp-block-pullquote {
font-size: 1.5em;
line-height: 1.6;
}
</style>
<link data-minify="1" rel='preload'
href=" {{ staticFile "/css/wp-content/cache/min/1/wp-content/themes/dt-the7/fonts/icomoon-the7-font/icomoon-the7-font.min.css@ver=1667407524.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<link rel='preload' href=" {{ staticFile "/css/wp-content/themes/dt-the7/css/main.min.css@ver=11.1.1.css"}}" data-rocket-async="style"
as="style" onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')"
type='text/css' media='all' />
<link rel='preload' href=" {{ staticFile "/css/wp-content/themes/dt-the7/lib/custom-scrollbar/custom-scrollbar.min.css@ver=11.1.1.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<link rel='preload' href=" {{ staticFile "/css/wp-content/themes/dt-the7/css/wpbakery.min.css@ver=11.1.1.css"}}" data-rocket-async="style"
as="style" onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')"
type='text/css' media='all' />
<link rel='preload' href=" {{ staticFile "/css/wp-content/plugins/dt-the7-core/assets/css/post-type.min.css@ver=2.7.1.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<link data-minify="1" rel='preload'
href=" {{ staticFile "/css/wp-content/cache/min/1/wp-content/uploads/the7-css/css-vars.css@ver=1667407524.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<link data-minify="1" rel='preload'
href=" {{ staticFile "/css/wp-content/cache/min/1/wp-content/uploads/the7-css/custom.css@ver=1667407524.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<link data-minify="1" rel='preload'
href=" {{ staticFile "/css/wp-content/cache/min/1/wp-content/uploads/the7-css/media.css@ver=1667407524.css"}}" data-rocket-async="style"
as="style" onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')"
type='text/css' media='all' />
<link data-minify="1" rel='preload'
href=" {{ staticFile "/css/wp-content/cache/min/1/wp-content/uploads/the7-css/mega-menu.css@ver=1667407524.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<link data-minify="1" rel='preload'
href=" {{ staticFile "/css/wp-content/cache/min/1/wp-content/uploads/the7-css/the7-elements-albums-portfolio.css@ver=1667407524.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<link data-minify="1" rel='preload'
href=" {{ staticFile "/css/wp-content/cache/min/1/wp-content/uploads/the7-css/compatibility/wpml.css@ver=1667407524.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<link data-minify="1" rel='preload'
href=" {{ staticFile "/css/wp-content/cache/min/1/wp-content/uploads/the7-css/post-type-dynamic.css@ver=1667407524.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<link rel='preload' href=" {{ staticFile "/css/wp-content/themes/dt-the7-child/style.css@ver=11.1.1.css"}}" data-rocket-async="style"
as="style" onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')"
type='text/css' media='all' />
<link rel='preload'
href=" {{ staticFile "/css/wp-content/themes/dt-the7/css/compatibility/elementor/elementor-global.min.css@ver=11.1.1.css"}}"
data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'"
onerror="this.removeAttribute('data-rocket-async')" type='text/css' media='all' />
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-includes/js/jquery/jquery.min.js@ver=3.6.1"}}" id='jquery-core-js'></script>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-includes/js/jquery/jquery-migrate.min.js@ver=3.3.2"}}" id='jquery-migrate-js' defer></script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-content/cache/min/1/wp-content/plugins/wp-google-maps/wpgmza_data.js@ver=1667407524"}}" id='wpgmza_data-js'
defer></script>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/script.min.js@ver=1"}}"
id='wpml-legacy-dropdown-0-js' defer></script>
<script type='text/javascript' id='dt-above-fold-js-extra'>
/* <![CDATA[ */
var dtLocal = { "themeUrl": "https:\/\/julius-k9.com\/wp-content\/themes\/dt-the7", "passText": "To view this protected post, enter the password below:", "moreButtonText": { "loading": "Loading...", "loadMore": "Load more" }, "postID": "149539", "ajaxurl": "https:\/\/julius-k9.com\/wp-admin\/admin-ajax.php", "REST": { "baseUrl": "https:\/\/julius-k9.com\/wp-json\/the7\/v1", "endpoints": { "sendMail": "\/send-mail" } }, "contactMessages": { "required": "One or more fields have an error. Please check and try again.", "terms": "Please accept the privacy policy.", "fillTheCaptchaError": "Please, fill the captcha." }, "captchaSiteKey": "", "ajaxNonce": "97de8e84a7", "pageData": "", "themeSettings": { "smoothScroll": "off", "lazyLoading": false, "accentColor": { "mode": "solid", "color": "#f7ad00" }, "desktopHeader": { "height": 60 }, "ToggleCaptionEnabled": "disabled", "ToggleCaption": "Navigation", "floatingHeader": { "showAfter": 150, "showMenu": false, "height": 60, "logo": { "showLogo": true, "html": "<img class=\" preload-me\" src=\"https:\/\/julius-k9.com\/wp-content\/uploads\/2021\/10\/jk9-logo-27.png\" srcset=\"https:\/\/julius-k9.com\/wp-content\/uploads\/2021\/10\/jk9-logo-27.png 27w, https:\/\/julius-k9.com\/wp-content\/uploads\/2021\/10\/jk9-logo-27.png 27w\" width=\"27\" height=\"19\" sizes=\"27px\" alt=\"Julius-K9\u00ae dog harness\" \/>", "url": "https:\/\/julius-k9.com\/" } }, "topLine": { "floatingTopLine": { "logo": { "showLogo": false, "html": "" } } }, "mobileHeader": { "firstSwitchPoint": 970, "secondSwitchPoint": 200, "firstSwitchPointHeight": 60, "secondSwitchPointHeight": 30, "mobileToggleCaptionEnabled": "disabled", "mobileToggleCaption": "Meny\u00fc" }, "stickyMobileHeaderFirstSwitch": { "logo": { "html": "<img class=\" preload-me\" src=\"https:\/\/julius-k9.com\/wp-content\/uploads\/2021\/10\/jk9-logo-108.png\" srcset=\"https:\/\/julius-k9.com\/wp-content\/uploads\/2021\/10\/jk9-logo-108.png 108w, https:\/\/julius-k9.com\/wp-content\/uploads\/2021\/10\/jk9-logo.png 123w\" width=\"108\" height=\"75\" sizes=\"108px\" alt=\"Julius-K9\u00ae dog harness\" \/>" } }, "stickyMobileHeaderSecondSwitch": { "logo": { "html": "<img class=\" preload-me\" src=\"https:\/\/julius-k9.com\/wp-content\/uploads\/2021\/10\/jk9-logo-108.png\" srcset=\"https:\/\/julius-k9.com\/wp-content\/uploads\/2021\/10\/jk9-logo-108.png 108w, https:\/\/julius-k9.com\/wp-content\/uploads\/2021\/10\/jk9-logo.png 123w\" width=\"108\" height=\"75\" sizes=\"108px\" alt=\"Julius-K9\u00ae dog harness\" \/>" } }, "content": { "textColor": "#777777", "headerColor": "#333333" }, "sidebar": { "switchPoint": 992 }, "boxedWidth": "1280px", "stripes": { "stripe1": { "textColor": "#777777", "headerColor": "#333333" }, "stripe2": { "textColor": "#ffffff", "headerColor": "#ffffff" }, "stripe3": { "textColor": "#2f363d", "headerColor": "#2f363d" } } }, "VCMobileScreenWidth": "768", "elementor": { "settings": { "container_width": 1140 } } };
var dtShare = { "shareButtonText": { "facebook": "Share on Facebook", "twitter": "Tweet", "pinterest": "Pin it", "linkedin": "Share on Linkedin", "whatsapp": "Share on Whatsapp" }, "overlayOpacity": "85" };
/* ]]> */
</script>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-content/themes/dt-the7/js/above-the-fold.min.js@ver=11.1.1"}}" id='dt-above-fold-js' defer></script>
<style id='the7-custom-inline-css' type='text/css'>
table.jk9-table-striped {
display: table;
width: 100%;
text-align: center;
font-size: 14px;
}
table.jk9-table-striped>tbody>tr {
display: table-row;
}
table.jk9-table-striped>tbody>tr:nth-child(2n+2) {
background-color: #EFEFEF;
}
table.jk9-table-striped>tbody>tr.jk9-tr-clear {
background-color: inherit;
}
table.jk9-table-striped>tbody>tr.jk9-tr-separator {
background-color: #999;
border: 1px solid #C0C0C0 !important;
height: 30px;
}
table.jk9-table-striped>tbody>tr>td {
display: table-cell;
vertical-align: middle;
border: 1px solid #C0C0C0 !important;
margin: 0;
padding: 2px !important;
}
table.jk9-table-striped>tbody>tr>td.jk9-td-colored {
background-color: #EFEFEF;
display: table-cell;
vertical-align: middle;
border: 1px solid #C0C0C0 !important;
margin: 0;
padding: 2px !important;
}
table.jk9-table-striped>tbody>tr>td.jk9-td-nobg {
background-color: #fff;
display: table-cell;
vertical-align: middle;
border: 1px solid #C0C0C0 !important;
margin: 0;
padding: 2px !important;
}
/* a mega menü első oszlopának a kiemelése*/
.kiemelt_menu a span span,
.kiemelt_menu a span span a:hover {
font-weight: bold !important;
font-size: 14px !important;
color: #3a3a3a !important;
}
.kiemelt_menu a span span.subtitle-text {
font-weight: normal !important;
font-size: 11px !important;
color: #3a3a3a !important;
}
.szechenyi {
top: 30px !important;
}
.tamogatas {
z-index: 10000;
position: absolute !important;
}
/*radio button of Contact form */
span.wpcf7-list-item {
display: block;
}
form.wpcf7-form H3 {
padding-top: 50px;
}
/*.author{
display:none !important;
}*/
/*.entry-date{display:none !important;}*/
/*wpml nyelvvalaszto*/
.wpml-ls-legacy-dropdown {
width: 80px !important;
}
.wpml-ls-legacy-dropdown a {
border: none;
}
.wpml-ls-sub-menu {
width: 160px !important;
}
/*ELEMENTOR stilusok*/
.texthv {
opacity: 0;
transition-duration: .4s;
}
.texthv:hover {
opacity: 1;
}
</style>
<noscript>
<style id="rocket-lazyload-nojs-css">
.rll-youtube-player,
[data-lazy-src] {
display: none !important;
}
</style>
</noscript>
<script type="rocketlazyloadscript">
/*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */
(function(w){"use strict";if(!w.loadCSS){w.loadCSS=function(){}}
var rp=loadCSS.relpreload={};rp.support=(function(){var ret;try{ret=w.document.createElement("link").relList.supports("preload")}catch(e){ret=!1}
return function(){return ret}})();rp.bindMediaToggle=function(link){var finalMedia=link.media||"all";function enableStylesheet(){link.media=finalMedia}
if(link.addEventListener){link.addEventListener("load",enableStylesheet)}else if(link.attachEvent){link.attachEvent("onload",enableStylesheet)}
setTimeout(function(){link.rel="stylesheet";link.media="only x"});setTimeout(enableStylesheet,3000)};rp.poly=function(){if(rp.support()){return}
var links=w.document.getElementsByTagName("link");for(var i=0;i<links.length;i++){var link=links[i];if(link.rel==="preload"&&link.getAttribute("as")==="style"&&!link.getAttribute("data-loadcss")){link.setAttribute("data-loadcss",!0);rp.bindMediaToggle(link)}}};if(!rp.support()){rp.poly();var run=w.setInterval(rp.poly,500);if(w.addEventListener){w.addEventListener("load",function(){rp.poly();w.clearInterval(run)})}else if(w.attachEvent){w.attachEvent("onload",function(){rp.poly();w.clearInterval(run)})}}
if(typeof exports!=="undefined"){exports.loadCSS=loadCSS}
else{w.loadCSS=loadCSS}}(typeof global!=="undefined"?global:this))
</script>
</head>
<body id="the7-body"
class="blog wp-custom-logo wp-embed-responsive the7-core-ver-2.7.1 layout-list dt-responsive-on right-mobile-menu-close-icon ouside-menu-close-icon mobile-hamburger-close-bg-enable mobile-hamburger-close-bg-hover-enable fade-medium-mobile-menu-close-icon fade-small-menu-close-icon srcset-enabled btn-flat custom-btn-color custom-btn-hover-color top-header first-switch-logo-left first-switch-menu-right second-switch-logo-center second-switch-menu-right layzr-loading-on no-avatars dt-wpml popup-message-style the7-ver-11.1.1 wpb-js-composer js-comp-ver-6.9.0 vc_non_responsive elementor-default elementor-kit-28">
<div id="page">
<div class="masthead classic-header left bg-behind-menu logo-center widgets full-height shadow-decoration shadow-mobile-header-decoration animate-position-mobile-menu-icon mobile-menu-icon-hover-bg-on show-sub-menu-on-hover show-device-logo show-mobile-logo"
role="banner">
<div class="top-bar top-bar-empty top-bar-line-hide">
<div class="top-bar-bg"></div>
<div class="mini-widgets left-widgets"></div>
<div class="mini-widgets right-widgets"></div>
</div>
<header class="header-bar">
<div class="branding">
<div id="site-description" class="assistive-text"></div>
<a class="" href="https://julius-k9.com/">
<img class=" preload-me"
src="{{replaceImage .Logo}}" /><noscript><img
class=" preload-me" src="{{replaceImage .Logo}}"
width="252" height="50" sizes="252px" /></noscript><img
class="mobile-logo preload-me"
src="{{replaceImage .Logo}}"
width="108" height="75" data-lazy-sizes="108px" alt="Julius-K9® dog harness"
data-lazy-src="{{replaceImage .Logo}}" /><noscript><img
class="mobile-logo preload-me" src="{{replaceImage .Logo}}"
srcset="wp-content/uploads/2021/10/jk9-logo-108.png 108w, wp-content/uploads/2021/10/jk9-logo.png 123w"
width="108" height="75" sizes="108px" /></noscript></a>
<div class="mini-widgets"></div>
<div class="mini-widgets"></div>
</div>
<nav class="navigation">
<ul id="primary-menu" class="main-nav">
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88282 last depth-0">
<a href='{{.IndexUrl}}' data-level='1'><span class="menu-item-text"><span
class="menu-text">{{lang "home"}}</span></span></a></li>
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88282 last depth-0">
<a href='{{.AboutUrl}} ' data-level='1'><span class="menu-item-text"><span
class="menu-text">{{lang "about"}}</span></span></a></li>
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88282 last depth-0">
<a href='{{.ContactUrl}} ' data-level='1'><span class="menu-item-text"><span
class="menu-text">{{lang "contact"}} </span></span></a></li>
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88282 last depth-0">
<a href='{{.PolicyUrl}} ' data-level='1'><span class="menu-item-text"><span
class="menu-text">{{lang "policy"}}</span></span></a></li>
</ul>
</nav>
</header>
</div>
<div role="navigation" class="dt-mobile-header mobile-menu-show-divider">
<div class="dt-close-mobile-menu-icon">
<div class="close-line-wrap"><span class="close-line"></span><span class="close-line"></span><span
class="close-line"></span></div>
</div>
<ul id="mobile-menu" class="mobile-main-nav">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88282 last depth-0"><a
href='{{.IndexUrl}}' data-level='1'><span class="menu-item-text"><span
class="menu-text">{{lang "home"}}</span></span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88282 last depth-0"><a
href='{{.AboutUrl}} ' data-level='1'><span class="menu-item-text"><span
class="menu-text">{{lang "about"}} </span></span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88282 last depth-0"><a
href='{{.ContactUrl}} ' data-level='1'><span class="menu-item-text"><span
class="menu-text">{{lang "contact"}}</span></span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88282 last depth-0"><a
href='{{.PolicyUrl}} ' data-level='1'><span class="menu-item-text"><span
class="menu-text">{{lang "policy"}}</span></span></a></li>
</ul>
<div class='mobile-mini-widgets-in-menu'></div>
</div>
<!-- #main -->
<div id="main" class="sidebar-right sidebar-divider-vertical">
<div class="main-gradient"></div>
<div class="wf-wrap">
<div class="wf-container-main">
<!-- Content -->
<div id="content" class="content" role="main">
<div class="articles-list">
{{range .Articles}}
<article
class="post project-odd post-149539 type-post status-publish format-standard has-post-thumbnail hentry category-patents-category category-367 bg-on description-off">
<div class="blog-media wf-td" style="width: 30%;">
<a href="{{.Url}}"
class="rollover alignleft layzr-bg"><img class="preload-me lazy-load"
src="data:image/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20940%20686&#39;%2F%3E"
data-src="{{getCover .Cover }}"
alt="" width="940" height="686" /></a>
</div>
<div class="blog-content wf-td" style="width: 70%;">
<h3 class="entry-title"><a
href="{{.Url}}"
title="Dog harness with a leash-holding element with controlled displacement"
rel="bookmark">{{.Title}}</a></h3>
<div class="entry-meta"><a
class="data-link"
rel="bookmark"><time class="entry-date updated"
>{{timeFormat .PublishTime}}</time></a></div>
<p>{{.Summary}}</p>
<a href="{{.Url}}"
class="details more-link"
aria-label="{{.Title}}">Details</a>
</div>
</article>
{{end}}
</div>
<div class="paginator" role="navigation">
<div style="width:100%;display: flex; justify-content: space-between;padding-top: 20px;">
{{$pulen := len .PrevUrl}}
{{ if ne $pulen 0 }}
<div>
<a href="{{.PrevUrl}}">Prev</a>
</div>
{{else}}
<div style="pointer-events: none;color: rgb(202, 202, 202)">
Prev
</div>
{{ end }}
<!-- 下一页 -->
{{$nulen := len .NextUrl}}
{{ if ne $nulen 0 }}
<div>
<a href="{{.NextUrl}}">Next</a>
</div>
{{else}}
<div style="pointer-events: none;color: rgb(202, 202, 202)">
Next
</div>
{{ end }}
</div>
</div>
<style>
.twoLine {
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>
</div><!-- #content -->
<aside id="sidebar" class="sidebar">
<div class="sidebar-content">
<section id="block-3" class="widget widget_block">
<div class="is-layout-flow wp-block-group">
<div class="wp-block-group__inner-container"></div>
</div>
</section>
<section id="block-4" class="widget widget_block">
<div class="is-layout-flow wp-block-group">
<div class="wp-block-group__inner-container">
<div class="widget widget_presscore-blog-posts">
<ul class="recent-posts round-images">
{{range .PopularArticles}}
<li>
<article class="post-format-standard">
<div class="mini-post-img"><a
class="alignleft post-rollover layzr-bg"
href="{{.Url}}"
aria-label="Post image"><img decoding="async"
class="preload-me lazy-load"
src="data:image/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%2040%2040&#39;%2F%3E"
data-src="{{getCover .Cover }}"
width="40" height="40" alt="" style="width: 40px;height:40px;object-fit: cover;" /></a></div>
<div class="post-content twoLine"><a
href="{{.Url}}">
{{.Title}}</a><br /><time>{{timeFormat .PublishTime}}</time></div>
</article>
</li>
{{end}}
</ul>
</div>
</div>
</div>
</section>
</div>
</aside><!-- #sidebar -->
</div><!-- .wf-container -->
</div><!-- .wf-wrap -->
</div><!-- #main -->
<!-- !Footer -->
<footer id="footer" class="footer solid-bg">
<div class="wf-wrap">
<div class="wf-container-footer">
<div class="wf-container">
<section id="block-9" class="widget widget_block wf-cell wf-1-2">
<div class="is-layout-flex wp-container-5 wp-block-columns">
<div class="is-layout-flow wp-block-column">
<figure class="wp-block-image size-full"><img decoding="async" width="108"
height="75"
src="{{replaceImage .Logo}}"
alt="logo" class="wp-image-43" /></figure>
</div>
</div>
</section>
<section id="block-10" class="widget widget_block wf-cell wf-1-4">
<ul style="font-weight:bold; text-transform: uppercase; font-size:15px;">
<li><a href="{{.IndexUrl}}">{{lang "home"}}<br />
</a></li>
<li><a href="{{.AboutUrl}} ">{{lang "about"}}<br />
</a></li>
<li><a href="{{.ContactUrl}} ">{{lang "contact"}}<br />
</a></li>
<li><a href="{{.PolicyUrl}} ">{{lang "policy"}}<br />
</a></li>
</ul>
</section>
</div><!-- .wf-container -->
</div><!-- .wf-container-footer -->
</div><!-- .wf-wrap -->
<!-- !Bottom-bar -->
<div id="bottom-bar" class="full-width-line logo-left" role="contentinfo">
<div class="wf-wrap">
<div class="wf-container-bottom">
<div class="wf-float-right">
</div>
</div><!-- .wf-container-bottom -->
</div><!-- .wf-wrap -->
</div><!-- #bottom-bar -->
</footer><!-- #footer -->
</div><!-- #page -->
<style id='core-block-supports-inline-css' type='text/css'>
.wp-block-columns.wp-container-5,
.wp-block-columns.wp-container-7 {
flex-wrap: nowrap;
}
</style>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-content/themes/dt-the7/js/main.min.js@ver=11.1.1"}}" id='dt-main-js' defer></script>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-content/themes/dt-the7/js/legacy.min.js@ver=11.1.1"}}" id='dt-legacy-js' defer></script>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-content/themes/dt-the7/lib/jquery-mousewheel/jquery-mousewheel.min.js@ver=11.1.1"}}"
id='jquery-mousewheel-js' defer></script>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-content/themes/dt-the7/lib/custom-scrollbar/custom-scrollbar.min.js@ver=11.1.1"}}"
id='the7-custom-scrollbar-js' defer></script>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'
src=" {{ staticFile "/css/wp-content/plugins/dt-the7-core/assets/js/post-type.min.js@ver=2.7.1"}}" id='the7-core-js' defer></script>
<script>window.lazyLoadOptions = [{ elements_selector: "img[data-lazy-src],.rocket-lazyload", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, callback_loaded: function (element) { if (element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible") { if (element.classList.contains("lazyloaded")) { if (typeof window.jQuery != "undefined") { if (jQuery.fn.fitVids) { jQuery(element).parent().fitVids() } } } } } }, { elements_selector: ".rocket-lazyload", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, }]; window.addEventListener('LazyLoad::Initialized', function (e) {
var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) {
var observer = new MutationObserver(function (mutations) {
var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function (mutation) {
for (var i = 0; i < mutation.addedNodes.length; i++) {
if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { continue }
if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { continue }
images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if (is_image) { image_count += 1 }
if (is_iframe) { iframe_count += 1 }
}
}); if (image_count > 0 || iframe_count > 0 || rocketlazy_count > 0) { lazyLoadInstance.update() }
}); var b = document.getElementsByTagName("body")[0]; var config = { childList: !0, subtree: !0 }; observer.observe(b, config)
}
}, !1)</script>
<script data-no-minify="1" async
src="wp-content/plugins/wp-rocket/assets/js/lazyload/17.5/lazyload.min.js"></script>
<script>"use strict"; function wprRemoveCPCSS() { var preload_stylesheets = document.querySelectorAll('link[data-rocket-async="style"][rel="preload"]'); if (preload_stylesheets && 0 < preload_stylesheets.length) for (var stylesheet_index = 0; stylesheet_index < preload_stylesheets.length; stylesheet_index++) { var media = preload_stylesheets[stylesheet_index].getAttribute("media") || "all"; if (window.matchMedia(media).matches) return void setTimeout(wprRemoveCPCSS, 200) } var elem = document.getElementById("rocket-critical-css"); elem && "remove" in elem && elem.remove() } window.addEventListener ? window.addEventListener("load", wprRemoveCPCSS) : window.attachEvent && window.attachEvent("onload", wprRemoveCPCSS);</script>
<script>class RocketElementorAnimation { constructor() { this.deviceMode = document.createElement("span"), this.deviceMode.id = "elementor-device-mode", this.deviceMode.setAttribute("class", "elementor-screen-only"), document.body.appendChild(this.deviceMode) } _detectAnimations() { let t = getComputedStyle(this.deviceMode, ":after").content.replace(/"/g, ""); this.animationSettingKeys = this._listAnimationSettingsKeys(t), document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t => { const e = t.getBoundingClientRect(); if (e.bottom >= 0 && e.top <= window.innerHeight) try { this._animateElement(t) } catch (t) { } }) } _animateElement(t) { const e = JSON.parse(t.dataset.settings), i = e._animation_delay || e.animation_delay || 0, n = e[this.animationSettingKeys.find(t => e[t])]; if ("none" === n) return void t.classList.remove("elementor-invisible"); t.classList.remove(n), this.currentAnimation && t.classList.remove(this.currentAnimation), this.currentAnimation = n; let s = setTimeout(() => { t.classList.remove("elementor-invisible"), t.classList.add("animated", n), this._removeAnimationSettings(t, e) }, i); window.addEventListener("rocket-startLoading", function () { clearTimeout(s) }) } _listAnimationSettingsKeys(t = "mobile") { const e = [""]; switch (t) { case "mobile": e.unshift("_mobile"); case "tablet": e.unshift("_tablet"); case "desktop": e.unshift("_desktop") }const i = []; return ["animation", "_animation"].forEach(t => { e.forEach(e => { i.push(t + e) }) }), i } _removeAnimationSettings(t, e) { this._listAnimationSettingsKeys().forEach(t => delete e[t]), t.dataset.settings = JSON.stringify(e) } static run() { const t = new RocketElementorAnimation; requestAnimationFrame(t._detectAnimations.bind(t)) } } document.addEventListener("DOMContentLoaded", RocketElementorAnimation.run);</script>
</body>
</html>