/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 11 2025 | 16:46:08 */
/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a:active, a:focus {
	outline:none!important;
	border-style: none!importantnone;
    border: 0px!important;
}

html { 	width:100%;	height:100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.wp-site-blocks, .has-global-padding { padding:0!important; }
.wp-site-blocks > *, .wp-site-blocks > * + * { margin-block-start:0!important; margin-block-end:0!important; margin:0!important; }


/* START SITE CUSTOM CSS */
html { font-family: "Montserrat", serif; font-size:14px; line-height:16px; }

main { background:#f8f9f9; }

section { width:100%; margin:0!important; padding:90px 0; }
container {
	position:relative;
	display: block;
	margin: 0 auto;
	padding: 0 50px;
	max-width:1500px;
}

h1, h2 { color:#3e6482; font-size:4em; font-weight:bold; line-height:1em; letter-spacing:-.03em; }
h2 { margin-bottom:25px; }
h3 { color:#3e6482; font-size:1.5em; font-weight:bold; line-height:1em; margin-bottom:5px; }
h4 { color:#3e6482; font-size: 1.25em; font-weight:600; margin-bottom: 10px; }
p {
	color:#1a2b3a;
	font-size:1.2em;
	line-height:1.5em;
}

textarea { font-family: "Montserrat", serif; }
.btn {
	background:linear-gradient(#4790c8,#66b4db);
	display: inline-block;
	position:relative;
	padding:14px 20px;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	border:none;
	border-radius:10px;
	transition: ease-out .5s;
}
.btn span { position:relative; z-index:2; }
.btn::after {
	position:absolute;
	content:"";
	display:inline-block;
	background:url("/wp-content/uploads/images/Prinstant_Arrow.svg")no-repeat left center transparent;
	background-size:100% auto;
	width:30px;
	height:13px;
	right:20px;
	opacity:0;
	transition: ease-out .5s;
}
.btn:hover { padding-right:55px; }
.btn:hover::after { opacity:1; }
.form-button, input.button { cursor:pointer; }

.btn.secondary { color:#4791c8; }
.btn.secondary::after {
	position:absolute;
	content:"";
	display:block;
	width:calc(100% - 4px);
	height:calc(100% - 4px);
	background:#FFF;
	left:2px;
	top:2px;
	border-radius:8px;
	opacity:1;
}

.btn.secondary:hover { padding-right:20px; color:#FFF; }
.btn.secondary:hover::after { opacity:0; }

.threes { display:flex; width:100%; gap:30px; padding:0; margin:0;  }
.threes li { flex-basis:30%; }

.fours { display:flex; justify-content: center; width:100%; gap:30px; padding:0; margin:0; }
.fours li { flex-basis:25%; }

.sixes { display:flex; flex-wrap: wrap; justify-content: center; width:100%; gap:30px; padding:0; margin:0; }
.sixes li { flex-basis:30%; }

.wpforms-container { margin: 0 !important; }
.wpforms-form .wpforms-field-medium { max-width: 100% !important; }

/* PAGE HEADER STYLES */
header {
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	padding:25px 0;
	transition:ease-out .25s;
}
header .logo { width: 165px; }
header.scrolling {
	background:#FFF;
	box-shadow: 0 0 11px -7px #000;
}
header container {
	display: table;
	width: calc(100% - 100px);
}
header container > * { display:table-cell; vertical-align:middle; }
header nav { text-align:right; vertical-align: middle; }
header nav a { color:#1a2b3a; margin-left:25px; font-weight: 700; text-transform: uppercase; text-decoration: none; }
header .head-link { position:relative; }
header .head-link::after {
	position:absolute;
	bottom:-10px;
	left:0;
	content: "";
	background:#1a2b3a;
	width:0;
	height:3px;
	display:block;
	transition: ease-out .5s;
}
header .head-link:hover::after, header .head-link.on::after { width:100%; }
header nav .btn { margin-left:7px; }
header nav .btn.secondary { margin-left:25px; }

header #mobile-nav { display:none; cursor:pointer; width:35px; }
header #mobile-nav span {
	display: block;
	background: #4790c8;
	width:35px;
	height:5px;
	margin:0 auto 4px;
}
header #mobile-nav span:last-child { margin:0 auto 0; }
header #mobile-close { display:none; }

nav.on .mobile-nav-btn .first {
  transform: rotate(45deg);
}

/* FORM STYLES */
#contact-us {
	background:url(/wp-content/uploads/images/mobile-telephone.jpg) no-repeat center center transparent;
	background-size:cover;
	position:relative;
}
#contact-us::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(0,62,102,0.95) 23%, rgba(10,19,32,0.77) 90%);
}

#contact-us container { display:flex; align-items:center; gap:25px; }
#contact-us container > * { flex-basis:50%; }

#contact-us .form-text h2 { margin-bottom:10px; color:#FFF; }
#contact-us .form-text p { color:#FFF; }
#contact-us .form-text ul li {
	color:#FFF;
	font-size:1.2em;
	margin:20px 0;
}

#contact-us .gform_heading { display:none; }
#contact-us #gform_4 textarea {
	height: 100px;
	max-width: 100%;
	max-height: 200px;
}
#contact-us label, #contact-us legend { color:#FFF; }

#gform_confirmation_message_4 {
	color: #FFF;
	font-size: 3em;
	font-weight: bold;
}

/* PAGE FOOTER STYLES */
footer { background:#243442; color:#FFF; padding:60px 0; }
footer .logo { width:195px; filter: brightness(0)invert(1); }
footer nav { display:none; }
footer .bottom { margin-top:15px; }
footer p { color:#FFF; font-size:.95em; }
footer strong { display: block; font-weight:bold; margin-top:5px; }
footer .copyright { float:right; }

/* HOMEPAGE STYLES */
#home { padding-top:30px; }
#home .btn { margin-top:25px; }

#home .slider-container {
width: 100%;
overflow:hidden;
}

#home .slider {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
position: relative;
left: 0;
transition: left 1s;
}

#home .slider > li { display:flex; gap:25px; align-items:center; }
#home .slider li .left { width:auto; }
#home video { width:600px; }
#home h1 { font-size:5em; }

#home .slider.one li:first-child, .slider.two li:nth-child(2), .slider.three li:nth-child(3) { opacity:1; }
#home .slider.two { left:-100%; }
#home .slider.three { left:-200%; }

#home .slider > li { float: left; opacity:0; transition: .5s; }

#home .prevBTN, #home .nextBTN {
font-size: 2em;
background: none;
border: none;
color: #3e6482;
padding:0;
position:absolute;
top:50%;
}

#home .prevBTN { left: 14px; }
#home .nextBTN { right: 14px; }

#grow { background:#FFF; text-align:center; }
#grow container > p { margin:-15px auto 30px; max-width: 1000px; }
#grow .sixes img { margin-bottom:20px; }
#how-it-works { text-align:center; }
#how-it-works .fours { margin-bottom:25px; }
			
@keyframes gear-1 {
	100% { transform:rotate(360deg); }
}
@keyframes gear-2 {
	100% { transform:rotate(-360deg); }
}
			
.gear-holder { position:relative; width: 65px; height: 53px; margin:0 auto 15px; }
.gear { position:absolute; width:35px; }
#gear_1 { fill:#599ed4; left:0; top:0; animation:gear-1 6s linear infinite; animation-play-state: paused; }
#gear_2 { fill:#386181; right:0; bottom:0; animation:gear-2 6s linear infinite; animation-play-state: paused; }
.fours li:nth-child(1):hover .gear-holder * { animation-play-state: running!important; }
			
@keyframes arrow {
	0%   { top:0; }
	10%   { top:0; }
	50%   { top: -20px; }
	75%  { top: 5px; }
	85%  { top: -5px; }
	100%  { top: 0px; }
}
			
.cart-holder { position:relative; width: 50px; height: 42px; margin: 13px auto; }
#cart { fill:#376081; }
#arrow { fill:#599ed4;
	position:absolute;
	left:21px;
	top:0;
	width:20px;
	animation:arrow 2s ease infinite;
	animation-play-state: paused;
}
.fours li:nth-child(2):hover .cart-holder * { animation-play-state: running!important; }
			
@keyframes arrow-1 {
	0%   { left: 0; }
	50%  { left: 15px; }
	100%  { left: 30px; }
}
@keyframes arrow-2 {
	0%   { left: 15px; opacity:1; }
	50%  { left: 30px; opacity:1; }
	100%  { left: 45px; opacity:0; }
}
@keyframes arrow-3 {
	0%   { left:30px; opacity:1; }
	50%  { left:45px; opacity:0; }
	100%  { left:45px; opacity:0; }
}
@keyframes arrow-4 {
	0%   { left:-15px; opacity:0; }
	50%  { left:0; opacity:1; }
	100%  { left:15px; opacity:1; }
}
@keyframes arrow-5 {
	0%   { left:-30px; opacity:0; }
	50%  { left:-15px; opacity:0; }
	100%  { left:0; opacity:1; }
}
			
.arrow-holder { position:relative; width:60px; height:35px; margin:20px auto 16px; }
.arrow { position:absolute; width:30px; }
#arrow_1 { fill:#7ba6d6; left:0; z-index:3; animation: arrow-1 2s infinite; animation-play-state: paused; }
#arrow_2 { fill:#506b8a; left:15px; z-index:2; animation: arrow-2 2s infinite; animation-play-state: paused; }
#arrow_3 { fill:#7ba6d6; left:30px; z-index:1; animation: arrow-3 2s infinite; animation-play-state: paused; }
#arrow_4 { fill:#506b8a; left:-15px; z-index:4; opacity:0; animation: arrow-4 2s infinite; animation-play-state: paused; }
#arrow_5 { fill:#7ba6d6; left:-30px; z-index:5; opacity:0; animation: arrow-5 2s infinite; animation-play-state: paused; }
.fours li:nth-child(3):hover .arrow-holder * { animation-play-state: running!important; }
			
@keyframes check {
	0% { transform: scale(0); }
	20% { transform: scale(0); }
	50% { transform: scale(1.2); }
	65% { transform: scale(.8); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

.check-holder { position:relative; width:50px; height:35px; margin:23px auto 15px; }
.check-holder > * { position:absolute; left:0; top:0; }
.check-holder #checkmark {
	animation:check 2s ease infinite;
	animation-play-state: paused;
	width: 30px;
	left: 22px;
	top: -10px;
}
.fours li:nth-child(4):hover .check-holder * { animation-play-state: running!important; }

/* CATELOG PAGE STYLES */
#catalog p { margin-top:15px; }
#catalog p::first-child { margin-top:0; }
#catalog .catalog-button {
	background: url(/wp-includes/images/media/document.svg?_t=1740490834) no-repeat left center transparent;
	background-size: 20px;
	display: inline-block;
	color: #3e6482;
	font-size: 1.35em;
	margin-top: 25px;
	padding: 5px 0 5px 27px;
}

#product-list { background:#FFF; }
#product-list h2 { color:#000; font-size:3.5em; margin-bottom:-35px; }
#product-list h3 { font-size:2.25em; margin-bottom:15px; margin-top:60px; }
#product-list h3:first-child { margin-top: 0; }
#product-list .product-row { display:flex; flex-wrap:wrap; gap:30px 2%; }
#product-list .product-row > * { flex-basis:23%; }
#product-list .product-row > div { font-size:1.2em; line-height:1.5em; }
#product-list .product-row a { text-decoration:none; }
#product-list .product-row img { width:100%; border:2px solid #FFF; }
#product-list .product-row a:hover img { border:2px solid #3e6482; }
#product-list .product-row strong { display:block; font-weight:600; margin-top:15px; }

/* INTEGRATIONS PAGE STYLES */
#integrations h1, #integrations h4, #integrations p { color:#FFF; }
#integrations h4 { margin-bottom:25px; margin-top:10px; }

#everything-you-need { background:#FFF; text-align:center; z-index:1; position:relative; }
#everything-you-need .threes { margin-top:25px; }
#everything-you-need .threes li { border-right:1px solid #000; }
#everything-you-need .threes li:last-child { border:none; }
#everything-you-need .threes h2 { margin-bottom:0; }

#API {
	background:url(/wp-content/uploads/images/desk-picture.jpg) no-repeat center center; 
	background-size:cover;
	position:relative;
}
#API::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.5) 100%);
}
#API container {
	display:flex;
	align-items:center;
	gap:50px;
}
#API container > * { flex-basis:50%; }
#API .left {
  border-right: 1px solid #FFF;
  padding-right: 25px;
}
#API h2, #API p { color:#FFF; }


/* PRODUCT PAGE STYLES */
.product-hero { padding-bottom:0; }
.product-hero container::after { content:""; display:block; clear:both; }
.product-hero .image-section { display:flex; gap:20px; flex-wrap:wrap; width:350px; justify-content: space-between; float:left; margin-right:30px; }
.product-hero .image-section > * { flex-basis:47%; width:100%; }
.product-hero .image-section img:first-child { flex-basis: 100%; }
.product-hero h4 { color:#1a2b3a; font-weight:700; margin-top:10px; }
.product-hero ul li { font-size:1.2em; line-height:1em; margin-top:35px; }


/* ABOUT PAGE STYLES */
#about-us h1, #about-us h3, #about-us p { color:#FFF; }
#about-us .threes { margin-top:25px; }
#about-us .threes h3::after {
	content:"";
	background:#3e6482;
	display:block;
	width:50px;
	height:5px;
	margin: 10px 0 15px 0;
}

#why-choose-us { background:#FFF; text-align:center; position:relative; z-index:1; }
#why-choose-us img { margin-bottom:20px; }
#our-history { background:#FFF; position:relative; z-index:1; }
#our-values {
	background: url(/wp-content/uploads/images/stitching.jpg) no-repeat center center transparent;
	background-size:cover;
	position:relative;
}
#our-values::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.5) 100%);
}
#our-values h2, #our-values h3, #our-values p { color:#FFF; }
#our-values .threes { margin-bottom:15px; }
#about-features { text-align:center; background:#f8f9f9; position:relative; }
#about-features h2 { margin-bottom:0; }
#about-features .infinity-container {
	width:100px;
	margin:25px auto 10px;
}
#about-features .stock-container {
	width:65px;
	margin:-50px auto 5px;
}
#about-features .stock-container .box5, #about-features .stock-container .box4 {
	opacity:0;
}
#about-features .defect-container {
	width:95px;
	margin:0 auto 5px;
}
#about-features .experience-container {
	width:75px;
	margin:0 auto 5px;
}

/* PRIVACY POLICY PAGE STYLES */
.privacy-policy h1 { margin-bottom:0; }
.privacy-policy i {
	display: block;
	font-size: 1.2em;
	font-style: italic;
	margin: 5px 0 25px 0;
}
.privacy-policy p { margin-bottom:25px; }
.privacy-policy p strong { display:block; font-weight:bold; }
.privacy-policy ol {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 25px 20px;
	list-style: lower-alpha;
}
.privacy-policy ol.numbers { list-style:decimal; }
.privacy-policy ol li { margin-bottom:5px; }
.privacy-policy ul {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 25px 20px;
	list-style:disc;
}
.privacy-policy ul ul {
	font-size:inherit;
	line-height:inherit;
	list-style:circle;
}
.privacy-policy ol ol {
	font-size:inherit;
	line-height:inherit;
}
.privacy-policy ol strong, .privacy-policy ul strong { font-weight:bold; }

@media only screen and (max-width: 1250px) {
	#home .slider li .left { width:50%; }
	#home video { width:50%; }
}

@media only screen and (max-width: 1100px) {
	#home h1 { font-size:4em; }
}

@media only screen and (max-width: 875px) {
	header nav a { font-size:.8em; margin-left:15px; }
	header nav .btn.secondary { margin-left:15px; }
	#home .slider > li { display:block; float:none; }
	#home .slider li .left { width:100%; }
	#home video { width:100%; margin-top:35px; }
}
@media only screen and (max-width: 825px) {
	header nav {
		background:#FFF;
		display: block;
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		transition: .5s ease-out;
    }
	header nav.on { right:0; }
	header nav > * {
		display: block !important;
		margin: 0 !important;
		text-align: center;
		border-radius: unset !important;
	}
	header .head-link {
		padding: 20px;
		border-top: 2px solid #4790c8;
		font-size: 1em;
	}
	header .head-link::after { display:none; }
	header .head-link.on { background:#e5e5e5; }
	header .btn { padding: 20px 20px; }
	header .btn.secondary::after {
		width:100%;
		border-radius: 0;
		left:0;
	}
	header .logo { display:block; }
	header #mobile-nav { display:table-cell; }
	header #mobile-close { display:block; padding: 30px 20px; }
	header #mobile-close span {
		background: #4790c8;
		display: block;
		position: relative;
		width: 30px;
		height: 4px;
	}
	header #mobile-close span:first-child {
		transform: rotate(45deg);
	}
	header #mobile-close span:last-child {
		transform: rotate(-45deg);
		top: -4px;
	}
	
	footer .copyright {
		margin-bottom: 15px;
		float:none;
	}
	
	h1, h2 { font-size: 3em; line-height: .9em; }
	.fours, .threes { display:block; }
	.fours li, .threes li { margin-top:25px; }
	.fours li:fist-child, .threes li::first-child { margin-top:0; }
	
	#contact-us container { display:block; }
	#contact-us .form-text { margin-bottom:25px; }
	
	#home .slider li .left { width: 100%; }
	#home .slider li .right { display:none; }
	#home .slider-container { overflow:visible; }
	#home h1 { font-size:3em; }
	#everything-you-need .threes li {
		border-bottom: 1px solid #000;
		border-right:none;
		padding-bottom: 25px;
	}
	
	#product-list .product-row { gap: 30px 2%; }
	#product-list .product-row > * { flex-basis: 48%; }
	
	#API container { display: block; }
	#API .left {
		border-bottom: 1px solid #FFF;
		border-right:none;
		padding-bottom: 25px;
		padding-right:0;
	}
	#API .right { margin-top:25px; }
}