/*
Theme Name: Synergy Solutions
Theme URI: https://www.steerpoint.com/
Author: SteerPoint
Author URI: https://www.steerpoint.com/
Description: Custom Theme for the Synergy Solutions Website
Version: 1.0
Text Domain: synergygetsdirt
*/

/* Custom Properties */
:root {
	--spm-color-yellow: #fd0;
	--spm-color-blue: #36c;
	--spm-color-blue-2: #3f71b8;
	--spm-color-blue-3: #00a0df;
	--spm-color-near-black: #1f1f1f;
	--spm-color-background-grey: #f0f0f0;
	
	--spm-font-family-body: Montserrat, Arial, Helvetica, san-serif;
}

/* Overall Formatting */
html {scroll-behavior: smooth;}
body {min-width: 320px;margin: 0;padding: 155px 0 0;color: #2d2a26;font: 500 16px/1.5 var(--spm-font-family-body);background-color: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body.alternate_header > .layer_2 {padding-top: 180px;}

b, strong {font-weight: 800;}
h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1.3em;} h4 {font-size: 1em;} h5 {font-size: 1em;} h6 {font-size: 0.67em;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.7em;}
p {margin: 0 0 1em;}
a, a:visited {color: var(--spm-color-blue);text-decoration: none;transition: color 0.2s;}
a:hover {text-decoration: underline;}
a img {border: none;}
img {max-width: 100%;height: auto;}
ul {margin: 0 0 1em;padding: 0 0 0 2em;}
li {margin: 0 0 0.2em;}
table {margin: 0 0 1em;}
tr {text-align: left;}
th, td {vertical-align: top;}
th {vertical-align: middle;}
hr {margin: 2em 0;height: 2px;background-color: #aaa;border: none;}
input[type="date"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"],
textarea,
select {width: 100%;padding: 0.6em 0.8em;color: #666;font: 16px var(--spm-font-family-body);background-color: #fff;border: none;box-sizing: border-box;appearance: none;-webkit-appearance: none;}
select {margin: 0 5px 5px 0;vertical-align: middle;appearance: menulist;-webkit-appearance: menulist;}
input[type="submit"] {cursor: pointer;padding: 0.7em 1.3em 0.6em;color: #fff;text-transform: uppercase;font: bold 18px/1em var(--spm-font-family-body);background-color: var(--spm-color-blue);border: 2px solid transparent;border-radius: 10px;appearance: none;-webkit-appearance: none;transition: color 0.2s, background-color 0.2s, border-color 0.2s;}
input[type="submit"]:hover {color: var(--spm-color-blue);background-color: transparent;border-color: var(--spm-color-blue);}
textarea {overflow: auto;}

.clearfix:after {display: block;clear: both;content: '';}

.columns {margin: 0 -2% 0 0;}
.columns:after {display: block;clear: both;content: '';}
.columns > .column {float: left;margin: 0 2% 1em 0;}
.columns.rtl > .column {float: right;}
.columns.two > .column {width: 48%;}
.columns.two > .column.double {width: 98%;}
.columns.three > .column {width: 31.333%;}
.columns.three > .column.double {width: 64.667%;}
.columns.four > .column {width: 23%;}
.columns.four > .column.double {width: 46%;}
.columns.five > .column {width: 18%;}
.columns.six > .column {width: 14.667%;}

.columns-flex {display: flex;flex-wrap: wrap;}
.columns-flex > .column {float: none;/*flex-grow: 1;*/}

.columns.three .column:nth-child(3n+1) {clear: both;}

.full_coverage_link {position: absolute;overflow: hidden;left: 0;right: 0;top: 0;bottom: 0;text-decoration: none;text-indent: -999em;}
.full_coverage_link:hover {text-decoration: none;}

.video_container {position: relative;margin: 0 0 20px;padding-top: 56.25%;}
.video_container > * {position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;max-width: none;}

.anchor {position: relative;top: -350px;}

/* - buttons (.button was already taken by WooCommerce) - */
.spm_button,
.spm_button:visited {display: inline-block;padding: 0.7em 1.3em;color: #fff;text-decoration: none;text-transform: uppercase;font-weight: bold;font-size: 18px;line-height: 1em;background-color: var(--spm-color-blue);border: 2px solid transparent;border-radius: 10px;transition: color 0.2s, background-color 0.2s, border-color 0.2s;}
.spm_button:hover {text-decoration: none;/* color: #fff;background-color: var(--spm-color-blue);border-color: var(--spm-color-blue); */}

.spm_button.alternate {color: #000 !important;background-color: #fff;}

/* - styled bullet lists - */
ul.droplets {padding: 0;list-style: none;text-align: left;line-height: 1.2em;}
ul.droplets.icons li {min-height: 19px;margin: 0 0 0.7em;padding: 0 0 0 30px;background: url(images/droplets-li.png) no-repeat left top / 19px 19px;}

/* WordPress Editor Formatting */
.alignleft {float: left;}
.alignright {float: right;text-align: right;}
.aligncenter {margin-left: auto;margin-right: auto;text-align: center;}
.hidden {display: none;}
.cleared {clear: both;}
img.alignleft {display: inline;margin: 0 1.5em 0.8em 0;max-width: 39%;}
img.aligncenter {display: block;margin: 0 auto;}
img.alignright {display: inline;margin: 0 0 0.8em 2.5em;max-width: 39%;}

.wp-caption.alignleft {margin: 0 1.5em 3em 0;}
.wp-caption.aligncenter {margin: 0 auto;}
.wp-caption.alignright {margin: 0 0 3em 2.5em;text-align: left;}

/* General Purpose Content Wrapper */
.wrap {max-width: 1200px;margin: 0 auto;padding: 0 20px;}

html {scroll-behavior: smooth;}

/* Responsive Menu */
#responsive_menu {position: fixed;z-index: 999;overflow: auto;left: -999em;top: 0;bottom: 0;width: 100%;color: #fff;font-size: 18px;line-height: 1.2em;transition: left 0.3s step-end;}
.admin-bar #responsive_menu {top: var(--wp-admin--admin-bar--height);}
.menu_revealed #responsive_menu {left: 0;transition: none;}

#responsive_menu .overlay {opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.5);transition: opacity 0.3s linear;}
.menu_revealed #responsive_menu .overlay {opacity: 1;}

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

#responsive_menu .menu_container {position: absolute;left: 0;top: 0;bottom: 0;width: 250px;height: 100%;padding: 0 20px 80px;background-color: #3f72b8;box-sizing: border-box;-webkit-overflow-scrolling: touch;transform: translateX(-100%);transition: transform 0.3s;}
.menu_revealed #responsive_menu .menu_container {transform: translateX(0);}

#responsive_menu .top_bar {margin: 0 -20px 5px;padding: 10px 20px;font-size: 13.5px;background-color: #3462a2;}
#responsive_menu .top_bar .close {display: flex;align-items: center;gap: 0.5em;text-transform: uppercase;font-weight: 500;}

#responsive_menu .menu a {display: block;text-decoration: none;}
#responsive_menu .menu a:hover {background-color: #3b7dca;}

#responsive_menu .menu {margin: 0 -20px 20px;padding: 0;list-style: none;text-transform: uppercase;font-weight: 600;}

#responsive_menu .menu > li {margin: 0;background-color: var(--spm-color-blue-2);border-bottom: 1px solid #c7d5ea;}
#responsive_menu .menu > li > a {padding: 10px 20px;text-decoration: none;}

#responsive_menu .sub-menu {margin: 0 0 10px;padding: 0;list-style: none;text-transform: none;font-size: 14px;line-height: 1em;}
#responsive_menu .sub-menu > li {padding: 0;border-bottom: none;}
#responsive_menu .sub-menu > li > a {color: #d0d3dd;padding: 2px 20px;}
#responsive_menu .sub-menu .sub-menu {margin: 0;}
#responsive_menu .sub-menu .sub-menu > li > a {padding: 2px 20px 2px 35px;}
#responsive_menu .sub-menu .sub-menu .sub-menu li > a {padding: 2px 20px 2px 50px;}

#responsive_menu .social_media {display: flex;gap: 0.7em;margin: 0;padding: 0;list-style: none;font-size: 24px;}
#responsive_menu .social_media li {margin: 0;}

/* Cookie Notice */
#cookie_notice {position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;color: #ddd;font-size: 15px;line-height: 1.4;background-color: #333;box-shadow: 0 0 10px rgba(0,0,0,0.3);transition: transform 0.3s, left step-end, right step-end;}
#cookie_notice.hidden {display: block;transform: translateY(105%);left: -999em;right: 999em;transition: transform 0.3s, left 0.3s step-end, right 0.3s step-end;}

#cookie_notice .wrap {display: flex;align-items: flex-start;gap: 10px 20px;padding: 20px 20px 15px;}

#cookie_notice p {margin: 0 0 0.5em;}

#cookie_notice a {color: #fff;text-decoration: underline;}

#cookie_notice .spm_button {padding: 0.6em 1.9em;text-decoration: none;}

.header_container {position: fixed;z-index: 999;left: 0;right: 0;top: 0;box-shadow: 0 3px 6px rgba(0,0,0,0.15);}
.admin-bar .header_container {top: var(--wp-admin--admin-bar--height);}

/* Upper Header */
#upper {color: #fff;background-color: var(--spm-color-blue-2);}
#upper .wrap {padding: 8px 20px;}

#upper .spm_button {padding: 0.5em 1em 0.4em;color: #fff;font-size: 14px;background-color: transparent;border-color: #fff;border-radius: 0;}
#upper .spm_button:hover {color: var(--spm-color-blue-2);background-color: #fff;}
#upper .spm_button.become_a_distributor {float: right;}
#upper .spm_button.phone_num {float: left;margin-left: 65px;}

/* Header */
#header {background-color: #fff;}
#header .wrap {position: relative;height: 110px;}

#header a {color: #231f20;text-decoration: none;}

#header #responsive_menu_button {position: absolute;display: none;left: 0;top: 10px;padding-left: 45px;text-transform: uppercase;text-decoration: none;font-size: 18px;}
#header #responsive_menu_button i {position: absolute;left: 15px;top: 0.05em;font-size: 20px;line-height: 24px;}

#header .logo {position: absolute;overflow: hidden;left: 20px;top: 15px;width: 250px;height: 81px;text-indent: -999em;background: url(images/header-logo.png) no-repeat 0 / 250px 81px;}
#header .logo a {position: relative;display: block;overflow: hidden;height: 100%;}

/* - nav - */
#header .nav {position: absolute;right: 8px;bottom: 35px;}

#header .nav .menu {height: 40px;margin: 0;padding: 0;list-style: none;font-weight: 600;font-size: 0;line-height: 0;}
#header .nav .menu > li {position: relative;display: inline-block;margin: 0;font-size: 18px;line-height: 40px;}

#header .nav .menu > li > a {position: relative;z-index: 998;display: block;padding: 0 12px;transition: color 0.2s, background-color 0.2s;}
#header .nav .menu > li.current-menu-item > a {color: var(--spm-color-blue);}
#header .nav .menu > li > a:hover {color: #1a1818;background-color: #fff;}
#header .nav .menu > li.menu-item-has-children > a:after {opacity: 0;position: absolute;left: -999em;bottom: 0;width: 0;height: 0;content: '';border-width: 0 8px 8px;border-style: solid;border-color: transparent transparent var(--spm-color-blue-2);transform: translateY(10px);transition: transform 0.3s ease, opacity 0.4s ease, left 0.4s step-end;}
#header .nav .menu > li.menu-item-has-children:hover > a:after {opacity: 1;left: 45px;transform: translateY(0);transition: transform 0.3s ease, opacity 0.4s ease, left step-end;}
#header .nav .menu > li > a > span {display: block;border-bottom: 2px solid transparent;}
#header .nav .menu > li.current-menu-item > a > span {border-bottom-color: var(--spm-color-blue);}

#header .nav .sub-menu {position: absolute;z-index: 999;opacity: 0;width: 215px;left: -999em;margin: 0;padding: 10px 0;list-style: none;text-align: left;text-transform: none;font-weight: normal;font-size: 15px;line-height: 1.1em;background-image: linear-gradient(var(--spm-color-blue-2),#3e64ad);box-shadow: 0 5px 5px rgba(0,0,0,0.2);box-sizing: border-box;transform: translateY(10px);transition: transform 0.3s ease, opacity 0.4s ease, left 0.4s step-end, right 0.4s step-end;}
#header .nav .menu > li:hover > .sub-menu {opacity: 1;left: 0;transform: translateY(0);transition: transform 0.3s ease, opacity 0.4s ease, left step-end, right step-end;}
#header .nav .menu > li.last:hover > .sub-menu {right: 0;}
#header .nav .sub-menu > li {float: none;left: auto;margin: 0;padding: 0;background: none;}
#header .nav .sub-menu > li > a {display: block;padding: 6px 20px;color: #fff;text-decoration: none;}
#header .nav .sub-menu > li > a:hover {background-color: #8ca9d5;}

/* Banner (Home) */
#banner {overflow: hidden;position: relative;color: #fff;text-align: center;text-wrap: balance;font-weight: 600;font-size: 24px;line-height: 1.4em;text-shadow: 4px 4px 8px rgba(0,0,0,0.25);background-color: #444;}

#banner .cycle-pager {position: absolute;z-index: 998;right: 0;bottom: 0;display: flex;gap: 8px;padding: 15px 20px;}
#banner .cycle-pager span {cursor: pointer;width: 10px;height: 10px;background-color: #c8c8c8;border-radius: 999px;transition: background-color 0.2s;}
#banner .cycle-pager span.cycle-pager-active {background-color: #fff;}

#banner .slide {position: absolute;width: 100%;}

#banner .video_container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: 0;padding-top: 0;}
#banner .video_container video {object-fit: cover;}

#banner .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(transparent,rgba(0,0,0,0.8));}

#banner .image {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;}
#banner .slide.no_content .image {position: static;min-height: 400px;max-height: 640px;}
#banner .slide.no_content.use_image_aspect_ratio .image {min-height: auto;max-height: none;}

#banner .wrap {position: relative;max-width: 860px;margin: 0 auto;padding: 70px 20px 50px;}

#banner a {color: var(--spm-color-blue-3);}

#banner .title {color: #fff;font-weight: 800;font-size: 2.2em;line-height: 1em;}

/* #banner .sub_title {display: inline-block;padding: 10px 30px;color: #4789e3;font-weight: 600;font-style: italic;font-size: 22px;text-shadow: none;background-color: rgb(238,238,238,0.8);border-radius: 10px;} */

#banner .spm_button {color: #072d64;text-transform: none;font-weight: 600;font-size: 28px;background-color: var(--spm-color-yellow);text-shadow: none;}
#banner .spm_button:hover {color: #fff;text-decoration: underline;background-color: var(--spm-color-blue-2);}

/* #banner .wrap img {position: absolute;top: 0; left: 50%;width: auto;max-height: 100%;transform: translatex(-50%);object-fit: contain;} */

/* Banner (Inside Pages) */
#banner_inside_page {position: relative;margin-bottom: 40px;color: #fff;text-align: center;text-wrap: balance;}
#banner_inside_page .wrap {position: relative;}

#banner_inside_page img {display: block;width: 100%;}

#banner_inside_page .page_title {position: absolute;z-index: 998;left: 20px;bottom: 0;margin-right: 20px;padding: 22px;text-transform: uppercase;font-weight: 900;font-size: 28px;line-height: 1;background-color: rgba(61,124,201,0.8);transform: translateY(50%);}

/* - about us - */
#banner_inside_page .cycle-slideshow {overflow: hidden;}

#banner_inside_page .slide {display: none;position: relative;width: 100%;font-size: 26px;line-height: 1.4;text-shadow: 0 0 20px #000;}
#banner_inside_page .slide .wrap {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;}

#banner_inside_page .slide .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.3);}

#banner_inside_page .slide img {min-height: 300px;object-fit: cover;aspect-ratio: 7 / 3;}

#banner_inside_page .slide h2 {font-size: 1.6em;line-height: 1.1;}

#banner_inside_page .cycle-pager {position: absolute;z-index: 998;right: 0;bottom: 0;display: flex;gap: 8px;padding: 15px 20px;}
#banner_inside_page .cycle-pager span {cursor: pointer;width: 10px;height: 10px;background-color: rgba(255,255,255,0.6);border-radius: 999px;transition: background-color 0.2s;}
#banner_inside_page .cycle-pager span.cycle-pager-active {background-color: #fff;}

/* Main Page Container */
#main {overflow: hidden;background-position: center top;background-size: cover;}
#main .wrap {position: relative;padding: 30px 20px 20px;}

/* Content */
#content {float: left;width: 72%;margin: 0 0 40px;}
#content.full_width {float: none;width: auto;}

#content .page_title {font-weight: 900;font-size: 28px;line-height: 1em;}
#content .page_title.alternate {position: relative;display: inline-block;overflow: hidden;color: #fff;}
#content .page_title.alternate:before {position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: linear-gradient(to right,#3d7cc9,var(--spm-color-blue-3));transform: skewX(-35deg);transform-origin: left bottom;}
#content .page_title.alternate span {position: relative;display: block;padding: 0.5em 1em 0.5em 53px;}

#content .postmetadata {color: #aaa;font-size: 14px;}

#content .title {text-transform: uppercase;font-weight: bold;font-size: 24px;line-height: 1.1em;}
#content .title a {text-decoration: none;}

#content strong {color: var(--spm-color-blue-3);}

#content .columns.columns-35-65 > .column.column.first {width: 33%;}
#content .columns.columns-35-65 > .column.column.second {width: 63%;}

/* - blog - */
#content .post.primary {margin: 0 0 60px;}

#content .columns.three.blog_archive .image_container {position: relative;margin: 0 0 15px;padding-top: 100%;}
#content .columns.three.blog_archive .image_container .wp-post-image {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

/* - testimonials archive - */
#content .intro_text {max-width: 900px;margin: 0 auto;text-align: center;}

#content .spm_testimonial.primary {max-width: 750px;margin: 0 auto 60px;padding: 0 40px;}

#content .spm_testimonial .title_line_2 {margin-top: -1.2em;font-weight: 600;font-size: 14px;}

#content .testimonial-item {min-height: 280px;padding: 10px;text-align: center;vertical-align: middle;background-color: var(--spm-color-background-grey);box-sizing: border-box;}

/* (carousel - videos) */
#content .owl-carousel {width: auto;margin: 0 0 40px;padding: 0 40px;}

#content .owl-carousel .owl-item img {width: auto;margin: 0 auto;}

#content .owl-nav {position: absolute;left:0;right: 0px;top: 50%;margin-top: -60px;text-align: center;font-size: 48px;line-height: 1em;}
#content .owl-nav.disabled {display: block;}

#content .owl-nav .owl-prev,
#content .owl-nav .owl-next {position: absolute;}
#content .owl-nav .owl-prev {left: 5px;}
#content .owl-nav .owl-next {right: 5px;}

/* (columns - more text testimonials) */
#content .columns.testimonials {margin-top: 40px;}
#content .columns.testimonials > .column {display: flex;flex-direction: column;margin: 0 2% 2% 0;background-color: var(--spm-color-background-grey);}
#content .columns.testimonials.text_only > .column {justify-content: center;}
#content .columns.testimonials > .column .testimonial-item {min-height: auto;background-color: transparent;}

/* Sidebar */
/* #sidebar {float: right;width: 24%;} */

#sidebar .widget {margin: 0 0 40px;}

#sidebar .widgettitle {margin: 0 0 0.5em;color: var(--spm-color-blue);font-size: 24px;line-height: 1em;}

/* Additional Content (as seen on Product Category page) */
.additional_content {clear: both;}

/* Layout Blocks */
.layout_block {overflow: hidden;}

.layout_block.centered {text-align: center;}
.layout_block.centered ul {display: inline-block;text-align: start;}

.layout_block.grey_background {background-color: var(--spm-color-background-grey);}

.layout_block.more_padding_top .wrap {padding-top: 160px !important;}
.layout_block.more_padding_bottom .wrap {padding-bottom: 130px !important;}

.layout_block.less_padding .wrap {padding: 40px 20px 1px !important;}
.layout_block.less_padding_top .wrap {padding-top: 30px !important;}
.layout_block.less_padding_bottom .wrap {padding-bottom: 20px !important;}

.layout_block.blue_title .section_title {color: var(--spm-color-blue);}

.layout_block .blue_title {position: relative;display: inline-block;overflow: hidden;color: #fff;font-weight: 900;font-size: 28px;line-height: 1em;}
.layout_block .blue_title:before {position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: linear-gradient(to right,#3d7cc9,var(--spm-color-blue-3));transform: skewX(-35deg);transform-origin: left bottom;}
.layout_block .blue_title span {position: relative;display: block;padding: 0.5em 1em 0.5em 53px;}

.layout_block .columns.team {margin-bottom: 40px;}

/* - content editor - */
.layout_block.content_editor.larger {font-size: 20px;}

.layout_block.content_editor .wrap {position: relative;padding: 70px 20px 60px;max-width: 900px;}
.layout_block.content_editor.has_divider .wrap:after {position: absolute;left: 20px;right: 20px;bottom: 0;max-width: 960px;height: 2px;margin: 0 auto;content: '';background-color: #aaa;}

.layout_block.content_editor .section_title {margin: 0 0 0.5em;color: var(--spm-color-blue);text-align: center;text-transform: uppercase;font-weight: 800;font-size: 48px;line-height: 1em;}

.layout_block.content_editor .secondary_title {margin: -0.5em 0 1em;font-weight: bold;font-size: 26px;line-height: 1.3em;}
.layout_block.content_editor.environmentally_friendly .section_title {padding: 140px 0 0;color: #43b42e;background: url(images/layout_block-content_editor-enironmentally_friendly-section_title.webp) no-repeat center top / 115px 115px;}

.layout_block.content_editor .content_editor_list {padding: 0;list-style: none;}
.layout_block.content_editor .content_editor_list li {margin: 0 0 0.5em;}

.layout_block.content_editor .columns.content_with_image_columns {margin: 0 -4% 0 0;align-items: center;}
.layout_block.content_editor .columns.columns-flex.content_with_image_columns.right {flex-direction: row-reverse;}
.layout_block.content_editor .columns.content_with_image_columns > .column {margin: 0 4% 0 0;}
.layout_block.content_editor .columns.content_with_image_columns.right > .column {float: right;}
.layout_block.content_editor .columns.content_with_image_columns.two > .column.first {width: 29.333%;}
.layout_block.content_editor .columns.content_with_image_columns.two > .column.second {width: 61.667%;}

.layout_block.content_editor .content_with_image_columns .section_title {text-align: left;font-size: 36px;}

/* - content w/image (alternate) - */
.layout_block.content_with_image_alternate {color: #fff;font-weight: 600;font-size: 24px;background: var(--spm-color-blue) url(images/content_with_image_alternate.jpg) center / cover;}
.layout_block.content_with_image_alternate .wrap {padding: 80px 20px 65px;}

.layout_block.content_with_image_alternate .section_title {position: relative;padding: 20px 40px 20px 0;text-transform: uppercase;font-weight: 800;font-size: 38px;line-height: 1em;}
.layout_block.content_with_image_alternate .section_title .background {position: absolute;right: 0;top: 0;bottom: 0;width: 999em;background: linear-gradient(var(--spm-color-blue-3),#3d7cc9);transform: skewX(-45deg);transform-origin: right center;}
.layout_block.content_with_image_alternate .section_title > .layer_2 {position: relative;}

.layout_block.content_with_image_alternate .columns {margin-right: -100px;}
.layout_block.content_with_image_alternate .columns.columns-flex.right {flex-direction: row-reverse;}
.layout_block.content_with_image_alternate .columns > .column {margin-right: 100px;}
.layout_block.content_with_image_alternate .columns.two > .column.first {width: calc(47% - 100px);}
.layout_block.content_with_image_alternate .columns.two > .column.second {width: calc(53% - 100px);}

.layout_block.content_with_image_alternate .columns > .column img {width: 100%;max-height: 400px;object-fit: cover;object-position: top;}

.layout_block.content_with_image_alternate .list_container {position: relative;font-size: 20px;line-height: 1.3;background: linear-gradient(#3d7cc9, var(--spm-color-blue-3));}
.layout_block.content_with_image_alternate .list_container .wrap {padding: 60px 20px 15px;}

.layout_block.content_with_image_alternate .list_container .section_title_container {position: absolute;left: 0;right: 0;top: -50px;text-align: center;}
.layout_block.content_with_image_alternate .list_container .section_title {display: inline-block;width: 600px;max-width: 100%;margin: 0 auto;padding: 20px 0;color: #000;text-align: center;font-size: 38px;line-height: 1em;}
.layout_block.content_with_image_alternate .list_container .section_title .background {left: 0;width: auto;background: linear-gradient(#fffa71,#ffe351 55%,#ffd138);transform-origin: left top;}
.layout_block.content_with_image_alternate .list_container .section_title .background.background-2 {transform: skewX(45deg);}

.layout_block.content_with_image_alternate .list_container ul {padding: 0;list-style: none;column-count: 2;column-gap: 80px;}
.layout_block.content_with_image_alternate .list_container ul li {min-height: calc(0.3em + 22px);margin: 0 0 0.8em;padding-left: 35px;background: url(images/layout_block-content_with_image_alternate-list_container-ul-li.png) no-repeat 0 0.3em / 22px 22px;}

/* - multi-column - */
.layout_block.multi_column {font-size: 22px;line-height: 1.4;}

.layout_block.multi_column .wrap {position: relative;padding: 100px 20px;}

.layout_block.multi_column .section_title {margin: 0 0 1em;text-transform: uppercase;font-weight: 800;font-size: 44px;line-height: 1em;}

.layout_block.multi_column.vertically_centered_columns .columns {align-items: center;}

.layout_block.multi_column .image {display: block;width: 100%;margin: 0 0 20px;border-radius: 4px;aspect-ratio: 4 / 3;}

.layout_block.multi_column .title {margin: 0 0 1em;text-transform: uppercase;font-weight: bold;line-height: 1.1;}

.layout_block.multi_column .secondary_title {margin: -1.2em 0 1em;color: var(--spm-color-blue-2);font-weight: 500;font-size: 16px;}

.layout_block.multi_column p {margin: 0 0 1.7em;}

.layout_block.multi_column ul {margin: 0;padding-left: 1em;list-style: none;}

.layout_block.multi_column.grey_column_backgrounds  {font-weight: normal;font-size: 16px;}
.layout_block.multi_column.grey_column_backgrounds .columns > .column {padding: 40px 30px 15px;background-color: var(--spm-color-background-grey);border-radius: 26px;box-sizing: border-box;}

/* (about us) */
.layout_block.multi_column.about_us .wrap {padding: 55px 20px 1px;}

/* - calls to action - */
.layout_block.calls_to_action {text-align: center;}
.layout_block.calls_to_action .wrap {position: relative;padding: 80px 20px 30px;}
.layout_block.calls_to_action.has_divider .wrap:after {position: absolute;left: 20px;right: 20px;bottom: 0;max-width: 960px;height: 2px;margin: 0 auto;content: '';background-color: #aaa;}

.layout_block.calls_to_action .section_title {margin: 0 0 0.5em;color: var(--spm-color-blue);text-transform: uppercase;font-weight: 800;font-size: 48px;line-height: 1em;}

.layout_block.calls_to_action .secondary_title {margin: -0.5em 0 1em;font-weight: bold;font-size: 26px;line-height: 1.3em;}

.layout_block.calls_to_action .intro_text {max-width: 960px;margin: 0 auto 60px;font-size: 20px;}

.layout_block.calls_to_action .columns {margin: 40px -20px 30px 0;}
.layout_block.calls_to_action .columns > .column {position: relative;margin: 0 20px 20px 0;padding: 35px 30px;border: 1px solid var(--spm-color-blue-2);box-sizing: border-box;transition: color 0.3s, background-color 0.2s;}
.layout_block.calls_to_action .columns > .column:hover {color: #fff;background-color: var(--spm-color-blue-2);}
.layout_block.calls_to_action .columns.three > .column {width: calc(33.333% - 20px);}
.layout_block.calls_to_action .columns > .column > .layer_2 {position: relative;display: flex;flex-direction: column;justify-content: space-between;max-width: 165px;height: 100%;margin: 0 auto;box-sizing: border-box;transition: opacity 0.3s;}

.layout_block.calls_to_action .background_image {position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;object-fit: cover;transition: opacity 0.3s;}
.layout_block.calls_to_action .columns > .column:hover .background_image {opacity: 1;}

.layout_block.calls_to_action .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;background-color: rgba(0,0,0,0.3);transition: opacity 0.3s;}
.layout_block.calls_to_action .columns > .column:hover .overlay {opacity: 1;}

.layout_block.calls_to_action .foreground_image {display: block;margin: 0 auto;transition: transform 0.2s;}
.layout_block.calls_to_action .columns > .column:hover .foreground_image {transform: scale(1.1);}

.layout_block.calls_to_action .title {margin: 0;color: var(--spm-color-blue-2);font-weight: 800;font-size: 20px;line-height: 1em;transition: color 0.2s;transition: color 0.3s, text-shadow 0.3s;}
.layout_block.calls_to_action .columns > .column:hover .title {color: #fff;text-shadow: 0 0 10px rgba(0,0,0,0.6);}
.layout_block.calls_to_action .columns > .column .title img {transition: filter 0.3s;}
.layout_block.calls_to_action .columns > .column:hover .title img {filter: brightness(0) invert(1);}

/* - contact form - */
.layout_block.contact_form .wrap {padding: 40px 20px;}

.layout_block.contact_form .section_title {margin: 0;text-transform: uppercase;font-weight: 800;font-size: 28px;line-height: 1.4em;}
.layout_block.contact_form .section_title_line_2 {font-size: 25px;line-height: 1.15;}

/* - before and after - */
.layout_block.before_and_after {position: releative;color: #fff;text-align: center;}

.layout_block.before_and_after .background {position: absolute;left: 0;right: 0;height: 421px;background: #000 url(images/layout_block-before_and_after.jpg) no-repeat center top / cover;}

.layout_block.before_and_after .wrap {position: relative;max-width: 1040px;padding: 40px 20px 40px;}

.layout_block.before_and_after .section_title {margin: 0 0 0.5em;text-transform: uppercase;font-weight: 800;font-size: 44px;line-height: 1.1em;}

.layout_block.before_and_after .intro_text {max-width: 960px;margin: 0 auto 40px;font-size: 20px;line-height: 1.4em;}

.layout_block.before_and_after .columns {margin-right: -7%;}
.layout_block.before_and_after .columns > .column {position: relative;margin-right: 7%;border: 6px solid #fff;background-color: #000;box-sizing: border-box;}
.layout_block.before_and_after .columns.two > .column {width: 43%;}

.layout_block.before_and_after .columns > .column .sizer {padding-bottom: 70%;}

.layout_block.before_and_after .image_container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-position: right;background-size: auto 100%;}
.layout_block.before_and_after .image_container.after {left: 43.5%;width: auto !important;}

.layout_block.before_and_after .image_container .windowpane_controls {position: absolute;left: -3px;top: 0;bottom: 0;width: 6px;background-color: #fff;}
.layout_block.before_and_after .image_container .windowpane_controls .handle {position: absolute;top: 50%;width: 40px;height: 40px;margin: -20px 0 0 -17px;color: var(--spm-color-blue-2);text-align: center;font-size: 28px;line-height: 40px;background-color: #fff;border-radius: 999em;box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.layout_block.before_and_after .image_container .windowpane_controls .handle i {line-height: 40px;}
.layout_block.before_and_after .image_container .ui-resizable-handle {display: block;position: absolute;font-size: 0;}
.layout_block.before_and_after .image_container .ui-resizable-w {cursor: ew-resize;width: 30px;left: -15px;top: 0;height: 100%;}

/* - countdown timer - */
.layout_block.countdown_timer .wrap {padding: 70px 20px 60px;text-align: center;}

.layout_block.countdown_timer .section_title {margin: 0 0 0.5em;color: var(--spm-color-blue);text-align: center;text-transform: uppercase;font-weight: 800;font-size: 48px;line-height: 1em;}

.layout_block.countdown_timer .secondary_title {margin: -0.5em 0 1em;font-weight: bold;font-size: 26px;line-height: 1.3em;}
 
.layout_block.countdown_timer .countdown-grid {display: grid;grid-template-columns: repeat(var(--spm-column-count), minmax(70px, 1fr));gap: 16px;max-width: 560px;margin: 24px auto 0;--spm-column-count: 4;}
.layout_block.countdown_timer .countdown-item {text-align: center;padding: 20px 12px;border: 1px solid rgba(0,0,0,0.12);border-radius: 8px;}
.layout_block.countdown_timer .countdown-num {display: block;color: var(--spm-color-blue-3);font-size: 48px;font-weight: 800;line-height: 1;}
.layout_block.countdown_timer .countdown-label {display: block;margin-top: 8px;font-size: 12px;text-transform: uppercase;font-weight: 600;letter-spacing: 0.08em;}
 
.layout_block.countdown_timer .finish_message {display: none;}

/* Testimonials */
#testimonials {text-align: center;}
#testimonials .wrap {padding: 60px 20px;}

#testimonials .section_title {margin: 0 0 0.5em;color: var(--spm-color-blue);text-align: center;text-transform: uppercase;font-weight: 800;font-size: 48px;line-height: 1em;}

#testimonials .intro_text {max-width: 900px;margin: 0 auto;}

#testimonials .testimonials-carousel .wp-post-image {border-radius: 999em;}

#testimonials .owl-carousel {width: auto;margin: 30px 0 40px;padding: 0 40px;font-size: 20px;line-height: 1.4em;}

#testimonials .owl-carousel .owl-stage {display: flex;}

#testimonials .owl-carousel .testimonial-item {height: 100%;padding: 15px;background-color: var(--spm-color-background-grey);}
/* #testimonials .owl-carousel .testimonial-item img {width: auto;margin: 0 auto;} */
#testimonials .owl-carousel .testimonial-item .video_container {margin: 0 0 15px;}
#testimonials .owl-carousel .testimonial-item .signed {font-weight: bold;}

#testimonials .owl-nav {position: absolute;left:0;right: 0px;top: 50%;margin-top: -24px;text-align: center;font-size: 48px;line-height: 1em;}
#testimonials .owl-nav.disabled {display: block;}

#testimonials .owl-nav .owl-prev,
#testimonials .owl-nav .owl-next {position: absolute;}
#testimonials .owl-nav .owl-prev {left: 5px;}
#testimonials .owl-nav .owl-next {right: 5px;}

#testimonials .spm_button {font-size: 24px;}
#testimonials .spm_button:hover {color: var(--spm-color-blue);background-color: transparent;border-color: var(--spm-color-blue);}

/* Contact Us */
#contact_us {overflow: hidden;color: #fff;background: var(--spm-color-blue-2) url(images/contact_us.jpg) no-repeat center top / cover;}
#contact_us .wrap {max-width: 1100px;padding: 60px 20px;}

#contact_us .section_title {margin: 0 0 1em;color: #fff;text-align: center;text-transform: uppercase;font-weight: 800;font-size: 48px;line-height: 1em;}

#contact_us .columns {margin-right: -80px;}
#contact_us .columns.two > .column {margin-right: 80px;}
#contact_us .columns.two > .column.first {width: calc(53% - 80px);}
#contact_us .columns.two > .column.second {width: calc(47% - 80px);}

#contact_us figure {margin: 0;}
#contact_us figure figcaption {text-align: center;font-size: 14px;}

#contact_us .gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 25px;}

#contact_us .gform_wrapper input[type="text"],
#contact_us .gform_wrapper input[type="email"],
#contact_us .gform_wrapper input[type="number"],
#contact_us .gform_wrapper input[type="password"],
#contact_us .gform_wrapper input[type="search"],
#contact_us .gform_wrapper input[type="tel"],
#contact_us .gform_wrapper input[type="url"],
#contact_us .gform_wrapper textarea,
#contact_us .gform_wrapper select {padding: 12px 15px;background-color: #fff;border-radius: 12px;}
#contact_us .gform_wrapper textarea {/* height: 200px; */resize: none;}

/* #contact_us .gform_wrapper.gravity-theme .gform_footer {justify-content: center;} */

#contact_us input[type="submit"] {padding: 0.7em 1.8em 0.6em;color: #fff;background-color: var(--spm-color-near-black);font-size: 24px;border-radius: 12px;}
#contact_us input[type="submit"]:hover {color: #fff;background-color: transparent;border-color: #fff;}

/* Product Category Tabs */
#product_tabs {font-size: 18px;}
#product_tabs .wrap {padding: 80px 20px 50px;}

#product_tabs .section_title {color: #454e5f;font-weight: 600;font-size: 32px;}

#product_tabs_container p.text {text-align: center;}

#product_tabs #product_tabs-tabs .ui-tabs-nav {overflow: hidden;margin: 0 0 -1px;padding: 0;list-style: none;line-height: 55px;}
#product_tabs #product_tabs-tabs .ui-tabs-nav li {float: left;margin: 0 3px 0 0;}
#product_tabs #product_tabs-tabs .ui-tabs-nav li a {display: block;padding: 0 10px; text-decoration: none;background-color: #ebebeb;border: 1px solid #e3e3e3;border-radius: 5px 5px 0 0;transition: color 0.2s ease 0s, background-color 0.2s ease 0s;}
#product_tabs #product_tabs-tabs .ui-tabs-nav li a:hover {background-color: #dcdcdc;}
#product_tabs #product_tabs-tabs .ui-tabs-nav li.ui-tabs-active a {color: #2263d8;background-color: #fff;border-color: #f3f3f3 #f3f3f3 #fff;}

#product_tabs #product_tabs-tabs .ui-tabs-panel {padding: 20px 25px 15px;border: 1px solid var(--spm-color-background-grey);border-radius: 0 5px 5px;}

#product_tabs_container {clear: both;margin: 0 0 40px;background-color: #fff;}
#product_tabs_container .wrap {padding: 10px 0 120px;position: relative;max-width: 100%;}

#product_tabs_container .ui-tabs-nav {float: left;width: 230px;margin: 0px -100% 0 0;padding: 0;list-style: none;font-weight: 600;line-height: 1.1em;}
#product_tabs_container .ui-tabs-nav li {margin: 0;border-bottom: 1px solid #fff;}
#product_tabs_container .ui-tabs-nav li:last-child {border-bottom: none;}
#product_tabs_container .ui-tabs-nav li a {display: block;padding: 20px 15px;color: #fff;background-color: #6aa1d4;border-left: 3px solid transparent;transition: background-color 0.3s ease 0s, border-color 0.2s, border-width 0.2s;}
#product_tabs_container .ui-tabs-nav li a:hover {text-decoration: none;background-color: var(--spm-color-blue-2);}
#product_tabs_container .ui-tabs-nav li.ui-state-active a {background-color: var(--spm-color-blue-2);border-left-color: #5cb1e0;}

#product_tabs_container .ui-tabs-panel {float: left;margin: 0 0 40px 230px;padding: 20px 30px 15px;background-color: #fff;box-sizing: border-box;box-shadow: 2px 2px 10px rgb(69,78,95,0.4);}

#product_tabs_container .ui-tabs-panel .columns {margin: 0 -4% 0 0;}
#product_tabs_container .ui-tabs-panel .columns.two > .column {margin: 0 4% 20px 0;}
#product_tabs_container .ui-tabs-panel .columns.two > .column:nth-child(2n+1) {clear: both;}
#product_tabs_container .ui-tabs-panel .columns.two > .column.first {width: 23%;min-height: 150px;}
#product_tabs_container .ui-tabs-panel .columns.two > .column.second {width: 69%;border-bottom: 1px solid #e5e5e5;}

#product_tabs_container .ui-tabs-panel .product_image {display: block;width: 300px;margin: 0 auto;object-fit: contain;object-position: top;}

/*#product_tabs_container .ui-tabs-panel .title {position: relative;margin: 0 0 0.6em; color: #222;font: bold 26px / 1em 'Source Sans Pro', sans-serif; }
#product_tabs_container .ui-tabs-panel .title:before {position: absolute;left: 1px;right: 35%;top: 32px;height: 2px;content: '';background-color: #44943a;}*/
#product_tabs_container .ui-tabs-panel .title {margin: 0 0 0.5em;}
#product_tabs_container .ui-tabs-panel .title .name {font-weight: bold;font-size: 19px;}

#product_tabs_container .ui-tabs-panel .badges {display: flex;flex-wrap: wrap;margin: 0 -10px 1em 0;padding: 0;list-style: none;}
#product_tabs_container .ui-tabs-panel .badges li {display: flex;align-items: center;margin: 0 10px 10px 0;width: 80px;}

#product_tabs_container .ui-tabs-panel .link_container {display: flex;justify-content: flex-end;column-gap: 1em;flex-wrap: wrap;margin: 0 0 15px;list-style: none;font-weight: bold;font-size: 18px;}

/* Footer */
#footer {color: #fff;font-size: 20px;line-height: 1.4em;background-color: var(--spm-color-near-black);}
#footer .wrap {max-width: 1100px;padding: 60px 20px 20px;}

#footer a {color: inherit;text-decoration: underline;}
#footer a:hover {text-decoration: none;}

#footer .columns > .column {margin-bottom: 40px;width: 30%;}
#footer .columns.three > .column.second {width: 33%;}
#footer .columns.three > .column:nth-child(3n+1) {clear: both;}

#footer .logo {margin: 0 0 20px;}

#footer .contact_information {margin: 0 0 2em;padding: 0;list-style: none;}
#footer .contact_information li {position: relative;margin: 0 0 0.5em;padding: 0 0 0 1.8em;}
#footer .contact_information i {position: absolute;left: 0;top: 0.15em;font-size: 1.2em;}

#footer .social_media {font-size: 32px;}
#footer .social_media a {margin-right: 0.3em;text-decoration: none;}
#footer .social_media a i.icon-youtube {position: relative;top: 0.15em;}

#footer .menu {margin: 0 0 40px;padding: 0;list-style: none;font-size: 16px;line-height: 1.3em;}
#footer .menu li {margin: 0 0 0.5em;}

#footer .newsletter {font-size: 15px;line-height: 1.3em;}
#footer .newsletter .dummy_form {position: relative;display: flex;gap: 10px;margin: 0 0 10px;}
#footer .newsletter .dummy_form input[type="submit"] {width: 120px;margin: 0;text-transform: uppercase;font-weight: 800;font-size: 14px;background-color: #00aeef;border: none;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#footer .newsletter .dummy_form input[type="submit"]:hover {color: #005a9c;background-color: #fff;}

#footer .copyright {font-size: 12px;line-height: 1.4em;text-align: center;}

/* Sub-Footer */
#sub_footer {color: #fff;text-align: center;line-height: 1.3em;background-color: var(--spm-color-blue-2);}
#sub_footer .wrap {padding: 5px 20px 3px;}

#sub_footer p {margin: 0 0 0.3em;}

#sub_footer a {color: inherit;}

/* Footer (Mobile) */
#mobile_footer {display: none;position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;min-width: 320px;text-align: center;text-transform: uppercase;font-weight: bold;font-size: 16px;background-color: #000;box-shadow: 0 0px 10px rgba(0,0,0,0.4);}

#mobile_footer ul {overflow: hidden;margin: 0;padding: 0;list-style: none;}
#mobile_footer ul li {float: left;margin: 0;width: 50%;}

#mobile_footer ul li a {display: block;padding: 8px 0;color: #fff;text-decoration: none;transition: color 0.2s;background-color: var(--spm-color-blue-2);}
#mobile_footer ul li a.alternate {background-color: #777;}
#mobile_footer ul li i {margin: 0 0.2em 0 0;color: #fff;}

/* Page and Comment Navigation */
.navigation {overflow: hidden;margin: 0 0 20px;}
.comment-navigation {overflow: hidden;}
.navigation ul,
.comment-navigation ul {float: right;margin: 0 0 5px;list-style: none;}
.navigation li,
.comment-navigation li {float: left;margin: 0 0 5px 5px;}
.navigation a,
.navigation span,
.comment-navigation a,
.comment-navigation span {display: block;padding: 0 0.7em;color: #fff;text-decoration: none;line-height: 2em;background-color: #38434f;}
.navigation span,
.comment-navigation span {color: #fff;}

/* Comments */
#comments-section {margin-bottom: 120px;padding-top: 10px;background-color: #fff;}
#comments .commentlist {margin: 0 0 20px;padding: 0;list-style: none;}
#comments .commentlist li {margin: 0 0 10px;padding: 10px 15px 0;background-color: #f8f8f8;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#comments .commentlist li.odd {background-color: #eee;}
#comments textarea {width: 98%;}

.vcard {font-weight: bold;}
.vcard img {margin: 0 7px 0 0;vertical-align: middle;border: 2px solid #ccd0dd;}
.comment-date {float: right;font-size: 10px;font-weight: normal;}

/* WordPress Galleries */
.gallery {margin: 0 -5% 0 0;}
.gallery:after {display: block;clear: both;content: '';}

.gallery-item {float: left;margin: 0 5% 5% 0;}
.gallery-columns-1 .gallery-item {width: 95%;}
.gallery-columns-2 .gallery-item {width: 45%;}
.gallery-columns-3 .gallery-item {width: 28.333%;}
.gallery-columns-4 .gallery-item {width: 20%;}

.gallery-item img {display: block;width: 100%;box-shadow: 0 2px 18px -7px #fff;}

.gallery-item .wp-caption-text {display: none;}

/* jQuery Modal */
.blocker {z-index: 999;}

.modal.larger {width: 80%;height: 80%;max-width: none;}
.modal.transparent {background-color: transparent;}

/* Gravity Forms */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="search"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper textarea,
.gform_wrapper select {color: #1a1818;font-size: 16px !important;background-color: #edeeef;}

/* WOW.js */
.wow {visibility: hidden;}
.animated {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/* Styles from animate.css */
@-webkit-keyframes fadeIn {
	from {opacity: 0;}
}
@keyframes fadeIn {
	from {opacity: 0;}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}

@-webkit-keyframes fadeInUpSmall {
	from {opacity: 0;-webkit-transform: translateY(20px);}
}
@keyframes fadeInUpSmall {
	from {opacity: 0;transform: translateY(20px);}
}
.fadeInUpSmall {-webkit-animation-name: fadeInUpSmall;animation-name: fadeInUpSmall;}

@-webkit-keyframes fadeInLeftSmall {
	from {opacity: 0;-webkit-transform: translateX(-20px);}
}
@keyframes fadeInLeftSmall {
	from {opacity: 0;transform: translateX(-20px);}
}
.fadeInLeftSmall {-webkit-animation-name: fadeInLeftSmall;animation-name: fadeInLeftSmall;}

@-webkit-keyframes fadeInRightSmall {
	from {opacity: 0;-webkit-transform: translateX(20px);}
}
@keyframes fadeInRightSmall {
	from {opacity: 0;transform: translateX(20px);}
}
.fadeInRightSmall {-webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall;}

@-webkit-keyframes fadeOutDownSmall {
	from {opacity: 1;}
	to {opacity: 0;-webkit-transform: translateY(20px);}
}
@keyframes fadeOutDownSmall {
	from {opacity: 1;}
	to {opacity: 0;transform: translateY(20px);}
}
.fadeOutDownSmall {-webkit-animation-name: fadeOutDownSmall;animation-name: fadeOutDownSmall;}

@-webkit-keyframes zoomIn {
	from {opacity: 0;-webkit-transform: scale(.3);}
}
@keyframes zoomIn {
	from {opacity: 0;transform: scale(.3);}
}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}

@-webkit-keyframes extendLeft {
	from {-webkit-transform: scaleX(0);}
}
@keyframes extendLeft {
	from {transform: scaleX(0);}
}
.extendLeft {-webkit-animation-name: extendLeft;animation-name: extendLeft;-webkit-transform-origin: 100%;transform-origin: 100%;}

@-webkit-keyframes extendRight {
	from {-webkit-transform: scaleX(0);}
}
@keyframes extendRight {
	from {transform: scaleX(0);}
}
.extendRight {-webkit-animation-name: extendRight;animation-name: extendRight;-webkit-transform-origin: 0;transform-origin: 0;}

/* Responsive Design */
@media only screen and (max-width: 1239px) {
	body {min-width: 320px;}
	
	.wrap {width: auto;}
}

@media only screen and (max-width: 1023px) {
	body {padding-top: 0 !important;}
	
	.anchor {top: -420px;}
	
	.header_container {position: static;}
	
	#header {text-align: center;}
	#header .wrap {height: auto;padding: 15px 20px 10px;}
	#header .logo {position: static;display: inline-block;margin: 0 0 20px;}
	#header .nav {position: static;text-align: center;}
	#header .nav .menu > li {font-size: 16px;}
	#header .nav .menu > li > a {padding: 0 8px;}
	
	#banner {font-size: 15px;}
	#banner .wrap {padding: 50px 20px 35px;}
	
	.layout_block.content_with_image_alternate .section_title.primary {padding-right: 80px;}
	.layout_block.content_with_image_alternate .section_title.primary .background {transform-origin: right top;}
	.layout_block.content_with_image_alternate .columns.two {margin: 0;}
	.layout_block.content_with_image_alternate .columns.columns-flex.two {display: block;}
	.layout_block.content_with_image_alternate .columns.two > .column {float: none;width: auto !important;margin: 0 0 30px;}
	.layout_block.content_with_image_alternate .list_container .section_title {right: 0;}
}

@media only screen and (max-width: 767px) {
	body > .layer_2 {padding-bottom: 40px;}
	
	#cookie_notice {bottom: 40px;text-align: center;font-size: 13px;}
	#cookie_notice .wrap {flex-direction: column;align-items: center;}
	#cookie_notice .spm_button {font-size: 15px;}
	
	#upper .phone_num {display: none;}
	
	#banner .wrap .logo {display: none;}
	#banner .wrap .logo img {width: 120px;}
	
	#content {float: none;width: auto;}
	
	#content .columns.three.blog_archive {margin: 0;}
	#content .columns.columns-flex.three.blog_archive {display: block;}
	#content .columns.three.blog_archive > .column {float: none;width: auto;margin: 0 0 40px;}
	#content .columns.three.blog_archive .image_container {padding-top: 0;}
	#content .columns.three.blog_archive .image_container .wp-post-image {position: static;}
	
	#content .columns.three.testimonials {margin: 0;}
	#content .columns.columns-flex.three.testimonials {display: block;}
	#content .columns.three.testimonials > .column {float: none;width: auto;margin: 0 0 30px;}
	
	#sidebar {float: none;width: auto;height: auto;}
	
	.layout_block.calls_to_action .columns.three > .column {width: calc(50% - 20px);}
	
	.layout_block.content_editor .columns.content_with_image_columns .section_title {font-size: 24px;}
	.layout_block.content_editor .columns.content_with_image_columns {margin: 0;}
	.layout_block.content_editor .columns.columns-flex.content_with_image_columns {display: block;}
	.layout_block.content_editor .columns.content_with_image_columns > .column {float: none !important;width: auto !important;margin: 0 0 40px;}
	.layout_block.content_editor .columns.content_with_image_columns img {display: block;margin: 0 auto;}
	
	.layout_block.multi_column .columns.three {margin: 0;}
	.layout_block.multi_column .columns.columns-flex.three {display: block;}
	.layout_block.multi_column .columns.three > .column {float: none;width: auto;margin: 0 0 30px;}
	
	.layout_block.calls_to_action .title {font-size: 20px;}
	
	.layout_block.before_and_after {background-color: #000;}
	.layout_block.before_and_after .columns.two {margin: 0;}
	.layout_block.before_and_after .columns.columns-flex.two {display: block;}
	.layout_block.before_and_after .columns.two > .column {float: none;width: auto;margin: 0 0 30px;}
	
	#contact_us .columns.two {max-width: 480px;margin: 0 auto;}
	#contact_us .columns.two > .column {float: none;width: auto !important;margin: 0 0 30px;}
	
	#product_tabs_container .ui-tabs-nav {float: none;width: auto;margin: 0 0 15px;}
	#product_tabs_container .ui-tabs-nav li {margin: 0 0 10px;}
	#product_tabs_container .ui-tabs-nav li a {padding: 12px 15px;border-radius: 10px;}
	#product_tabs_container .ui-tabs-nav li.ui-state-active {font-weight: 800;letter-spacing: -0.02em;}
	#product_tabs_container .ui-tabs-nav li.ui-state-active a {border-left-width: 10px;}
	#product_tabs_container .ui-tabs-panel {margin: 0;text-align: center;}
	#product_tabs_container .ui-tabs-panel .columns.two {margin: 0;}
	#product_tabs_container .ui-tabs-panel .columns.two > .column {float: none;width: auto !important;margin: 0 0 30px;}
	#product_tabs_container .ui-tabs-panel .columns.two > .column.first {min-height: auto;}
	#product_tabs_container .ui-tabs-panel .columns.two > .column.second {padding: 0 0 20px;}
	#product_tabs_container .ui-tabs-panel .title {margin: 0 0 1em;}
	#product_tabs_container .ui-tabs-panel .product_image {width: auto;}
	#product_tabs_container .ui-tabs-panel .badges {justify-content: center;}
	#product_tabs_container .ui-tabs-panel .link_container {justify-content: center;}
	
	#testimonials .section_title {font-size: 36px;}
	
	#footer {text-align: center;}
	#footer .columns {margin: 0 auto;max-width: 480px;}
	#footer .columns.three > .column {float: none;width: auto !important;margin: 0 0 40px;}
	#footer .contact_information li {position: static;padding: 0;}
	#footer .contact_information i {position: static;margin: 0 0.3em 0 0;}
	
	#mobile_footer {display: block;}
}

@media only screen and (max-width: 639px) {
	#header .wrap {padding: 65px 20px 10px;}
	#header .nav {display: none;}
	#header #responsive_menu_button {display: block;}
	
	#banner_inside_page .slide {font-size: 20px;}
	
	#content .columns.two {margin: 0;}
	#content .columns.two > .column {float: none;width: auto !important;margin: 0 0 30px;}
	
	#sidebar .gform_wrapper.gravity-theme .ginput_complex span {margin-bottom: 16px;}
	#sidebar .gform_wrapper.gravity-theme .ginput_complex span:last-child {margin-bottom: 0;}
	
	.columns.three.team .column {width: 48%;}
	.columns.three.team .column:nth-child(3n+1) {clear: none;}
	.columns.three.team .column:nth-child(2n+1) {clear: both;}
	
	#content h1.page_title.alternate span {font-size: 15px;line-height: 1.3em;}
	
	.layout_block.content_with_image_alternate .list_container ul {column-count: auto;}
	
	.layout_block.multi_column .columns.two {margin: 0;}
	.layout_block.multi_column .columns.two > .column {float: none;width: auto;margin: 0 0 20px;}
	
	img.alignright.size-medium.wp-image-535 {float: none;display: block;width:100% !important;margin: 0 auto;}
	
	#contact_us .gform_wrapper.gravity-theme .ginput_complex span {margin-bottom: 25px;}
	#contact_us .gform_wrapper.gravity-theme .ginput_complex span:last-child {margin-bottom: 0;}
}

@media only screen and (max-width: 567px) {
	.layout_block.content_editor.environmentally_friendly .section_title {font-size: 32px;}
}

@media only screen and (max-width: 413px) {
	.layout_block.content_with_image_alternate .section_title.primary {padding-right: 0;}
	.layout_block.content_with_image_alternate .section_title.primary .background {right: -20px;transform: none;}
	
	.layout_block.calls_to_action .columns.three {margin: 0;}
	.layout_block.calls_to_action .columns.columns-flex.three {display: block;}
	.layout_block.calls_to_action .columns.three > .column {float: none;width: auto;margin: 0 0 40px;}
	
	.layout_block.countdown_timer .countdown-grid {--spm-column-count: 2;}
	.layout_block.countdown_timer .countdown-num {font-size: 36px;}

	.columns.three.team .column {width: 98%;}
	
	.page img.alignleft {float: none;width: 100%;max-width: none;margin: 0 auto;}
}