HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<header id="div_block-1-7" class="ct-div-block">
<div id="div_block-329-7" class="ct-div-block">
<a id="div_block-300-7" class="ct-link top-header-link-highlight" href="http://" target="_self"><div id="text_block-311-7" class="ct-text-block">Find A Dealer</div></a>
<a id="link-314-7" class="ct-link customer-header-links" href="http://" target="_self"><div id="text_block-316-7" class="ct-text-block header-link-mm">Dealer Portal</div></a>
<a id="link-337-7" class="ct-link customer-header-links" href="http://" target="_self"><div id="text_block-338-7" class="ct-text-block header-link-mm">Become a Dealer</div></a>
<a id="link-340-7" class="ct-link customer-header-links" href="http://" target="_self"><div id="text_block-341-7" class="ct-text-block header-link-mm">Shop</div></a>
</div>
<div id="div_block-3-7" class="ct-div-block">
<div id="code_block-56-7" class="ct-code-block">
<!--
To add additional Mega Menus, duplicate both the Mega Menu Link and Mega Menu Wrapper elements.
On the new Mega Menu Link and Mega Menu Wrapper elements, change the megamenu-link-id attribute
to a matching value (e.g. 2 instead of 1) to link them.
To add a close icon for mobile devices, add the .oxel_megamenu__close-icon to any element in
the Mega Menu.
-->
</div>
<div id="div_block-328-7" class="ct-div-block">
<img id="image-4-7" alt="" src="https://riotdev.wpengine.com/wp-content/uploads/2021/06/riot-glass-security-glass-systems-are-virtually-unbreakable.png" class="ct-image" srcset="" sizes="(max-width: 189px) 100vw, 189px" />
<div id="div_block-6-7" class="ct-div-block">
<a id="link_text-349-7" class="ct-link-text header-link" href="http://" target="_self">home</a>
<a id="link-102-7" class="ct-link oxel_megamenu_parent header-link" href="#" target="_self" megamenu-link-id="1">
<div id="text_block-103-7" class="ct-text-block oxel_megamenu_parent__title header-link-mm">products</div>
<div id="fancy_icon-141-7" class="ct-fancy-icon header-icon">
<svg id="svg-fancy_icon-141-7"><use xlink:href="#FontAwesomeicon-chevron-down"></use></svg>
</div>
</a>
<a id="link-355-7" class="ct-link oxel_megamenu_parent header-link" href="#" target="_self" megamenu-link-id="2">
<div id="text_block-356-7" class="ct-text-block oxel_megamenu_parent__title header-link-mm">Solutions</div>
<div id="fancy_icon-357-7" class="ct-fancy-icon header-icon">
<svg id="svg-fancy_icon-357-7"><use xlink:href="#FontAwesomeicon-chevron-down"></use></svg>
</div>
</a>
<a id="link-144-7" class="ct-link oxel_megamenu_parent header-link" href="#" target="_self" megamenu-link-id="3">
<div id="text_block-145-7" class="ct-text-block oxel_megamenu_parent__title header-link-mm">Who We Serve</div>
<div id="fancy_icon-146-7" class="ct-fancy-icon header-icon">
<svg id="svg-fancy_icon-146-7"><use xlink:href="#FontAwesomeicon-chevron-down"></use></svg>
</div>
</a>
<a id="link_text-326-7" class="ct-link-text header-link" href="http://" target="_self">About</a><a id="link_text-347-7" class="ct-link-text header-link" href="http://" target="_self">resources</a>
<a id="link_text-352-7" class="ct-link-text header-link" href="http://" target="_self">contact</a>
</div>
</div>
</div>
<div id="div_block-95-7" class="ct-div-block">
<div id="div_block-59-7" class="ct-div-block oxel_megamenu__wrapper oxel_megamenu__wrapper--hidden" megamenu-link-id="1">
<div id="new_columns-60-7" class="ct-new-columns">
<div id="div_block-61-7" class="ct-div-block">
<div id="text_block-62-7" class="ct-text-block mm-heading">Need glass installation for your business?</div>
<p id="text_block-535-7" class="ct-text-block">
In ornare quam viverra orci sagittis eu volutpat odio facilisis. Tristique risus nec feugiat in fermentum posuere. Quis vel eros donec ac odio. Egestas dui id ornare arcu.
</p>
<div id="_tabs-362-7" class="oxy-tabs-wrapper oxy-tabs tabs-5847-tab" data-oxy-tabs-active-tab-class="tabs-2070-tab-active" data-oxy-tabs-contents-wrapper="_tabs_contents-369-7">
<div id="_tab-363-7" class="oxy-tab tabs-2070-tab tabs-2070-tab-active"><div id="text_block-366-7" class="ct-text-block">Riot Glass</div></div>
<div id="_tab-364-7" class="oxy-tab tabs-2070-tab tabs-2070-tab-active"><div id="text_block-367-7" class="ct-text-block">ArmorPlast</div></div>
<div id="_tab-365-7" class="oxy-tab tabs-2070-tab tabs-2070-tab-active"><div id="text_block-368-7" class="ct-text-block">RG Laminates</div></div>
<div id="_tab-381-7" class="oxy-tab tabs-2070-tab tabs-2070-tab-active"><div id="text_block-382-7" class="ct-text-block">AG Series</div></div>
<div id="_tab-383-7" class="oxy-tab tabs-2070-tab tabs-2070-tab-active"><div id="text_block-384-7" class="ct-text-block">J Series</div></div>
</div>
<a id="link_text-539-7" class="ct-link-text text-link-red" href="http://" target="_self">view all products</a>
</div>
<div id="div_block-81-7" class="ct-div-block">
<div id="_tabs_contents-369-7" class="oxy-tabs-contents-wrapper oxy-tabs-contents">
<div id="_tab_content-370-7" class="oxy-tab-content tabs-contents-2070-tab">
<section id="section-387-7" class="ct-section">
<div class="ct-section-inner-wrap">
<div id="code_block-388-7" class="ct-code-block"></div>
<div id="div_block-389-7" class="ct-div-block swiper-container mySwiper">
<div id="div_block-390-7" class="ct-div-block swiper-wrapper">
<div id="div_block-394-7" class="ct-div-block swiper-slide">
<h3 id="headline-395-7" class="ct-headline heading-3">Product Name 2</h3>
<p id="text_block-396-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-397-7" class="ct-div-block swiper-slide">
<h3 id="headline-398-7" class="ct-headline heading-3">Product Name 3</h3>
<p id="text_block-399-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-400-7" class="ct-div-block swiper-slide">
<h3 id="headline-401-7" class="ct-headline heading-3">Product Name</h3>
<p id="text_block-402-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-403-7" class="ct-div-block swiper-slide">
<h3 id="headline-404-7" class="ct-headline heading-3">Product Name</h3>
<p id="text_block-405-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
</div>
<div id="div_block-409-7" class="ct-div-block">
<div id="div_block-410-7" class="ct-div-block swiper-button-prev"></div>
<div id="div_block-411-7" class="ct-div-block swiper-button-next"></div>
</div>
</div>
</div>
</section>
</div>
<div id="_tab_content-419-7" class="oxy-tab-content tabs-contents-2070-tab">
<section id="section-420-7" class="ct-section">
<div class="ct-section-inner-wrap">
<div id="code_block-421-7" class="ct-code-block"></div>
<div id="div_block-422-7" class="ct-div-block swiper-container mySwiper">
<div id="div_block-423-7" class="ct-div-block swiper-wrapper">
<div id="div_block-433-7" class="ct-div-block swiper-slide">
<h3 id="headline-434-7" class="ct-headline heading-3">Product Name</h3>
<p id="text_block-435-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-424-7" class="ct-div-block swiper-slide">
<h3 id="headline-425-7" class="ct-headline heading-3">Product Name</h3>
<p id="text_block-426-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-430-7" class="ct-div-block swiper-slide">
<h3 id="headline-431-7" class="ct-headline heading-3">Product Name 3</h3>
<p id="text_block-432-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
</div>
<div id="div_block-442-7" class="ct-div-block">
<div id="div_block-443-7" class="ct-div-block swiper-button-prev"></div>
<div id="div_block-444-7" class="ct-div-block swiper-button-next"></div>
</div>
</div>
</div>
</section>
</div>
<div id="_tab_content-445-7" class="oxy-tab-content tabs-contents-2070-tab">
<section id="section-446-7" class="ct-section">
<div class="ct-section-inner-wrap">
<div id="code_block-447-7" class="ct-code-block"></div>
<div id="div_block-448-7" class="ct-div-block swiper-container mySwiper">
<div id="div_block-449-7" class="ct-div-block swiper-wrapper">
<div id="div_block-456-7" class="ct-div-block swiper-slide">
<h3 id="headline-457-7" class="ct-headline heading-3">Product Name 3</h3>
<p id="text_block-458-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-459-7" class="ct-div-block swiper-slide">
<h3 id="headline-460-7" class="ct-headline heading-3">Product Name</h3>
<p id="text_block-461-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-462-7" class="ct-div-block swiper-slide">
<h3 id="headline-463-7" class="ct-headline heading-3">Product Name</h3>
<p id="text_block-464-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
</div>
<div id="div_block-468-7" class="ct-div-block">
<div id="div_block-469-7" class="ct-div-block swiper-button-prev"></div>
<div id="div_block-470-7" class="ct-div-block swiper-button-next"></div>
</div>
</div>
</div>
</section>
</div>
<div id="_tab_content-471-7" class="oxy-tab-content tabs-contents-2070-tab">
<section id="section-472-7" class="ct-section">
<div class="ct-section-inner-wrap">
<div id="code_block-473-7" class="ct-code-block"></div>
<div id="div_block-474-7" class="ct-div-block swiper-container mySwiper">
<div id="div_block-475-7" class="ct-div-block swiper-wrapper">
<div id="div_block-529-7" class="ct-div-block swiper-slide">
<h3 id="headline-530-7" class="ct-headline heading-3">Product Name 3</h3>
<p id="text_block-531-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-523-7" class="ct-div-block swiper-slide">
<h3 id="headline-524-7" class="ct-headline heading-3">Product Name</h3>
<p id="text_block-525-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-511-7" class="ct-div-block swiper-slide">
<h3 id="headline-512-7" class="ct-headline heading-3">Product Name</h3>
<p id="text_block-513-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
</div>
<div id="div_block-494-7" class="ct-div-block">
<div id="div_block-495-7" class="ct-div-block swiper-button-prev"></div>
<div id="div_block-496-7" class="ct-div-block swiper-button-next"></div>
</div>
</div>
</div>
</section>
</div>
<div id="_tab_content-497-7" class="oxy-tab-content tabs-contents-2070-tab">
<section id="section-498-7" class="ct-section">
<div class="ct-section-inner-wrap">
<div id="code_block-499-7" class="ct-code-block"></div>
<div id="div_block-500-7" class="ct-div-block swiper-container mySwiper">
<div id="div_block-501-7" class="ct-div-block swiper-wrapper">
<div id="div_block-505-7" class="ct-div-block swiper-slide">
<h3 id="headline-506-7" class="ct-headline heading-3">Product Name 2</h3>
<p id="text_block-507-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-508-7" class="ct-div-block swiper-slide">
<h3 id="headline-509-7" class="ct-headline heading-3">Product Name 3</h3>
<p id="text_block-510-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
<div id="div_block-517-7" class="ct-div-block swiper-slide">
<h3 id="headline-518-7" class="ct-headline heading-3">Product Name</h3>
<p id="text_block-519-7" class="ct-text-block paragraph">Lorem ipsum dolor sit amet</p>
</div>
</div>
<div id="div_block-520-7" class="ct-div-block">
<div id="div_block-521-7" class="ct-div-block swiper-button-prev"></div>
<div id="div_block-522-7" class="ct-div-block swiper-button-next"></div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<div id="fancy_icon-94-7" class="ct-fancy-icon oxel_megamenu__close-icon">
<svg id="svg-fancy_icon-94-7"><use xlink:href="#FontAwesomeicon-close"></use></svg>
</div>
</div>
<div id="div_block-540-7" class="ct-div-block oxel_megamenu__wrapper oxel_megamenu__wrapper--hidden" megamenu-link-id="2">
<div id="new_columns-541-7" class="ct-new-columns">
<div id="div_block-542-7" class="ct-div-block">
<div id="text_block-543-7" class="ct-text-block mm-heading">Our Solutions</div>
<p id="text_block-544-7" class="ct-text-block">
In ornare quam viverra orci sagittis eu volutpat odio facilisis. Tristique risus nec feugiat in fermentum posuere. Quis vel eros donec ac odio. Egestas dui id ornare arcu.
</p>
<a id="link_text-556-7" class="ct-link-text text-link-red" href="http://" target="_self">view security solutions</a>
</div>
<div id="div_block-557-7" class="ct-div-block">
<div id="_superbox-723-7" class="oxy-superbox mm-superbox">
<div class="oxy-superbox-wrap">
<div id="div_block-724-7" class="ct-div-block oxy-superbox-primary"><h4 id="headline-873-7" class="ct-headline heading-4 mm-superbox-title">Forced Entry</h4></div>
<div id="div_block-727-7" class="ct-div-block oxy-superbox-secondary mm-superbox-hover">
<p id="text_block-902-7" class="ct-text-block mm-superbox-text">Curabitur aliquet nulla quis sapien sollicitudin, vel viverra purus accumsan.</p>
<a id="link_text-729-7" class="ct-link-text secondary-button" href="http://" target="_self">Learn More</a>
</div>
</div>
</div>
<div id="_superbox-916-7" class="oxy-superbox mm-superbox">
<div class="oxy-superbox-wrap">
<div id="div_block-917-7" class="ct-div-block oxy-superbox-primary mm-superbox-original"><h1 id="headline-918-7" class="ct-headline heading-4 mm-superbox-title">Bulletproof Protection</h1></div>
<div id="div_block-919-7" class="ct-div-block oxy-superbox-secondary mm-superbox-hover">
<p id="text_block-920-7" class="ct-text-block mm-superbox-text">Curabitur aliquet nulla quis sapien sollicitudin, vel viverra purus accumsan.</p>
<a id="link_text-921-7" class="ct-link-text secondary-button" href="http://" target="_self">Learn More</a>
</div>
</div>
</div>
<div id="_superbox-922-7" class="oxy-superbox mm-superbox">
<div class="oxy-superbox-wrap">
<div id="div_block-923-7" class="ct-div-block oxy-superbox-primary"><h4 id="headline-924-7" class="ct-headline heading-4 mm-superbox-title">Hurricane & Wind Storm</h4></div>
<div id="div_block-925-7" class="ct-div-block oxy-superbox-secondary mm-superbox-hover">
<p id="text_block-926-7" class="ct-text-block mm-superbox-text">Curabitur aliquet nulla quis sapien sollicitudin, vel viverra purus accumsan.</p>
<a id="link_text-927-7" class="ct-link-text secondary-button" href="http://" target="_self">Learn More</a>
</div>
</div>
</div>
<div id="_superbox-928-7" class="oxy-superbox mm-superbox">
<div class="oxy-superbox-wrap">
<div id="div_block-929-7" class="ct-div-block oxy-superbox-primary"><h4 id="headline-930-7" class="ct-headline heading-4 mm-superbox-title">Energy Efficiency</h4></div>
<div id="div_block-931-7" class="ct-div-block oxy-superbox-secondary mm-superbox-hover">
<p id="text_block-932-7" class="ct-text-block mm-superbox-text">Curabitur aliquet nulla quis sapien sollicitudin, vel viverra purus accumsan.</p>
<a id="link_text-933-7" class="ct-link-text secondary-button" href="http://" target="_self">Learn More</a>
</div>
</div>
</div>
<div id="_superbox-934-7" class="oxy-superbox mm-superbox">
<div class="oxy-superbox-wrap">
<div id="div_block-935-7" class="ct-div-block oxy-superbox-primary"><h4 id="headline-936-7" class="ct-headline heading-4 mm-superbox-title">Blast Mitigation</h4></div>
<div id="dimm-superbox-hoverv_block-937-7" class="ct-div-block oxy-superbox-secondary mm-superbox-hover">
<p id="text_block-938-7" class="ct-text-block mm-superbox-text">Curabitur aliquet nulla quis sapien sollicitudin, vel viverra purus accumsan.</p>
<a id="link_text-939-7" class="ct-link-text secondary-button" href="http://" target="_self">Learn More</a>
</div>
</div>
</div>
<div id="_superbox-940-7" class="oxy-superbox mm-superbox">
<div class="oxy-superbox-wrap">
<div id="div_block-941-7" class="ct-div-block oxy-superbox-primary"><h4 id="headline-942-7" class="ct-headline heading-4 mm-superbox-title">Sound Attenuation</h4></div>
<div id="div_block-943-7" class="ct-div-block oxy-superbox-secondary mm-superbox-hover">
<p id="text_block-944-7" class="ct-text-block mm-superbox-text">Curabitur aliquet nulla quis sapien sollicitudin, vel viverra purus accumsan.</p>
<a id="link_text-945-7" class="ct-link-text secondary-button" href="http://" target="_self">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div id="fancy_icon-647-7" class="ct-fancy-icon oxel_megamenu__close-icon">
<svg id="svg-fancy_icon-647-7"><use xlink:href="#FontAwesomeicon-close"></use></svg>
</div>
</div>
<div id="div_block-995-7" class="ct-div-block oxel_megamenu__wrapper oxel_megamenu__wrapper--hidden" megamenu-link-id="3">
<div id="new_columns-996-7" class="ct-new-columns">
<div id="div_block-997-7" class="ct-div-block">
<div id="text_block-998-7" class="ct-text-block mm-heading">Our Clientele</div>
<p id="text_block-999-7" class="ct-text-block">
In ornare quam viverra orci sagittis eu volutpat odio facilisis. Tristique risus nec feugiat in fermentum posuere. Quis vel eros donec ac odio. Egestas dui id ornare arcu.
</p>
<a id="link_text-1000-7" class="ct-link-text text-link-red" href="http://" target="_self">see more</a>
</div>
<div id="div_block-1001-7" class="ct-div-block">
<div id="div_block-1043-7" class="ct-div-block mm-clientele-container"><h4 id="headline-1044-7" class="ct-headline mm-clientele-text mm-superbox-title">Double-click this headline to edit the text.</h4></div>
</div>
</div>
<div id="fancy_icon-1038-7" class="ct-fancy-icon oxel_megamenu__close-icon">
<svg id="svg-fancy_icon-1038-7"><use xlink:href="#FontAwesomeicon-close"></use></svg>
</div>
</div>
</div>
</header>
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRFB_ie_Vo.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRFB_ie_Vo.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqRFB_ie.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRFB_ie_Vo.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRFB_ie_Vo.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqRFB_ie.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRFB_ie_Vo.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRFB_ie_Vo.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqRFB_ie.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRFB_ie_Vo.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRFB_ie_Vo.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: italic;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqRFB_ie.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotYKNnBcif.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotYKNnBcif.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wotYKNnBQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotYKNnBcif.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotYKNnBcif.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wotYKNnBQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotYKNnBcif.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotYKNnBcif.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wotYKNnBQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotYKNnBcif.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotYKNnBcif.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wotYKNnBQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotYKNnBcif.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotYKNnBcif.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wotYKNnBQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotYKNnBcif.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotYKNnBcif.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wotYKNnBQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotYKNnBcif.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotYKNnBcif.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wotYKNnBQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotYKNnBcif.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotYKNnBcif.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wotYKNnBQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@charset "UTF-8";#start-resizable-editor-section {
display: none
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border: none;
border-radius: 1.55em;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: .667em 1.333em;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited {
color: #fff
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
.wp-block-buttons>.wp-block-button.has-custom-width {
max-width: none
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
width: 100%
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
width: calc(25% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
width: calc(50% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width: calc(75% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
margin-right: 0;
width: 100%
}
.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius {
border-radius: 0!important
}
.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline {
border: 2px solid
}
.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: #32373c
}
.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent
}
.wp-block-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.wp-block-buttons.is-vertical {
flex-direction: column
}
.wp-block-buttons.is-vertical>.wp-block-button {
margin-right: 0
}
.wp-block-buttons.is-vertical>.wp-block-button:last-child {
margin-bottom: 0
}
.wp-block-buttons>.wp-block-button {
display: inline-block;
margin-left: 0;
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-buttons>.wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start
}
.wp-block-buttons.is-content-justification-center {
justify-content: center
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end
}
.wp-block-buttons.is-content-justification-right>.wp-block-button {
margin-left: .5em;
margin-right: 0
}
.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between
}
.wp-block-buttons.aligncenter {
text-align: center
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: .5em
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: .5em
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: .5em;
width: 100%
}
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,.wp-block-calendar th {
padding: .25em;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar table caption,.wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-code code {
display: block;
white-space: pre-wrap;
overflow-wrap: break-word
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
flex-wrap: wrap
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap:nowrap
}
}
.wp-block-columns.has-background {
padding: 1.25em 2.375em
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width: 599px) {
.wp-block-column {
flex-basis:100%!important
}
}
@media (min-width: 600px) and (max-width:781px) {
.wp-block-column:not(:only-child) {
flex-basis:calc(50% - 1em)!important;
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 2em
}
}
@media (min-width: 782px) {
.wp-block-column {
flex-basis:0;
flex-grow: 1
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 2em
}
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-cover,.wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box
}
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion:reduce) {
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated {
background-repeat: repeat;
background-size: auto
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]) {
background-color: #000
}
.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright {
max-width: 420px;
width: 100%
}
.wp-block-cover-image:after,.wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
.wp-block-cover-image:after,.wp-block-cover:after {
content:none
}
}
.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover .wp-block-subhead:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start
}
.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center
}
.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end
}
.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start
}
.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center
}
.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end
}
.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start
}
.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center
}
.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto
}
.wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: none;
border: none;
box-shadow: none
}
.wp-block-cover__image-background,.wp-block-cover__video-background {
z-index: 0
}
.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: .44em;
text-align: center
}
.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"] {
max-width: 360px;
width: 100%
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
min-width: 280px
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px
}
.wp-block-embed {
margin-bottom: 1em
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: .8em;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file *+.wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid,.wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item {
margin: 0 1em 1em 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
width: calc(50% - 1em)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
display:flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img {
width:auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em .77em .7em;
color: #fff;
text-align: center;
font-size: .8em;
background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
box-sizing: border-box;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid figcaption,.wp-block-gallery figcaption {
flex-grow: 1
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img {
height:100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover
}
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width: 600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item {
width:calc(33.33333% - .66667em);
margin-right: 1em
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - .75em);
margin-right: 1em
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc(20% - .8em);
margin-right: 1em
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc(16.66667% - .83333em);
margin-right: 1em
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc(14.28571% - .85714em);
margin-right: 1em
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc(12.5% - .875em);
margin-right: 1em
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright {
max-width: 420px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-group {
box-sizing: border-box
}
h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background {
padding: 1.25em 2.375em
}
.wp-block-image {
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,.wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright {
display: table
}
.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image: none) or (mask-image:none)) or (-webkit-mask-image:none) {
.wp-block-image.is-style-circle-mask img {
-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 3.25em
}
.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: .875em;
line-height: 1.8;
margin: .36em 0 1.4em
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: .75em
}
.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width:calc(50% - .625em)
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - .83333em)
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - .9375em)
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date {
display: block;
color: #555;
font-size: .8125em
}
.wp-block-latest-posts__post-excerpt {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-latest-posts__featured-image a {
display: inline-block
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
.block-editor-image-alignment-control__row .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center
}
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
margin-bottom: 0
}
ol.has-background,ul.has-background {
padding: 1.25em 2.375em
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
-ms-grid-row-align: start;
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1 /*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1 /*!rtl:end:ignore*/
}
.wp-block-media-text__media img,.wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
display: block;
height: 100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
-ms-grid-columns:100%!important;
grid-template-columns: 100%!important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
color: #1e1e1e;
background-color: #fff;
min-width: 200px
}
.items-justified-left>ul {
justify-content: flex-start
}
.items-justified-center>ul {
justify-content: center
}
.items-justified-right>ul {
justify-content: flex-end
}
.items-justified-space-between>ul {
justify-content: space-between
}
.wp-block-navigation-link {
display: flex;
align-items: center;
position: relative;
margin: 0
}
.wp-block-navigation-link .wp-block-navigation__container:empty {
display: none
}
.wp-block-navigation__container {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap
}
.is-vertical .wp-block-navigation__container {
display: block
}
.has-child>.wp-block-navigation-link__content {
padding-right: .5em
}
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0,0,0,.15);
background-color: inherit;
color: inherit;
position: absolute;
left: 0;
top: 100%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
z-index: 2;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden
}
.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__content {
flex-grow: 1
}
.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon {
padding-right: .5em
}
@media (min-width: 782px) {
.has-child .wp-block-navigation__container {
left:1.5em
}
.has-child .wp-block-navigation__container .wp-block-navigation__container {
left: 100%;
top: -1px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: .5em;
background: transparent
}
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(0)
}
}
.has-child:hover {
cursor: pointer
}
.has-child:hover>.wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.has-child:focus-within {
cursor: pointer
}
.has-child:focus-within>.wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,.wp-block-navigation[style*=text-decoration] .wp-block-navigation__container {
text-decoration: inherit
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus {
text-decoration: none
}
.wp-block-navigation-link__content {
color: inherit;
padding: .5em 1em
}
.wp-block-navigation-link__content+.wp-block-navigation-link__content {
padding-top: 0
}
.has-text-color .wp-block-navigation-link__content {
color: inherit
}
.wp-block-navigation-link__label {
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: .375em 1em .375em 0
}
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor
}
@media (min-width: 782px) {
.wp-block-navigation-link__submenu-icon svg {
transform:rotate(90deg)
}
}
.is-small-text {
font-size: .875em
}
.is-regular-text {
font-size: 1em
}
.is-large-text {
font-size: 2.25em
}
.is-larger-text {
font-size: 3em
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-background {
padding: 1.25em 2.375em
}
p.has-text-color a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 1em
}
.wp-block-post-author__bio {
margin-bottom: .7em;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0
}
.wp-block-post-comments-form input[type=submit] {
color: #fff;
background-color: #32373c;
border: none;
border-radius: 1.55em;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: .667em 1.333em;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-post-comments-form input[type=submit]:active,.wp-block-post-comments-form input[type=submit]:focus,.wp-block-post-comments-form input[type=submit]:hover,.wp-block-post-comments-form input[type=submit]:visited {
color: #fff
}
.wp-block-preformatted {
white-space: pre-wrap
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright {
max-width: 420px
}
.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p {
font-size: 1.25em
}
.wp-block-pullquote p {
font-size: 1.75em;
line-height: 1.6
}
.wp-block-pullquote cite,.wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-query-loop {
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-query-loop li {
clear: both
}
.wp-block-query-loop.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap
}
.wp-block-query-loop.is-flex-container li {
margin: 0 0 1.25em;
width: 100%
}
@media (min-width: 600px) {
.wp-block-query-loop.is-flex-container li {
margin-right:1.25em
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
width: calc(50% - .625em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
width: calc(33.33333% - .83333em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
width: calc(25% - .9375em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
width: calc(20% - 1em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-query-pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous {
display: inline-block;
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
margin-right: 0
}
.wp-block-quote.is-large,.wp-block-quote.is-style-large {
margin-bottom: 1em;
padding: 0 1em
}
.wp-block-quote.is-large p,.wp-block-quote.is-style-large p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer {
font-size: 1.125em;
text-align: right
}
.wp-block-rss.wp-block-rss {
box-sizing: border-box
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 1em 1em 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width:calc(50% - 1em)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 1em)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 1em)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 1em)
}
}
.wp-block-rss__item-author,.wp-block-rss__item-publish-date {
display: block;
color: #555;
font-size: .8125em
}
.wp-block-search .wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: .375em .625em;
color: #32373c;
margin-left: .625em;
word-break: normal
}
.wp-block-search .wp-block-search__button.has-icon {
line-height: 0
}
.wp-block-search .wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em
}
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left: 0
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 4px;
border: 1px solid #949494
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0 0 .25em
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: .125em .5em
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none!important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "···";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-custom-logo {
line-height: 0
}
.wp-block-custom-logo .aligncenter {
display: table
}
.wp-block-custom-logo.is-style-rounded img {
border-radius: 9999px
}
.wp-block-social-links {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
text-indent: 0;
margin-left: 0
}
.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 8px 4px 0
}
.wp-block-social-links .wp-social-link a {
padding: .25em
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px
}
.wp-block-social-links,.wp-block-social-links.has-normal-icon-size {
font-size: 24px
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links.alignright {
justify-content: flex-end
}
.wp-social-link {
display: block;
border-radius: 9999px;
transition: transform .1s ease;
height: auto
}
@media (prefers-reduced-motion:reduce) {
.wp-social-link {
transition-duration: 0s
}
}
.wp-social-link a {
display: block;
line-height: 0;
transition: transform .1s ease
}
.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color: #2aabee;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color: #2aabee
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: .66667em;
padding-right: .66667em
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-tag-cloud.aligncenter {
text-align: center
}
.wp-block-tag-cloud.alignfull {
padding-left: 1em;
padding-right: 1em
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-text-columns,.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
width: 100%
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
.wp-block-video [poster] {
-o-object-fit:cover;
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-post-featured-image a {
display: inline-block
}
.wp-block-post-featured-image img {
max-width: 100%;
height: auto
}
:root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .has-white-background-color {
background-color: #fff
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-black-background-color {
background-color: #000
}
:root .has-pale-pink-color {
color: #f78da7
}
:root .has-vivid-red-color {
color: #cf2e2e
}
:root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .has-vivid-green-cyan-color {
color: #00d084
}
:root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .has-vivid-purple-color {
color: #9b51e0
}
:root .has-white-color {
color: #fff
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .has-very-dark-gray-color {
color: #313131
}
:root .has-black-color {
color: #000
}
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg,#0693e3,#9b51e0)
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg,#00d084,#0693e3)
}
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg,#7adcb4,#00d082)
}
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg,#fcb900,#ff6900)
}
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg,#ff6900,#cf2e2e)
}
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg,#eee,#a9b8c3)
}
:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)
}
:root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg,#ffceec,#9896f0)
}
:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
}
:root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg,#faaca8,#dad0ec)
}
:root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)
}
:root .has-electric-grass-gradient-background {
background: linear-gradient(135deg,#caf880,#71ce7e)
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg,#fafae1,#67a671)
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg,#fdd79a,#004a59)
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg,#330968,#31cdcf)
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg,#020381,#2874fc)
}
:root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link,#00e)
}
.has-small-font-size {
font-size: .8125em
}
.has-normal-font-size,.has-regular-font-size {
font-size: 1em
}
.has-medium-font-size {
font-size: 1.25em
}
.has-large-font-size {
font-size: 2.25em
}
.has-huge-font-size,.has-larger-font-size {
font-size: 2.625em
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
overflow: visible;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
progress,
sub,
sup {
vertical-align: baseline;
}
[type="checkbox"],
[type="radio"],
legend {
box-sizing: border-box;
padding: 0;
}
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 1px;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
} /* Oxygen */
html {
box-sizing: border-box;
}
body {
font-size: 16px;
color: rgba(64, 64, 64, 1);
}
body.oxygen-aos-enabled {
overflow-x: hidden;
}
*,
::after,
::before {
box-sizing: inherit;
}
.ct-section-inner-wrap {
margin-left: auto;
margin-right: auto;
height: 100%;
}
div.ct-svg-icon > svg,
svg.ct-svg-icon {
height: 1em !important;
fill: currentColor;
}
.ct-columns-inner-wrap {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.ct-column {
float: left !important;
word-break: break-word;
}
svg.ct-svg-icon {
display: inline-block;
width: 1em !important;
}
div.ct-svg-icon {
display: inline-block;
box-sizing: content-box;
border-radius: 50%;
width: auto;
}
div.ct-svg-icon > svg {
width: 1em !important;
display: block;
}
div.ct-fancy-icon {
display: inline-flex;
border-radius: 50%;
}
.ct-fancy-icon > svg {
fill: currentColor;
}
.ct-columns-inner-wrap > .ct-column:first-child {
margin-left: 0 !important;
}
.ct-columns-inner-wrap > .ct-column:last-child {
margin-right: 0 !important;
}
.ct-video {
width: 100%;
}
.ct-video > .oxygen-vsb-responsive-video-wrapper {
position: relative;
}
.ct-video > .oxygen-vsb-responsive-video-wrapper > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.oxy-nav-menu-list {
display: flex;
padding: 0;
margin: 0;
}
.oxy-nav-menu .oxy-nav-menu-list li.menu-item {
list-style-type: none;
display: flex;
flex-direction: column;
}
.oxy-nav-menu .oxy-nav-menu-list li.menu-item a {
text-decoration: none;
border-style: solid;
border-width: 0;
transition-timing-function: ease-in-out;
transition-property: background-color, color, border-color;
border-color: transparent;
}
.oxy-nav-menu .oxy-nav-menu-list li.current-menu-item > a,
.oxy-nav-menu .oxy-nav-menu-list li.menu-item:hover > a {
border-color: currentColor;
}
.oxy-nav-menu .menu-item,
.oxy-nav-menu .sub-menu {
position: relative;
}
.oxy-nav-menu .menu-item .sub-menu {
padding: 0;
flex-direction: column;
white-space: nowrap;
transition-timing-function: ease-in-out;
transition-property: visibility, opacity;
visibility: hidden;
opacity: 0;
display: flex;
position: absolute;
top: 100%;
}
.oxy-nav-menu .sub-menu .sub-menu,
.oxy-nav-menu.oxy-nav-menu-vertical .sub-menu {
left: 100%;
top: 0;
}
.oxy-nav-menu .menu-item:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.oxy-nav-menu .sub-menu li.menu-item {
flex-direction: column;
}
@keyframes oxy_sticky_header_fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.oxy-sticky-header-fade-in {
animation-name: oxy_sticky_header_fadein;
animation-duration: 0.5s;
animation-iteration-count: 1;
}
.oxy-header-wrapper {
position: relative;
}
.oxy-header-row {
width: 100%;
display: block;
}
.oxy-header-container {
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
}
.oxy-header-center,
.oxy-header-left,
.oxy-header-right {
display: flex;
align-items: center;
}
.oxy-header .oxygen-only-show-in-overlay,
.oxy-video-container {
display: none;
}
.oxy-header-left {
justify-content: flex-start;
}
.oxy-header-center {
flex-grow: 1;
justify-content: center;
}
.oxy-header-right {
justify-content: flex-end;
}
.admin-bar .oxy-sticky-header-active {
top: 32px !important;
}
@media screen and (max-width: 782px) {
.admin-bar .oxy-sticky-header-active {
top: 46px !important;
}
}
@media screen and (max-width: 600px) {
.admin-bar .oxy-sticky-header-active {
top: 0 !important;
}
}
.oxy-video-background {
position: relative;
z-index: 1;
}
.oxy-video-background .oxy-video-container {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1;
}
.oxy-video-background .oxy-video-container video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
}
.oxy-video-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.oxy-map iframe {
width: 100%;
height: 100%;
display: block;
}
.unslider .unslider-fade ul li.unslider-active {
position: relative;
}
.oxy-menu-toggle {
cursor: pointer;
display: none;
}
.oxy-nav-menu.oxy-nav-menu-open {
width: 100%;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow: auto;
z-index: 2147483642 !important;
background-color: #fff;
}
.oxy-nav-menu.oxy-nav-menu-open > div:last-child {
max-height: 100%;
overflow: auto;
padding-top: 2em;
padding-bottom: 2em;
width: 100%;
}
.oxy-nav-menu-prevent-overflow {
overflow: hidden;
height: 100%;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-menu-toggle {
display: initial;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list {
flex-direction: column !important;
width: 100%;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list .menu-item a {
text-align: center;
border: 0 !important;
background-color: transparent !important;
justify-content: center;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-hamburger-wrap {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
}
.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu {
background-color: #fff;
z-index: 2147483641;
}
.oxy-nav-menu.oxy-nav-menu-open .menu-item .sub-menu,
.oxy-nav-menu.oxy-nav-menu-open .menu-item-has-children > a::after {
display: none;
}
.oxy-nav-menu.oxy-nav-menu-open.oxy-nav-menu-responsive-dropdowns
.menu-item
.sub-menu {
display: flex;
position: static;
animation-name: none;
visibility: visible;
opacity: 1;
transition-duration: 0s !important;
}
.oxy-nav-menu.oxy-nav-menu-open a:not([href]) {
display: none;
}
.oxy-nav-menu-hamburger-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.oxy-nav-menu-hamburger {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.oxy-nav-menu-hamburger-line {
border-radius: 2px;
}
.oxy-nav-menu-open .oxy-nav-menu-hamburger {
transform: rotate(45deg);
}
.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line {
display: none;
}
.oxy-nav-menu-open
.oxy-nav-menu-hamburger
.oxy-nav-menu-hamburger-line:first-child {
display: initial;
position: relative;
}
.oxy-nav-menu-open
.oxy-nav-menu-hamburger
.oxy-nav-menu-hamburger-line:last-child {
display: initial;
position: relative;
transform: rotate(90deg);
}
.oxy-nav-menu .menu-item a {
display: flex;
align-items: center;
}
.oxy-nav-menu.oxy-nav-menu-vertical .menu-item a {
flex-direction: row;
}
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow
.menu-item-has-children
> a::after {
width: 0.35em;
height: 0.35em;
margin-left: 0.5em;
border-right: 0.1em solid;
border-top: 0.1em solid;
transform: rotate(135deg);
content: "";
}
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow
.sub-menu
.menu-item-has-children
> a::after,
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow.oxy-nav-menu-vertical
.menu-item-has-children
> a::after {
transform: rotate(45deg);
}
.oxy-social-icons {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.oxy-social-icons a {
line-height: 1;
width: 1em;
height: 1em;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.oxy-social-icons a svg {
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.oxy-soundcloud {
min-width: 300px;
min-height: 120px;
}
.oxy-soundcloud iframe {
width: 100%;
height: 100%;
}
.comment-body .alignleft,
.oxy-stock-content-styles .alignleft {
margin-right: 1em;
float: left;
}
.comment-body .alignright,
.oxy-stock-content-styles .alignright {
margin-left: 1em;
float: right;
}
.comment-body .aligncenter,
.oxy-stock-content-styles .aligncenter {
margin-left: auto;
margin-right: auto;
}
.comment-body img,
.oxy-stock-content-styles img {
max-width: 100%;
}
.oxy-comment-form .comment-reply-title {
margin-bottom: 0.5em;
}
.oxy-comment-form .logged-in-as {
margin-bottom: 1em;
font-size: 0.75em;
}
.oxy-comment-form #submit {
padding: 1em 2em;
background-color: #000;
color: #fff;
cursor: pointer;
margin-top: 0.5em;
border: none;
font-weight: 700;
}
.oxy-comment-form input,
.oxy-comment-form textarea {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
color: gray;
width: 100%;
}
.oxy-comment-form label {
font-weight: 700;
}
.oxy-comment-form .comment-form > p {
margin-top: 0;
margin-bottom: 1em;
}
.oxy-comments h3.comments-title {
margin-bottom: 1em;
}
.oxy-comments ol.children,
.oxy-comments ol.comments-list {
list-style: none;
margin: 0;
padding: 0;
}
.oxy-comments ol.children {
margin-left: 50px;
}
.oxy-comments li.comment .comment-body {
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
}
.oxy-comments li.comment .comment-body .comment-content {
margin-bottom: 1em;
}
.oxy-comments .comment-meta .comment-author {
display: flex;
flex-direction: row;
align-items: center;
}
.oxy-comments .comment-meta .comment-author .avatar {
max-width: 64px;
max-height: 64px;
margin-right: 0.5em;
}
.oxy-comments .comment-meta .comment-author span.says::before {
content: " ";
white-space: pre;
}
.oxy-progress-bar-overlay-percent,
.oxy-progress-bar-overlay-text {
line-height: 1;
white-space: nowrap;
color: #fff;
}
.oxy-comments .comment-meta .comment-metadata {
font-size: 0.75em;
margin-top: 0.75em;
}
.oxy-comments .comment-meta .edit-link {
margin-left: 0.5em;
}
.oxy-comments .reply {
display: flex;
}
.oxy-comments .reply .comment-reply-link {
font-size: 0.75em;
}
.oxy-comments .comment-meta {
flex-wrap: wrap;
}
.oxy-comments .comment-awaiting-moderation {
flex-basis: 100%;
}
.oxy-login-form p {
display: flex;
flex-direction: column;
}
.oxy-login-form input {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
}
.oxy-login-form input[type="submit"] {
padding: 1em 2em;
background-color: #000;
color: #fff;
cursor: pointer;
border: none;
font-weight: 700;
}
.oxy-search-form input {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
}
.oxy-search-form input[type="submit"] {
padding: calc(0.5em + 1px) 1em;
background-color: #000;
color: #fff;
cursor: pointer;
border: none;
}
.oxy-search-form label.screen-reader-text {
display: none;
}
.oxy-icon-box-icon {
display: flex;
flex-shrink: 0;
flex-grow: 0;
}
.oxy-icon-box-content {
flex-grow: 1;
width: 100%;
}
.oxy-icon-box-heading,
.oxy-icon-box-text {
margin: 0;
}
.oxy-icon-box {
display: flex;
align-items: flex-start;
}
.oxy-pricing-box {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
order: 10;
display: flex;
flex-direction: row;
}
.oxy-pricing-box-graphic > img {
max-width: 100%;
display: block;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-title {
order: 20;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
order: 30;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: baseline;
justify-content: center;
}
.oxy-pricing-box-amount {
display: flex;
align-items: baseline;
flex-direction: row;
}
.oxy-pricing-box-currency {
align-self: flex-start;
}
.oxy-pricing-box-amount-decimal {
align-self: baseline;
}
.oxy-pricing-box-term {
margin-left: 0.4em;
}
.oxy-pricing-box-sale-price {
width: 100%;
flex-grow: 0;
flex-shrink: 0;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
order: 40;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
order: 60;
}
@keyframes oxy_progress_bar_width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes oxy_progress_bar_stripes {
from {
background-position: 44px 0;
}
to {
background-position: 0 0;
}
}
.oxy-progress-bar-background,
.oxy-progress-bar-progress {
background-position: top left;
background-attachment: fixed;
background-size: 44px 44px;
}
.oxy-progress-bar {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.oxy-progress-bar-background {
background-color: #d3d3d3;
width: 100%;
}
.oxy-progress-bar-progress {
padding: 20px;
display: flex;
background-color: #a9a9a9;
align-items: center;
}
.oxy-progress-bar-overlay-percent {
margin-left: auto;
padding-left: 1em;
font-size: 0.8em;
}
.oxy-tab,
.oxy-tab-content {
padding: 20px;
}
.oxy-progress-bar-overlay-percent:empty {
display: none;
}
.oxy-superbox {
display: inline-flex;
}
.oxy-superbox-primary,
.oxy-superbox-secondary,
.oxy-tabs-wrapper {
display: flex;
}
.oxy-superbox-wrap {
position: relative;
overflow: hidden;
display: flex;
width: 100%;
}
.oxy-superbox-primary {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.oxy-superbox-secondary {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.oxy-tab {
cursor: pointer;
}
.oxy-tabs-contents-content-hidden {
display: none !important;
}
.oxy-testimonial {
display: flex;
width: 100%;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
display: flex;
flex-direction: column;
}
.oxy-testimonial .oxy-testimonial-photo {
border-radius: 50%;
}
.oxy-testimonial .oxy-testimonial-content-wrap {
display: flex;
flex-direction: column;
order: 2;
}
.oxy-testimonial .oxy-testimonial-author-wrap {
display: flex;
flex-direction: column;
}
.oxy-testimonial .oxy-testimonial-author,
.oxy-testimonial .oxy-testimonial-author-info {
display: flex;
}
.oxy-toggle {
display: flex;
flex-direction: row;
cursor: pointer;
}
.oxy-toggle-content {
align-self: stretch;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.oxy-expand-collapse-icon {
align-self: center;
flex-shrink: 0;
flex-grow: 0;
margin-right: 0.4em;
text-align: initial;
width: 1em;
height: 1em;
position: relative;
display: inline-block;
}
.oxy-expand-collapse-icon::after,
.oxy-expand-collapse-icon::before {
content: "";
background-color: #000;
position: absolute;
width: 1em;
height: 0.16em;
top: calc((1em / 2) - 0.08em);
transition: 0.3s ease-in-out all;
border-radius: 0.03em;
}
.oxy-expand-collapse-icon::after {
transform: rotate(-90deg) scale(0);
}
.oxy-eci-collapsed.oxy-expand-collapse-icon::after {
transform: rotate(-180deg);
}
.oxy-eci-collapsed.oxy-expand-collapse-icon::before {
transform: rotate(-90deg);
}
[data-aos][data-aos=""] {
transition-duration: 0s !important;
}
.oxy-modal-backdrop {
display: flex;
align-items: center;
justify-content: center;
}
body:not(.oxygen-builder-body) .oxy-modal-backdrop {
display: none;
}
body.oxygen-builder-body .oxy-modal-backdrop {
height: 100vh;
}
.oxy-modal-backdrop.live {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1400;
}
.oxy-modal-backdrop.hidden {
display: none;
}
.oxy-modal-backdrop.left {
flex-direction: column;
align-items: flex-start;
}
.oxy-modal-backdrop.right {
flex-direction: column;
align-items: flex-end;
}
.oxy-modal-backdrop.top {
flex-direction: row;
align-items: flex-start;
}
.oxy-modal-backdrop.bottom {
flex-direction: row;
align-items: flex-end;
}
.oxy-modal-backdrop.upper_left {
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.oxy-modal-backdrop.upper_right {
flex-direction: row;
align-items: flex-start;
justify-content: flex-end;
}
.oxy-modal-backdrop.bottom_left {
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
}
.oxy-modal-backdrop.bottom_right {
flex-direction: row;
align-items: flex-end;
justify-content: flex-end;
}
.oxy-modal-backdrop .ct-modal {
background-color: white;
}
div.oxy-dynamic-list div.oxy-product-images.oxy-woo-element {
align-self:stretch;
}
div.oxy-repeater-pages, div.oxy-repeater-pages-wrap {
display: flex;
}
.oxy-rich-text p:first-child {
margin-block-start: 0;
}
.oxy-rich-text p:last-child {
margin-block-end: 0;
}
#section-387-7 > .ct-section-inner-wrap {
max-width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
#section-420-7 > .ct-section-inner-wrap {
max-width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
#section-446-7 > .ct-section-inner-wrap {
max-width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
#section-472-7 > .ct-section-inner-wrap {
max-width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
#section-498-7 > .ct-section-inner-wrap {
max-width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
#section-2-16 > .ct-section-inner-wrap {
padding-top: 65px;
display: flex;
flex-direction: column;
align-items: center
}
#section-2-16 .oxy-video-overlay {
background-color: rgba(0,0,0,0.6)
}
#section-2-16 {
text-align: center;
background-color: rgba(0,0,0,0.6);
video-background-overlay: rgba(0,0,0,0.6);
background-blend-mode: multiply
}
#section-38-16 > .ct-section-inner-wrap {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center
}
#section-38-16 {
text-align: center;
background-color: #f9f9f9
}
#section-54-16 > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center
}
#section-54-16 {
text-align: center;
background-color: #f9f9f9;
background-position: 0% 100%
}
#section-58-16 > .ct-section-inner-wrap {
max-width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
#section-155-16 > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center
}
#section-155-16 {
text-align: center
}
#section-236-16 > .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 120px
}
#section-212-16 > .ct-section-inner-wrap {
max-width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start
}
#section-212-16 {
background-image: url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/Riot-Glass-Installer.jpg);
background-size: 60% 100%;
background-repeat: no-repeat;
text-align: left;
background-color: rgba(0,0,0,0.8);
border-bottom-color: #ff0000;
border-bottom-width: 5px;
border-bottom-style: solid;
background-position: 100% 50%
}
#section-281-16 > .ct-section-inner-wrap {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between
}
#section-281-16 {
background-image: linear-gradient(#ff0000,#ff0000),url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/abstract-glass.jpg);
background-size: auto,cover;
background-repeat: no-repeat;
overflow: hidden;
background-color: rgba(0,0,0,0.5);
background-blend-mode: multiply;
text-align: justify;
background-position: 0% 0%
}
#section-343-16 > .ct-section-inner-wrap {
padding-bottom: 0
}
#section-343-16:hover {
border-top-color: #ffffff;
border-right-color: #ffffff;
border-bottom-color: #ffffff;
border-left-color: #ffffff;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none
}
#section-326-16 > .ct-section-inner-wrap {
max-width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start
}
#section-326-16 {
background-size: auto auto;
background-repeat: no-repeat;
text-align: left;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
background-position: 100% 50%
}
@media (max-width: 991px) {
#section-236-16 > .ct-section-inner-wrap {
padding-top:60px;
padding-bottom: 60px
}
}
@media (max-width: 991px) {
#section-281-16 > .ct-section-inner-wrap {
display:flex;
flex-direction: column
}
}
@media (max-width: 767px) {
#section-123-16 > .ct-section-inner-wrap {
display:flex
}
}
@media (max-width: 767px) {
#section-236-16 > .ct-section-inner-wrap {
padding-top:60px;
padding-bottom: 20px
}
}
@media (max-width: 767px) {
#section-326-16 > .ct-section-inner-wrap {
display:flex;
flex-direction: column
}
}
@media (max-width: 479px) {
#section-236-16 > .ct-section-inner-wrap {
padding-bottom:20px
}
}
#div_block-1-7 {
width: 100%;
display: flex;
margin-left: 0 ;
margin-right: 0
}
#div_block-329-7 {
background-color: #000000;
width: 100%;
flex-direction: row;
display: flex;
align-items: flex-end;
justify-content: flex-end;
text-align: right;
height: 48px;
box-shadow: 0px 5px 10px rgba(0,0,0,0.2)
}
#div_block-3-7 {
flex-direction: row;
display: flex;
align-items: center;
margin-left: auto;
margin-right: auto;
transition-duration: 0.6s;
margin-bottom: 0px;
padding-bottom: 0px;
height: 80px;
justify-content: space-between;
text-align: justify;
width: 100%;
max-width: 1366px
}
#div_block-328-7 {
flex-direction: row;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
width: %;
height: 100%
}
#div_block-6-7 {
margin-left: 50px;
display: flex;
flex-direction: row;
align-items: flex-end;
height: 100%
}
#div_block-95-7 {
width: 100%
}
#div_block-59-7 {
padding-top: 0px
}
#div_block-61-7 {
width: 20%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 32px
}
#div_block-81-7 {
width: 80.00%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px
}
#div_block-394-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/brisk_freestanding_glass_partition_wall_800x800-min.jpg);
background-position: 50% 50%
}
#div_block-397-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/brisk_movable_glass_wall_800x800.jpg);
background-position: 50% 50%
}
#div_block-400-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2017/08/brisk-2.jpg);
background-position: 50% 50%
}
#div_block-403-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2018/02/Glass-swing-door-brisk_DF40G.jpg)
}
#div_block-409-7 {
display: flex;
position: relative;
bottom: 50px;
flex-direction: row;
align-items: center;
width: 100%;
justify-content: center;
text-align: center
}
#div_block-433-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2017/08/brisk-2.jpg);
background-position: 50% 50%
}
#div_block-424-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/Brisk_architectural_single_glazed_wall_artition_800x800.jpg);
background-size: auto,cover;
background-position: 50% 50%
}
#div_block-430-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/brisk_movable_glass_wall_800x800.jpg);
background-position: 50% 50%
}
#div_block-442-7 {
display: flex;
position: relative;
bottom: 50px;
flex-direction: row;
align-items: center;
width: 100%;
justify-content: center;
text-align: center
}
#div_block-456-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/brisk_movable_glass_wall_800x800.jpg);
background-position: 50% 50%
}
#div_block-459-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2017/08/brisk-2.jpg);
background-position: 50% 50%
}
#div_block-462-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2018/02/Glass-swing-door-brisk_DF40G.jpg)
}
#div_block-468-7 {
display: flex;
position: relative;
bottom: 50px;
flex-direction: row;
align-items: center;
width: 100%;
justify-content: center;
text-align: center
}
#div_block-529-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/brisk_movable_glass_wall_800x800.jpg);
background-position: 50% 50%
}
#div_block-523-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2018/02/Glass-swing-door-brisk_DF40G.jpg)
}
#div_block-511-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2017/08/brisk-2.jpg);
background-position: 50% 50%
}
#div_block-494-7 {
display: flex;
position: relative;
bottom: 50px;
flex-direction: row;
align-items: center;
width: 100%;
justify-content: center;
text-align: center
}
#div_block-505-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/brisk_freestanding_glass_partition_wall_800x800-min.jpg);
background-position: 50% 50%
}
#div_block-508-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/brisk_movable_glass_wall_800x800.jpg);
background-position: 50% 50%
}
#div_block-517-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2018/08/SA8600I-3.jpg)
}
#div_block-520-7 {
display: flex;
position: relative;
bottom: 50px;
flex-direction: row;
align-items: center;
width: 100%;
justify-content: center;
text-align: center
}
#div_block-540-7 {
padding-top: 0px
}
#div_block-542-7 {
width: 20%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 32px
}
#div_block-557-7 {
width: 80.00%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
text-align: left;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0
}
#div_block-995-7 {
padding-top: 0px
}
#div_block-997-7 {
width: 20%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 32px
}
#div_block-1001-7 {
width: 80.00%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
text-align: left;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0
}
#div_block-8-16 {
max-width: 800px;
flex-direction: column;
display: flex;
text-align: center;
align-items: center;
margin-bottom: 32px
}
#div_block-45-16 {
flex-direction: row;
display: flex;
max-width: 1120px;
justify-content: space-around;
text-align: justify;
flex-wrap: wrap
}
#div_block-127-16 {
width: 50%
}
#div_block-112-16 {
align-items: flex-start;
text-align: left
}
#div_block-112-16:after {
background-color: rgba(0,0,0,0.8);
padding-left: 32px;
padding-right: 32px;
flex-direction: row;
display: flex;
margin-left: 32px;
margin-right: 32px;
content: ""
}
#div_block-126-16 {
width: 50.00%;
flex-direction: row;
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
#div_block-132-16 {
width: 550px;
position: relative
}
#div_block-143-16 {
position: absolute;
top: 40%;
left: 38%
}
#div_block-147-16 {
position: absolute;
top: 50%;
left: 25%
}
#div_block-151-16 {
position: absolute;
top: 75%;
left: 49%
}
#div_block-110-16 {
max-width: 800px;
flex-direction: column;
display: flex;
text-align: center;
align-items: center
}
#div_block-61-16 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/Brisk_architectural_single_glazed_wall_artition_800x800.jpg);
background-size: auto,cover;
background-position: 50% 50%
}
#div_block-81-16 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/brisk_freestanding_glass_partition_wall_800x800-min.jpg);
background-position: 50% 50%
}
#div_block-84-16 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2019/04/brisk_movable_glass_wall_800x800.jpg);
background-position: 50% 50%
}
#div_block-87-16 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2017/08/brisk-2.jpg);
background-position: 50% 50%
}
#div_block-90-16 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2018/02/Glass-swing-door-brisk_DF40G.jpg)
}
#div_block-95-16 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://secureservercdn.net/198.71.233.39/ba3.c1c.myftpupload.com/wp-content/uploads/2018/08/SA8600I-3.jpg)
}
#div_block-105-16 {
display: flex;
position: relative;
bottom: 50px;
flex-direction: row;
align-items: center;
width: 100%;
justify-content: center;
text-align: center
}
#div_block-163-16 {
width: 100.00%;
flex-direction: row;
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
#div_block-164-16 {
position: relative
}
#div_block-166-16 {
position: absolute;
top: 6%;
left: 85%
}
#div_block-170-16 {
position: absolute;
top: 68%;
left: 64%
}
#div_block-174-16 {
position: absolute;
top: 90%;
left: 43%
}
#div_block-178-16 {
position: absolute;
top: 92%;
left: 22%
}
#div_block-238-16 {
width: 50%;
padding-left: 48px;
padding-top: 36px;
padding-right: 48px;
padding-bottom: 48px;
flex-direction: column;
display: flex;
text-align: center;
align-items: center;
border-top-color: #b3b3b3;
border-right-color: #b3b3b3;
border-bottom-color: #b3b3b3;
border-left-color: #b3b3b3;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px
}
#div_block-241-16 {
width: 50.00%;
padding-left: 42px;
padding-top: 42px;
padding-right: 42px;
padding-bottom: 42px;
flex-direction: column;
display: flex;
text-align: left;
justify-content: center
}
#div_block-223-16 {
background-image: url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/skyscraper.png);
width: 60%;
background-blend-mode: overlay;
background-repeat: repeat;
background-color: rgba(0,0,0,0.8);
padding-top: 5%;
padding-left: 15%;
padding-right: 10%;
padding-bottom: 5%;
background-position: 50% 50%;
clip-path: polygon(0 0,90% 0,100% 100%,0% 100%)
}
#div_block-285-16 {
flex-direction: row;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px
}
#div_block-313-16 {
margin-left: 32px
}
#div_block-344-16 {
width: 32%
}
#div_block-327-16 {
background-image: url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/skyscraper.png);
width: 75%;
background-blend-mode: overlay;
background-repeat: repeat;
padding-top: 5%;
padding-left: 15%;
padding-right: 10%;
padding-bottom: 5%;
display: flex;
background-color: rgba(0,0,0,0.8);
background-position: 50% 50%;
clip-path: polygon(96% 0%,0% 0%,0% 100%,96% 100%,96% 55%,100% 50%,96% 45%)
}
#div_block-360-16 {
width: 100%
}
#div_block-353-16 {
margin-left: 32px;
padding-top: 64px;
padding-bottom: 64px;
justify-content: center
}
@media (max-width: 1366px) {
#div_block-3-7 {
margin-left:20px;
margin-right: 20px
}
}
@media (max-width: 1366px) {
#div_block-223-16 {
padding-left:20px
}
}
@media (max-width: 1366px) {
#div_block-344-16 {
width:50%
}
}
@media (max-width: 1366px) {
#div_block-327-16 {
padding-left:20px
}
}
@media (max-width: 991px) {
#div_block-3-7 {
flex-direction:column;
display: flex;
padding-top: 16px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height: auto
}
}
@media (max-width: 991px) {
#div_block-328-7 {
flex-direction:column;
display: flex
}
}
@media (max-width: 991px) {
#div_block-6-7 {
display:flex;
width: 100%;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center
}
}
@media (max-width: 991px) {
#div_block-112-16 {
width:100%
}
}
@media (max-width: 991px) {
#div_block-223-16 {
width:100%
}
}
@media (max-width: 991px) {
#div_block-285-16 {
flex-direction:column;
display: flex;
align-items: center;
text-align: center
}
}
@media (max-width: 991px) {
#div_block-313-16 {
flex-direction:column;
display: flex;
align-items: center;
text-align: center;
margin-left: 0px
}
}
@media (max-width: 991px) {
#div_block-344-16 {
width:100%;
margin-bottom: 24px
}
}
@media (max-width: 991px) {
#div_block-327-16 {
width:100%
}
}
@media (max-width: 991px) {
#div_block-353-16 {
padding-right:20px;
padding-left: 20px;
margin-left: 0px
}
}
@media (max-width: 767px) {
#div_block-328-7 {
flex-direction:column;
display: flex
}
}
@media (max-width: 767px) {
#div_block-6-7 {
flex-direction:row;
display: flex;
align-items: center;
width: 100%;
margin-left: 0px;
flex-wrap: wrap;
justify-content: center;
text-align: center
}
}
@media (max-width: 767px) {
#div_block-127-16 {
padding-top:0px;
padding-left: 0px;
padding-right: 0px
}
}
@media (max-width: 767px) {
#div_block-112-16 {
flex-direction:column;
display: flex;
align-items: center;
text-align: center
}
}
@media (max-width: 767px) {
#div_block-126-16 {
padding-right:0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px
}
}
@media (max-width: 767px) {
#div_block-163-16 {
padding-left:0px;
padding-right: 0px
}
}
@media (max-width: 767px) {
#div_block-238-16 {
padding-right:0px;
padding-left: 0px
}
}
@media (max-width: 767px) {
#div_block-241-16 {
flex-direction:column;
display: flex;
align-items: center;
text-align: center
}
}
@media (max-width: 767px) {
#div_block-285-16 {
flex-direction:column;
display: flex;
align-items: center;
text-align: center;
padding-top: 20px
}
}
@media (max-width: 767px) {
#div_block-327-16 {
padding-right:20px;
padding-bottom: 64px;
clip-path: polygon(100% 0%,0% 0%,0% 97%,40% 97%,50% 100%,60% 97%,100% 97%)
}
}
@media (max-width: 767px) {
#div_block-353-16 {
flex-direction:column;
display: flex;
align-items: center;
text-align: center;
padding-top: 32px
}
}
@media (max-width: 479px) {
#div_block-223-16 {
padding-left:20px;
padding-right: 20px;
flex-direction: column;
display: flex;
align-items: center;
text-align: center;
clip-path: none
}
}
@media (max-width: 991px) {
#new_columns-60-7> .ct-div-block {
width:100% !important
}
}
#new_columns-60-7 {
background-color: #000000
}
@media (max-width: 991px) {
#new_columns-541-7> .ct-div-block {
width:100% !important
}
}
#new_columns-541-7 {
background-color: #000000
}
@media (max-width: 991px) {
#new_columns-996-7> .ct-div-block {
width:100% !important
}
}
#new_columns-996-7 {
background-color: #000000
}
@media (max-width: 991px) {
#new_columns-125-16> .ct-div-block {
width:100% !important
}
}
@media (max-width: 991px) {
#new_columns-125-16> .ct-div-block {
width:100% !important
}
}
@media (max-width: 991px) {
#new_columns-237-16> .ct-div-block {
width:100% !important
}
}
@media (max-width: 991px) {
#new_columns-237-16> .ct-div-block {
width:100% !important
}
}
#headline-395-7 {
color: #ffffff
}
#headline-398-7 {
color: #ffffff
}
#headline-401-7 {
color: #ffffff
}
#headline-404-7 {
color: #ffffff
}
#headline-434-7 {
color: #ffffff
}
#headline-425-7 {
color: #ffffff
}
#headline-431-7 {
color: #ffffff
}
#headline-457-7 {
color: #ffffff
}
#headline-460-7 {
color: #ffffff
}
#headline-463-7 {
color: #ffffff
}
#headline-530-7 {
color: #ffffff
}
#headline-524-7 {
color: #ffffff
}
#headline-512-7 {
color: #ffffff
}
#headline-506-7 {
color: #ffffff
}
#headline-509-7 {
color: #ffffff
}
#headline-518-7 {
color: #ffffff
}
#headline-10-16 {
color: #ffffff;
margin-top: 0px
}
#headline-25-16 {
margin-bottom: 32px
}
#headline-74-16 {
color: #ffffff
}
#headline-82-16 {
color: #ffffff
}
#headline-85-16 {
color: #ffffff
}
#headline-88-16 {
color: #ffffff
}
#headline-91-16 {
color: #ffffff
}
#headline-96-16 {
color: #ffffff
}
#headline-243-16 {
font-size: 20px;
font-weight: 900;
font-family: 'Mulish';
line-height: 1.1;
letter-spacing: 1px;
margin-bottom: 6px;
text-transform: uppercase
}
#headline-216-16 {
color: #ffffff
}
#headline-286-16 {
color: #f9f9f9
}
#headline-346-16 {
margin-left: -6px;
color: #f9f9f9;
margin-top: 0px
}
#headline-329-16 {
color: #ffffff
}
@media (max-width: 767px) {
#headline-286-16 {
margin-bottom:12px
}
}
@media (max-width: 767px) {
#headline-346-16 {
margin-bottom:12px
}
}
#text_block-535-7 {
padding-left: 32px;
padding-right: 32px;
color: #f9f9f9;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-weight: 400;
margin-top: 32px;
margin-bottom: 32px
}
#text_block-396-7 {
color: #ffffff
}
#text_block-399-7 {
color: #ffffff
}
#text_block-402-7 {
color: #ffffff
}
#text_block-405-7 {
color: #ffffff
}
#text_block-435-7 {
color: #ffffff
}
#text_block-426-7 {
color: #ffffff
}
#text_block-432-7 {
color: #ffffff
}
#text_block-458-7 {
color: #ffffff
}
#text_block-461-7 {
color: #ffffff
}
#text_block-464-7 {
color: #ffffff
}
#text_block-531-7 {
color: #ffffff
}
#text_block-525-7 {
color: #ffffff
}
#text_block-513-7 {
color: #ffffff
}
#text_block-507-7 {
color: #ffffff
}
#text_block-510-7 {
color: #ffffff
}
#text_block-519-7 {
color: #ffffff
}
#text_block-543-7 {
width: 100%
}
#text_block-544-7 {
padding-left: 32px;
padding-right: 32px;
color: #f9f9f9;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-weight: 400;
margin-top: 32px;
margin-bottom: 32px
}
#text_block-998-7 {
width: 100%
}
#text_block-999-7 {
padding-left: 32px;
padding-right: 32px;
color: #f9f9f9;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-weight: 400;
margin-top: 32px;
margin-bottom: 32px
}
#text_block-75-16 {
color: #ffffff
}
#text_block-83-16 {
color: #ffffff
}
#text_block-86-16 {
color: #ffffff
}
#text_block-89-16 {
color: #ffffff
}
#text_block-92-16 {
color: #ffffff
}
#text_block-97-16 {
color: #ffffff
}
#text_block-194-16 {
margin-top: 0px;
margin-bottom: 0px
}
#text_block-239-16 {
font-family: 'Mulish';
font-size: 180px;
font-weight: 900;
line-height: 0.2;
margin-top: -18px;
color: #c4c4c4
}
#text_block-244-16 {
font-size: 16px;
font-family: 'Mulish';
font-weight: 400;
line-height: 1.5;
margin-bottom: 6px;
color: #a0a0a0;
text-transform: uppercase
}
#text_block-245-16 {
margin-bottom: 24px
}
#text_block-213-16 {
margin-top: 0px;
margin-bottom: 0px
}
#text_block-220-16 {
color: #f9f9f9
}
#text_block-287-16 {
color: color(34)
}
#text_block-345-16 {
color: #f9f9f9
}
#text_block-347-16 {
max-width: 640px;
margin-bottom: 18px;
color: #f9f9f9
}
#text_block-328-16 {
margin-top: 0px;
margin-bottom: 0px
}
#link_text-539-7 {
margin-left: 32px;
margin-right: 32px
}
#link_text-556-7 {
margin-left: 32px;
margin-right: 32px
}
#link_text-1000-7 {
margin-left: 32px;
margin-right: 32px
}
#link_text-246-16 {
margin-left: -6px;
url-encoded: true
}
#link_text-289-16 {
margin-right: 0px;
url-encoded: true;
margin-bottom: 0px
}
@media (max-width: 991px) {
#link_text-289-16 {
margin-right:0px;
margin-bottom: 18px
}
}
#div_block-300-7 {
flex-direction: row;
text-align: center;
display: flex
}
#link-314-7 {
flex-direction: row;
text-align: center;
display: flex
}
#link-337-7 {
flex-direction: row;
text-align: center;
display: flex
}
#link-340-7 {
flex-direction: row;
text-align: center;
display: flex
}
#link-102-7 {
url-encoded: true
}
#link-355-7 {
url-encoded: true
}
#link-144-7 {
url-encoded: true
}
#div_block-210-16 {
url-encoded: true
}
@media (max-width: 1366px) {
#div_block-300-7 {
margin-right:0px
}
}
#image-4-7 {
height: 60px
}
#image-22-16 {
width: 150px;
margin-bottom: 16px
}
#image-122-16 {
display: block;
width: 100%;
height: 100%;
object-fit: scale-down
}
#image-165-16 {
display: block;
width: 100%;
height: 100%;
object-fit: scale-down
}
#image-275-16 {
width: 96px;
border-radius: 50%;
margin-bottom: 12px
}
#image-300-16 {
width: 100px;
height: auto
}
#image-354-16 {
width: 60px
}
@media (max-width: 991px) {
#image-300-16 {
margin-bottom:16px
}
}
@media (max-width: 767px) {
#image-4-7 {
margin-bottom:16px
}
}
#video-208-16 >.oxygen-vsb-responsive-video-wrapper {
padding-bottom: 56.25%
}
#fancy_icon-141-7>svg {
width: 15px;
height: 15px
}
#fancy_icon-357-7>svg {
width: 15px;
height: 15px
}
#fancy_icon-146-7>svg {
width: 15px;
height: 15px
}
#fancy_icon-1038-7 {
color: #f9f9f9
}
@media (max-width: 991px) {
#fancy_icon-94-7 {
color:#f9f9f9
}
#fancy_icon-94-7 {
margin-top: -20px
}
}
@media (max-width: 991px) {
#fancy_icon-647-7 {
color:#f9f9f9
}
#fancy_icon-647-7 {
margin-top: -20px
}
}
@media (max-width: 991px) {
#fancy_icon-1038-7 {
color:#f9f9f9
}
#fancy_icon-1038-7 {
margin-top: -20px
}
}
#code_block-56-7 {
display: none
}
#code_block-388-7 {
display: none
}
#code_block-421-7 {
display: none
}
#code_block-447-7 {
display: none
}
#code_block-473-7 {
display: none
}
#code_block-499-7 {
display: none
}
#code_block-136-16 {
display: none
}
#code_block-211-16 {
display: none
}
#code_block-361-16 {
display: none
}
#shortcode-362-16 {
width: 100%;
color: #ffffff
}
#_posts_grid-349-16 {
margin-bottom: 120px
}
@media (max-width: 1366px) {
#_posts_grid-349-16 {
margin-bottom:120px;
margin-top: -80px;
z-index: 9999
}
}
#_posts_grid-349-16 .oxy-posts {
display: block;
column-count: 2;
column-gap: 24px;
z-index: 50;
padding-bottom: 0;
margin-bottom: -120px;
column-count: 3
}
#_posts_grid-349-16 .oxy-posts:before {
content: ' ';
display: block;
min-height: 240px
}
@media (max-width: 992px) {
#_posts_grid-349-16 .oxy-posts:before {
display:none
}
}
@media (max-width: 768px) {
#_posts_grid-349-16 .oxy-posts {
column-count:1
}
}
#_posts_grid-349-16 .oxy-post {
display: flex;
flex-direction: column;
text-align: left;
align-items: flex-start;
margin-bottom: 24px;
width: 100%;
border: 2px solid #e8e6f2;
break-inside: avoid
}
#_posts_grid-349-16 .oxy-post-image {
position: relative;
background-color: grey;
background-image: repeating-linear-gradient( 45deg,#eeeeee,#eeeeee 10px,#dddddd 10px,#dddddd 20px);
width: 100%;
margin: -2px 0 36px 0;
display: block;
width: 100%
}
#_posts_grid-349-16 .oxy-post-image-fixed-ratio {
padding-bottom: 60%;
background-size: cover;
background-position: center center
}
#_posts_grid-349-16 .oxy-post-image-date-overlay {
position: absolute;
top: 1em;
right: 1em;
font-size: 16px;
color: white;
background-color: #000000;
padding: .7em 1em;
font-weight: bold;
-webkit-font-smoothing: antialiased
}
#_posts_grid-349-16 .oxy-post-title {
font-size: 24px;
line-height: 1;
color: #23232d;
font-weight: 900;
margin: 16px
}
#_posts_grid-349-16 .oxy-post-meta {
margin: 0 16px;
font-size: 16px;
display: flex;
flex-direction: row;
color: #ff0000
}
#_posts_grid-349-16 .oxy-post-meta a {
color: #e96199
}
#_posts_grid-349-16 .oxy-post-meta a:hover {
text-decoration: underline
}
#_posts_grid-349-16 .oxy-post-meta-item::after {
content: "\00b7";
margin-right: .5em;
margin-left: .5em
}
#_posts_grid-349-16 .oxy-post-meta-item:last-child::after {
content: "";
display: none
}
#_posts_grid-349-16 .oxy-post-content {
margin-bottom: 24px;
color: #52565a;
margin: 16px;
line-height: 1.5
}
#_posts_grid-349-16 .oxy-post-content p {
margin: 0;
font-size: 16px
}
@media (max-width: 1120px) {
#_posts_grid-349-16 .oxy-post-meta {
display:none
}
}
#_posts_grid-349-16 .oxy-read-more {
margin: auto 48px 48px 48px
}
#_posts_grid-349-16 .oxy-easy-posts-pages {
display: none
}
#_posts_grid-349-16 .oxy-post-title {
color: #000000
}
#_posts_grid-349-16 .oxy-post-title:hover {
color: #ff0000
}
#_posts_grid-349-16 .oxy-easy-posts-pages {
text-align: center
}
@media (max-width: ) {
#_posts_grid-349-16 .oxy-post {
width:50% !important
}
}
@media (max-width: 767px) {
#_posts_grid-349-16 .oxy-post {
width:100% !important
}
}
#slider-248-16 .unslider-nav ol li {
border-color: #ffffff
}
#slider-248-16 .unslider-nav ol li.unslider-active {
background-color: #ffffff
}
#_tabs-362-7 {
flex-direction: column;
text-align: justify;
display: flex;
width: 100%;
margin-bottom: 32px
}
#_superbox-723-7 .oxy-superbox-secondary {
opacity: 0
}
#_superbox-723-7:hover .oxy-superbox-secondary {
opacity: 1
}
#_superbox-723-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/forced-entry.jpg);
background-size: auto,cover;
superbox-editing-mode: live;
background-position: 50% 50%
}
#_superbox-916-7 .oxy-superbox-secondary {
opacity: 0
}
#_superbox-916-7:hover .oxy-superbox-secondary {
opacity: 1
}
#_superbox-916-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/bulletproof-protection.jpg);
background-size: auto,cover;
superbox-editing-mode: primary_only;
background-position: 50% 50%
}
#_superbox-922-7 .oxy-superbox-secondary {
opacity: 0
}
#_superbox-922-7:hover .oxy-superbox-secondary {
opacity: 1
}
#_superbox-922-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/hurricane-windstorm.jpg);
background-size: auto,cover;
superbox-editing-mode: primary_only;
background-position: 50% 50%
}
#_superbox-928-7 .oxy-superbox-secondary {
opacity: 0
}
#_superbox-928-7:hover .oxy-superbox-secondary {
opacity: 1
}
#_superbox-928-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/energy-efficiency.jpg);
background-size: auto,cover;
superbox-editing-mode: primary_only;
background-position: 50% 50%
}
#_superbox-934-7 .oxy-superbox-secondary {
opacity: 0
}
#_superbox-934-7:hover .oxy-superbox-secondary {
opacity: 1
}
#_superbox-934-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/blast-mitigation.jpg);
superbox-editing-mode: primary_only
}
#_superbox-940-7 .oxy-superbox-secondary {
opacity: 0
}
#_superbox-940-7:hover .oxy-superbox-secondary {
opacity: 1
}
#_superbox-940-7 {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/noise-attenuation.jpg);
background-size: auto,cover;
superbox-editing-mode: primary_only;
background-position: 50% 50%
}
#modal-207-16 {
width: 70%;
background-color: #ffffff
}
#span-106-16 {
color: #ff0000;
margin-bottom: 1px
}
.ct-section {
width: 100%;
background-size: cover;
background-repeat: repeat
}
.ct-section>.ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: flex-start
}
.ct-div-block {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start
}
.ct-new-columns {
display: flex;
width: 100%;
flex-direction: row;
align-items: stretch;
justify-content: center;
flex-wrap: wrap
}
.ct-link-text {
display: inline-block
}
.ct-link {
display: flex;
flex-wrap: wrap;
text-align: center;
text-decoration: none;
flex-direction: column;
align-items: center;
justify-content: center
}
.ct-link-button {
display: inline-block;
text-align: center;
text-decoration: none
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px
}
.ct-image {
max-width: 100%
}
.ct-fancy-icon>svg {
width: 55px;
height: 55px
}
.ct-inner-content {
width: 100%
}
.ct-slide {
display: flex;
flex-wrap: wrap;
text-align: center;
flex-direction: column;
align-items: center;
justify-content: center
}
.ct-nestable-shortcode {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start
}
.oxy-comments {
width: 100%;
text-align: left
}
.oxy-comment-form {
width: 100%
}
.oxy-login-form {
width: 100%
}
.oxy-search-form {
width: 100%
}
.oxy-tabs-contents {
display: flex;
width: 100%;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start
}
.oxy-tab {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start
}
.oxy-tab-content {
display: flex;
width: 100%;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start
}
.oxy-testimonial {
width: 100%
}
.oxy-icon-box {
width: 100%
}
.oxy-pricing-box {
width: 100%
}
.oxy-posts-grid {
width: 100%
}
.oxy-gallery {
width: 100%
}
.ct-slider {
width: 100%
}
.oxy-tabs {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: stretch
}
.ct-modal {
flex-direction: column;
align-items: flex-start
}
.ct-span {
display: inline-block;
text-decoration: inherit
}
.ct-widget {
width: 100%
}
.oxy-dynamic-list {
width: 100%
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
.ct-div-block,.oxy-post-content,.ct-text-block,.ct-headline,.oxy-rich-text,.ct-link-text {
max-width: 100%
}
img {
flex-shrink: 0
}
body * {
min-height: 1px
}
}
.oxy-testimonial {
flex-direction: row;
align-items: center
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px;
height: 125px;
margin-right: 20px
}
.oxy-testimonial .oxy-testimonial-photo-wrap,.oxy-testimonial .oxy-testimonial-author-wrap,.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start;
text-align: left
}
.oxy-testimonial .oxy-testimonial-text {
margin-bottom: 8px;
font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased
}
.oxy-icon-box {
text-align: left;
flex-direction: column
}
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start
}
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px
}
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;
align-self: flex-start
}
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px
}
.oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
alignment: center;
text-align: center
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center
}
.oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row
}
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5)
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center
}
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000;
background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);
animation: none 0s paused
}
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%
}
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;
padding: 40px;
animation: none 0s paused,none 0s paused;
background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent)
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px
}
.ct-slider .unslider-nav ol li {
border-color: #ffffff
}
.ct-slider .unslider-nav ol li.unslider-active {
background-color: #ffffff
}
.ct-slider .ct-slide {
padding: 0px
}
.oxy-superbox .oxy-superbox-secondary,.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s
}
.oxy-pro-menu {
menu_dropdown_animation: fade-up
}
.oxy-pro-menu .oxy-pro-menu-list .menu-item a {
padding-top: px;
padding-left: px;
padding-right: px;
padding-bottom: px
}
.oxy-pro-menu .oxy-pro-menu-list > .menu-item {
margin-top: px;
margin-left: px;
margin-right: px;
margin-bottom: px
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu {
box-shadow: px px px px
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg {
margin-top: px;
margin-left: px;
margin-right: px;
margin-bottom: px;
transition-duration: 0.4s
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div {
margin-left: 0px
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a {
padding-top: px;
padding-left: px;
padding-right: px;
padding-bottom: px
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg {
width: 30px;
height: 30px
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon {
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon,.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg {
transition-duration: 0.4s
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon {
top: 20px;
left: 20px
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg {
width: 24px;
height: 24px
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon,.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg {
transition-duration: 0.4s
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container > div:first-child,.oxy-pro-menu .oxy-pro-menu-open-container > div:first-child {
oxy-pro-menu_slug_oxypromenuoffcanvascontaineroxypromenulistmenuitemoxypromenuopencontaineroxypromenulistmenuitem_min_width: px
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container {
oxy-pro-menu_slug_oxypromenuoffcanvascontainer_width: px
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container,.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container {
background-color: #ffffff
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item a,.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item a {
padding-top: px;
padding-left: px;
padding-right: px;
padding-bottom: px
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container,.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container {
padding-top: px;
padding-left: px;
padding-right: px;
padding-bottom: px
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container,.oxy-pro-menu .oxy-pro-menu-open-container {
background-color: ;
background-image: url();
overlay-color: ;
background-size: ;
background-repeat: ;
background-attachment: ;
background-blend-mode: ;
background-size-width: px;
background-size-height: px;
background-position: px px
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg,.oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg {
font-size: 24px
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul,.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul {
background-color: rgba(0,0,0,0.2);
border-top-style: solid
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list {
flex-direction: row
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a {
text-align: left;
justify-content: flex-start
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item,.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item {
align-items: flex-start
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container {
top: 0;
bottom: 0;
right: auto;
left: 0
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a,.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a {
text-align: left;
justify-content: flex-start
}
.oxy-shape-divider {
width: 0px;
height: 0px
}
.oxy_shape_divider svg {
width: 100%
}
.ct-section-inner-wrap,.oxy-header-container {
max-width: 1366px
}
body {
font-family: 'Mulish'
}
body {
line-height: 1.6;
font-size: 18px;
font-weight: 700;
color:
}
.oxy-nav-menu-hamburger-line {
background-color:
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Mulish';
font-size: 65px;
font-weight: 900;
line-height: 1.2;
color: #000000
}
h2,h3,h4,h5,h6 {
font-size: 45px;
line-height:
}
h3,h4,h5,h6 {
font-size: 35px;
line-height:
}
h4,h5,h6 {
font-size: 30px;
line-height:
}
h5,h6 {
font-size: 18px;
line-height:
}
h6 {
font-size: 16px;
line-height:
}
a {
color: #ff0000;
text-decoration: none
}
a:hover {
text-decoration: none
}
.ct-link-text {
text-decoration:
}
.ct-link {
text-decoration:
}
.ct-link-button {
border-radius: 3px
}
.ct-section-inner-wrap {
padding-top: 64px;
padding-right: 20px;
padding-bottom: 64px;
padding-left: 20px
}
.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px
}
.oxy-header-container {
padding-right: 20px;
padding-left: 20px
}
@media (max-width: 992px) {
.ct-columns-inner-wrap {
display:block !important
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: ""
}
.ct-column {
width: 100% !important;
margin: 0 !important
}
.ct-columns-inner-wrap {
margin: 0 !important
}
}
.oxy-superbox-primary {
}
.oxy-superbox-secondary {
}
.hyperion-subheading {
font-family: 'Mulish';
color: #e96199;
font-weight: 900;
font-size: 30px;
letter-spacing: 4px;
line-height: 1.1;
text-transform: uppercase
}
@media (max-width: 991px) {
.hyperion-subheading {
font-size:20px
}
}
.hyperion-heading-two {
font-family: 'Mulish';
color: #23232d;
font-weight: 900;
font-size: 120px;
line-height: 1
}
@media (max-width: 991px) {
.hyperion-heading-two {
font-size:96px
}
}
@media (max-width: 767px) {
.hyperion-heading-two {
font-size:72px
}
}
@media (max-width: 479px) {
.hyperion-heading-two {
font-size:60px
}
}
.hyperion-outline-button:hover {
transform: scale(1.05,1.05);
color: #ffffff;
background-color: #e96199;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #e96199;
border-right-color: #e96199;
border-bottom-color: #e96199;
border-left-color: #e96199
}
.hyperion-outline-button {
font-weight: 900;
font-size: 24px;
color: #e96199;
line-height: 1;
letter-spacing: .125em;
text-align: center;
text-decoration: none;
padding-top: 28px;
padding-bottom: 28px;
padding-left: 58px;
padding-right: 58px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: 3E96199;
border-right-color: 3E96199;
border-bottom-color: 3E96199;
border-left-color: 3E96199;
border-radius: 1000px;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-property: all
}
@media (max-width: 991px) {
.hyperion-outline-button {
padding-left:40px;
padding-right: 40px
}
}
@media (max-width: 479px) {
.hyperion-outline-button {
font-size:18px;
padding-top: 22px;
padding-bottom: 22px;
padding-left: 40px;
padding-right: 40px
}
}
.hyperion-big-text {
font-family: 'Mulish';
color: #23232d;
font-size: 30px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.5
}
@media (max-width: 767px) {
.hyperion-big-text {
font-size:24px
}
}
.hyperion-blog-1-title-wrapper {
background-image: linear-gradient(45deg,#ff0000,rgba(255,0,0,0.5));
margin-bottom: -218px;
padding-left: 48px;
padding-right: 48px;
padding-bottom: 72px;
padding-top: 60px;
z-index: 100;
background-color: #000000;
width: calc(50% - 12px)
}
@media (max-width: 1366px) {
.hyperion-blog-1-title-wrapper {
margin-bottom:32px
}
}
.oxel_icon_button__container {
padding-top: 8px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 8px;
transition-duration: 0.3s
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),.oxel_icon_button__container.oxy-easy-posts .oxy-posts,.oxel_icon_button__container.ct-section .ct-section-inner-wrap {
display: flex;
flex-direction: row;
align-items: center
}
.oxel_icon_button_text {
}
.oxel_icon_button_icon {
color: #f9f9f9
}
.oxel_icon_button_icon >svg {
width: 18px;
height: 18px
}
.oxel_icon_button_icon {
margin-right: 8px
}
.oxel_scrollingImage__container:hover {
background-position: 50% 100%
}
.oxel_scrollingImage__container {
background-size: cover;
height: 400px;
background-repeat: no-repeat;
transition-duration: 5s;
transition-timing-function: ease-in-out;
transition-property: background-position;
text-align: center;
width: 600px;
max-width: 100%;
overflow: hidden;
background-position: 50% 0px
}
.oxel_scrollingImage__container:not(.ct-section):not(.oxy-easy-posts),.oxel_scrollingImage__container.oxy-easy-posts .oxy-posts,.oxel_scrollingImage__container.ct-section .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
@media (max-width: 767px) {
.oxel_scrollingImage__container {
width:100%
}
}
.oxel_scrollingImage__container__icon {
background-color: rgba(0,0,0,0.17);
border: 1px solid rgba(0,0,0,0.17);
padding: 16px;
color: #f9f9fa
}
.oxel_scrollingImage__container__icon >svg {
width: 55px;
height: 55px
}
.oxel_scrollingImage__container__icon {
transition-duration: 2.5s;
icon-padding: 16px
}
.oxel_megamenu_parent:hover {
}
.oxel_megamenu_parent {
position: relative
}
.oxel_megamenu_parent:not(.ct-section):not(.oxy-easy-posts),.oxel_megamenu_parent.oxy-easy-posts .oxy-posts,.oxel_megamenu_parent.ct-section .ct-section-inner-wrap {
display: flex;
flex-direction: row
}
@media (max-width: 767px) {
.oxel_megamenu_parent {
padding-bottom:0px
}
}
.oxel_megamenu_parent__title {
color: #374047
}
.oxel_megamenu__wrapper {
transform: ;
padding-top: 32px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
opacity: 1;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
position: relative;
width: 100%;
z-index: 1999
}
.oxel_megamenu__wrapper:not(.ct-section):not(.oxy-easy-posts),.oxel_megamenu__wrapper.oxy-easy-posts .oxy-posts,.oxel_megamenu__wrapper.ct-section .ct-section-inner-wrap {
flex-direction: unset
}
.oxel_megamenu__wrapper--hidden {
transform: translateY(64px);
opacity: 0;
pointer-events: none
}
.oxel_megamenu__close-icon {
color: #333333
}
.oxel_megamenu__close-icon >svg {
width: 32px;
height: 32px
}
.oxel_megamenu__close-icon {
position: absolute;
top: 48px;
right: 16px
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap {
display: none;
flex-direction: unset
}
@media (max-width: 991px) {
.oxel_megamenu__close-icon {
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap {
display: flex
}
}
.heading-1 {
text-transform: uppercase;
margin-bottom: 32px;
margin-top: 24px
}
@media (max-width: 767px) {
.heading-1 {
font-size:42px
}
}
@media (max-width: 479px) {
.heading-1 {
font-size:36px
}
}
.heading-2 {
text-transform: uppercase;
margin-bottom: 24px;
margin-top: 16px
}
@media (max-width: 1366px) {
.heading-2 {
font-size:35px
}
}
@media (max-width: 767px) {
.heading-2 {
font-size:30px
}
}
.fade-up {
aos-enable: true
}
@media (max-width: 767px) {
.fade-up {
aos-enable:true
}
}
.fade-left {
aos-enable: true
}
@media (max-width: 767px) {
.fade-left {
aos-enable:true
}
}
.heading-4 {
margin-bottom: 8px;
margin-top: 4px
}
@media (max-width: 1366px) {
.heading-4 {
font-size:25px
}
}
@media (max-width: 767px) {
.heading-4 {
font-size:20px
}
}
@media (max-width: 479px) {
}
.heading-3 {
margin-bottom: 16px;
margin-top: 8px
}
@media (max-width: 1366px) {
.heading-3 {
font-size:30px
}
}
@media (max-width: 767px) {
.heading-3 {
font-size:25px
}
}
.fede-right {
aos-enable: true
}
.heading-1-big {
font-size: 90px;
text-transform: uppercase
}
@media (max-width: 1366px) {
.heading-1-big {
font-size:80px
}
}
@media (max-width: 767px) {
.heading-1-big {
font-size:50px
}
}
@media (max-width: 479px) {
.heading-1-big {
font-size:30px
}
}
.header-link:hover {
color: #ff0000;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-bottom-color: #ff0000;
border-bottom-style: solid
}
.header-link {
color: #000000;
text-transform: uppercase;
padding-bottom: 24px;
border-bottom-style: solid;
border-bottom-color: #f9f9f9;
border-bottom-width: 2px;
transition-duration: 0.6s;
transition-timing-function: ease-in-out;
padding-left: 16px;
padding-right: 16px;
font-weight: 900;
font-size: 16px
}
.header-link:not(.ct-section):not(.oxy-easy-posts),.header-link.oxy-easy-posts .oxy-posts,.header-link.ct-section .ct-section-inner-wrap {
display: flex
}
@media (max-width: 767px) {
.header-link {
padding-bottom:8px;
margin-left: 0px;
margin-right: 0px;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px
}
}
.header-icon {
color: #333333
}
.header-icon >svg {
width: 55px;
height: 55px
}
.header-icon {
icon-padding: 20px;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px
}
.header-link-mm {
}
.mm-text {
margin-left: 8px;
margin-bottom: 8px;
color: #f9f9f9;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.primary-button:hover:after {
width: 110%;
width: 110%
}
.primary-button:hover {
color: #ffffff
}
.primary-button:after {
content: "";
content: '';
position: absolute;
display: block;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 100%;
background: #ff0000;
z-index: -1;
-webkit-transition: width 150ms ease-in-out;
transition: width 150ms ease-in-out
}
.primary-button {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 32px;
padding-right: 32px;
text-transform: uppercase;
font-weight: 700;
background-color: #ffffff;
margin-bottom: 16px;
border-color: #ff0000;
border-radius: 0;
color: #ff0000;
position: relative;
overflow: hidden;
z-index: 1;
-webkit-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out
}
.mm-text-link {
}
.mm-heading {
background-image: linear-gradient(rgba(255,0,0,0.5),rgba(255,0,0,0.5)),url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/abstract-glass.jpg);
background-size: auto,cover;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 0px;
color: #f9f9f9;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-left: 32px;
padding-top: 32px;
padding-right: 32px;
padding-bottom: 16px;
font-weight: 900;
background-blend-mode: multiply
}
.customer-header-links:hover {
color: #ff0000
}
.customer-header-links {
transition-duration: 0.6s;
transition-timing-function: ease-in-out;
text-transform: uppercase;
padding-left: 16px;
padding-right: 16px;
font-weight: 900;
color: #f9f9f9;
font-size: 12px;
height: 100%;
letter-spacing: 1.5px
}
.customer-header-links:not(.ct-section):not(.oxy-easy-posts),.customer-header-links.oxy-easy-posts .oxy-posts,.customer-header-links.ct-section .ct-section-inner-wrap {
display: flex
}
@media (max-width: 767px) {
.customer-header-links {
padding-bottom:8px;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
margin-right: 0px;
margin-left: 0px
}
}
.secondary-button:hover:after {
width: 110%
}
.secondary-button:after {
content: "";
content: '';
position: absolute;
display: block;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 100%;
background: #000000;
z-index: -1;
-webkit-transition: width 150ms ease-in-out;
transition: width 150ms ease-in-out
}
.secondary-button:hover {
color: #ffffff
}
.secondary-button {
background-color: #ff0000;
padding-top: 8px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 8px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 16px;
border-color: #ff0000;
border-radius: 0;
color: #f9f9f9;
position: relative;
overflow: hidden;
z-index: 1;
-webkit-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out
}
.medium-borders {
max-width: 800px;
padding-left: 64px;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 64px;
border-left-color: #ff0000;
border-left-width: 3px;
border-left-style: solid;
border-right-color: #ff0000;
border-right-width: 3px;
border-right-style: solid;
text-align: left;
aos-enable: false
}
@media (max-width: 767px) {
.medium-borders {
padding-left:16px;
padding-right: 16px
}
}
.featured-in-image {
padding-bottom: 32px;
width: 16.66%
}
@media (max-width: 767px) {
.featured-in-image {
width:50%
}
}
.paragraph {
margin-top: 0px;
margin-bottom: 16px
}
.text-link-red:after {
content: "»";
padding-left: 4px
}
.text-link-red:hover {
color: #6c6c6c;
border-bottom-color: #6c6c6c;
border-bottom-width: 3px;
border-bottom-style: solid
}
.text-link-red {
font-weight: 900;
text-transform: uppercase;
transition-duration: 0.6s;
text-decoration: none;
padding-top: 8px;
padding-bottom: 8px;
border-bottom-width: 3px;
border-bottom-color: rgba(0,0,0,0);
border-bottom-style: solid
}
.swiper-container {
width: 100%
}
.swiper-wrapper {
}
.swiper-wrapper:not(.ct-section):not(.oxy-easy-posts),.swiper-wrapper.oxy-easy-posts .oxy-posts,.swiper-wrapper.ct-section .ct-section-inner-wrap {
display: flex;
flex-direction: row;
align-items: center
}
@media (max-width: 991px) {
}
.swiper-slide {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
text-align: center;
width: 33.33%
}
.swiper-slide:not(.ct-section):not(.oxy-easy-posts),.swiper-slide.oxy-easy-posts .oxy-posts,.swiper-slide.ct-section .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
@media (max-width: 991px) {
}
.mySwiper {
}
.swiper-slide-visible {
}
.swiper-pagination {
}
.swiper-button-next {
color: \;
text-align: center
}
.swiper-button-next:not(.ct-section):not(.oxy-easy-posts),.swiper-button-next.oxy-easy-posts .oxy-posts,.swiper-button-next.ct-section .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center
}
.swiper-button-prev {
text-align: center;
position: absolute
}
.swiper-button-prev:not(.ct-section):not(.oxy-easy-posts),.swiper-button-prev.oxy-easy-posts .oxy-posts,.swiper-button-prev.ct-section .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center
}
.lg-hotspot {
}
.lg-hotspot--top-left {
position: absolute;
top: 15.5%;
left: 30%
}
.lg-hotspot__button {
}
.lg-hotspot__label {
}
.lg-hotspot--bottom-left {
position: absolute
}
.lg-hotspot--top-right {
}
.lg-hotspot--bottom-right {
}
.pre-heading {
color: #ff0000;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 900;
margin-bottom: 0px
}
.icon-scroll {
}
.mobile-section {
}
.tertiary-button:hover:after {
width: 110%
}
.tertiary-button:after {
content: "";
content: '';
position: absolute;
display: block;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 100%;
background: #f9f9f9;
z-index: -1;
-webkit-transition: width 150ms ease-in-out;
transition: width 150ms ease-in-out
}
.tertiary-button:hover {
color: #000000
}
.tertiary-button {
padding-top: 8px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 8px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 16px;
background-color: #ff0000;
border-color: #ff0000;
border-radius: 0;
color: #f9f9f9;
position: relative;
overflow: hidden;
z-index: 1;
-webkit-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out
}
.blog-title-wrapper {
padding-top: 64px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 64px;
background-color: #000000
}
.primary-button-red-bg:hover:after {
width: 110%;
width: 110%
}
.primary-button-red-bg:hover {
color: #ffffff
}
.primary-button-red-bg:after {
content: "";
content: '';
position: absolute;
display: block;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 100%;
background: #000000;
z-index: -1;
-webkit-transition: width 150ms ease-in-out;
transition: width 150ms ease-in-out
}
.primary-button-red-bg {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 32px;
padding-right: 32px;
text-transform: uppercase;
font-weight: 700;
background-color: #f9f9f9;
margin-bottom: 16px;
border-color: #ff0000;
border-radius: 0;
color: #ff0000;
position: relative;
overflow: hidden;
z-index: 1;
-webkit-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out
}
.recent-post-title {
background-image: linear-gradient(45deg,#ff0000,rgba(255,0,0,0.5));
margin-bottom: -218px;
padding-left: 48px;
padding-right: 48px;
padding-bottom: 72px;
padding-top: 60px;
z-index: 100;
background-color: #000000;
width: calc(50% - 12px)
}
@media (max-width: 1366px) {
.recent-post-title {
margin-bottom:32px
}
}
.top-header-link-highlight:hover:after {
width: 110%
}
.top-header-link-highlight:after {
content: "";
content: '';
position: absolute;
display: block;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 100%;
background: #f9f9f9;
z-index: -1;
-webkit-transition: width 150ms ease-in-out;
transition: width 150ms ease-in-out
}
.top-header-link-highlight:hover {
color: #000000
}
.top-header-link-highlight {
padding-left: 16px;
padding-right: 16px;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 0px;
background-color: #ff0000;
font-size: 12px;
height: 100%;
letter-spacing: 1.5px;
border-color: #ff0000;
border-radius: 0;
color: #f9f9f9;
position: relative;
overflow: hidden;
z-index: 1;
-webkit-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out
}
.tabs-5847-tab {
color: #d3d3d3
}
.tabs-5847-tab:not(.ct-section):not(.oxy-easy-posts),.tabs-5847-tab.oxy-easy-posts .oxy-posts,.tabs-5847-tab.ct-section .ct-section-inner-wrap {
display: flex
}
.tabs-5847-tab-active {
color: #ff0000;
background-color: #f9f9f9
}
.tabs-contents-5847-tab {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px
}
.header-swiper {
}
.header-swiper-armorplast {
}
.tabs-2070-tab {
margin-left: 0px;
padding-top: 8px;
padding-left: 32px;
padding-right: 16px;
padding-bottom: 8px;
font-size: 16px
}
.tabs-2070-tab-active {
background-color: #f9f9f9;
color: rgba(0,0,0,0.8)
}
.tabs-contents-2070-tab {
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-right: 0px
}
.mm-header--solutions-container {
background-color: #3f3f3f;
text-align: center;
width: 28%;
margin-left: 2px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px
}
.mm-header--solutions-container:not(.ct-section):not(.oxy-easy-posts),.mm-header--solutions-container.oxy-easy-posts .oxy-posts,.mm-header--solutions-container.ct-section .ct-section-inner-wrap {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center
}
.mm-solutions-text {
color: #f9f9f9;
margin-top: 16px;
margin-bottom: 16px
}
.solutionsSwiper {
}
.solutionsSwiper:not(.ct-section):not(.oxy-easy-posts),.solutionsSwiper.oxy-easy-posts .oxy-posts,.solutionsSwiper.ct-section .ct-section-inner-wrap {
display: flex
}
.mm-superbox {
superbox_secondary_slide_distance: px;
superbox_editing_mode: primary_only;
width: 33.33%;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
height: 250px;
padding-top: 16px;
padding-left: 32px;
padding-right: 16px;
padding-bottom: 16px
}
.mm-superbox .oxy-superbox-secondary {
opacity: 0;
top: pxpx
}
.mm-superbox:hover .oxy-superbox-secondary {
opacity: 1;
top: 0
}
@media (max-width: 991px) {
.mm-superbox {
height:180px
}
}
@media (max-width: 767px) {
.mm-superbox {
width:50%
}
}
@media (max-width: 479px) {
.mm-superbox {
width:100%;
height: 150px
}
}
.mm-superbox-text {
margin-top: 0px;
color: #ffffff;
font-weight: 400;
margin-bottom: 16px
}
@media (max-width: 1366px) {
.mm-superbox-text {
}
}
@media (max-width: 991px) {
.mm-superbox-text {
}
.mm-superbox-text:not(.ct-section):not(.oxy-easy-posts),.mm-superbox-text.oxy-easy-posts .oxy-posts,.mm-superbox-text.ct-section .ct-section-inner-wrap {
display: none
}
}
.mm-superbox-title {
color: #f9f9f9;
font-size: 24px;
font-weight: 900
}
.mm-superbox-hover {
padding-top: 64px
}
@media (max-width: 479px) {
.mm-superbox-hover {
padding-top:48px
}
}
.mm-clientele-container {
background-image: url(https://riotdev.wpengine.com/wp-content/uploads/2021/06/hurricane-windstorm.jpg);
width: 33.33%
}
.mm-clientele-text {
color: #f9f9f9;
font-size: 24px;
font-weight: 900
}
html,body {
width: 100%;
overflow-x: hidden;
scroll-behavior: smooth
}
@font-face {
font-family: swiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
transform: translate3d(0px,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-container-pointer-events {
touch-action: pan-y
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height
}
.swiper-container-3d {
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next:after,.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #ffffff
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000000
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0,0,0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform,.2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s right
}
.swiper-pagination-progressbar {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color,var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff
}
.swiper-pagination-black {
--swiper-pagination-color: #000000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-container-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-slide {
margin: 0 !important;
height: 650px;
text-align: center
}
.swiper-button-next,.swiper-button-prev {
color: #fff
}
.swiper-button-next {
position: absolute;
right: 44%
}
.swiper-button-prev {
position: absolute;
left: 44%
}
@media only screen and (max-width: 992px) {
.swiper-button-next {
position:absolute;
right: 40%
}
.swiper-button-prev {
position: absolute;
left: 40%
}
}
@media only screen and (max-width: 480px) {
.swiper-button-next {
position:absolute;
right: 25%
}
.swiper-button-prev {
position: absolute;
left: 25%
}
}
.unslider {
overflow: auto;
margin: 0;
padding: 0
}
.unslider-wrap {
position: relative
}
.unslider-wrap.unslider-carousel>li {
float: left
}
.unslider-vertical>ul {
height: 100%
}
.unslider-vertical li {
float: none;
width: 100%
}
.unslider-fade {
position: relative
}
.unslider-fade .unslider-wrap li {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 8
}
.unslider-fade .unslider-wrap li.unslider-active {
z-index: 10
}
.unslider li,.unslider ol,.unslider ul {
list-style: none;
margin: 0;
padding: 0;
border: none
}
.unslider-arrow {
position: absolute;
left: 20px;
z-index: 2;
cursor: pointer
}
.unslider-arrow.next {
left: auto;
right: 20px
}
/*original from unslider-dots.css*/
.unslider-nav ol {
list-style: none;
text-align: center;
}
.unslider-nav ol li {
display: inline-block;
width: 6px;
height: 6px;
margin: 0 4px;
background: transparent;
border-radius: 5px;
overflow: hidden;
text-indent: -999em;
border: 2px solid #fff;
cursor: pointer;
}
.unslider-nav ol li.unslider-active {
background: #fff;
cursor: default;
}
/*Arrow styles not included with original script*/
.unslider-arrow {
background: rgba(0, 0, 0, 0.2) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==") no-repeat scroll 50% 50% / 7px 11px;
border-radius: 32px;
display: block;
height: 32px;
margin-top: -16px;
opacity: 0.6;
overflow: hidden;
text-indent: -999em;
top: 50%;
transition: opacity 0.2s ease 0s;
width: 32px;
}
.unslider-arrow:hover {
opacity: 1;
}
.unslider-arrow.prev {
left: 0;
right: auto;
transform: rotate(-180deg);
}
.unslider-arrow.next {
left: auto;
right: 0;
}
/*Oxygen styles*/
.unslider {
position: relative;
overflow: visible;
padding: 0 40px;
}
.unslider-nav ol li {
box-sizing: content-box;
box-shadow: 0px 0px 4px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.2) inset;
}
.unslider-nav ol li.unslider-active {
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
.unslider-wrap.unslider-carousel>li {
padding: 5px;
}
$(document).ready( function() {
var activeMegaMenu = '';
if(window.angular) {
return;
}
$('.oxel_megamenu__wrapper').css({
'position': 'absolute',
'left': 0,
'right': 0
});
$('[megamenu-link-id]').on('click', function() {
if( !$(this).hasClass('oxel_megamenu__wrapper') ) {
activeMegaMenu = $(this).attr('megamenu-link-id');
var bottom = $(this).offset().top + $(this).outerHeight(true);
var targetContainer = $(".oxel_megamenu__wrapper[megamenu-link-id='" + activeMegaMenu + "']");
targetContainer.css('top', bottom);
targetContainer.removeClass('oxel_megamenu__wrapper--hidden');
}
});
$('[megamenu-link-id]').mouseleave( function(e) {
if( e.relatedTarget.closest('[megamenu-link-id]') != null && e.relatedTarget.closest('[megamenu-link-id]').getAttribute('megamenu-link-id') != activeMegaMenu ) {
var targetContainer = $(".oxel_megamenu__wrapper[megamenu-link-id='" + activeMegaMenu + "']");
targetContainer.addClass('oxel_megamenu__wrapper--hidden');
} else if( e.relatedTarget.closest('[megamenu-link-id]') == null ) {
var targetContainer = $(".oxel_megamenu__wrapper[megamenu-link-id='" + activeMegaMenu + "']");
targetContainer.addClass('oxel_megamenu__wrapper--hidden');
}
});
$('.oxel_megamenu__wrapper').focusin( function() {
$(this).removeClass('oxel_megamenu__wrapper--hidden');
})
$('.oxel_megamenu__wrapper').focusout( function() {
$(this).addClass('oxel_megamenu__wrapper--hidden');
})
});
$('.oxel_megamenu__close-icon').click( function() {
$(this).closest('.oxel_megamenu__wrapper').addClass('oxel_megamenu__wrapper--hidden');
$(this).stopPropagation();
})
Also see: Tab Triggers