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, img, ins, kbd, q, s, samp,
small, strike, 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
{ margin: 0; padding: 0; border: 0; }

html
{ font-size: 62.5%; height: 100%; margin: 0; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body
{ line-height: 1.5; font-size: 1.6rem; font-family: 'proxima-nova', sans-serif; color: rgb(43, 43, 43); }
img
{ max-width: 100%; }
sup
{ font-size: 70%; position: relative; top: -4px; }
a
{ color: rgb(43, 43, 43); }
a:hover
{ text-decoration: underline; }
p, h2, h3
{ margin-bottom: 20px; font-weight: normal; }
h1
{ padding: 36px 0 5px; font-weight: normal; font-size: 4.5rem; line-height: 1.3; }
h2
{ font-size: 4rem; line-height: 1.2; }
h3
{ font-size: 2.1rem; line-height: 1.2; }
ul li
{ padding-bottom: 20px; }

.clear
{ clear: both; height: 0; line-height: 1px; }
.bold
{ font-weight: bold; }
.italic
{ font-style: italic; }
.container
{ max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.yellowButton, .mktoForm .mktoButtonWrap.mktoRound .mktoButton
{ background-color: rgb(255,206,1) !important; border-radius: 100px !important; padding: 8px 20px !important; color: #000 !important; font-weight: bold !important; text-decoration: none !important; display: inline-block !important; background-image: none !important; border: none !important; cursor: pointer ;}
.yellowButton:hover, .mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover
{ background-color: rgb(242,188,1) !important; }
.mktoForm .mktoButtonWrap.mktoRound
{ margin: 0 !important; }

.diagonalImageBanner
{ background:url('https://go.kibocommerce.com/rs/032-GWP-783/images/commerce-competitors.png') no-repeat center center / cover; color: #fff; min-height: 720px; display: flex; align-items: center; }
.diagonalImageBanner .container div
{ width: 60%; }
.diagonalImageBanner p
{ max-width: 500px; }
.diagonalImageBanner .yellowButton
{ margin-top: 30px; }
.diagonalImageBanner.bottom
{ min-height: 500px; }
.diagonalImageBanner.bottom .container div
{ width: 38%; min-width: 420px; }

.centeredFlexText
{ text-align: center; margin: 5% 0; }
.centeredFlexText .logos
{ display: flex; justify-content: center; flex-wrap: wrap; gap: 20px 0; align-items: center; }
.centeredFlexText .logos div
{ width: 20.1%; min-width: 150px; }
.centeredFlexText .logos.five div
{ width: 20%; min-width: 200px; }

.kiboTable .legend
{ color: rgb(153, 153, 153); display: flex; padding-bottom: 24px; }
.kiboTable .legend div
{ width: 33.3%; }
.kiboTable .legend div img
{ vertical-align: middle; margin-right: 5px; }
.kiboTable table
{ border-spacing: 0; text-align: center; }
.kiboTable th, .kiboTable td
{ padding: 30px; }
.kiboTable thead tr
{ background-color: #4b4b4b; color: #fff; }
.kiboTable thead tr th
{ font-weight: normal; white-space: nowrap; }
.kiboTable thead tr th:nth-child(4)
{ background-color: #000;}
.kiboTable thead tr th:nth-child(4) img
{ display: block; }
.kiboTable tbody tr td:nth-child(4)
{ border-left: 3px solid #000; border-right: 3px solid #000; }
.kiboTable tbody tr:last-child td:nth-child(4)
{ border-bottom: 3px solid #000; }
.kiboTable tbody tr:nth-child(even)
{ background-color: #fafafa; border-radius: 5px; }
.kiboTable tbody tr td:first-child
{ text-align: left; }

.yellowBoxes .container
{ display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; }
.yellowBoxes .container div
{ border:1px solid #fed02a; border-radius: 5px; background-color: #fafafa; padding: 20px; width: calc(33.3% - 62px); box-shadow:rgb(254, 208, 42) 7px 4px 0px 1px; }
.yellowBoxes.centered
{ padding: 6% 0 8%; text-align: center; }
.yellowBoxes.centered h2
{ max-width: 700px; margin: 0 5% 20px; }
.yellowBoxes.centered .container div
{ padding-top: 5%; padding-bottom: 5%; }
.yellowBoxes.centered .container div > *
{ padding: 0 20px; }

.icons
{ text-align: center; }
.icons .container > div
{ display: flex; flex-wrap: wrap; gap: 20px; text-align: left; padding-bottom: 4%; justify-content: center; }
.icons .container > div div
{ width: calc(33.3% - 13px); }
.icons .container > div div img
{ vertical-align: middle; margin-right: 14px; }

.quote
{ padding-bottom: 7%; }
.quote .container
{ color: #fff; text-align: center; background:url('https://go.kibocommerce.com/rs/032-GWP-783/images/quote-back.png') no-repeat center center / cover; max-width: 1083px; padding: 30px 0; min-height: 376px; }
.quote .container > *
{ max-width: 820px; margin: 0 auto; padding: 0 20px; }
.quote .container h3
{ color: rgb(255, 200, 0); font-size: 2.6rem; padding-bottom: 20px; max-width: 600px; }
.quote .source
{  text-align: left; max-width: 290px; margin: 5% auto 0; line-height: 1.2; }
.quote .source img
{ float: left; margin-right: 20px; border-radius: 50%; }
.quote .source p:first-of-type
{ font-size: 1.8rem; }
.quote .source p:last-child
{ color: rgb(153, 153, 153); }

#form
{ color: #fff; background:url('https://go.kibocommerce.com/rs/032-GWP-783/images/form-back.png') no-repeat center center / cover; padding: 4% 0; }
#form .container
{ display: flex; align-items: center; gap: 13%; }
#form ul
{ padding-left: 20px; }
#form .right
{ background-color: #f4f4f4; padding: 3%; max-width: 320px; margin-right: 5%; }
#form .right h2
{ color: #000; text-align: center; font-size: 2.5rem; }
#form .right h3
{ font-size: 1.6rem; margin-bottom: 0; }

.footer
{ background-color: #000; color: #fff; padding: 40px 0; }
.footer a
{ color: #fff; text-decoration: none; }
.footer .copy
{ display:inline; }
.footer .links
{ float:right; }

.imageText .container
{ display: flex; align-items: center; gap: 4%;}
.imageText .image
{ width: 43%; }
.imageText .text
{ width: 53%; order:1; }

.threeColText
{ text-align: center; padding: 4% 0 8%; }
.threeColText .cols
{ display: flex; justify-content: space-around; gap: 4%; text-align: left; }
.threeColText .cols div
{ width: 33.3%; }

.video
{ text-align: center; color: #fff; background:url('https://go.kibocommerce.com/rs/032-GWP-783/images/dark-back.png') no-repeat center center / cover; padding: 5% 0; }
.video .container
{ max-width: 880px; }
.video .iframe
{ position: relative; padding-bottom: 56.25%; overflow: hidden; margin: 50px 0 20px; }
.video .iframe iframe
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only all and (max-width: 1100px)
{
	.kiboTable .legend
	{ gap: 20px; }
	.kiboTable th, .kiboTable td
	{ padding: 20px; }

	.icons .container > div
	{ max-width: 700px; margin: 0 auto; }
	.icons .container > div div
	{ width: calc(50% - 10px); }
}

@media only all and (max-width: 900px)
{
	h1
	{ font-size: 3.4rem; }
	h2
	{ font-size: 2.8rem; }

	.diagonalImageBanner.bottom
	{ background-position: left center; }

	.kiboTable table
	{ font-size: 1.4rem; }
	.kiboTable thead tr th
	{ white-space: normal; line-height: 1.2; }
	.kiboTable th, .kiboTable td
	{ padding: 10px; }
	.kiboTable td img
	{ max-width: 20px; }

	.yellowBoxes .container div
	{ width: calc(50% - 58px); }

	#form .container
	{ gap: 10px; }
	#form .right
	{ margin-right: 0; }

	.footer
	{ text-align: center; }
	.footer .copy
	{ display: block; padding-bottom: 20px; }
	.footer .links
	{ float: none; }
}

@media only all and (max-width: 850px)
{
	.imageText .container
	{ display: block ; text-align: center; }
	.imageText .text, .imageText .image
	{ width: 100%; }
}

@media only all and (max-width: 750px)
{
	.icons .container > div
	{ max-width: 325px; }
	.icons .container > div div
	{ width: 100%; }

	#form
	{ padding: 8% 0; }
	#form .container
	{ display: block; }
	#form .container .left
	{ max-width: 400px; margin: 0 auto 5%; }
	#form .right
	{ margin: 0 auto; }

	.threeColText .cols
	{ display: block; text-align: center; }
	.threeColText .cols div
	{ width: 100%; padding-bottom: 20px;}
}

@media only all and (max-width: 650px)
{
	.diagonalImageBanner
	{ min-height: auto; padding: 70px 0; }

	.centeredFlexText
	{ margin: 12% 0; }

	.yellowBoxes.centered, .video, .threeColText
	{ padding: 16% 0; }

	.kiboTable .container
	{ padding: 0 10px; }
	.kiboTable .legend
	{ display: block; }
	.kiboTable .legend div
	{ width: 100%; padding: 6px 0; font-size: 1.4rem; }
	.kiboTable table
	{ font-size: 1.2rem; }
	.kiboTable th, .kiboTable td
	{ padding: 6px; }
	.kiboTable td img
	{ max-width: 12px; }

	.quote .container h3
	{ font-size: 2rem; }
}

@media only all and (max-width: 500px)
{
	.diagonalImageBanner
	{ background-position: left center; }
	.diagonalImageBanner.bottom
	{ min-height: 400px; }	  
	.diagonalImageBanner .container div, .diagonalImageBanner.bottom .container div
	{ width: 100%; min-width: auto; }
	
	
	.yellowBoxes .container div
	{ width: 100%; }

}

@media only all and (max-width: 400px)
{
	.kiboTable th, .kiboTable td
	{ padding: 3px; }
	.kiboTable thead tr th
	{ font-size: 1rem; }
	h2
	{ font-size: 2.6rem; }
}