/*!
Theme Name: infrontsurfcraft
Theme URI: http://underscores.me/
Author: Waiba
Author URI: http://underscores.me/
Description: Infrontsurfcraft Custom Theme by OzLocal
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: infrontsurfcraft
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

infrontsurfcraft is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
	background: 0 0;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

a {
	text-decoration: none !important;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #858585;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 17px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #222;
}

a:visited {
	color: #222;
}

a:hover,
a:focus,
a:active {
	color: #222;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.site-navigation ul {
	position: relative;
	width: 100%;
	vertical-align: middle;
	height: 100%;
}

.site-navigation ul li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.site-navigation ul li ul {
	height: auto;
	min-width: 220px;
}

.site-navigation ul li ul li {
	height: auto;
	padding: 10px 0 0;
	width: 100%;
}

.site-navigation ul li ul li:not(:last-child) {
	border-bottom: 1px solid #ebebeb;
}

.site-navigation ul li.current-menu-item a::before {
	opacity: 1;
	content: "";
	width: 15px;
	height: 10px;
	margin-right: 5px;
	display: inline-block;
	background: url(assets/img/readmore.svg);
}

.site-navigation ul li a {
	font-family: "Josefin Sans", sans-serif;
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	padding: 0 10px;
	color: #222;
	font-size: 12px;
	line-height: 1.41em;
	letter-spacing: 0.1em;
	font-weight: 600;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Show dropdown on hover */
@media (min-width: 992px) {

	.navbar .dropdown:hover .dropdown-menu {
		display: block;
	}
}

.dropdown-toggle-split {
	background: transparent;
	padding: 3px 10px 2px 6px;
	border-color: #16d5cc;
}

.dropdown-toggle-split:active {
	border-color: #16d5cc;
}

.dropdown-toggle-split::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid #16d5cc;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

@media (max-width: 991px) {

	button.dropdown-toggle-split {
		position: absolute;
		right: 10px;
		top: 5px;
	}

	.dropdown-menu.show {
		margin-bottom: 0.7rem;
	}

	#navbarSupportedContent .site-navigation .site-menu ul.dropdown-menu.show li.menu-item:last-child {
		border-bottom: none;
	}

	.dropdown-toggle::after {
		display: none;
	}

	.site-navigation ul li {
		display: block;
	}
}

.navbar-toggler:focus {
	box-shadow: none;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.arrow_up,
.arrow_down,
.arrow_left,
.arrow_right,
.arrow_left-up,
.arrow_right-up,
.arrow_right-down,
.arrow_left-down,
.arrow-up-down,
.arrow_up-down_alt,
.arrow_left-right_alt,
.arrow_left-right,
.arrow_expand_alt2,
.arrow_expand_alt,
.arrow_condense,
.arrow_expand,
.arrow_move,
.arrow_carrot-up,
.arrow_carrot-down,
.arrow_carrot-left,
.arrow_carrot-right,
.arrow_carrot-2up,
.arrow_carrot-2down,
.arrow_carrot-2left,
.arrow_carrot-2right,
.arrow_carrot-up_alt2,
.arrow_carrot-down_alt2,
.arrow_carrot-left_alt2,
.arrow_carrot-right_alt2,
.arrow_carrot-2up_alt2,
.arrow_carrot-2down_alt2,
.arrow_carrot-2left_alt2,
.arrow_carrot-2right_alt2,
.arrow_triangle-up,
.arrow_triangle-down,
.arrow_triangle-left,
.arrow_triangle-right,
.arrow_triangle-up_alt2,
.arrow_triangle-down_alt2,
.arrow_triangle-left_alt2,
.arrow_triangle-right_alt2,
.arrow_back,
.icon_minus-06,
.icon_plus,
.icon_close,
.icon_check,
.icon_minus_alt2,
.icon_plus_alt2,
.icon_close_alt2,
.icon_check_alt2,
.icon_zoom-out_alt,
.icon_zoom-in_alt,
.icon_search,
.icon_box-empty,
.icon_box-selected,
.icon_minus-box,
.icon_plus-box,
.icon_box-checked,
.icon_circle-empty,
.icon_circle-slelected,
.icon_stop_alt2,
.icon_stop,
.icon_pause_alt2,
.icon_pause,
.icon_menu,
.icon_menu-square_alt2,
.icon_menu-circle_alt2,
.icon_ul,
.icon_ol,
.icon_adjust-horiz,
.icon_adjust-vert,
.icon_document_alt,
.icon_documents_alt,
.icon_pencil,
.icon_pencil-edit_alt,
.icon_pencil-edit,
.icon_folder-alt,
.icon_folder-open_alt,
.icon_folder-add_alt,
.icon_info_alt,
.icon_error-oct_alt,
.icon_error-circle_alt,
.icon_error-triangle_alt,
.icon_question_alt2,
.icon_question,
.icon_comment_alt,
.icon_chat_alt,
.icon_vol-mute_alt,
.icon_volume-low_alt,
.icon_volume-high_alt,
.icon_quotations,
.icon_quotations_alt2,
.icon_clock_alt,
.icon_lock_alt,
.icon_lock-open_alt,
.icon_key_alt,
.icon_cloud_alt,
.icon_cloud-upload_alt,
.icon_cloud-download_alt,
.icon_image,
.icon_images,
.icon_lightbulb_alt,
.icon_gift_alt,
.icon_house_alt,
.icon_genius,
.icon_mobile,
.icon_tablet,
.icon_laptop,
.icon_desktop,
.icon_camera_alt,
.icon_mail_alt,
.icon_cone_alt,
.icon_ribbon_alt,
.icon_bag_alt,
.icon_creditcard,
.icon_cart_alt,
.icon_paperclip,
.icon_tag_alt,
.icon_tags_alt,
.icon_trash_alt,
.icon_cursor_alt,
.icon_mic_alt,
.icon_compass_alt,
.icon_pin_alt,
.icon_pushpin_alt,
.icon_map_alt,
.icon_drawer_alt,
.icon_toolbox_alt,
.icon_book_alt,
.icon_calendar,
.icon_film,
.icon_table,
.icon_contacts_alt,
.icon_headphones,
.icon_lifesaver,
.icon_piechart,
.icon_refresh,
.icon_link_alt,
.icon_link,
.icon_loading,
.icon_blocked,
.icon_archive_alt,
.icon_heart_alt,
.icon_star_alt,
.icon_star-half_alt,
.icon_star,
.icon_star-half,
.icon_tools,
.icon_tool,
.icon_cog,
.icon_cogs,
.arrow_up_alt,
.arrow_down_alt,
.arrow_left_alt,
.arrow_right_alt,
.arrow_left-up_alt,
.arrow_right-up_alt,
.arrow_right-down_alt,
.arrow_left-down_alt,
.arrow_condense_alt,
.arrow_expand_alt3,
.arrow_carrot_up_alt,
.arrow_carrot-down_alt,
.arrow_carrot-left_alt,
.arrow_carrot-right_alt,
.arrow_carrot-2up_alt,
.arrow_carrot-2dwnn_alt,
.arrow_carrot-2left_alt,
.arrow_carrot-2right_alt,
.arrow_triangle-up_alt,
.arrow_triangle-down_alt,
.arrow_triangle-left_alt,
.arrow_triangle-right_alt,
.icon_minus_alt,
.icon_plus_alt,
.icon_close_alt,
.icon_check_alt,
.icon_zoom-out,
.icon_zoom-in,
.icon_stop_alt,
.icon_menu-square_alt,
.icon_menu-circle_alt,
.icon_document,
.icon_documents,
.icon_pencil_alt,
.icon_folder,
.icon_folder-open,
.icon_folder-add,
.icon_folder_upload,
.icon_folder_download,
.icon_info,
.icon_error-circle,
.icon_error-oct,
.icon_error-triangle,
.icon_question_alt,
.icon_comment,
.icon_chat,
.icon_vol-mute,
.icon_volume-low,
.icon_volume-high,
.icon_quotations_alt,
.icon_clock,
.icon_lock,
.icon_lock-open,
.icon_key,
.icon_cloud,
.icon_cloud-upload,
.icon_cloud-download,
.icon_lightbulb,
.icon_gift,
.icon_house,
.icon_camera,
.icon_mail,
.icon_cone,
.icon_ribbon,
.icon_bag,
.icon_cart,
.icon_tag,
.icon_tags,
.icon_trash,
.icon_cursor,
.icon_mic,
.icon_compass,
.icon_pin,
.icon_pushpin,
.icon_map,
.icon_drawer,
.icon_toolbox,
.icon_book,
.icon_contacts,
.icon_archive,
.icon_heart,
.icon_profile,
.icon_group,
.icon_grid-2x2,
.icon_grid-3x3,
.icon_music,
.icon_pause_alt,
.icon_phone,
.icon_upload,
.icon_download,
.social_facebook,
.social_twitter,
.social_pinterest,
.social_googleplus,
.social_tumblr,
.social_tumbleupon,
.social_wordpress,
.social_instagram,
.social_dribbble,
.social_vimeo,
.social_linkedin,
.social_rss,
.social_deviantart,
.social_share,
.social_myspace,
.social_skype,
.social_youtube,
.social_picassa,
.social_googledrive,
.social_flickr,
.social_blogger,
.social_spotify,
.social_delicious,
.social_facebook_circle,
.social_twitter_circle,
.social_pinterest_circle,
.social_googleplus_circle,
.social_tumblr_circle,
.social_stumbleupon_circle,
.social_wordpress_circle,
.social_instagram_circle,
.social_dribbble_circle,
.social_vimeo_circle,
.social_linkedin_circle,
.social_rss_circle,
.social_deviantart_circle,
.social_share_circle,
.social_myspace_circle,
.social_skype_circle,
.social_youtube_circle,
.social_picassa_circle,
.social_googledrive_alt2,
.social_flickr_circle,
.social_blogger_circle,
.social_spotify_circle,
.social_delicious_circle,
.social_facebook_square,
.social_twitter_square,
.social_pinterest_square,
.social_googleplus_square,
.social_tumblr_square,
.social_stumbleupon_square,
.social_wordpress_square,
.social_instagram_square,
.social_dribbble_square,
.social_vimeo_square,
.social_linkedin_square,
.social_rss_square,
.social_deviantart_square,
.social_share_square,
.social_myspace_square,
.social_skype_square,
.social_youtube_square,
.social_picassa_square,
.social_googledrive_square,
.social_flickr_square,
.social_blogger_square,
.social_spotify_square,
.social_delicious_square,
.icon_printer,
.icon_calulator,
.icon_building,
.icon_floppy,
.icon_drive,
.icon_search-2,
.icon_id,
.icon_id-2,
.icon_puzzle,
.icon_like,
.icon_dislike,
.icon_mug,
.icon_currency,
.icon_wallet,
.icon_pens,
.icon_easel,
.icon_flowchart,
.icon_datareport,
.icon_briefcase,
.icon_shield,
.icon_percent,
.icon_globe,
.icon_globe-2,
.icon_target,
.icon_hourglass,
.icon_balance,
.icon_rook,
.icon_printer-alt,
.icon_calculator_alt,
.icon_building_alt,
.icon_floppy_alt,
.icon_drive_alt,
.icon_search_alt,
.icon_id_alt,
.icon_id-2_alt,
.icon_puzzle_alt,
.icon_like_alt,
.icon_dislike_alt,
.icon_mug_alt,
.icon_currency_alt,
.icon_wallet_alt,
.icon_pens_alt,
.icon_easel_alt,
.icon_flowchart_alt,
.icon_datareport_alt,
.icon_briefcase_alt,
.icon_shield_alt,
.icon_percent_alt,
.icon_globe_alt,
.icon_clipboard {
	font-family: "ElegantIcons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.infront-wrapper-inner {
	width: 100%;
	overflow: hidden;
}

.infront-wrapper-inner h6 {
	background: 0 0;
	color: #222;
}

.infront-wrapper-inner .infront-top-bar {
	background-color: white;
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	height: 40px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	box-sizing: border-box;
	z-index: 110;
}

.infront-wrapper-inner .infront-top-bar > div {
	border-bottom: 1px solid #ebebeb;
	box-sizing: border-box;
}

.infront-wrapper-inner .infront-top-bar .infront-vertical-align-containers {
	padding: 0 40px;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.infront-wrapper-inner .infront-top-bar .infront-vertical-align-containers .infront-position-left {
	position: relative;
	height: 100%;
	float: left;
	z-index: 2;
}

.infront-wrapper-inner .infront-top-bar .infront-vertical-align-containers .infront-position-left-inner,
.infront-wrapper-inner .infront-top-bar .infront-vertical-align-containers .infront-position-right-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.infront-wrapper-inner .infront-top-bar .infront-vertical-align-containers .infront-position-right {
	position: relative;
	height: 100%;
	float: right;
	text-align: right;
	z-index: 2;
}

.infront-wrapper-inner .infront-top-bar .widget {
	margin: 0;
}

.infront-icon-widget-holder {
	font-size: 0;
	line-height: 1em;
}

.infront-icon-widget-holder * {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
}

.infront-icon-widget-holder .infront-icon-text {
	padding: 0 0 0 3px;
}

.widget.infront-separator-widget {
	margin: 0 !important;
}

.widget.infront-separator-widget .infront-separator-holder.infront-separator-center {
	text-align: center;
}

.widget.infront-separator-widget .infront-separator {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-bottom: 1px solid #ebebeb;
	margin: 10px 0;
}

.clearfix::after,
.clearfix::before {
	content: " ";
	display: table;
}

.infront-social-icon-widget-holder {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.infront-social-icon-widget-holder .infront-social-icon-widget {
	color: inherit;
	line-height: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
}

.social_twitter::before {
	content: "\e094";
}

.social_facebook::before {
	content: "\e093";
}

.social_instagram::before {
	content: "\e09a";
}

.social_linkedin::before {
	content: "\e09d";
}

.dripicons-device-mobile::before {
	content: "\24";
}

.site-navbar {
	margin-bottom: 0;
	z-index: 1999;
	position: relative;
	top: 0;
	width: 100%;
	padding: 1rem;
}

.site-navbar .toggle-button {
	position: absolute;
	right: 0;
}

.site-navbar .site-logo {
	margin: 0;
	padding: 0;
	font-size: 1.7rem;
}

.site-navbar .site-logo a {
	color: #16d5cc;
	text-transform: lowercase;
}

.site-navbar .site-logo a img {
	max-width: 250px;
	height: auto;
}

@media (max-width: breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))) {

	.site-navbar .site-logo {
		float: left;
		position: relative;
	}
}

.site-navbar .site-navigation.border-bottom {
	border-bottom: 1px solid #eee !important;
}

.site-navbar .site-navigation .site-menu {
	margin: 0;
	padding: 0;
	margin-bottom: 0;
}

.site-navbar .site-navigation .site-menu .current-menu-item {
	color: #16d5cc !important;
}

.site-navbar .site-navigation .site-menu a {
	text-decoration: none !important;
	display: inline-block;
}

.site-navbar .site-navigation .site-menu > li > a {
	padding: 20px 10px;
	color: #000 !important;
	display: inline-block;
	text-decoration: none !important;
}

.site-navbar .site-navigation .site-menu > li > a:hover {
	color: #16d5cc;
}

.site-navbar .site-navigation .site-menu > li.current-menu-item > a {
	color: #16d5cc !important;
}

.site-navbar .site-navigation .site-menu .has-children {
	position: relative;
}

.site-navbar .site-navigation .site-menu .has-children > a {
	position: relative;
	padding-right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children > a::before {
	position: absolute;
	content: "\e313";
	font-size: 16px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-family: "icomoon";
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
	visibility: hidden;
	opacity: 0;
	top: 100%;
	position: absolute;
	text-align: left;
	border-top: 2px solid #16d5cc;
	box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
	padding: 0 0;
	margin-top: 20px;
	margin-left: 0;
	background: #fff;
	transition: 0.2s 0s;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
	position: absolute;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top::before {
	display: none;
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top::before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
	text-transform: none;
	letter-spacing: normal;
	transition: 0s all;
	color: #000 !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a.current-menu-item {
	color: #16d5cc !important;
	background: #f8f9fa;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 200px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
	padding: 9px 20px;
	display: block;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
	background: #f8f9fa;
	color: #ced4da;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a::before {
	content: "\e315";
	right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
	left: 100%;
	top: 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:current-menu-item > a,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
	background: #f8f9fa;
	color: #ced4da;
}

.site-navbar .site-navigation .site-menu .has-children:hover > a,
.site-navbar .site-navigation .site-menu .has-children:focus > a,
.site-navbar .site-navigation .site-menu .has-children:current-menu-item > a {
	color: #16d5cc;
}

.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:current-menu-item {
	cursor: pointer;
}

.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:current-menu-item > .dropdown {
	transition-delay: 0s;
	margin-top: 0;
	visibility: visible;
	opacity: 1;
}

.page {
	margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222;
	font-family: "Josefin Sans", sans-serif;
}

h1 {
	font-size: 40px;
	line-height: 1.2em;
	letter-spacing: 0.08em;
	font-weight: 600;
}

h2 {
	font-size: 35px;
	line-height: 1.14em;
	letter-spacing: 0.08em;
	font-weight: 600;
}

h3 {
	font-size: 22px;
	line-height: 1.27em;
	letter-spacing: 0.1em;
	font-weight: 600;
}

h4 {
	font-size: 16px;
	line-height: 1.37em;
	letter-spacing: 0.1em;
	font-weight: 700;
}

h5 {
	font-size: 14px;
	line-height: 1.42em;
	letter-spacing: 0.1em;
	font-weight: 600;
}

h6 {
	font-size: 12px;
	font-size: 12px;
	line-height: 1.41em;
	letter-spacing: 0.1em;
	font-weight: 600;
}

p.infront-st-caption {
	font-family: "Josefin Sans", sans-serif;
	font-size: 19px;
}

a:hover {
	color: #16d5cc !important;
}

.pt-125 {
	padding-top: 125px;
}

.pb-125 {
	padding-bottom: 125px;
}

.infront-btn.infront-btn-solid.infront-btn-wave-hover {
	-webkit-transition: color 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.infront-btn.infront-btn-solid.infront-btn-wave-hover {
	overflow: hidden;
}

.infront-btn.infront-btn-solid {
	color: #fff;
	background-color: #0de9df;
	border: 2px solid transparent;
}

.infront-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0;
	font-family: "Josefin Sans", sans-serif;
	font-size: 12px;
	line-height: 2em;
	letter-spacing: 0.2em;
	font-weight: 700;
	text-transform: uppercase;
	outline: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	padding: 13px 32px 9px 35px;
	cursor: pointer;
}

.infront-btn.infront-btn-solid.infront-btn-wave-hover:not(.infront-btn-custom-border-hover):hover {
	color: #fff !important;
	background-color: #0de9df !important;
	border-color: transparent !important;
}

.infront-btn.infront-btn-solid.infront-btn-wave-hover:not(.infront-btn-custom-border-hover):hover {
	color: #fff !important;
}

.infront-btn.infront-btn-solid.infront-btn-wave-hover:not(.infront-btn-custom-border-hover):hover.infront-btn-wave-hover .infront-btn-wave-holder {
	-webkit-transform: translateY(35%);
	-ms-transform: translateY(35%);
	transform: translateY(35%);
	-webkit-animation: infront-wave 7.5s cubic-bezier(0.86, 0.45, 0.63, 0.53) infinite;
	animation: infront-wave 7.5s cubic-bezier(0.86, 0.45, 0.63, 0.53) infinite;
}

.infront-btn.infront-btn-solid.infront-btn-wave-hover .infront-btn-wave-holder {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 2200px;
	height: 126px;
	background-repeat: repeat-x;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.infront-btn.infront-btn-solid.infront-btn-wave-hover .infront-btn-text {
	position: relative;
	z-index: 1;
}

.infront-top-bar .infront-position-right .infront-icon-text {
	font-size: 14px;
	color: #000;
}

.infront-top-bar .infront-position-right .infront-icon-element {
	color: #000;
	margin: 4px 0 0;
	font-size: 14px;
}

.infront-top-bar .infront-position-right a:hover span {
	color: #16d5cc;
}

.infront-search-opener {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	line-height: 1;
	margin: 0 10px;
	height: 100%;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.infront-search-opener .infront-search-opener-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.infront-search-opener .infront-search-opener-wrapper > * {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: inherit;
	font-size: 18px;
}

.infront-search-opener .infront-search-opener-wrapper > ::before {
	display: block;
	line-height: inherit;
	margin: 0 0 3px;
}

.infront-search-opener .infront-search-opener-wrapper .infront-search-icon-text {
	font-family: "Josefin Sans", sans-serif;
	font-size: 12px;
	line-height: 1.41em;
	letter-spacing: 0.1em;
	font-weight: 600;
	text-transform: uppercase;
	font-weight: 700;
	color: #222;
	margin-left: 11px;
}

.infront-search-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	opacity: 0;
	background-color: #fff;
	z-index: 115;
	-webkit-box-shadow: rgba(1, 2, 2, 0.03) 3px 4px 18px 0;
	box-shadow: rgba(1, 2, 2, 0.03) 3px 4px 18px 0;
	transition: opacity 0.5s ease-in;
}

.infront-search-cover.searchbar-opened {
	transition: opacity 0.5s ease-out;
}

.infront-search-cover .infront-form-holder-outer {
	display: table;
	height: 100%;
	width: 100%;
}

.infront-search-cover .infront-form-holder {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0 40px;
}

.infront-search-cover .infront-form-holder-inner {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

.infront-search-cover .infront-form-holder-inner .infront-form-search-icon {
	position: absolute;
	margin: 7px 26px 0 5px;
	color: #16d5cc;
	z-index: 9;
	left: 0;
	top: 5px;
}

.infront-search-cover input[type="text"] {
	padding: 12px 28px 6px 35px;
}

.infront-search-cover .infront-search-close.infront-search-close-icon-pack {
	font-size: 29px;
	line-height: 1em;
	padding-bottom: 12px;
}

.infront-search-cover .infront-search-close {
	position: absolute;
	top: 50%;
	right: -2px;
	display: inline-block;
	vertical-align: middle;
	color: #000;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.infront-title-holder {
	position: relative;
	background-color: #111;
	z-index: 101;
}

.infront-title-holder .infront-title-wrapper {
	position: relative;
}

.infront-title-holder .infront-title-inner .infront-section-title {
	color: #fff;
}

.infront-category-layout1 .img-hover-zoom .infront-cat-image-wrap {
	overflow: hidden;
}

.infront-category-layout1 .img-hover-zoom img {
	-webkit-transition: all 0.8s ease;

	/* Safari and Chrome */
	-moz-transition: all 0.8s ease;

	/* Firefox */
	-o-transition: all 0.8s ease;

	/* IE 9 */
	-ms-transition: all 0.8s ease;

	/* Opera */
	transition: all 0.8s ease;
	position: relative;
}

.infront-category-layout1 .img-hover-zoom img:hover {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.1);

	/* Safari and Chrome */
	-moz-transform: scale(1.1);

	/* Firefox */
	-ms-transform: scale(1.1);

	/* IE 9 */
	-o-transform: translatz(0) scale(1.1);

	/* Opera */
	transform: translatz(0) scale(1.1);
	overflow: hidden;
}

.infront-category-layout1 .infront-cat-content-wrap .h2-font {
	font-size: 35px;
	text-transform: "Josefin Sans", sans-serif;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0.08em;
}

.infront-category-layout1 .infront-cat-content-wrap .h5-font {
	font-size: 18px;
	line-height: 1.42em;
	letter-spacing: 0.1em;
	font-weight: 600;
	color: #fff;
}

.infront-category-layout1 .infront-cat-content-wrap .h3-font {
	font-size: 17px;
	letter-spacing: 0.03em;
}

.infront-category-layout1 .infront-cat-content-wrap .h3-font .infront-span-bg.infront-price {
	background-color: #16d5cc;
	padding: 11px 12px 8px 12px;
	color: #fff;
	font-weight: 700;
}

.infront-btn.infront-btn-outline {
	color: #222;
	background-color: transparent;
	border: 2px solid #222;
}

.infront-btn.infront-btn-outline.infront-btn-wave-hover {
	-webkit-transition: color 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	overflow: hidden;
}

.infront-btn.infront-btn-outline.infront-btn-wave-hover:not(.infront-btn-custom-hover-bg):hover {
	color: #fff !important;
	background-color: transparent !important;
	border-color: #222 !important;
}

.infront-btn.infront-btn-outline.infront-btn-wave-hover:not(.infront-btn-custom-hover-bg):hover.infront-btn-wave-hover .infront-btn-wave-holder {
	-webkit-transform: translateY(35%);
	-ms-transform: translateY(35%);
	transform: translateY(35%);
	-webkit-animation: infront-wave 7.5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	animation: infront-wave 7.5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
}

.infront-btn.infront-btn-outline.infront-btn-wave-hover:not(.infront-btn-custom-border-hover):hover {
	color: #fff !important;
	background-color: transparent !important;
	border-color: #222 !important;
}

.infront-btn.infront-btn-outline.infront-btn-wave-hover:not(.infront-btn-custom-border-hover):hover.infront-btn-wave-hover .infront-btn-wave-holder {
	-webkit-transform: translateY(35%);
	-ms-transform: translateY(35%);
	transform: translateY(35%);
	-webkit-animation: infront-wave 7.5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	animation: infront-wave 7.5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
}

.infront-btn.infront-btn-outline.infront-btn-wave-hover .infront-btn-text {
	position: relative;
	z-index: 1;
}

.infront-btn.infront-btn-outline.infront-btn-wave-hover .infront-btn-wave-holder {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 2200px;
	height: 126px;
	background-repeat: repeat-x;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.infront-section-title-holder .infront-st-button {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.infront-section-title {
	color: #222;
	font-size: 40px;
	line-height: 1.2em;
	letter-spacing: 0.08em;
	font-weight: 600;
	text-transform: uppercase;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.infront-post-title {
	color: #222;
	font-size: 35px;
	line-height: 1.14em;
	letter-spacing: 0.08em;
	font-weight: 600;
	text-transform: uppercase;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.infront-product-section {
	position: relative;
	z-index: 2;
}

.infront-product-section .prod-container-wrapper .infront-pli-text-wrapper h4 {
	font-weight: 700;
	letter-spacing: 0.1em;
	font-size: 1.2rem;
}

.infront-product-section .prod-container-wrapper .infront-pli-text-wrapper p.infront-pli-category {
	margin-bottom: 0.8rem;
	margin-top: 0.4rem;
}

.infront-product-section .prod-container-wrapper .infront-pli-text-wrapper .infront-pli-price del {
	margin: 0 8px 0 0;
	color: rgba(34, 34, 34, 0.8);
}

.infront-product-section .prod-container-wrapper .infront-pli-text-wrapper .infront-pli-price del .woocommerce-Price-amount {
	text-decoration: line-through;
	background-color: transparent;
	color: #000;
	padding: 9px 11px 5px 10px;
	display: inline-block;
	font-size: 16px;
	font-weight: 800;
}

.infront-product-section .prod-container-wrapper .infront-pli-text-wrapper .infront-pli-price ins {
	text-decoration: none;
	margin-right: -1px;
}

.infront-product-section .prod-container-wrapper .infront-pli-text-wrapper .infront-pli-price ins .woocommerce-Price-amount {
	background-color: #16d5cc;
	padding: 9px 11px 5px 10px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.1em;
}

.infront-product-section .prod-container-wrapper .infront-pli-inner .infront-pli-image {
	position: relative;
}

.infront-product-section .prod-container-wrapper .infront-pli-inner .infront-pli-image::after {
	height: calc(100% - 142px);
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: #fafafa;
	height: calc(100% - 112px);
	z-index: -1;
}

/* home page section */
.infront-puch.fst-italic {
  color: #222 ;
}

/* compare */

.comparisonSection {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}

.comparisonImage {
  position: absolute;
  inset: 0;
}

.comparisonImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* sc max comparision */
.before-after-wrapper {
  position: relative;
  width: 100%;
  height: 650px; /* default fixed height */
  overflow: hidden;
  transition: height 0.6s ease;
}

.before-after-inner {
  display: flex;
  width: 100%;
  height: 100%;
}

/* Before image (fixed side) */
.before-image-wrapper {
  position: relative;
  width: 50vw;
  height: 100%;
  overflow: hidden;
  transition: all 0.6s ease;
}

.before-image-wrapper .image-wrapper,
.before-image-wrapper .bw-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* After image (expandable) */
.after-image-container {
  position: relative;
  width: 50vw;
  height: 100%;
  overflow: hidden;
  transition: all 0.6s ease;
}

.after-image-container .image-wrapper,
.after-image-container .after-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* cropped by default */
  transition: all 0.6s ease;
}

/* Hover effect */
.after-image-container:hover {
  width: 100vw;
}

/* Collapse the before image */
.after-image-container:hover ~ .before-image-wrapper {
  width: 0;
}

/* On hover, section height adapts to fit full image */
.after-image-container:hover .after-image {
  width: 100%;
  height: auto;        /* let image keep aspect ratio */
  object-fit: contain; /* show full image */
  background: #000;    /* optional background */
}

.after-image-container:hover {
  height: auto; /* let container expand to natural height */
}

.before-after-wrapper:hover {
  height: auto; /* wrapper follows image height */
}

/* Divider */
.middle-divider {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  font-size: 2rem;
  color: #fff;
  transition: opacity 0.3s ease;
}

@media (max-width: 767px) {
  .before-after-inner {
    flex-direction: column;
  }

  .before-image-wrapper,
  .after-image-container {
    width: 100%;
    height: 325px;  
    transition: height 0.6s ease;
  }

  
  .after-image-container:hover {
    height: 650px;    
  }

  .after-image-container:hover ~ .before-image-wrapper {
    height: 0;      
  }

  .before-after-wrapper {
    height: 650px;
  }

  .middle-divider {
    display: none;
  }
}


.middle-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #333;
  z-index: 3;
  transition: opacity 0.3s ease, left 0.1s ease;
  transform: translateX(-50%);
}

.arrow-left {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 50%;
  padding: 4px 8px;
  font-size: 20px;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease, left 0.1s ease;
  user-select: none;
}

.text-content {
  padding: 0 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.sc-max-content {
  margin: 0 auto;
}

.sc-max-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
}

.sc-max-content ul li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.sc-max-content ul li::before {
  content: "✔";
  color: green;
  font-size: 14px;
  line-height: 1;
}

/* About Us Page */

.bottom-minus-10px {
  bottom: -10px;
}

/* .mt-custom {
  margin-top: 100px;
} */


.w-60 {
  width: 60%;
}


@media (max-width: 767px) {
  .infrontsurf-gallery .row > .col {
    padding-top: 10px;   /* same spacing for all images */
    padding-bottom: 10px;
  }

  .infrontsurf-gallery .row > .col:first-child {
    padding-top: 0; /* remove extra padding for the first image */
  }
}

@media (max-width: 575px) {
  .row .col img {
    transform: none !important; /* remove the push up/down on small screens */
    margin-bottom: 15px;        /* add spacing between stacked images */
  }
}

@media (max-width: 991px) {
  .md-mb-50px {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 991px) and (max-width: 1200px) {
  .bottom-minus-10px {
    bottom: 335px;
  }
}

@media (max-width: 767px) {
  .small-image {
    width: 55% !important;
  }
}



/** Newsletter Section */
.infront-btn.infront-btn-solid {
	color: #fff;
	background-color: #16d5cc;
	border: 2px solid transparent;
}

.infront-newsletter-section {
	background-color: #fafafa;
}

.infront-newsletter-section .infront-newsletter .infront-newsletter-submit {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
}

.infront-newsletter-section .infront-newsletter .infront-newsletter-submit button {
	background-color: transparent;
	padding: 11px 10px 18px 0;
}

.infront-newsletter-section .infront-newsletter .infront-newsletter-submit button::after {
	display: inline-block;
	content: "\26";
	font-family: dripicons-v2 !important;
	position: absolute;
	bottom: 0;
	color: #000;
}

.infront-newsletter-section .infront-newsletter .infront-newsletter-submit button .infront-btn-text {
	display: none;
}

.infront-newsletter-section .infront-newsletter .infront-newsletter-input {
	width: 100%;
	display: inline-block;
	margin-right: 67px;
}

.infront-newsletter-section .infront-newsletter .infront-newsletter-input label {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.infront-newsletter-section .infront-newsletter .infront-newsletter-input span {
	display: inline-block;
	width: 100%;
}

.infront-newsletter-section .infront-newsletter .infront-newsletter-input span::before {
	display: inline-block;
	content: "\e015";
	font-family: dripicons-v2 !important;
	position: absolute;
	top: 7px;
	color: #000;
}

.infront-newsletter-section .infront-newsletter .infront-newsletter-input input {
	padding: 12px 28px 4px 26px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	font-family: "Josefin Sans", sans-serif;
	background: 0 0;
	font-size: 14px;
}

input[type="text"],
textarea,
.post-password-form input[type="password"],
.infront-style-form textarea,
.wpcf7-form-control.wpcf7-date,
.wpcf7-form-control.wpcf7-number,
.wpcf7-form-control.wpcf7-quiz,
.wpcf7-form-control.wpcf7-select,
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea,
input[type="email"],
input[type="password"],
input[type="text"] {
	position: relative;
	width: 100%;
	margin: 0 0 25px;
	padding: 12px 28px 6px 0;
	color: #222;
	background-color: transparent;
	border: 2px solid #000;
	border-top: none;
	border-left: none;
	border-right: none;
	line-height: 1em;
	border-radius: 0;
	outline: 0;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.43em;
	color: #858585;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color 0.2s ease-in-out;
	-o-transition: border-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out;
}

/** call to action section */
.infront-callto-action .infront-custom-font-holder {
	font-family: Mr Dafoe;
	font-size: 216px;
	line-height: 216px;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #fff;
	margin: 0 0 -14px;
}

.infront-callto-action .content-title-wrap p {
	color: #fff;
}

/* footer */
.infront-page-footer {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	background-color: #0c0c0c;
	border-top: 0 solid #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.infront-page-footer .infront-footer-top-holder .infront-footer-title {
	font-weight: 700;
	color: #fff;
}

.infront-page-footer .infront-footer-top-holder p {
	color: #adadad;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 17px;
}

.infront-page-footer .infront-icon-widget-holder * {
	display: inline-block;
}

.infront-page-footer .infront-footer-bottom-holder a:hover {
	color: #16d5cc;
}

.infront-page-footer .infront-footer-bottom-holder a:hover span {
	color: #16d5cc;
}

/** About us section page */
.infront-iwt-title {
	font-weight: 700;
	letter-spacing: 0.1em;
	font-size: 1.2rem;
}

.infront-iwt-text {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.588em;
}

.infront-about-page-section-bg {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/** Testimonials section */
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
	color: #fff;
}

.swiper .infront-testimonial-author {
	color: #16d5cc;
}

/** Teams Section */
.infront-team-holder {
	position: relative;
}

.infront-team-holder .infront-team-social-wrapper {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	width: 69%;
	height: auto;
	top: 50%;
	left: unset;
	-webkit-transform: translate(calc(100% - 33px), -50%);
	-ms-transform: translate(calc(100% - 33px), -50%);
	transform: translate(calc(100% - 33px), -50%);
	right: 0;
	background: #16d5cc;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.infront-team-holder .infront-team-social-outer {
	position: relative;
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}

.infront-team-holder .infront-team-social-inner {
	position: relative;
	display: table-cell;
	height: 100%;
	width: 100%;
	padding: 33px 34px 36px 34px;
	vertical-align: middle;
	height: 150px;
}

.infront-team-holder .infront-team-position-vertical {
	position: absolute;
	-webkit-transform: rotateZ(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotateZ(-90deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	bottom: -8px;
	left: 19px;
	margin: 0;
	letter-spacing: 0.2em;
	width: 148px;
	text-align: center !important;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.infront-team-holder .infront-team-image {
	position: relative;
	overflow: hidden;
}

.infront-team-holder .infront-team-image:hover .infront-team-social-wrapper {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
	transition: -webkit-transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
	-o-transition: transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
	transition: transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
	transition: transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75), -webkit-transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
}

.infront-team-holder .infront-team-image:hover .infront-team-social-wrapper .infront-team-position-vertical {
	display: none;
}

/** contact form css*/
.infront-contact-form .infront-contact-form-submit {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0;
	font-family: "Josefin Sans", sans-serif;
	font-size: 12px;
	line-height: 2em;
	letter-spacing: 0.2em;
	font-weight: 700;
	text-transform: uppercase;
	outline: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	color: #222;
	background-color: transparent;
	border: 2px solid #222;
	color: #fff;
	background-color: transparent;
	border-color: #222;
	margin-top: 20px;
	border: 2px solid transparent;
}

.infront-contact-form .infront-contact-form-submit button {
	background-color: #fff;
	padding: 14px 51px 11px 51px;
	overflow: hidden;
	border: 2px solid #222;
	-webkit-transition: color 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
	-o-transition: color 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
	transition: color 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
}

.infront-contact-form .infront-contact-form-submit button .infront-btn-text {
	position: relative;
	z-index: 1;
	color: #000;
	-webkit-transition: color 0.2s ease-in-out 0.2s;
	-o-transition: color 0.2s ease-in-out 0.2s;
	transition: color 0.2s ease-in-out 0.2s;
}

.infront-contact-form .infront-contact-form-submit button .infront-btn-wave-holder {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 2200px;
	height: 126px;
	background: url("data:image/svg+xml,\a     %3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 x=%220px%22 y=%220px%22 width=%22172px%22 height=%22126px%22 viewBox=%220 0 172 125.7%22 enable-background=%22new 0 0 172 125.7%22 xml:space=%22preserve%22%3E\a         %3Cpath fill=%22%23000000%22 d=%22M173,22.7c-33.9,0-44.7-14.1-88.4-14.1c-43.6,0-54.5,14.1-86,14.1V126l174.4-0.3 C173,125.7,173,28.7,173,22.7z%22/%3E\a     %3C/svg%3E") repeat-x;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.infront-contact-form .infront-contact-form-submit button:hover .infront-btn-wave-holder {
	-webkit-transform: translateY(35%);
	-ms-transform: translateY(35%);
	transform: translateY(35%);
	-webkit-animation: infront-wave 7.5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	animation: infront-wave 7.5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
}

.infront-contact-form .infront-contact-form-submit button:hover .infront-btn-text {
	color: #fff;
}

.infront-contact-form .infront-contact-form-input {
	width: 100%;
	display: inline-block;
	margin-right: 67px;
}

.infront-contact-form .infront-contact-form-input label {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.infront-contact-form .infront-contact-form-input span {
	display: inline-block;
	width: 100%;
}

.infront-contact-form .infront-contact-form-input input,
.infront-contact-form .infront-contact-form-input textarea {
	font-family: "Josefin Sans", sans-serif;
	font-size: 12px;
	line-height: 1.41em;
	letter-spacing: 0.1em;
	font-weight: 600;
	text-transform: uppercase;
	text-transform: uppercase;
	color: #000;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.43em;
	color: #858585;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	padding: 12px 28px 6px 0;
	border-bottom: 1px solid #000;
	text-transform: none;
	letter-spacing: 0;
}

.infront-contact-form .infront-contact-form-input textarea {
	height: 130px;
}

/** 404 page */
.infront-404-content {
	background-image: url("assets/img/404-page-img-1.jpg");
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.infront-404-content .infront-404-title {
	font-family: Mr Dafoe;
	font-size: 180px;
	line-height: 162px;
	font-weight: 400;
	letter-spacing: 0;
}

.infront-404-content .infront-btn.infront-btn-light-style {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

/** blog */
article .infront-post-info-top > div {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 4px 0 0;
	color: #16d5cc;
	font-size: 14px;
}

article .infront-post-info-top > div a {
	color: #16d5cc;
}

article .infront-post-info-top > div::after {
	content: "/";
	position: absolute;
	top: 0;
	right: -2px;
}

.infront-blog-holder.infront-blog-masonry article .infront-post-read-more-button {
	margin: 17px 0 6px;
}

.infront-blog-holder.infront-blog-masonry article .infront-post-read-more-button .infront-btn-text {
	letter-spacing: 2px !important;
}

.infront-blog-holder.infront-blog-masonry article .infront-post-read-more-button a {
	letter-spacing: 2px;
}

.infront-btn.infront-btn-simple {
	padding: 0 !important;
	color: #222;
	background-color: transparent;
	border: 0;
	vertical-align: middle;
	text-transform: uppercase;
}

.infront-btn.infront-btn-simple .infront-simple-button-svg-holder {
	display: inline-block;
}

.infront-btn.infront-btn-simple .infront-simple-button-svg-holder svg {
	width: 15px;
	height: 10px;
	margin-right: 6px;
}

.infront-btn.infront-btn-simple .infront-simple-button-svg-holder svg path {
	fill: #16d5cc;
}

.infront-btn.infront-btn-simple .infront-btn-text {
	display: inline-block;
	vertical-align: middle;
	font-family: "Josefin Sans", sans-serif;
	font-size: 12px;
	line-height: 1.41em;
	letter-spacing: 0.1em;
	font-weight: 600;
	text-transform: uppercase;
	text-transform: inherit;
	font-weight: 800;
}

.page-template-t-blog article .infront-post-content {
	background-color: #fcfcfc;
}

.infront-blog-pagination ul {
	position: relative;
	display: inline-block;
	width: 100%;
	list-style: none;
	text-align: center;
}

.infront-blog-pagination ul li {
	margin: 0 8px;
	display: inline-block;
}

.infront-blog-pagination ul li span.current {
	color: #16d5cc;
}

.infront-blog-pagination ul li span.arrow_carrot-left {
	margin: 0 8px;
	vertical-align: middle;
}

.infront-blog-pagination ul li span.arrow_carrot-left::before {
	font-weight: 600;
	font-size: 1.5rem;
}

.infront-blog-pagination ul li span.arrow_carrot-right {
	margin: 0 8px;
	vertical-align: middle;
}

.infront-blog-pagination ul li span.arrow_carrot-right::before {
	font-weight: 600;
	font-size: 1.5rem;
}

/** single post content */
.entry-header .entry-meta .posted-on {
	font-size: 14px;
	color: #16d5cc;
}

.entry-header .entry-meta .posted-on a {
	color: #16d5cc;
}

blockquote {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	margin: 10px 0;
	padding: 25px 40px 25px 125px;
	font-size: 22px;
	line-height: 1.5em;
	text-align: center;
	quotes: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	color: #222;
	position: relative;
	font-weight: 800;
}

blockquote p {
	margin-bottom: 0.5rem;
	font-family: "Josefin Sans", sans-serif;
}

blockquote::before {
	content: "“";
	font-family: Mr Dafoe;
	color: #16d5cc;
	font-size: 261px;
	position: absolute;
	left: -7px;
	top: 100%;
	font-weight: 400;
}

.blog-post-navigation {
	background-color: #e5e5e5;
	border-top: 0 solid #000;
}

.blog-post-navigation .post-navigation {
	margin-bottom: 0;
}

.blog-post-navigation .post-navigation .nav-links {
	padding: 0.8rem 0;
}

.blog-post-navigation .post-navigation .nav-links .nav-previous {
	border-right: 1px solid #fcfcfc;
	padding: 0.5rem 0;
}

.blog-post-navigation .post-navigation .nav-links .nav-next {
	padding: 0.5rem 0;
}

.blog-post-navigation .post-navigation a {
	color: #858585;
	font-family: "Josefin Sans", sans-serif;
}

/** Widgets area sidebar */
.widget-area h4 {
	text-transform: uppercase;
	margin-bottom: 0.8rem;
}

.widget-area ul {
	margin: 0;
	list-style: none;
}

.widget-area ul.wp-block-latest-posts li {
	padding-bottom: 1rem;
	padding-top: 1rem;
	border-bottom: 1px solid #e5e5e5;
}

.widget-area a {
	color: #858585;
}

.archive article .infront-post-content,
.search article .infront-post-content {
	background-color: #fcfcfc;
}

.archive-post-navigation {
	background-color: #e5e5e5;
	border-top: 0 solid #000;
}

.archive-post-navigation .posts-navigation {
	margin-bottom: 0;
}

.archive-post-navigation .posts-navigation .nav-links {
	padding: 0.8rem 0;
}

.archive-post-navigation .posts-navigation .nav-links .nav-previous {
	border-right: 1px solid #fcfcfc;
	padding: 0.5rem 0;
}

.archive-post-navigation .posts-navigation .nav-links .nav-next {
	padding: 0.5rem 0;
}

.archive-post-navigation .posts-navigation a {
	color: #858585;
	font-family: "Josefin Sans", sans-serif;
	text-transform: capitalize;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder:nth-child(4n+2) {
	background-color: #ffb434;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder:nth-child(4n+2) .infront-event-list-item-content {
	background-color: #ffb434;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder:nth-child(4n+1) {
	background-color: #29282d;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder:nth-child(4n+1) .infront-event-list-item-content {
	background-color: #29282d;
	color: #c1c1c1;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder:nth-child(4n+3) {
	background-color: #16d5cc;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder:nth-child(4n+3) .infront-event-list-item-content {
	background-color: #16d5cc;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder .infront-event-list-item-content {
	color: #fff;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder .infront-event-list-item-content a {
	color: #fff;
	text-transform: uppercase;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder .infront-event-list-item-content a:hover {
	color: #fff !important;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder .infront-event-list-item-content .infront-btn.infront-btn-simple .infront-simple-button-svg-holder svg path {
	fill: #fff;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder .infront-event-list-item-image .infront-event-list-item-image-inner {
	overflow: hidden;
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder .infront-event-list-item-image .infront-event-list-item-image-inner img {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
	transition: -webkit-transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
	-o-transition: transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
	transition: transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
	transition: transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75), -webkit-transform 0.3s cubic-bezier(0.35, 0.37, 0.75, 0.75);
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder .infront-event-list-item-image .infront-event-list-item-image-inner:hover img,
.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder .infront-event-list-item-image .infront-event-list-item-image-inner.infront-hovered img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.infront-event-list-holder.infront-el-chequered .infront-event-list-item-holder .infront-event-list-item-image .infront-event-list-item-image-inner.infront-hovered img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.infront-linked-image-holder .infront-linked-image-image-holder {
	position: relative;
	overflow: hidden;
	max-width: 100%;
}

.infront-linked-image-holder .infront-linked-image-image-holder:hover .infront-linked-image-description-wrapper .infront-linked-image-description-inner {
	padding: 55px 0 125px;
}

.infront-linked-image-holder .infront-linked-image-image-holder:hover .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-title {
	opacity: 1;
	bottom: 50%;
}

.infront-linked-image-holder .infront-linked-image-image-holder:hover .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-subtitle {
	margin: 0;
	bottom: 102px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	color: #000;
	-webkit-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
	-webkit-animation: flash;
	animation: flash;
}

.infront-linked-image-holder .infront-linked-image-image-holder:hover .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-text {
	opacity: 1;
	-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.infront-linked-image-holder .infront-linked-image-image-holder:hover .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-cover {
	bottom: 0;
	-webkit-animation: infront-wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	animation: infront-wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	-webkit-transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-image {
	-webkit-transition: -webkit-transform 0.5s ease-out;
	transition: -webkit-transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
	position: relative;
	display: block;
	background-size: cover;
}

.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper .infront-linked-image-description-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: padding 0.3s ease-out;
	-o-transition: padding 0.3s ease-out;
	transition: padding 0.3s ease-out;
}

.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description {
	width: 100%;
	text-align: center;
	z-index: 100;
}

.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-title {
	display: block;
	position: absolute;
	bottom: 85px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-family: "Mr Dafoe", sans-serif;
	font-size: 65px;
	color: #fff;
	font-weight: 400;
	line-height: 1em;
	margin: 0 0 -7px;
	white-space: nowrap;
	text-transform: none;
	opacity: 1;
	-webkit-transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-subtitle {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	margin: 40px 0;
	position: absolute;
	width: 100%;
}

.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-text {
	position: absolute;
	display: block;
	text-align: center;
	margin: 7px 0 0 0;
	padding: 0 50px;
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	bottom: 102px;
	-webkit-transform: translateY(calc(100% + 12px));
	-ms-transform: translateY(calc(100% + 12px));
	transform: translateY(calc(100% + 12px));
	color: grey;
}

.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-cover {
	background: url("data:image/svg+xml,\a%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 x=%220px%22 y=%220px%22 width=%22810px%22 height=%22198px%22 viewBox=%220 0 810 198%22 enable-background=%22new 0 0 810 198%22 xml:space=%22preserve%22%3E\a%3Cpath fill=%22%23fff%22 d=%22M815,69.3C655.4,69.3,604.7,2.8,398.9,3C193.6,3,142.3,69.3-6,69.3V198h821C815,198,815,97.8,815,69.3z%22/%3E\a%3C/svg%3E") repeat-x;
	position: absolute;
	bottom: -198px;
	width: 2200px;
	height: 198px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: -1;
	-webkit-transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.infront-footer-top-holder a:hover {
	color: #16d5cc;
}

.infront-footer-top-holder a:hover span {
	color: #16d5cc;
}

.infront-footer-top-holder a.infront-social-icon-widget-holder {
	color: #fff;
	font-size: 1.5rem;
}

.infront-footer-top-holder .infront-icon-element {
	color: #fff;
	font-size: 1rem;
}

.infront-footer-top-holder .infront-icon-text {
	font-size: 1rem;
	color: #858585;
}

.infront-footer-bottom-holder .infront-footer-bottom-column-1 {
	margin: 0;
}

.infront-footer-bottom-holder p {
	margin-bottom: 0;
}

.infront-footer-bottom-holder p a {
	color: #16d5cc;
}

.infront-footer-bottom-holder .infront-icon-text {
	color: #858585;
	font-size: 1rem;
}

.infront-footer-bottom-holder .infront-icon-element {
	color: #858585;
	font-size: 1rem;
}

.infront-footer-column-3 ul {
	margin: 0;
}

.infront-footer-column-3 ul li {
	list-style: none;
	padding-bottom: 0.3rem;
}

.infront-footer-column-3 ul li a {
	color: #858585;
}

.infront-footer-column-3 ul li a:hover {
	color: #16d5cc;
}

.infront-footer-column-4 .infront-newsletter-submit .infront-btn {
	padding: 10px 28px 5px;
}

.infront-footer-column-4 input[type="email"] {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn11 {
	height: 60px;
	top: 10px;
	right: 0;
	transition-duration: 0.5s;
}

.btn11 .icon-left {
	transition-duration: 0.5s;
	position: absolute;
	height: 4px;
	width: 15px;
	top: 30px;
	background-color: #212121;
	right: 15px;
}

.btn11 .icon-left::before {
	transition-duration: 0.5s;
	position: absolute;
	width: 15px;
	height: 4px;
	background-color: #212121;
	content: "";
	top: -10px;
	right: 0;
}

.btn11 .icon-left::after {
	transition-duration: 0.5s;
	position: absolute;
	width: 15px;
	height: 4px;
	background-color: #212121;
	content: "";
	top: 10px;
	right: 0;
}

.btn11 .icon-left:hover {
	cursor: pointer;
}

.btn11 .icon-right {
	transition-duration: 0.5s;
	position: absolute;
	height: 4px;
	width: 15px;
	top: 30px;
	background-color: #212121;
	right: 15px;
	right: 0;
}

.btn11 .icon-right::before {
	transition-duration: 0.5s;
	position: absolute;
	width: 15px;
	height: 4px;
	background-color: #212121;
	content: "";
	top: -10px;
	right: 0;
}

.btn11 .icon-right::after {
	transition-duration: 0.5s;
	position: absolute;
	width: 15px;
	height: 4px;
	background-color: #212121;
	content: "";
	top: 10px;
	right: 0;
}

.btn11.open .icon-left {
	transition-duration: 0.5s;
	background: transparent;
}

.btn11.open .icon-left::before {
	transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
}

.btn11.open .icon-left::after {
	transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
}

.btn11.open .icon-right {
	transition-duration: 0.5s;
	background: transparent;
}

.btn11.open .icon-right::before {
	transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
}

.btn11.open .icon-right::after {
	transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
}

.btn11:hover {
	cursor: pointer;
}

/* taxonomy */
.product-body {
  margin-top: 20px;
}

.product-weight-range {
  padding-top: 10px;
  padding-bottom: 10px;
}

.product-text {
  padding-bottom: 5px;
}

.extra-gap-row {
    margin-top: 3rem; 
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
}

.product.h5.mb-0 {
  color: #16d5cc;
}

.infron-products-title.infront-section-title {
  margin-bottom: 45px;
}
/* accordion */
.accordion-button {
	color: #16d5cc;
	font-weight: 600;
	border: none;
	background-color: #f9f9f9;
	transition: background-color 0.3s, color 0.3s;
}
.accordion-button:not(.collapsed) {
	background-color: #16d5cc;
	color: white;
	box-shadow: none;
}
/* .accordion-button:focus {
	box-shadow: 0 0 0 0.25rem rgba(22, 213, 204, 0.5);
	outline: none;
} */

/* Remove border radius to keep consistent */
.accordion-button {
	border-radius: 0;
}

/* Image styling */
.accordion .image-container img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	object-fit: cover;
}

.accordion .row > .col-md-5 {
	padding-right: 15px;
}
.accordion .row > .col-md-7 {
	padding-left: 15px;
}

.board-sticky-sidebar {
  position: sticky;
  top: 20px;   /* distance from top of screen */
  z-index: 100; /* keep above content if overlapping */
}

/* partners */

.surf-client{
	padding-top: 120px;
	padding-bottom: 120px;
}
.surf-client .client-box img {
transition: transform 0.4s ease-in-out;
}

.surf-client .client-box:hover img {
	transform: scale(1.1); /* Zoom in */
}

.surf-client .g-4{
	margin-top: 35px;
}

.surf-client .headline.justify-content-center.sm-mt-40px{
	margin-top: 80px;
}

/* Partner logo box styling */
.client-box {
    background: #ffffff; 
    border: 1px solid #f1f1f1; 
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04);
}

/* Hover effect */
.client-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    border-color: #e0e0e0;
}

/* Ensure logos fit nicely */
.client-box img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.d-inline-block.align-middle {
  color: #16d5cc;
}

/* contact us */

.map-title {
  padding-bottom: 50px;
}

  .map-sub-section {
  display: flex;
  justify-content: center; 
  padding: 0 30px;
}

.map-content {
  display: flex;
  flex-direction: column;
  justify-content: center; 
  gap: 20px; 
  width: 100%;
}

.map-sub-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 30px;
}

/* Timeline */

.featurette {
  position: relative;
  margin-bottom: 6rem; 
  padding: 1.5rem;
  border-radius: 12px;
  background-color: #f9f9f9; 
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer; 
}

.featurette:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  background-color: #fff; 
  z-index: 5;
}

.featurette:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

.featurette-heading {
  margin-left: 35px;
}

.btn-gap {
    margin: 0 30px;
}

  /* Team Single Page Styling */
  .team-single {
    background: #f9f9f9;
    font-family: "Poppins", sans-serif;
  }

  /* Image */
  .team-image img {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border-radius: 15px;
  }
  .team-image:hover img {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  }

  /* Personal Info */
  .personal-info {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  }
  .personal-info .blockquote {
    font-style: italic;
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    border-left: 4px solid #16d5cc;
    padding-left: 12px;
    margin-bottom: 20px;
  }
  .personal-info .name {
    font-size: 2rem;
    font-weight: 700;
    color: #222;
  }
  .personal-info .designation {
    font-weight: 600;
    color: #16d5cc;
    letter-spacing: 1px;
  }

  /* Bio Section */
  .bio {
    background: #fff;
    border-radius: 15px;
    line-height: 1.8;
    font-size: 1rem;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  }


  /* Social Links */
  .social-links .btn {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
    transition: all 0.3s ease;
  }
  .social-links .btn:hover {
    background: #16d5cc;
    color: #fff;
    border-color: #16d5cc;
  }

  /* Achievements */
  .achievements {
    background: #f9fbff;
    border-left: 4px solid #16d5cc;
    padding: 25px 30px;
    border-radius: 10px;
  }
  .achievements .title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #222;
  }
  .achievements ul li {
    font-size: 1rem;
    color: #444;
    line-height: 1.6;
  }
  .achievements i {
    color: #16d5cc;
    flex-shrink: 0;
  }

  .achievements ul.list-unstyled {
    margin: 0; 
    padding: 0; 
  }

  .achievements ul.list-unstyled li {
    margin: 0;  
    padding: 0;  
  }

  .team-social-links .btn {
    color: #16d5cc !important;
    transition: all 0.3s ease;
  }

  .team-social-links .btn:hover {
    background: #16d5cc !important;
    color: #fff !important;
  }
  .team-favorite-surf{
    letter-spacing: 0px;
  }
  .designation.mb-3 {
  	font-size: 18px;
  }

  
  /* Gallery */

 .gallery-image-row-container {
    width: 100%;
    overflow: hidden; 
    margin: 0;
    padding: 0;
  }
  .image-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    margin: 0; 
    padding: 0; 
    line-height: 0; 
  }
  .image-row img {
    flex: 0 0 auto;
    width: 400px;
    height: 250px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease;
  }
  .image-row img:hover {
    transform: scale(1.05);
  }
  .image-row img.enlarge {
    transform: scale(1.2); 
    transition: transform 0.2s ease;
  }
  .fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  .fullscreen img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
  }
  @keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }
  @keyframes marquee-reverse {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
  }
  .image-row.row-1 {
    animation: marquee-reverse 20s linear infinite;
  }
  .image-row.row-2 {
    animation: marquee 20s linear infinite;
  }
  .image-row.paused {
    animation-play-state: paused;
  }
  @media (max-width: 768px) {
    .image-row img {
      width: 250px;
      height: 150px;
    }
  }


  /* Responsive */
  @media (max-width: 991px) {
    .personal-info {
      text-align: center;
    }
    .personal-info .blockquote {
      margin: 0 auto 20px;
    }
  }

@media (max-width: 767px) {
  .map-sub-section {
   margin-bottom: 100px;
  }

  .map-sub-section:last-child {
    margin-bottom: 0; /* no gap after the last map */
  }
}


/** Header Section */
@media (max-width: 991px) {

	.custom-video-align {
		margin-top: 2.5rem;
	}

	.infront-section-title {
		font-size: 35px;
	}

	.site-navbar .site-logo img {
		max-height: 50px;
		width: auto;
	}

	.infront-category-layout1 .infront-cat-content-wrap .h2-font {
		font-size: 30px;
		letter-spacing: 0.08em;
	}

	.infront-category-layout1 .infront-cat-content-wrap .h5-font {
		font-size: 17px;
	}

	.infront-category-layout1 .infront-cat-content-wrap .h3-font {
		font-size: 16px;
	}

	#navbarSupportedContent {
		padding-left: 0;
		padding-right: 0;
	}

	#navbarSupportedContent .site-navigation {
		padding: 20px 20px 0;
	}

	#navbarSupportedContent .site-navigation .site-menu .menu-item {
		border-bottom: 1px solid #cfcfcf;
	}

	#navbarSupportedContent .site-navigation .site-menu .menu-item a {
		padding: 10px;
	}

	#navbarSupportedContent #infront-search-opener-header {
		padding: 10px 20px;
	}

	#navbarSupportedContent #infront-search-opener-header .infront-search-opener-wrapper {
		padding: 10px 20px 10px;
		background-color: #16d5cc;
		color: #fff;
	}

	#navbarSupportedContent #infront-search-opener-header .infront-search-opener-wrapper .infront-search-icon-text {
		color: #fff;
	}

	.infront-callto-action .infront-custom-font-holder {
		font-size: 4rem;
		line-height: 5rem;
	}

	.infront-newsletter-section .infront-newsletter .infront-newsletter-input {
		margin-right: 0;
	}

	.infront-newsletter-section .infront-newsletter .infront-newsletter-submit {
		right: 10px;
	}

	.infront-linked-image-holder .infront-linked-image-image-holder:hover .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-subtitle {
		bottom: 40px;
	}

	.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-title {
		font-size: 40px;
	}

	.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-cover {
		width: 900px;
		height: 90px;
		transform: translate3d(-225px, 11px, 104px);
	}
}

@media (max-width: 810px) {

	.infront-section-title {
		font-size: 30px;
	}

	blockquote {
		padding-left: 65px;
	}

	blockquote::before {
		top: 40%;
		font-size: 200px;
	}

	.infront-linked-image-holder .infront-linked-image-image-holder:hover .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-subtitle {
		bottom: 40px;
	}

	.infront-linked-image-holder .infront-linked-image-image-holder .infront-linked-image-description-wrapper .infront-linked-image-description-inner .infront-linked-image-description .infront-linked-image-cover {
		width: 900px;
		height: 90px;
		transform: translate3d(-225px, 11px, 104px);
	}

	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100% !important;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
	}

	.wp-block-media-text.is-stacked-on-mobile.pb-125 {
		padding-bottom: 20px;
	}
}

@media (max-width: 480px) {

	.pb-125 {
		padding-bottom: 75px;
	}

	.pt-125 {
		padding-top: 75px;
	}

	h1,
	.infront-section-title {
		font-size: 27px;
	}

	h3 {
		font-size: 20px;
	}
	
	p.infront-st-caption {
		font-size: 17px;
	}

	.infront-category-layout1 .infront-cat-content-wrap .h2-font {
		font-size: 27px;
	}

	.infront-category-layout1 .infront-cat-content-wrap .h5-font {
		font-size: 17px;
	}

	.infront-category-layout1 .infront-cat-content-wrap .h3-font {
		font-size: 16px;
	}

	.infront-iwt-title {
		font-size: 16px;
	}

	.infront-btn {
		font-size: 10px;
	}

	.infront-contact-form .infront-contact-form-submit button {
		padding: 10px 35px 6px 35px;
	}

	blockquote {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 20px;
	}

	blockquote::before {
		left: -22px;
		top: 20%;
		font-size: 160px;
	}

	.wp-block-media-text.is-stacked-on-mobile.pb-125 {
		padding-bottom: 10px;
	}
	.sc-max-content {
  		margin: 0 10px 10px;
	}
}

.infront-surf .nav-link {
	border-radius: 0 !important;
}
.infront-surf .nav-link.active {
	background-color: #16d5cc !important;
	color: #fff !important;
}
.infront-surf .nav-link:hover {
	background-color: rgba(22, 213, 204, 0.15);
}
.infront-surf .tab-pane {
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: 3px solid #16d5cc;
	padding: 20px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	min-height: 250px; /* optional for consistent height */
}
.infront-surf .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	margin-top: 20px;
}
.infront-surf .video-container iframe,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.infront-surf  #v-pills-tab {
	flex-wrap: wrap !important;
}

/* On very small screens, make buttons about half width */
@media (max-width: 470px) {
	#v-pills-tab .nav-link {
	flex: 0 0 48%; /* roughly half width with some gap */
	margin-bottom: 0.5rem; /* some vertical spacing */
	}
}

/* SC Max Comparison */
.before-after-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 650px; /* Default fixed height */
  overflow: hidden;
}

.before-after-inner {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

/* Before image (fixed side) */
.before-image-wrapper {
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.before-image-wrapper .image-wrapper,
.before-image-wrapper .bw-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* After image (expandable) */
.after-image-container {
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.after-image-container .image-wrapper,
.after-image-container .after-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cropped by default */
  display: block;
}

/* Divider */
.middle-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #333;
  z-index: 3;
  transform: translateX(-50%);
}

.arrow-left {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 50%;
  padding: 4px 8px;
  font-size: 20px;
  transform: translate(-50%, -50%);
  user-select: none;
}

/* Mobile styles */
@media (max-width: 767px) {
  .before-after-inner {
    flex-direction: column;
    height: 650px;
  }

  .before-image-wrapper,
  .after-image-container {
    width: 100%;
    height: 50%;
  }

  .middle-divider {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
  }

  .arrow-left {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* Text content */
.text-content {
  padding: 0 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.sc-max-content {
  margin: 0 auto;
}

.sc-max-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
}

.sc-max-content ul li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.sc-max-content ul li::before {
  content: "✔";
  color: green;
  font-size: 14px;
  line-height: 1;
}


/* production details */


/* Ensure viewport stability */
#production-details {
  position: relative;
  min-height: auto; /* Full viewport height to avoid clipping */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible; /* Allow overflow to show exploded layers */
}

.infrontsurf-container {
  perspective: 800px;
  background: #fff;
  width: 100%;
  min-height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  overflow: visible; /* Ensure no clipping of exploded layers */
}

.infrontsurf-diagram {
  position: relative;
  width: 100%;
  max-width: 750px;
  aspect-ratio: 1/1;
  overflow: visible !important; /* Prevent clipping */
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  z-index: 100; /* Ensure diagram stays above other content */
}

.infrontsurf-diagram .main-image {
  width: 100%;
  max-width: 750px;
  height: auto;
  object-fit: contain;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}

.infrontsurf-diagram .layer {
  position: fixed; /* Use fixed to stay in viewport during scroll */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1/1;
  overflow: visible !important;
  opacity: 0;
  z-index: 5; /* Ensure layers are above main-image */
}

.infrontsurf-diagram .layer-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: auto;
}

.infrontsurf-diagram .layer img {
  width: 100%;
  height: auto;
  object-fit: contain;
  pointer-events: auto;
}

.infrontsurf-diagram .clear-coat { z-index: 10; }
.infrontsurf-diagram .urethane { z-index: 9; }
.infrontsurf-diagram .epoxy { z-index: 8; }
.infrontsurf-diagram .pvc { z-index: 7; }
.infrontsurf-diagram .fiberglass { z-index: 6; }
.infrontsurf-diagram .eps { z-index: 5; }

.infrontsurf-diagram .layer-label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px;
  border-radius: 0 0 3px 3px;
  font-size: 12px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.infrontsurf-diagram .layer-description {
  display: none;
}

.infrontsurf-diagram .layer,
.infrontsurf-diagram .layer-label {
  opacity: 1; 
}


.infront-image-capton {
  margin-top: 24rem;
  margin-bottom: 0.5rem; 
}



/* Popup styles (unchanged) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
  position: relative;
  max-width: 700px;
  width: 90%;
  perspective: 800px;
  background: #fff;
  padding: 1.5rem;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.popup-content * {
  margin: 0;
}

.popup-image {
  width: 100%;
  max-width: 700px;
  height: auto;
  object-fit: contain;
  cursor: pointer;
}

.popup-label {
  font-size: 1.1rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.popup-description {
  font-size: 0.9rem;
  color: #333;
  text-align: center;
  max-width: 90%;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 2rem;
  color: #000;
  cursor: pointer;
  z-index: 1001;
  padding: 10px; /* Increased hit area */
  line-height: 1; /* Ensure proper alignment */
  pointer-events: auto; /* Explicitly allow clicks */
}

.close-btn:hover {
  color: #555;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 2rem;
  color: #000;
  cursor: pointer;
  z-index: 1001;
  padding: 10px; /* Increased hit area */
  line-height: 1; /* Ensure proper alignment */
  pointer-events: auto; /* Explicitly allow clicks */
}

.close-btn:hover {
  color: #555;
}

.next-btn {
  padding: 0.5rem 1rem;
  background: #333;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.9rem;
}

.next-btn:hover {
  background: #555;
}


.close-brust-items {
  height: 300px; 
}


/* cat or product selection*/

.card-img-top {
    width: 415px;
    height: 285px;
    object-fit: contain; 
}

/*.tax-card-img-top {*/
/*  width: 425px;*/
/*  object-fit: contain;*/
/*  height: 318px;*/
/*}*/

.tax-product-image {
    width: 414px;     
    height: 317px;  
    overflow: hidden;
}

.tax-product-image img.tax-zoom-img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
}




/* Media queries for responsive layer sizing */
@media (max-width: 768px) {
  .infrontsurf-diagram {
    max-width: 400px;
  }
  .infrontsurf-diagram .main-image {
    max-width: 400px;
  }
  .infrontsurf-diagram .layer,
  .infrontsurf-diagram .layer-wrapper {
    max-width: 200px;
  }
    .popup-content {
    max-width: 500px;
    padding: 0.75rem;
    gap: 0.3rem;
  }
  .popup-image {
    max-width: 100%;
  }
  .popup-label {
    font-size: 0.95rem;
  }
  .popup-description {
    font-size: 0.8rem;
  }
  .next-btn {
    padding: 0.4rem 0.8rem;
    font-size: 0.85rem;
  }
}

@media (max-width: 576px) {
  .infrontsurf-diagram {
    max-width: 300px;
  }
  .infrontsurf-diagram .main-image {
    max-width: 300px;
  }
  .infrontsurf-diagram .layer,
  .infrontsurf-diagram .layer-wrapper {
    max-width: 150px;
  }

  .close-btn {
    font-size: 1.5rem; /* Slightly smaller for mobile */
    padding: 8px; /* Maintain hit area */
  }

  .popup-content {
    max-width: 90%;
    padding: 0.5rem;
    gap: 0.2rem;
  }
  .popup-image {
    max-width: 100%;
  }
  .popup-label {
    font-size: 0.85rem;
  }
  .popup-description {
    font-size: 0.75rem;
  }
  .next-btn {
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
  }
}