html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

body {
	color: #4C4C4C
}

@font-face {
	font-family: 'Graphik Regular';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-Regular.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Black';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-Black.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Black Italic';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-BlackItalic.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Bold';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-Bold.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik BoldItalic';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-BoldItalic.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Extralight';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-Extralight.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Extralight Italic';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-ExtralightItalic.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Light';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-Light.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Light Italic';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-LightItalic.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Medium';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-Medium.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Medium Italic';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-MediumItalic.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Regular Italic';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-RegularItalic.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Semibold';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-Semibold.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Semibold Italic';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-SemiboldItalic.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Super';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-Super.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Super Italic';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-SuperItalic.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Thin';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-Thin.otf?14491118872271631124) format("opentype")
}

@font-face {
	font-family: 'Graphik Thin Italic';
	src: url(//cdn.shopify.com/s/files/1/1354/7835/t/53/assets/Graphik-ThinItalic.otf?14491118872271631124) format("opentype")
}

.webpageContainer {
	max-width: 1280px;
	width: 100%;
	margin: auto;
	position: relative
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #f1f1f1
}

span,
a,
div,
li {
	text-rendering: geometricPrecision
}

.homepageBannerSection {
	position: relative;
	margin-bottom: -4px
}

.homepageBannerTextContainer {
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 940px;
	width: 90%
}

.homepageBannerTextContainer h1,
.homepageBannerTextContainer h2 {
	max-width: 557px
}

.homepageBannerImage {
	width: 100%;
	height: auto
}

.homepageMobileBannerImage {
	display: none;
	width: 100%;
	height: auto
}

@media only screen and (min-width: 634px) {
	.prodBannerTextContainer .review-aggregate-summary {
		display: none !important
	}
}

@media only screen and (min-width: 633px) {
	#shopify-section-prodBanner .homepageMobileBannerImage {
		display: none !important;
		width: 100%;
		height: auto
	}
}

.homepageBannerBigText {
	font-family: "Graphik Light", sans-serif;
	font-size: 50px;
	line-height: 50px
}

@media only screen and (min-width: 1280px) {
	.homepageBannerBigText {
		font-size: 50px;
		line-height: 54px
	}
}

.homepageBannerSmallText {
	font-family: "Graphik Light", sans-serif;
	font-size: 1.41vw;
	line-height: 1.8vw;
	padding-top: 6px
}

@media only screen and (min-width: 1280px) {
	.homepageBannerSmallText {
		font-size: 20px;
		line-height: 26px
	}
}

.homepageBannerButtonContainer {
	display: flex;
	width: 228px;
	justify-content: space-between;
	padding-top: 40px
}

.homepageBannerButton1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 105px;
	height: 31px;
	text-decoration: none;
	text-align: center;
	font-family: "Graphik Medium", sans-serif;
	font-size: 12px;
	border-radius: 20px;
	cursor: pointer
}

.homepageBannerButton2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 105px;
	height: 31px;
	text-decoration: none;
	text-align: center;
	font-family: "Graphik Medium", sans-serif;
	font-size: 12px;
	border-radius: 20px;
	cursor: pointer
}

.homepageBannerButton2 span {
	display: flex;
	justify-content: center;
	position: relative;
	top: 20%
}

.homepageBannerButton2 span img {
	width: 24px;
	height: 24px;
	position: relative;
	top: -6px;
	padding-right: 5px
}

.homepageProductSection {
	display: block;
	background: white;
	max-width: 1280px;
	margin: auto;
	padding-bottom: 35px
}

.homepageProductFlex {
	display: flex;
	max-width: 961px;
	margin: auto;
	justify-content: space-around
}

.homepageProductBlock,
.homepageCollectionBlock {
	overflow: hidden;
	height: 150px;
	width: 130px
}

.homepageProductImgContainer,
.homepageCollectionImgContainer {
	height: 115px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	transition: all .2s;
	opacity: 1
}

.homepageProductImg,
.homepageCollectionImg {
	width: 70px;
	height: auto;
	margin: 0px auto;
	position: relative;
	top: -4px
}

.homepageProductName,
.homepageCollectionName {
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	padding-top: 16px;
	transition: all .2s
}

.homepageProductPrice {
	font-family: "Graphik SemiBold", sans-serif;
	color: #7f7f7f;
	text-align: center;
	padding: 11px 0px 6px 0px;
	font-size: 18px;
	transition: all .2s
}

.homepageProductAffirm {
	font-size: 12px;
	font-family: "Graphik Regular", sans-serif;
	text-align: center;
	color: #b3b3b3;
	transition: all .2s
}

.homepageProductAffirm .price {
	font-family: "Graphik SemiBold", sans-serif;
	font-size: 14px
}

.homepageProductAffirm .small {
	font-size: 10px
}

.homepageProductAffirm img {
	width: 39px;
	padding-left: 4px
}

.homepageProductLink {
	padding-top: 5px;
	color: Fada4f;
	font-family: "Graphik Bold", sans-serif;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 12px;
	transition: all .2s
}

.homepageProductLink:hover {
	text-decoration: none;
	color: black
}

.homepageCollectionLink {
	color: #b3b3b3;
	font-family: "Graphik Regular", sans-serif;
	text-decoration: none;
	text-align: center;
	display: block;
	font-size: 12px;
	padding-bottom: 5px;
	padding-top: 10px;
	transition: all .2s
}

.homepageCollectionLink:hover {
	color: #f7cb07
}

.homepageProductText {
	color: #b3b3b3;
	font-family: "Graphik Regular", sans-serif;
	text-decoration: none;
	text-align: center;
	display: block;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 4px;
	transition: all .2s
}

.homepageProductBlock div,
.homepageProductBlock a,
.homepageCollectionBlock div,
.homepageCollectionBlock a {
	transition: all .2s;
	position: relative;
	top: 0px
}

.homepageProductBlock:hover div,
.homepageProductBlock:hover a,
.homepageCollectionBlock:hover div,
.homepageCollectionBlock:hover a {
	position: relative;
	top: -90px
}

.homepageProductBlock:hover .homepageProductImgContainer,
.homepageProductBlock:hover .homepageCollectionImgContainer,
.homepageCollectionBlock:hover .homepageProductImgContainer,
.homepageCollectionBlock:hover .homepageCollectionImgContainer {
	opacity: 0
}

.homepageSBSSection {
	background: white;
	padding-bottom: 60px;
	padding-top: 60px
}

.homepageSBSContainer {
	display: flex;
	max-width: 940px;
	margin: auto;
	justify-content: space-between
}

.homepageSBSBlock {
	width: calc(50% - 10px);
	position: relative;
	overflow: hidden;
	padding-top: 31%
}

.homepageSBSImage {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px
}

.homepageSBSImageOverlay {
	width: auto;
	height: 100%;
	top: 0px;
	position: absolute;
	display: none
}

.homepageSBSBlockText {
	position: absolute;
	top: 30px;
	width: calc(100% - 50px);
	left: 30px
}

.homepageSBSBlockHead {
	font-size: 26px;
	font-family: "Graphik Regular", sans-serif;
	color: white
}

.homepageSBSBlockSub {
	font-family: "Graphik Regular", sans-serif;
	color: white;
	font-size: 14px;
	padding-top: 3px
}

.homepageSBSBlockButton {
	width: 100px;
	display: flex;
	height: 31px;
	border: 1px solid white;
	border-radius: 20px;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	color: white;
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	text-decoration: none;
	margin-top: 16px;
	background: rgba(0, 0, 0, 0);
	transition: all .2s
}

.navBar {
	background: white;
	z-index: 2000;
	position: relative
}

.navBarContainer {
	max-width: 940px;
	width: 95vw;
	margin: auto;
	display: flex;
	justify-content: space-between
}

.navBarLogoContainer,
.navbarCartContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	top: -1px;
	left: -1px
}

.navBarLogo {
	margin-left: 2rem;
	height: 100%;
	max-height:70px;
	cursor: pointer;
	object-fit: contain;
}

.navBarNavFlex {
	display: flex;
/* 	justify-content: space-between; */
	width: 52.5%;
	margin-left: 50px;
}


.navBarCart {
	width: 24px;
	cursor: pointer
}

.navbarCartContainer {
	margin-right: 19px
}

.navbarCartContainer:after {
	content: "";
	background: rgba(0, 0, 0, 0);
	width: 51px;
	height: 5px;
	position: absolute;
	display: block;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%);
	transition: all .2s
}

.navbarCartContainer:hover:after {
	content: "";
	background: #Fada4f
}

.navBarLink,
.navBarProduct {
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: black;
	text-decoration: none;
	height: 70px;
	cursor: pointer;
	margin-right: 60px;
}
.current{
	border-bottom: 3px solid #Fada4f;
}

.navBarLink:after,
.navBarProduct:after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: #Fada4f;
	opacity: 0;
	position: relative;
	transition: all .2s;
	top: 26px
}

.navBarLink:hover:after,
.navBarProduct:hover:after {
	opacity: 1
}

.navBarProductSection {
	background: white;
	width: 100%;
	position: absolute;
	z-index: 10;
	top: 70px;
	left: 0px
}

.navBarProductSection:before {
	content: "";
	display: block;
	width: 30%;
	height: 70px;
	position: absolute;
	top: -70px
}

.navBarProductContainer {
	display: flex;
	max-width: 940px;
	width: 95vw;
	margin: auto;
	justify-content: space-between;
	padding-top: 20px
}

.navBarProductAreaBlock {
	width: 28%
}

.navBarProductAreaTitle {
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 2px solid #f1f1f1;
	color: #b3b3b3
}

.navBarProductAreaInnerContainer {
	display: flex;
	justify-content: space-between
}

.navBarProductBlock {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	height: 190px;
	justify-content: flex-end;
	padding-bottom: 35px;
	position: relative
}

.navBarProductBlock span {
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	color: #7f7f7f;
	text-align: center;
	padding-top: 20px
}

.navBarProductBlock img {
	display: block;
	height: 120px;
	object-fit: scale-down;
	position: relative;
	top: 0px;
	transition: all .3s
}

.navBarProductBlock:hover img {
	top: -35px
}

.navBarProductClose {
	position: absolute;
	width: 300vw;
	height: 100vw;
	position: absolute;
	top: 71px;
	left: -100vw;
	z-index: 5;
	display: none
}

.navBarProductNew {
	position: absolute;
	bottom: 16px;
	width: 100%;
	color: #Fada4f !important;
	font-family: "Graphik Bold", sans-serif !important
}

.mobile {
	display: none !important
}

.desktop {
	display: flex !important
}

.footerSection {
	background: #5c5c5c;
	height: 140px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: -35px
}

.footerContainer {
	max-width: 940px;
	width: 95vw;
	margin: auto;
	flex-direction: column
}

.footerTopRow {
	display: flex;
	justify-content: space-between
}

.footerLogo {
	width: 68px;
	height: 21px;
	position: relative;
	top: -2px
}

.footerNewsInput {
	-webkit-appearance: none;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid white;
	border-radius: 4px;
	padding: 6px;
	color: white;
	width: 290px
}

.footerNewsInput::placeholder {
	color: white
}

.footerMidRow {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	padding-bottom: 10px;
	position: relative;
	top: -2px
}

.footerNav {
	display: flex;
	justify-content: space-between;
	width: 100%
}

.footerNavLink {
	font-size: 12px;
	font-family: "Graphik Regular", sans-serif;
	color: white;
	text-decoration: none
}

.footerNavLink:hover {
	color: #919191
}

.footerSocial {
	display: flex
}

.footerSocialLink {
	display: flex;
	flex-direction: column
}

.footerSocialIcon {
	height: 18px;
	padding-left: 52px;
	position: relative;
	top: -6px
}

.footerSocialIcon:hover {
	filter: brightness(0.6)
}

.footerBottomRow {
	background: #5c5c5c;
	position: absolute;
	bottom: -25px;
	width: 100%
}

.footerLegal {
	font-size: 12px;
	color: #919191;
	font-family: "Graphik Regular", sans-serif;
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid #707070;
	display: block;
	width: 100%;
	padding-bottom: 20px;
	max-width: 1160px;
	margin: auto
}

#shopify-section-newFooter {
	position: relative
}

#shopify-section-prodSticky {
	position: sticky;
	position: -webkit-sticky;
	display: block;
	background: rgba(255, 255, 255, 0.7);
	height: 46px;
	width: 100%;
	top: 70px;
	z-index: 10;
	margin-bottom: -46px
}

.prodSticky {
	display: flex;
	max-width: 940px;
	width: 95vw;
	margin: auto;
	justify-content: space-between;
	height: 100%
}

.prodStickyTitle {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: "Graphik Regular", sans-serif;
	font-size: 15px
}

.prodStickyBuy {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.prodStickyBuy button {
	width: 125px;
	position: relative;
	left: -10px;
	height: 35px;
	-webkit-appearance: none;
	border: none;
	border-radius: 20px;
	background: #EB2E3D;
	color: white;
	font-family: "Graphik Medium", sans-serif;
	font-size: 15px;
	padding-top: 2px;
	cursor: pointer;
	text-align: center;
	align-items: center
}

.prodBannerTextContainer {
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 940px;
	width: 90%
}

.prodBannerTextContainer h1,
.prodBannerTextContainer h2 {
	max-width: 557px
}

.prodBannerBigText {
	font-family: "Graphik Light", sans-serif;
	font-size: 50px;
	line-height: 50px
}

@media only screen and (min-width: 1280px) {
	.prodBannerBigText {
		font-size: 50px;
		line-height: 54px
	}
}

.prodBannerSmallText {
	font-family: "Graphik Light", sans-serif;
	font-size: 1.41vw;
	line-height: 1.8vw;
	padding-top: 0px
}

@media only screen and (min-width: 1280px) {
	.prodBannerSmallText {
		font-size: 20px;
		line-height: 26px
	}
}

.prodBannerButtonContainer {
	display: flex;
	width: 228px;
	justify-content: space-between;
	padding-top: 15px
}

.prodBannerButton1 button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 105px;
	height: 31px;
	text-decoration: none;
	text-align: center;
	font-family: "Graphik Regular", sans-serif;
	font-size: 12px;
	border-radius: 20px;
	-webkit-appearance: none;
	border: none;
	background: #Fada4f;
	color: white;
	padding: 0px;
	padding-top: 2px;
	align-items: center;
	cursor: pointer
}

.prodBannerButton1 button:hover {
	background: #E01E2A
}

.prodBannerMiniText {
	font-family: "Graphik Regular", sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding-top: 6px;
	color: #919191
}

.prodBannerColorSelect {
	display: flex;
	padding-top: 15px
}

.prodFirstColorBubble {
	width: 22px;
	height: 22px;
	background: #c7c7c7;
	border: 5px solid white;
	border-radius: 100%;
	cursor: pointer;
	margin-right: 10px
}

.prodSecondColorBubble {
	width: 22px;
	height: 22px;
	background: #2e2e2e;
	border: 5px solid white;
	border-radius: 100%;
	margin-left: 5px;
	cursor: pointer
}

.prodColorText {
	height: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	font-family: "Graphik Regular", sans-serif;
	color: #7c7c7c;
	padding-left: 10px
}

.prodMarbleSection {
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	position: relative;
	padding-bottom: 127px
}

.prodMarbleSBS {
	display: flex;
	max-width: 940px;
	width: 95%;
	margin: auto;
	padding-top: 30px;
	flex-wrap: wrap
}

.prodMarbleSBSLeftImg {
	width: 50%;
	display: flex;
	justify-content: center;
	position: relative;
	left: 18px
}

.prodMarbleSBSLeftImg img {
	position: relative;
	left: -30px;
	top: 30px
}

.prodMarbleSBSRightText {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	left: -10px;
	top: 9px
}

.prodMarbleSBSTextInner {
	max-width: 400px
}

.prodMarbleSBSTextInner .big {
	display: block;
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	color: #4c4c4c;
	padding-bottom: 5px
}

.prodMarbleSBSTextInner .small {
	line-height: 20px;
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	color: #919191
}

.prodMarbleSBSRightImg {
	width: 50%;
	display: flex;
	justify-content: center
}

.prodMarbleSBSRightImg img {
	position: relative;
	transform: scale(1.07);
	left: -3px;
	top: 4px;
	width: 100%;
	height: auto;
	margin: auto
}

.prodMarbleSBSLeftText {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.prodMarbleFloatingImg1 {
	position: absolute;
	top: 50px;
	left: 50%;
	max-width: 940px;
	width: 95%;
	display: flex;
	justify-content: flex-end;
	transform: translateX(-50%)
}

.prodMarbleFloatingImg2 {
	position: absolute;
	top: 355px;
	left: 50%;
	width: 1280px;
	transform: translateX(-50%)
}

.prodMarbleFloatingImg2 img {
	transform: translateX(-220px);
	position: relative;
	left: -74px
}

.prodMarbleFloatingImg3 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 50%;
	display: flex;
	justify-content: flex-end
}

@media only screen and (max-width: 1280px) {
	.prodMarbleFloatingImg3 {
		bottom: calc((28vw - 360px) * 4)
	}
}

.prodImgBreakSection {
	height: 500px;
	background-size: cover;
	background-position: right center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.prodImgBreakTextContainer {
	width: 400px;
	position: relative;
	left: 50%;
	padding-left: 70px
}

.prodImgBreakTextContainer .big {
	display: block;
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	color: white;
	padding-bottom: 10px;
	padding-top: 26px
}

.prodImgBreakTextContainer .small {
	line-height: 20px;
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	color: white
}

@media only screen and (max-width: 1280px) {
	.prodImgBreakTextContainer {
		left: 100%;
		transform: translateX(-640px)
	}
}

.prod3Section {
	height: 500px;
	background: white;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.prod3Title {
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	color: #4c4c4c;
	text-align: center;
	padding-bottom: 20px;
	position: relative;
	top: -11px
}

.prod3Flex {
	display: flex;
	width: 940px;
	margin: 0px auto;
	justify-content: space-between;
	position: relative;
	top: -13px
}

.prod3FlexItem {
	width: 300px
}

.prod3FlexItem img {
	transform: translateX(-4px)
}

.prod3FlexItem .big {
	padding-top: 10px;
	font-size: 20px;
	font-family: "Graphik Medium", sans-serif;
	letter-spacing: 0.1;
	text-align: center;
	padding-bottom: 5px;
	color: #4c4c4c;
	display: block
}

.prod3FlexItem .small {
	font-family: "Graphik Medium", sans-serif;
	color: #919191;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	display: block
}

.slick-prev {
	background-image: url(https://cdn.shopify.com/s/files/1/1354/7835/files/Arrow2.png?4712207165856662113);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: contain;
	color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translateY(-50%);
	z-index: 5;
	cursor: pointer;
	opacity: 0;
	transition: all .2s
}

.slick-prev:hover {
	opacity: 1 !important
}

.slick-prev:active {
	outline: none
}

.slick-prev:focus {
	outline: none
}

.slick-next {
	background-image: url(https://cdn.shopify.com/s/files/1/1354/7835/files/Arrow2-2.png?4712207165856662113);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: contain;
	color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	z-index: 5;
	cursor: pointer;
	opacity: 0;
	transition: all .2s
}

.slick-next:hover {
	opacity: 1 !important
}

.slick-next:active {
	outline: none
}

.slick-next:focus {
	outline: none
}

.prodSlide {
	padding-top: 49%;
	position: relative;
	width: 620px !important
}

.prodSlide a {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .2s;
	opacity: 0;
	width: 30px;
	height: 40px
}

.prodSlide a img {
	width: 100%;
	height: 100%
}

.prodSliderSection:hover .slick-prev,
.prodSliderSection:hover .slick-next {
	opacity: .6
}

.prodSliderSection .slick-center:after {
	opacity: 0 !important
}

.prodSliderSection .slick-center a {
	opacity: 1;
	width: 30px;
	height: 40px;
	cursor: pointer;
	z-index: 5
}

.prodSliderSection .slick-center a img {
	width: 100%;
	height: 100%
}

.prodSliderSection .slick-center a:before {
	content: "";
	background-image: url(https://cdn.shopify.com/s/files/1/1354/7835/files/playHover.png?537008381126383299);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .2s
}

.prodSliderSection .slick-center a:hover:before {
	opacity: 1
}

.prodSliderSection .slick-slide {
	-webkit-transform: translate3d(0, 0, 0);
	margin: 0px 10px;
	height: 300px !important;
	position: relative
}

.prodSliderSection .slick-slide:after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	background: black;
	opacity: .6;
	transition: all .2s
}

.prodSliderSection {
	background: #d8d8d8;
	margin-bottom: 20px
}

.prodSecuritySection {
	height: 250px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #919191
}

.prodSecuritySection img {
	display: block;
	margin: 0px auto;
	padding-bottom: 20px;
	width: 70px;
	height: auto;
	position: relative;
	top: -8px
}

.prodSecuritySection .big {
	width: 460px;
	display: block;
	margin: 0px auto;
	padding-bottom: 5px;
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	color: white;
	text-align: center;
	position: relative;
	top: -4px
}

.prodSecuritySection .small {
	width: 460px;
	display: block;
	margin: 0px auto;
	font-family: "Graphik Regular", sans-serif;
	color: white;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	top: -3px
}

.prodFeatSection {
	background-color: white;
	background-image: url(https://cdn.shopify.com/s/files/1/1354/7835/files/gradient.jpg?2172323599343432786);
	background-position: top;
	background-size: 100%;
	background-repeat: no-repeat;
	overflow-x: hidden;
	padding-bottom: 0px
}

.prodFeatTitle {
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	padding-top: 70px;
	color: #4c4c4c
}

.prodFeatImgSBS {
	padding-top: 50px;
	display: flex;
	justify-content: center;
	padding-bottom: 90px
}

.prodFeatImgBlock1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 153px;
	position: relative;
	left: -25px
}

.prodFeatImgBlock1 img {
	width: fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}

.prodFeatImgBlock1 span {
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	padding-top: 11px;
	position: relative;
	left: -5px
}

.prodFeatImgBlock2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 121px;
	position: relative;
	left: -27px
}

.prodFeatImgBlock2 img {
	width: fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}

.prodFeatImgBlock2 span {
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	padding-top: 11px
}

.prodFeatSelector {
	width: 380px;
	margin: auto;
	position: relative;
	left: -40px
}

.prodFeatSelectorFeatures,
.prodFeatSelectorSpecs {
	width: 188px;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	font-family: "Graphik Regular", sans-serif;
	color: #4c4c4c;
	transition: all .2s;
	cursor: pointer
}

.prodActive {
	font-family: "Graphik Medium", sans-serif;
	color: #Fada4f
}

.prodFeatSelectorSlider {
	width: 100%;
	height: 2px;
	background: #979797;
	margin-top: 2px
}

.prodFeatSelectorRed {
	width: 50%;
	height: 3px;
	background: #EE3B37;
	transform: translateY(-0.5px);
	transition: all .5s;
	position: relative;
	left: 0%
}

.prodFeatAccContainer {
	display: flex;
	width: 200%;
	justify-content: space-around;
	transform: translateX(-50%);
	padding-top: 34px;
	transition: all .5s
}

.prodFeatAccFeatures,
.prodFeatAccSpecs {
	width: 622px
}

.prodFeatAccTitle {
	border-bottom: 1px solid #cdcdcd;
	padding-top: 10px;
	padding-bottom: 1px;
	cursor: pointer
}

.prodFeatAccTitleText {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 20px;
	padding-bottom: 5px;
	color: #4c4c4c
}

.prodFeatAccTitlePlus {
	display: inline-block;
	font-size: 20px;
	float: right;
	transition: all .2s
}

.prodFeatAccContent {
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: "Graphik Regular", sans-serif;
	font-size: 15px;
	color: #919191
}

.prodWorksSection {
	height: 716px;
	background-size: cover;
	background-position: left center;
	margin-bottom: 20px;
	margin-top: -30px
}

.prodWorksText {
	width: 400px;
	position: relative;
	left: 170px;
	top: 100px
}

.prodWorksText .big {
	display: block;
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	color: #4c4c4c;
	padding-bottom: 5px
}

.prodWorksText .small {
	line-height: 20px;
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	color: #4c4c4c;
	padding-bottom: 15px;
	display: block
}

.prodCompatSection {
	padding-top: 30px;
	background-size: cover;
	height: 352px;
	margin-top: -5px
}

.prodCompatTitle {
	text-align: center;
	font-size: 26px;
	color: white;
	font-family: "Graphik Medium", sans-serif;
	padding-bottom: 5px
}

.prodCompatImg {
	display: block;
	margin: auto;
	padding-bottom: 5px
}

.prodCompatText {
	width: 460px;
	margin: auto;
	text-align: center;
	color: white;
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 20px
}

body {
	overflow-x: hidden
}

body.no-scroll-fixed {
	overflow: hidden !important;
	height: 100% !important
}

.mobileNavSection,
.mobileNavProdSection {
	display: none
}

#ajax-cart {
	position: absolute;
	display: none;
	z-index: 1000;
	background-color: white;
	top: 70px;
	height: calc(100vh - 70px);
	width: 375px;
	right: 0px;
	overflow-y: scroll
}

.site-overlay {
	width: 100%;
	height: calc(100vw - 70px);
	position: absolute;
	top: 70px;
	z-index: 900;
	left: 0px;
	display: none;
	background-color: rgba(35, 31, 31, 0.6)
}

.items-entry {
	background: white
}

.ajax-cart_item {
	display: flex;
	position: relative
}

.ajax-cart_item:after {
	content: "";
	background-image: url(https://cdn.shopify.com/s/files/1/1354/7835/files/underItemFade.png?7614375906690524536);
	height: 16px;
	width: 329px;
	background-size: 370px;
	background-position: center;
	position: absolute;
	bottom: -16px;
	left: 50%;
	transform: translate(-50%)
}

.ajax-cart_item_col--left {
	width: 33%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.ajax-cart_item_col--left img {
	width: 100%;
	height: auto
}

.ajax-cart_item_col--right {
	width: 66%;
	height: 150px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.ajaxInflex {
	width: 80%
}

.ajax-cart_item_col_title {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	text-decoration: none;
	color: #4c4c4c
}

.ajax-cart_item_col_text {
	font-size: 10px;
	color: #919191;
	font-family: "Graphik Regular", sans-serif;
	display: block;
	padding-top: 4px
}

.ajaxQuant {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(20%);
	display: flex
}

.ajaxQuant .ajax-cart_item_col_info_block {
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px
}

.ajax-cart_item_col_info_block .ajax-cart_item_col_text {
	padding-top: 15px
}

.subtract-item {
	font-size: 20px;
	color: #4c4c4c;
	position: relative;
	top: -2px;
	padding-right: 5px;
	cursor: pointer
}

.increase-item {
	font-size: 13px;
	color: #4c4c4c;
	padding-left: 5px;
	position: relative;
	top: -0.5px;
	cursor: pointer
}

#cartTotal {
	font-size: 13px;
	font-family: "Graphik Medium", sans-serif;
	color: #4c4c4c
}

.c-quantity {
	padding: 15px 0px
}

.ajax-cart_total_text {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	color: #4c4c4c;
	display: block;
	text-align: left;
	padding: 0px 25px;
	float: left
}

.ajax-cart_total_amount {
	font-size: 20px;
	color: #4c4c4c;
	font-family: "Graphik Medium", sans-serif;
	letter-spacing: .5px;
	display: inline-block
}

.ajax-price-container {
	padding: 0px 20px;
	display: block;
	text-align: right
}

.ajax-currency {
	font-size: 20px;
	color: #4c4c4c;
	font-family: "Graphik Medium", sans-serif;
	letter-spacing: .5px;
	display: inline-block
}

.ajax-subtext {
	display: block;
	text-align: right;
	padding: 0px 20px;
	font-family: "Graphik Regular", sans-serif;
	font-size: 12px;
	color: #919191;
	margin-top: 5px;
	line-height: 16px
}

.ajax-subtext img {
	width: 29px;
	height: auto
}

.ajax-cart_submit-button {
	position: initial;
	bottom: 40px;
	right: 40px;
	height: 50px;
	width: 300px;
	border-radius: 60px;
	max-width: 375px;
	background: #Fada4f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: "Graphik Medium", sans-serif;
	color: white;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	margin: auto
}

.ajax-cart_submit-button:active:hover {
	background: #C81C26
}

.ajax-cart_submit-button:hover {
	background: #E01E2A
}

.ajax-cart_submit-button:hover span:after {
	transform: translateX(75px)
}

.ajax-cart_submit-button span {
	position: relative
}

.ajax-cart_submit-button span:after {
	content: "";
	background-image: url(https://cdn.shopify.com/s/files/1/1354/7835/files/checkoutArrow.png?1584977291696957109);
	background-size: 7px 12px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 12px;
	width: 7px;
	display: block;
	position: absolute;
	top: 3.5px;
	left: 50%;
	transform: translateX(60px);
	transition: all .2s
}

.ajax-cart_content {
	padding-bottom: 70px
}

.mobileNavProductButton {
	position: sticky;
	bottom: 0px;
	right: 0px;
	height: 63px;
	width: 100%;
	background: #Fada4f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: "Graphik Medium", sans-serif;
	color: white;
	text-align: center;
	text-decoration: none;
	font-size: 18px
}

#deskCartBuble,
#mobileCartBuble {
	font-size: 11px;
	background: #Fada4f;
	display: flex;
	position: absolute;
	height: 14px;
	width: 14px;
	border-radius: 100%;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	color: white;
	font-family: "Graphik Regular", sans-serif;
	line-height: 13.5px;
	top: 18px;
	left: 15px
}

.ajax-cart_total {
	padding-top: 40px
}

.__affirm-logo {
	color: black !important
}

.affirm-modal-trigger {
	display: inline-block;
	margin-left: calc(100% - 70px);
	text-decoration: none;
	font-size: 12px;
	color: #Fada4f;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	transition: all .2s
}

.affirm-modal-trigger:hover {
	border-bottom: 1px solid #Fada4f
}

.ajax-cart_content_top {
	display: flex;
	padding: 30px 20px;
	justify-content: space-between
}

.ajaxTitle {
	font-size: 20px;
	color: #4c4c4c;
	font-family: "Graphik Medium", sans-serif
}

.ajaxX {
	width: 20px;
	height: 20px;
	cursor: pointer
}

.ajaxX:active:hover {
	filter: sepia() saturate(10000%) hue-rotate(30deg)
}

.ajax-cart_no-items_text {
	text-align: center;
	font-size: 30px;
	font-family: "Graphik Semibold", sans-serif;
	color: #9c9c9c
}

.navBurger,
.navBarDots {
	filter: brightness(0)
}

.navBurger:active:hover,
.navBarDots:active:hover {
	filter: sepia() saturate(10000%) hue-rotate(30deg)
}

.houseSectionDesk {
	padding-top: 62px;
	padding-bottom: 67px;
	display: block
}

.houseSectionMobile {
	display: none
}

.houseContainer {
	margin: auto;
	position: relative;
	height: 33vw;
	width: 80%;
	left: -12px;
	max-width: 766px;
	max-height: 316px
}

.houseContainer img {
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translate(-47%, -50%);
	top: 50%
}

.houseBar {
	width: 60%;
	max-width: 484px;
	height: 2px;
	background: #909090;
	margin: auto;
	position: relative;
	margin-top: 68px;
	margin-bottom: 37px;
	left: 2px;
	top: -10px
}

#housePop1 {
	position: absolute;
	left: 0%;
	top: -5px;
	width: 10px;
	height: 10px;
	background: white;
	border-radius: 100%;
	border: 1px solid #Fada4f;
	cursor: pointer;
	transition: all .2s;
	transform: translateX(-50%)
}

#housePop2 {
	position: absolute;
	left: 25%;
	top: -5px;
	width: 10px;
	height: 10px;
	background: white;
	border-radius: 100%;
	border: 1px solid #Fada4f;
	cursor: pointer;
	transition: all .2s;
	transform: translateX(-50%)
}

#housePop3 {
	position: absolute;
	left: 50%;
	top: -5px;
	width: 10px;
	height: 10px;
	background: white;
	border-radius: 100%;
	border: 1px solid #Fada4f;
	cursor: pointer;
	transition: all .2s;
	transform: translateX(-50%)
}

#housePop4 {
	position: absolute;
	left: 75%;
	top: -5px;
	width: 10px;
	height: 10px;
	background: white;
	border-radius: 100%;
	border: 1px solid #Fada4f;
	cursor: pointer;
	transition: all .2s;
	transform: translateX(-50%)
}

#housePop5 {
	position: absolute;
	left: 100%;
	top: -5px;
	width: 10px;
	height: 10px;
	background: white;
	border-radius: 100%;
	border: 1px solid #Fada4f;
	cursor: pointer;
	transition: all .2s;
	transform: translateX(-50%)
}

.houseBar .activeD {
	background: #Fada4f !important
}

.houseBottom {
	height: 100px;
	top: -10px;
	left: -7px;
	background: white;
	width: 60%;
	max-width: 515px;
	min-width: 350px;
	margin: auto;
	transform: translateX(8px);
	border-radius: 100px;
	filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, 0.3));
	display: flex;
	justify-content: flex-end;
	position: relative
}

.houseBottom img {
	object-fit: contain;
	width: 70px;
	height: 70px;
	margin-top: 2px;
	margin-left: 25px;
	transform: translate(10px, 10px)
}

#houseImg1,
#houseText1 {
	display: flex;
	position: absolute;
	opacity: 1;
	top: 0px;
	left: 0px;
	transition: all .2s
}

#houseImg2,
#houseText2 {
	display: flex;
	position: absolute;
	opacity: 0;
	top: 0px;
	left: 0px;
	transition: all .2s
}

#houseImg3,
#houseText3 {
	display: flex;
	position: absolute;
	opacity: 0;
	top: 0px;
	left: 0px;
	transition: all .2s
}

#houseImg4,
#houseText4 {
	display: flex;
	position: absolute;
	opacity: 0;
	top: 0px;
	left: 0px;
	transition: all .2s
}

#houseImg5,
#houseText5 {
	display: flex;
	position: absolute;
	opacity: 0;
	top: 0px;
	left: 0px;
	transition: all .2s
}

.houseBottomText {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 280px;
	padding-left: 120px
}

.houseBottomText .big {
	display: block;
	font-family: "Graphik Light", sans-serif;
	font-size: 20px;
	position: relative;
	top: -4px;
	left: 7px
}

.houseBottomText .small {
	display: block;
	font-family: "Graphik Light", sans-serif;
	padding-top: 6px;
	font-size: 12px;
	position: relative;
	top: -2px;
	left: 7px
}

.house-button-wrap {
	padding: 10px
}

.houseButton {
	background-color: #Fada4f;
	color: white;
	margin-top: 34px;
	margin-right: 25px;
	cursor: pointer;
	position: relative;
	z-index: 10;
	font-size: 14px;
	width: 101px;
	height: 29px
}

#houseButton1 {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 56%;
	top: 71%;
	cursor: pointer
}

#houseButton2 {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 45%;
	top: 63%;
	cursor: pointer
}

#houseButton3 {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 41.25%;
	top: 63%;
	cursor: pointer
}

#houseButton4 {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 86.5%;
	top: 75%;
	cursor: pointer
}

#houseColor,
#houseLockPro {
	opacity: 1;
	transition: all .3s
}

#houseLockProHover,
#houseLock,
#houseLockHover,
#houseBell,
#houseBellHover,
#houseIntercom,
#houseIntercomHover,
#houseConnect,
#houseConnectHover {
	opacity: 0;
	transition: all .3s
}

.emptyCartAlert {
	width: 100%;
	justify-content: flex-end;
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	display: none
}

.emptyCartAlert span {
	width: 100%;
	max-width: 345px;
	height: 35px;
	background: white;
	text-align: right;
	padding: 0px 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	font-family: "Graphik Regular", sans-serif;
	color: #979797;
	float: right
}

.textBladeSection {
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 0px;
	background: #f7f7f7
}

.textBladeSection .text {
	width: 90%;
	max-width: 780px;
	font-size: 20px;
	font-family: "Graphik Regular", sans-serif;
	text-align: center;
	line-height: 26px;
	margin: 0px auto
}

.slideImg img {
	width: 100%;
	display: inline-block
}

.houseSectionMobile .slideImg img {
	width: 90%;
	margin: auto
}

.slideBlock .innerBlock {
	display: flex;
	flex-direction: column;
	background: #f7f7f7;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1));
	height: 265px;
	position: relative
}

.slideBlock .innerBlock img {
	object-fit: scale-down;
	width: 80px;
	margin: auto
}

.slideBlock .innerBlock .text {
	background: white;
	height: 145px;
	filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.03))
}

.slideBlock .innerBlock .text .big {
	padding: 16px 20px 0px 20px;
	display: block;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif
}

.slideBlock .innerBlock .text .small {
	font-size: 9px;
	font-family: "Graphik Medium", sans-serif;
	color: #919191;
	padding: 10px 20px;
	display: block;
	width: calc(100% - 40px)
}

.slideBlock .innerBlock .text .houseButton {
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%)
}

.houseSectionMobile {
	padding-top: 80px;
	position: relative
}

.houseSectionMobile .slick-slide {
	height: auto !important
}

.houseSectionMobile .textBlock {
	position: absolute;
	left: 5%;
	top: 50px
}

.houseSectionMobile .textBlock .big {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	display: block;
	color: #4c4c4c
}

.houseSectionMobile .textBlock .small {
	font-size: 9px;
	font-family: "Graphik Medium", sans-serif;
	color: #919191;
	display: block;
	padding-top: 8px
}

.houseSectionMobile .slider-nav {
	padding-top: 80px;
	padding-bottom: 20px
}

.houseSectionMobile .slider-nav .slideBlock {
	width: 90% !important;
	display: block !important;
	margin: auto
}

.appButton {
	display: block;
	padding-right: 30px
}

.appButton img {
	width: 135px;
	height: auto;
	display: block
}

.howBigImg {
	max-width: 940px;
	width: 90%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	position: relative
}

.howBigImg img {
	width: 100%;
	height: auto
}

.howBigImg .text {
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translateY(-50%)
}

.howBigImg .text .big {
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	color: white;
	padding-bottom: 5px
}

.howBigImg .text .small {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	color: white;
	max-width: 400px
}

.howBlockFlex {
	max-width: 940px;
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	justify-content: space-between;
	margin-top: 20px
}

.howBlockFlex .block {
	width: calc(50% - 10px);
	position: relative;
	cursor: pointer;
	margin-bottom: 20px
}

.howBlockFlex .block:after {
	content: "";
	background-image: url(https://cdn.shopify.com/s/files/1/1354/7835/files/blockShadow.png?8209514668912270773);
	height: 99%;
	width: 100%;
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px
}

.howBlockFlex .block img {
	width: 100%;
	height: auto
}

.howBlockFlex .block .text {
	position: absolute;
	z-index: 5;
	top: 30px;
	left: 30px;
	width: calc(100% - 60px)
}

.howBlockFlex .block .text .big {
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	color: white;
	padding-bottom: 5px
}

.howBlockFlex .block .text .small {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	color: white
}

#shopify-section-howItWorks {
	background: white
}

.howSBS {
	background: #f4f4f4;
	max-width: 940px;
	width: 90%;
	margin: auto;
	height: 431px;
	display: flex;
	justify-content: space-around
}

.howSBS img {
	width: calc(50% - 40px);
	object-fit: scale-down
}

.howSBS .text {
	width: calc(50% - 40px);
	display: flex;
	flex-direction: column;
	justify-content: center
}

.howSBS .text .big {
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	padding-bottom: 5px
}

.howSBS .text .small {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 20px
}

.howDesktopComp {
	max-width: 940px;
	width: 90%;
	margin: auto;
	margin-top: 50px
}

.howDesktopComp .prodRow {
	display: flex;
	justify-content: flex-end;
	margin-right: 60px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CDCDCD
}

.howDesktopComp .prodRow .prodColumn {
	width: 161px;
	text-align: center
}

.howDesktopComp .prodRow .prodColumn img {
	height: 86px;
	width: 80px;
	object-fit: scale-down;
	object-position: center bottom;
	display: block;
	margin: auto
}

.howDesktopComp .prodRow .prodColumn span {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	text-align: center;
	line-height: 21px;
	display: block;
	min-height: 42px
}

.howDesktopComp .row,
.howDesktopComp .buttonRow {
	display: flex;
	justify-content: flex-end;
	margin-right: 60px;
	height: 50px;
	border-bottom: 1px solid #CDCDCD
}

.howDesktopComp .row .title,
.howDesktopComp .buttonRow .title {
	max-width: 215px;
	text-align: right;
	padding-right: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	color: #919191
}

.howDesktopComp .row .check,
.howDesktopComp .buttonRow .check {
	width: 161px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.howDesktopComp .row .check img,
.howDesktopComp .buttonRow .check img {
	width: 27px;
	height: auto;
	margin: auto;
	display: block
}

.howDesktopComp .row .column,
.howDesktopComp .buttonRow .column {
	display: flex;
	text-align: center;
	flex-direction: column;
	width: 161px
}

.howDesktopComp .row .column a,
.howDesktopComp .buttonRow .column a {
	font-size: 12px;
	color: #Fada4f;
	font-family: "Graphik Regular";
	text-decoration: none;
	padding-bottom: 10px
}

.howDesktopComp .row .column a:hover,
.howDesktopComp .buttonRow .column a:hover {
	text-decoration: underline
}

.howDesktopComp .row .column .buyButton,
.howDesktopComp .buttonRow .column .buyButton {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 105px;
	height: 31px;
	text-decoration: none;
	text-align: center;
	font-family: "Graphik Regular", sans-serif;
	font-size: 12px;
	border-radius: 20px;
	-webkit-appearance: none;
	border: none;
	background: #Fada4f;
	color: white;
	padding: 0px;
	padding-top: 2px;
	align-items: center;
	cursor: pointer;
	text-decoration: none !important;
	margin: auto
}

.howDesktopComp .row .column .buyButton:hover,
.howDesktopComp .buttonRow .column .buyButton:hover {
	background: #E01E2A
}

.howDesktopComp .buttonRow {
	border-bottom: 0px;
	height: auto;
	padding-top: 15px;
	padding-bottom: 25px
}

.howMobileComp {
	display: none !important
}

@media only screen and (max-width: 1055px) {
	.howDesktopComp {
		display: none
	}

	.howMobileComp {
		display: block !important;
		padding-top: 50px;
		width: 85%;
		margin: auto
	}

	.howMobileComp .slick-slide {
		width: 85vw
	}

	.howMobileComp .slick-slide .slide {
		max-width: 550px;
		margin: auto;
		display: block !important;
		width: calc(100% - 40px)
	}

	.howMobileComp .slick-slide .slide img {
		margin: auto;
		height: 117px
	}

	.howMobileComp .slick-slide .slide span {
		font-size: 13px;
		font-family: "Graphik Medium";
		text-align: center;
		margin: auto;
		display: block;
		padding-top: 15px;
		padding-bottom: 60px;
		border-bottom: 1px solid #CDCDCD
	}

	.howMobileComp .slick-slide .slide .row {
		display: flex;
		height: 50px;
		border-bottom: 1px solid #CDCDCD;
		justify-content: flex-end;
		padding-right: 30px
	}

	.howMobileComp .slick-slide .slide .row .check {
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.howMobileComp .slick-slide .slide .row .check img {
		height: 20px
	}

	.howMobileComp .slick-slide .slide .row .title {
		width: 50%;
		font-size: 12px;
		font-family: "Graphik Medium";
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: #919191
	}

	.howMobileComp .slick-slide .slide .endRow {
		display: flex;
		height: 80px;
		justify-content: center
	}

	.howMobileComp .slick-slide .slide .endRow a {
		width: 50%;
		font-size: 12px;
		color: #Fada4f;
		font-family: "Graphik Regular";
		text-decoration: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center
	}

	.howMobileComp .slick-slide .slide .endRow a:hover {
		text-decoration: underline
	}

	.howMobileComp .slick-slide .slide .endRow .buyButton {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 105px;
		height: 31px;
		text-decoration: none;
		text-align: center;
		font-family: "Graphik Regular", sans-serif;
		font-size: 12px;
		border-radius: 20px;
		-webkit-appearance: none;
		border: none;
		background: #Fada4f;
		color: white;
		padding: 0px;
		padding-top: 2px;
		align-items: center;
		cursor: pointer;
		text-decoration: none !important;
		margin: auto
	}

	.howMobileComp .slick-slide .slide .endRow .buyButton:hover {
		background: #E01E2A
	}

	.howMobileComp .slick-dots {
		display: flex !important;
		list-style: none;
		padding: 0px;
		position: absolute;
		top: 210px;
		left: 50%;
		transform: translateX(-50%)
	}

	.howMobileComp .slick-dots li button {
		border: none;
		width: 14px;
		height: 14px;
		color: transparent;
		background: #D8D8D8;
		border-radius: 100%;
		margin: 0px 7px;
		cursor: pointer
	}

	.howMobileComp .slick-dots li button:active {
		outline: none
	}

	.howMobileComp .slick-dots li button:focus {
		outline: none
	}

	.howMobileComp .slick-dots .slick-active button {
		background: #Fada4f
	}

	.compareModal .howMobileComp .slick-slide {
		width: 75vw
	}

	.compareModal .howMobileComp .slick-slide .slide {
		margin: auto
	}
}

#videoModal {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 5000;
	display: none
}

#videoModalExit {
	position: absolute;
	top: 20px;
	right: 20px;
	filter: brightness(5);
	cursor: pointer
}

#videoModalContainer {
	overflow: hidden;
	padding-bottom: 42.25%;
	position: absolute;
	height: 0;
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: black
}

#videoModalContainer iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute
}

.howBannerSection {
	position: relative;
	margin-bottom: -4px
}

.howBannerSection .TextContainer {
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 940px;
	width: 90%
}

.howBannerSection .TextContainer h1,
.howBannerSection .TextContainer h2 {
	max-width: 557px
}

.howBannerSection .Image {
	width: 100%;
	height: auto
}

.howBannerSection .MobileImage {
	display: none;
	width: 100%;
	height: auto
}

@media only screen and (min-width: 633px) {
	.howBannerSection #shopify-section-howItWorks .MobileImage {
		display: none !important;
		width: 100%;
		height: auto
	}
}

.howBannerSection .BigText {
	font-family: "Graphik Light", sans-serif;
	font-size: 50px;
	line-height: 4.2vw;
	margin-top: 2px;
	margin-bottom: 0px
}

@media only screen and (min-width: 1280px) {
	.howBannerSection .BigText {
		font-size: 50px;
		line-height: 54px
	}
}

.howBannerSection .SmallText {
	font-family: "Graphik Regular", sans-serif;
	font-size: 1.41vw;
	line-height: 1.8vw;
	padding-top: 0px;
	margin-top: 3px
}

@media only screen and (min-width: 1280px) {
	.howBannerSection .SmallText {
		font-size: 20px;
		line-height: 26px
	}
}

.howBannerSection .ButtonContainer {
	display: flex;
	width: 228px;
	justify-content: space-between;
	padding-top: 63px
}

.howBannerSection .BannerButton1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 105px;
	height: 31px;
	text-decoration: none;
	text-align: center;
	font-family: "Graphik Medium", sans-serif;
	font-size: 12px;
	border-radius: 20px;
	cursor: pointer
}

.howBannerSection .BannerButton2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 105px;
	height: 31px;
	text-decoration: none;
	text-align: center;
	font-family: "Graphik Medium", sans-serif;
	font-size: 12px;
	border-radius: 20px;
	cursor: pointer
}

.howBannerSection .BannerButton2 span {
	display: flex;
	justify-content: center;
	position: relative;
	top: 20%
}

.howBannerSection .BannerButton2 span img {
	width: 24px;
	height: 24px;
	position: relative;
	top: -6px;
	padding-right: 5px
}

.howTextBladeSection {
	padding-top: 65px;
	padding-bottom: 65px
}

.howTextBladeSection .title {
	font-family: "Graphik Medium", sans-serif;
	font-size: 27px;
	text-align: center
}

.howTextBladeSection .text {
	color: #6E6E6E;
	font-size: 16px;
	text-align: center;
	max-width: 820px;
	margin: auto;
	font-family: "Graphik Regular", sans-serif;
	line-height: 22px;
	margin-top: 14px;
	width: 90%
}

.howTextBladeSection .text a {
	color: #6E6E6E
}

.howBigSliderSection .bigSliderTitle {
	font-family: "Graphik Medium", sans-serif;
	font-size: 27px;
	text-align: center;
	padding-bottom: 45px
}

.howBigSliderSection .bigSlider {
	width: 74%;
	margin: auto
}

.howBigSliderSection .customDotFlex {
	display: flex;
	max-width: 650px;
	width: 90%;
	margin: auto;
	justify-content: space-between;
	padding-top: 47px;
	padding-bottom: 16px
}

.howBigSliderSection .customDotFlex .dotBlock {
	display: flex;
	flex-direction: column;
	cursor: pointer
}

.howBigSliderSection .customDotFlex .dotBlock img {
	object-fit: scale-down;
	height: 41px;
	filter: contrast(0)
}

.howBigSliderSection .customDotFlex .dotBlock img.activeDot {
	filter: contrast(1)
}

.howBigSliderSection .customDotFlex .dotBlock span {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 24px
}

.howBigSliderSection .SliderText {
	color: #6E6E6E;
	font-size: 16px;
	text-align: center;
	line-height: 22px;
	font-family: "Graphik Regular", sans-serif;
	max-width: 614px;
	width: 90%;
	margin: auto
}

.howBigSliderSection .learnMore {
	font-size: 16px;
	font-family: "Graphik Regular", sans-serif;
	color: #6E6E6E;
	text-align: center;
	margin: auto;
	display: block;
	padding-top: 27px;
	text-decoration: none
}

.howEasyInstallSBS {
	background-color: #EBEDEF;
	margin-top: 20px;
	display: flex;
	padding-top: 46px;
	padding-bottom: 46px
}

.howEasyInstallSBS .left {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.howEasyInstallSBS .left .title {
	max-width: 380px;
	margin: 0px auto;
	display: block;
	width: 70%;
	position: relative;
	left: 40px;
	font-family: "Graphik Medium", sans-serif;
	font-size: 18px;
	padding-bottom: 3px
}

.howEasyInstallSBS .left .body {
	max-width: 380px;
	margin: 0px auto;
	display: block;
	width: 70%;
	position: relative;
	left: 40px;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 22px
}

.howEasyInstallSBS .right {
	width: 50%
}

.howEasyInstallSBS .right .videoBlock {
	position: relative;
	max-width: 470px;
	width: 90%
}

.howEasyInstallSBS .right .videoBlock .backgroundImg {
	width: 100%
}

.howEasyInstallSBS .right .videoBlock .playBlock {
	position: absolute;
	bottom: 34px;
	left: 29px;
	display: flex;
	height: 40px;
	cursor: pointer
}

.howEasyInstallSBS .right .videoBlock .playBlock img {
	height: 40px;
	width: 40px
}

.howEasyInstallSBS .right .videoBlock .playBlock span {
	height: 100%;
	justify-content: center;
	flex-direction: column;
	display: flex;
	padding-left: 10px;
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	color: white
}

.howCompSBS {
	display: flex;
	background-color: #E4E4E4;
	height: 379px;
	justify-content: center
}

.howCompSBS .left {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.howCompSBS .left img {
	width: calc(100% - 64px);
	max-height: 200px;
	object-fit: contain;
	object-position: right center;
	padding-top: 39px
}

.howCompSBS .right {
	display: flex;
	flex-direction: column;
	width: calc(40% - 10px);
	padding-left: 10px;
	justify-content: center
}

.howCompSBS .right .title {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 23px;
	color: #4C4C4C;
	max-width: 321px;
	padding-top: 62px
}

.howCompSBS .right .body {
	max-width: 414px;
	font-family: "Graphik Regular", sans-serif;
	font-size: 14px;
	color: #4C4C4C;
	line-height: 20px;
	padding-top: 15px
}

.howCompSBS .right .body a {
	color: #8D8D8D;
	font-size: 14px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 20px;
	display: block
}

.howCompSBS .right .link a {
	color: #8D8D8D;
	font-size: 14px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 20px;
	display: block
}

.howSecurityBlock {
	height: 301px;
	background-color: #28556C;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.howSecurityBlock .inner {
	display: flex;
	justify-content: center
}

.howSecurityBlock .inner img {
	padding-left: 51px
}

.howSecurityBlock .inner .text {
	max-width: 466px;
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 56px
}

.howSecurityBlock .inner .text .title {
	font-size: 27px;
	color: white;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px
}

.howSecurityBlock .inner .text .body {
	font-size: 16px;
	font-family: "Graphik Regular", sans-serif;
	color: white;
	line-height: 22px;
	padding-top: 5px
}

.howApp {
	position: relative
}

.howApp .title {
	position: absolute;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	left: 50%;
	transform: translateX(-50%);
	top: 48px
}

.howApp .container {
	min-height: 3vw;
	max-height: 732px;
	background-size: cover
}

.howApp .container img {
	height: 67%;
	max-height: 513px;
	width: 50%;
	padding-bottom: 5%;
	object-fit: scale-down;
	padding-top: 12%;
	object-position: center
}

.howApp .list {
	position: absolute;
	top: 22%;
	height: 69%;
	width: 47%;
	left: 45%;
	max-width: 462px
}

.howApp .list .row {
	display: flex;
	filter: saturate(0);
	opacity: 0.5;
	transition: all .2s;
	cursor: pointer
}

.howApp .list .row img {
	height: 50px;
	width: 60px;
	object-fit: contain;
	padding-top: 0px;
	object-position: center;
	padding-right: 15px
}

.howApp .list .row .text {
	padding-bottom: 40px
}

.howApp .list .row .text .header {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 23px;
	color: #4C4C4C
}

.howApp .list .row .text .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 21px;
	padding-top: 4px;
	color: #4C4C4C
}

.howApp .list .row:hover {
	filter: saturate(1);
	opacity: 1
}

.howApp .list .activeRow {
	filter: saturate(1);
	opacity: 1
}

.howApp .list .buttonRow {
	display: flex;
	position: relative;
	top: -26px;
	left: 4px
}

.howApp .list .buttonRow img {
	width: 108px;
	height: 32px;
	padding-top: 0px;
	padding-right: 20px
}

.mobileDotFlex,
.mobileIcons,
.mobileButtonRow,
.mobileListSlider,
.mobileListSlideDots {
	display: none !important
}

.worksBanner {
	overflow: hidden;
	position: relative
}

.worksBanner img {
	width: 100%
}

.worksBanner .mobileImg {
	display: none
}

.worksBanner .text {
	position: absolute;
	top: calc(50% - 4px);
	left: calc(50% - 2px);
	transform: translate(-50%, -50%);
	max-width: 932px;
	width: 90%
}

.worksBanner .text .title {
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	margin-bottom: 14px
}

.worksBanner .text .small {
	font-size: 18px;
	font-family: "Graphik Light", sans-serif
}

.worksBanner .text .button {
	color: white;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	text-decoration: none;
	text-align: center;
	width: 103px;
	height: 31px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 16px;
	background-color: #Fada4f;
	margin-top: 43px
}

.worksFilter {
	width: 100%;
	background-color: white
}

.worksFilter .innerContainer {
	position: relative;
	max-width: 932px;
	margin: auto;
	width: 90%;
	padding-bottom: 45px
}

.worksFilter .title {
	font-family: "Graphik Medium", sans-serif;
	font-size: 27px;
	padding-top: 58px
}

.worksFilter .exit {
	position: absolute;
	right: 0px;
	width: 20px;
	height: 20px;
	object-fit: scale-down;
	object-position: right;
	top: 60px;
	cursor: pointer
}

.worksFilter .exit:hover {
	filter: sepia() saturate(10000%) hue-rotate(30deg)
}

.worksFilter .flex {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.worksFilter .flex .block {
	display: flex;
	flex-direction: column;
	max-width: 190px;
	margin: 0px 30px;
	margin-top: 26px;
	padding-top: 10px;
	width: 19vw;
	padding-bottom: 36px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transition: all .2s ease-out;
	position: relative;
	cursor: pointer;
	top: 0px;
	text-decoration: none
}

.worksFilter .flex .block img {
	width: 102px;
	margin: 0px auto;
	height: 102px;
	object-fit: scale-down;
	object-position: bottom center
}

.worksFilter .flex .block span {
	font-size: 14px;
	color: #6E6E6E;
	font-family: "Graphik Semibold", sans-serif;
	padding-top: 12px;
	text-align: center
}

.worksFilter .flex .block.active {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	top: -10px
}

.worksFilter .button {
	display: flex;
	margin: auto;
	width: 102px;
	height: 26px;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	border: 1px solid #6E6E6E;
	border-radius: 15px;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	margin-top: 12px;
	color: #6E6E6E;
	cursor: pointer
}

.worksContainer {
	background-color: #F4F4F4;
	padding-bottom: 80px
}

.worksContainer .innerContainer {
	position: relative;
	max-width: 932px;
	margin: auto;
	width: 90%
}

.worksContainer .innerContainer .worksVoice .title,
.worksContainer .innerContainer .worksHosting .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 63px;
	color: #4C4C4C;
	padding-bottom: 34px
}

.worksContainer .innerContainer .worksVoice .flex,
.worksContainer .innerContainer .worksHosting .flex {
	display: flex;
	flex-wrap: wrap
}

.worksContainer .innerContainer .worksVoice .flex .threeBlock,
.worksContainer .innerContainer .worksVoice .flex .primeBlock,
.worksContainer .innerContainer .worksHosting .flex .threeBlock,
.worksContainer .innerContainer .worksHosting .flex .primeBlock {
	width: calc((100% / 3) - 20px);
	background: white;
	margin-bottom: 20px;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	transition: all .2s
}

.worksContainer .innerContainer .worksVoice .flex .threeBlock:nth-child(3n),
.worksContainer .innerContainer .worksVoice .flex .primeBlock:nth-child(3n),
.worksContainer .innerContainer .worksHosting .flex .threeBlock:nth-child(3n),
.worksContainer .innerContainer .worksHosting .flex .primeBlock:nth-child(3n) {
	margin-right: 0px
}

.worksContainer .innerContainer .worksVoice .flex .threeBlock:hover,
.worksContainer .innerContainer .worksVoice .flex .primeBlock:hover,
.worksContainer .innerContainer .worksHosting .flex .threeBlock:hover,
.worksContainer .innerContainer .worksHosting .flex .primeBlock:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	top: -6px
}

.worksContainer .innerContainer .worksVoice .flex .threeBlock .img,
.worksContainer .innerContainer .worksVoice .flex .primeBlock .img,
.worksContainer .innerContainer .worksHosting .flex .threeBlock .img,
.worksContainer .innerContainer .worksHosting .flex .primeBlock .img {
	width: 100%;
	height: 157px;
	object-fit: cover;
	object-position: center center
}

.worksContainer .innerContainer .worksVoice .flex .threeBlock .icon,
.worksContainer .innerContainer .worksVoice .flex .primeBlock .icon,
.worksContainer .innerContainer .worksHosting .flex .threeBlock .icon,
.worksContainer .innerContainer .worksHosting .flex .primeBlock .icon {
	height: 48px;
	width: 80%;
	object-fit: scale-down;
	padding-top: 12px;
	padding-bottom: 21px;
	margin: auto;
	display: block
}

.worksContainer .innerContainer .worksVoice .flex .threeBlock .header,
.worksContainer .innerContainer .worksVoice .flex .primeBlock .header,
.worksContainer .innerContainer .worksHosting .flex .threeBlock .header,
.worksContainer .innerContainer .worksHosting .flex .primeBlock .header {
	width: 90%;
	margin: auto;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif
}

.worksContainer .innerContainer .worksVoice .flex .threeBlock .body,
.worksContainer .innerContainer .worksVoice .flex .primeBlock .body,
.worksContainer .innerContainer .worksHosting .flex .threeBlock .body,
.worksContainer .innerContainer .worksHosting .flex .primeBlock .body {
	width: 90%;
	margin: auto;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 21px;
	letter-spacing: .18px;
	padding-top: 6px;
	color: #6E6E6E;
	padding-bottom: 22px
}

.worksContainer .innerContainer .worksVoice .flex .twoBlock,
.worksContainer .innerContainer .worksHosting .flex .twoBlock {
	width: calc(50% - 10px);
	position: relative;
	background-color: white;
	margin-bottom: 20px;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	transition: all .2s
}

.worksContainer .innerContainer .worksVoice .flex .twoBlock:nth-child(2n),
.worksContainer .innerContainer .worksHosting .flex .twoBlock:nth-child(2n) {
	margin-right: 0px
}

.worksContainer .innerContainer .worksVoice .flex .twoBlock:hover,
.worksContainer .innerContainer .worksHosting .flex .twoBlock:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	top: -6px
}

.worksContainer .innerContainer .worksVoice .flex .twoBlock .icon,
.worksContainer .innerContainer .worksHosting .flex .twoBlock .icon {
	position: absolute;
	width: calc(200% - 80px);
	height: calc(172px * 2);
	object-fit: scale-down;
	object-position: left;
	top: 0px;
	left: 0px;
	transform: scale(0.5) translate(-50%, -50%);
	padding-left: 80px;
	background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))
}

.worksContainer .innerContainer .worksVoice .flex .twoBlock .img,
.worksContainer .innerContainer .worksHosting .flex .twoBlock .img {
	width: 100%;
	height: 172px;
	object-fit: cover;
	object-position: center center
}

.worksContainer .innerContainer .worksVoice .flex .twoBlock .header,
.worksContainer .innerContainer .worksHosting .flex .twoBlock .header {
	width: 90%;
	margin: auto;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 15px
}

.worksContainer .innerContainer .worksVoice .flex .twoBlock .body,
.worksContainer .innerContainer .worksHosting .flex .twoBlock .body {
	width: 90%;
	margin: auto;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 21px;
	letter-spacing: .18px;
	padding-top: 6px;
	color: #6E6E6E;
	padding-bottom: 22px
}

.worksContainer .innerContainer .worksWith .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 63px;
	color: #4C4C4C;
	padding-bottom: 34px
}

.worksContainer .innerContainer .worksWith .flex {
	display: flex;
	flex-wrap: wrap
}

.worksContainer .innerContainer .worksWith .flex .primeBlock {
	width: calc((100% / 3) - 20px);
	background: white;
	height: 90px;
	display: block;
	margin-bottom: 20px;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	transition: all .2s
}

.worksContainer .innerContainer .worksWith .flex .primeBlock:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	top: -6px
}

.worksContainer .innerContainer .worksWith .flex .primeBlock:nth-child(3n) {
	margin-right: 0px
}

.worksContainer .innerContainer .worksWith .flex .primeBlock .icon {
	position: relative;
	left: 50%;
	top: 50%;
	display: block;
	max-width: 150%;
	transform: scale(0.5) translate(-100%, -100%)
}

.worksContainer .innerContainer .worksWith .flex .threeBlock {
	width: calc((100% / 3) - 20px);
	background: white;
	height: 90px;
	display: block;
	margin-bottom: 20px;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	transition: all .2s
}

.worksContainer .innerContainer .worksWith .flex .threeBlock:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	top: -6px
}

.worksContainer .innerContainer .worksWith .flex .threeBlock:nth-child(3n) {
	margin-right: 0px
}

.worksContainer .innerContainer .worksWith .flex .threeBlock .icon {
	position: relative;
	left: 50%;
	top: 50%;
	max-width: 150%;
	display: block;
	transform: scale(0.5) translate(-100%, -100%)
}

.worksContainer .innerContainer .worksWith .flex .twoBlock {
	width: calc((100% / 3) - 20px);
	background: white;
	height: 90px;
	display: block;
	margin-bottom: 20px;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	transition: all .2s
}

.worksContainer .innerContainer .worksWith .flex .twoBlock:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	top: -6px
}

.worksContainer .innerContainer .worksWith .flex .twoBlock:nth-child(3n) {
	margin-right: 0px
}

.worksContainer .innerContainer .worksWith .flex .twoBlock .icon {
	position: relative;
	left: 50%;
	max-width: 150%;
	top: 50%;
	display: block;
	transform: scale(0.5) translate(-100%, -100%)
}

.careersBanner {
	position: relative
}

.careersBanner .desktopBannerImg {
	display: block
}

.careersBanner .mobileBannerImg {
	display: none
}

.careersBanner .text {
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	top: 27%;
	position: absolute;
	left: 13%;
	max-width: 575px
}

.careerWhite {
	background-color: white;
	padding-top: 55px;
	padding-bottom: 50px
}

.careerWhite .fullBlock {
	max-width: 940px;
	width: 90%;
	margin: auto;
	height: 400px;
	background-size: cover;
	background-position: right center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.careerWhite .fullBlock .title {
	margin: 0px auto;
	width: 49%;
	max-width: 770px;
	padding-left: 34%;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding-bottom: 20px;
	margin-top: -23px
}

.careerWhite .fullBlock .body {
	margin: 0px auto;
	width: 49%;
	max-width: 770px;
	padding-left: 34%;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 21px;
	letter-spacing: .18px
}

.careerWhite .threeWideBlock .title {
	text-align: center;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px;
	padding-top: 59px;
	padding-bottom: 20px
}

.careerWhite .threeWideBlock .flex {
	display: flex;
	max-width: 940px;
	margin: auto;
	width: 90%;
	justify-content: space-between
}

.careerWhite .threeWideBlock .flex .block {
	width: calc((100% / 3) - 15px)
}

.careerWhite .threeWideBlock .flex .block img {
	width: 100%;
	height: 168px;
	display: block;
	object-fit: cover
}

.careerWhite .threeWideBlock .flex .block .header {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	padding-top: 21px
}

.careerWhite .threeWideBlock .flex .block .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	line-height: 21px;
	text-align: center;
	padding-top: 5px
}

.careerWhite .innerGrey {
	background: #F4F4F4;
	max-width: 825px;
	width: 90%;
	margin: auto;
	margin-top: 10px;
	display: flex;
	padding: 47px 60px
}

.careerWhite .innerGrey .left {
	width: calc(100% - 360px);
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.careerWhite .innerGrey .left .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding-bottom: 10px
}

.careerWhite .innerGrey .left .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 21px;
	letter-spacing: .18px
}

.careerWhite .innerGrey .right {
	width: 300px;
	height: 300px
}

.careerWhite .innerGrey .right iframe {
	width: 100%;
	height: 100%
}

.careerGrey {
	background: #F8F8F8;
	padding-top: 45px
}

.careerGrey .inner {
	max-width: 622px;
	margin: auto;
	width: 90%
}

.careerGrey .inner .header {
	font-size: 27px;
	text-align: center;
	font-family: "Graphik Medium", sans-serif;
	padding-bottom: 45px
}

.careerGrey .inner .accordion .accordionItem .accordionTitle {
	display: flex;
	justify-content: space-between;
	border-bottom: solid 1px #CDCDCD;
	padding-top: 20px;
	cursor: pointer
}

.careerGrey .inner .accordion .accordionItem .accordionTitle .title {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	padding-bottom: 10px
}

.careerGrey .inner .accordion .accordionItem .accordionTitle .exit {
	width: 12px;
	height: 12px;
	transition: all .2s;
	transform: rotate(0deg)
}

.careerGrey .inner .accordion .accordionItem .accordionTitle .exit img {
	width: 100%;
	height: 100%;
	position: relative;
	right: 10px
}

.careerGrey .inner .accordion .accordionItem .accordionBody {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	line-height: 21px;
	padding-top: 13px;
	width: 98%
}

.careerGrey .inner .accordion .accordionItem .accordionBody a {
	color: white;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	text-decoration: none;
	text-align: center;
	width: 103px;
	height: 31px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 16px;
	background-color: #Fada4f;
	margin-top: 20px
}

.careerGrey .inner .internBlock {
	padding-bottom: 35px
}

.careerGrey .inner .internBlock .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	padding-top: 57px
}

.careerGrey .inner .internBlock .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	line-height: 21px;
	padding-top: 10px;
	text-align: center
}

.careerDark {
	background-color: #919191;
	padding: 70px 0px
}

.careerDark .text {
	max-width: 620px;
	margin: auto;
	text-align: center;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	color: white;
	letter-spacing: .18px;
	line-height: 21px;
	width: 80%
}

.articleContainer {
	background-color: #F4F4F4
}

.articleContainer .innerContainer {
	max-width: 940px;
	width: 90%;
	margin: auto
}

.articleContainer .innerContainer .filterLinks {
	display: flex;
	justify-content: space-between;
	padding: 0px 9px;
	flex-wrap: wrap;
	padding-top: 55px;
	margin-bottom: 48px
}

.articleContainer .innerContainer .filterLinks .filterButton {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding: 0px 5px;
	color: #4C4C4C;
	text-decoration: none;
	display: none
}

.articleContainer .innerContainer .articleWhite {
	background-color: white
}

.articleContainer .innerContainer .articleWhite .mainImg img {
	width: 100%;
	height: auto
}

.articleContainer .innerContainer .articleWhite .title {
	margin: auto;
	max-width: 778px;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	margin-top: 26px;
	width: 90%;
	color: #4C4C4C
}

.articleContainer .innerContainer .articleWhite .date {
	margin: auto;
	max-width: 778px;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	margin-top: 11px;
	width: 90%;
	text-transform: uppercase;
	color: #4C4C4C
}

.articleContainer .innerContainer .articleWhite .article {
	margin: auto;
	letter-spacing: .18px;
	line-height: 21px;
	max-width: 778px;
	color: #6E6E6E;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	width: 90%
}

.articleContainer .innerContainer .articleWhite .article a {
	text-decoration: none;
	color: #Fada4f
}

.articleContainer .innerContainer .articleWhite .article iframe {
	width: 90vw;
	max-width: 100%;
	height: 50vw;
	max-height: 439px;
	margin: 40px 0px
}

.articleContainer .innerContainer .articleWhite .shareBlock span {
	text-align: center;
	display: block;
	font-family: "Graphik Semibold", sans-serif;
	font-size: 14px;
	padding-top: 41px;
	color: #4C4C4C;
	padding-bottom: 12px
}

.articleContainer .innerContainer .articleWhite .shareBlock .flex {
	justify-content: center;
	display: flex;
	padding-bottom: 35px
}

.articleContainer .innerContainer .articleWhite .shareBlock .flex a {
	margin: 0px 10px
}

.articleContainer .innerContainer .articleWhite .shareBlock .flex a img {
	height: 21px;
	width: 21px;
	object-fit: contain
}

.articleContainer .innerContainer .arrowFlex {
	justify-content: space-between;
	display: flex;
	padding-top: 38px
}

.articleContainer .innerContainer .arrowFlex .previous,
.articleContainer .innerContainer .arrowFlex .next {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-decoration: none;
	color: black
}

.articleContainer .innerContainer .arrowFlex .previous span,
.articleContainer .innerContainer .arrowFlex .next span {
	font-size: 12px;
	position: relative;
	top: -2px
}

.articleContainer .innerContainer .otherFlex {
	margin-top: 65px;
	display: flex;
	justify-content: space-between;
	padding-bottom: 80px
}

.articleContainer .innerContainer .otherFlex a {
	width: calc((100% / 3) - 20px);
	background-color: white;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	text-decoration: none
}

.articleContainer .innerContainer .otherFlex a img {
	width: 100%
}

.articleContainer .innerContainer .otherFlex a span {
	padding-top: 20px;
	display: block;
	padding-bottom: 30px;
	text-align: center;
	width: 90%;
	margin: auto;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	color: #4C4C4C
}

.blogGrey {
	background-color: #F4F4F4
}

.blogGrey .inner {
	max-width: 940px;
	width: 90%;
	margin: auto
}

.blogGrey .inner .filterLinks {
	display: flex;
	justify-content: space-between;
	padding: 0px 9px;
	flex-wrap: wrap;
	padding-top: 55px;
	margin-bottom: 48px
}

.blogGrey .inner .filterLinks .filterButton {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding: 0px 5px;
	color: #4C4C4C;
	text-decoration: none;
	display: none
}

.blogGrey .inner .active {
	border-bottom: solid 3px #Fada4f
}

.blogGrey .blogNavFlex {
	display: flex;
	justify-content: space-between;
	max-width: 940px;
	margin: auto;
	width: 90%;
	padding-bottom: 80px
}

.blogGrey .blogNavFlex .button a {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	color: black;
	text-decoration: none
}

.blogGrey .blogNavFlex .button a span {
	transform: scale(0.8);
	display: inline-block
}

a.post {
	display: block;
	width: 100%;
	background: white;
	color: #6E6E6E;
	text-decoration: none
}

a.post img {
	width: 100%
}

a.post .post-title {
	display: block;
	margin: auto;
	max-width: 778px;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 23px;
	width: 90%
}

a.post .post-subtitle {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	max-width: 778px;
	margin: auto;
	display: block;
	padding-top: 11px;
	text-transform: uppercase;
	width: 90%
}

a.post .post-content {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	max-width: 778px;
	margin: auto;
	display: block;
	padding-top: 0px;
	letter-spacing: .18px;
	line-height: 21px;
	padding-bottom: 14px;
	margin-bottom: 50px;
	width: 90%
}

.legalContainer .banner {
	max-width: 940px;
	margin: auto;
	width: 100%;
	position: relative
}

.legalContainer .banner img {
	width: 100%;
	height: auto
}

.legalContainer .banner .text {
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	transform: translateY(-50%);
	font-size: 50px;
	font-family: "Graphik Light";
	color: white
}

.legalContainer .legalNav {
	display: flex;
	justify-content: center;
	max-width: calc(940px - 10%);
	width: 90%;
	margin: auto;
	flex-wrap: wrap;
	background: white;
	margin-top: -3px;
	padding: 50px 5%;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 29px;
	padding-top: 30px;
	color: black
}

.legalContainer .legalNav .current {
	margin: 0px 15px;
	cursor: pointer;
	border-bottom: 3px solid #Fada4f;
	padding-top: 20px
}

.legalContainer .legalNav a {
	margin: 0px 15px;
	color: black;
	text-decoration: none;
	padding-top: 20px
}

.legalContainer .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	color: black;
	max-width: calc(940px - 10%);
	width: 90%;
	margin: auto;
	background: white;
	padding: 0px 5%;
	padding-bottom: 1em;
	padding-top: 20px;
}

.legalContainer .content {
	max-width: calc(940px - 10%);
	width: 90%;
	margin: auto;
	background: white;
	padding: 0px 5%;
	padding-bottom: 80px;
	margin-bottom: 100px
}

.legalContainer .content p,
.legalContainer .content li {
	margin: 0px;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 21px;
	letter-spacing: .18px;
	padding-bottom: 1em
}

.legalContainer .content ul,
.legalContainer .content ol {
	margin: 0px
}

.legalContainer .content h3 {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 23px;
	margin: 0px;
	padding-bottom: 1em
}

.legalContainer .content a {
	text-decoration: none;
	color: #Fada4f
}

.aboutSection {
	background-color: white;
	padding-bottom: 70px
}

.aboutSection .banner {
	position: relative
}

.aboutSection .banner img {
	width: 100%;
	height: auto
}

.aboutSection .banner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 90%;
	max-width: 620px
}

.aboutSection .banner .text .title {
	margin: 0px;
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	position: relative;
	top: -20px
}

.aboutSection .banner .text .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 21px;
	letter-spacing: .18px
}

.aboutSection .photoBox {
	max-width: 940px;
	width: 90%;
	height: auto;
	display: flex;
	justify-content: flex-end;
	position: relative;
	margin: auto;
	margin-top: 50px
}

.aboutSection .photoBox img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right
}

.aboutSection .photoBox .text {
	max-width: 458px;
	width: 100%;
	height: auto;
	padding: 50px;
	position: relative
}

.aboutSection .photoBox .text .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px;
	color: #4C4C4C;
	padding-bottom: 20px
}

.aboutSection .photoBox .text .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 21px;
	letter-spacing: .18px;
	color: #6E6E6E
}

.pressSection .banner {
	position: relative
}

.pressSection .banner img {
	width: 100%;
	height: auto
}

.pressSection .banner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 90%;
	max-width: 620px;
	margin: 0px;
	font-size: 50px;
	font-family: "Graphik Light", sans-serif
}

.pressSection .featured {
	max-width: 810px;
	width: calc(90% - 130px);
	display: flex;
	padding: 40px 65px;
	text-decoration: none;
	background-color: white;
	margin: 50px auto
}

.pressSection .featured img {
	max-height: 120px;
	padding-right: 50px
}

.pressSection .featured .quote {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #4C4C4C;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px
}

.pressSection .flexTitle {
	color: #4C4C4C;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px;
	text-align: center;
	margin-bottom: 50px
}

.pressSection .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
	max-width: 940px;
	padding-bottom: 70px;
	width: 90%
}

.pressSection .flex .block {
	text-decoration: none;
	width: calc((100% / 3) - 50px);
	background: white;
	padding: 30px 20px;
	margin-bottom: 17px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	position: relative;
	transition: all .2s;
	top: 0px
}

.pressSection .flex .block:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	top: -6px
}

.pressSection .flex .block img {
	width: 90%;
	height: 80px;
	object-fit: contain;
	object-position: center center;
	margin-bottom: 25px
}

.pressSection .flex .block .title {
	display: block;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 23px;
	color: #4C4C4C
}

.pressSection .flex .block .body {
	font-size: 15px;
	display: block;
	padding-top: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	line-height: 21px;
	color: #6E6E6E
}

.pressSection .more {
	width: 85px;
	height: 25px;
	border-radius: 13px;
	border: 1px solid #6E6E6E;
	font-size: 10px;
	font-family: "Graphik Medium", sans-serif;
	color: #6E6E6E;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 80px;
	display: none
}

.brandSection .banner {
	position: relative
}

.brandSection .banner img {
	width: 100%;
	height: auto
}

.brandSection .banner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 90%;
	max-width: 620px;
	margin: 0px;
	font-size: 50px;
	font-family: "Graphik Light", sans-serif
}

.brandSection .flexTitle {
	color: #4C4C4C;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px;
	text-align: center;
	margin-bottom: 50px
}

.brandSection .assetsFlex,
.brandSection .releasesFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: auto;
	max-width: 940px;
	padding-bottom: 70px;
	width: 90%
}

.brandSection .assetsFlex .block,
.brandSection .releasesFlex .block {
	text-decoration: none;
	margin-right: 17px;
	width: calc((100% / 3) - 52px);
	background: white;
	padding: 30px 20px;
	padding-bottom: 20px;
	margin-bottom: 17px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	position: relative;
	transition: all .2s;
	top: 0px
}

.brandSection .assetsFlex .block:hover,
.brandSection .releasesFlex .block:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	top: -6px
}

.brandSection .assetsFlex .block:nth-of-type(3n),
.brandSection .releasesFlex .block:nth-of-type(3n) {
	margin-right: 0px
}

.brandSection .assetsFlex .block img,
.brandSection .releasesFlex .block img {
	width: 100%;
	height: 148px;
	object-fit: contain;
	object-position: center center
}

.brandSection .assetsFlex .block .title,
.brandSection .releasesFlex .block .title {
	display: block;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 23px;
	text-align: center;
	color: #4C4C4C;
	padding-bottom: 30px;
	height: 10px
}

.brandSection .assetsFlex .block a,
.brandSection .releasesFlex .block a {
	font-size: 15px;
	height: 20px;
	display: block;
	padding-top: 10px;
	font-family: "Graphik semibold", sans-serif;
	letter-spacing: .18px;
	text-align: center;
	line-height: 21px;
	color: #6E6E6E;
	text-decoration: none
}

.brandSection .assetsFlex .block a:hover,
.brandSection .releasesFlex .block a:hover {
	color: Fada4f
}

.brandSection .releasesFlex .block {
	min-height: 120px
}

.brandSection .releasesFlex .block .title {
	height: auto;
	text-align: left;
	padding-bottom: 10px
}

.brandSection .releasesFlex .block .date {
	font-size: 15px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: .18px;
	font-family: "Graphik Regular", sans-serif;
	color: #6E6E6E
}

.brandSection .more {
	width: 85px;
	height: 25px;
	border-radius: 13px;
	border: 1px solid #6E6E6E;
	font-size: 10px;
	font-family: "Graphik Medium", sans-serif;
	color: #6E6E6E;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	margin: auto;
	margin-bottom: 80px
}

.brandSection .brandNav {
	display: flex;
	justify-content: center;
	margin: 50px 0px
}

.brandSection .brandNav a {
	margin: 0px 30px;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	cursor: pointer;
	color: #6E6E6E
}

.brandSection .brandNav a:first-of-type {
	border-bottom: 3px solid Fada4f
}

.accessoriesSection {
	background-color: white;
	padding-bottom: 70px
}

.accessoriesSection .banner {
	position: relative;
	min-height: 320px
}

.accessoriesSection .banner:not(:first-child) {
	padding-top: 72px
}

.accessoriesSection .banner img {
	height: 100%;
	min-height: 320px;
	max-width: 100%;
	width: 100vw;
	display: block;
	object-fit: cover;
	object-position: left
}

.accessoriesSection .banner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: left;
	width: 90%;
	max-width: 940px;
	color: white
}

.accessoriesSection .banner .text .title {
	margin: 0px;
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	position: relative
}

.accessoriesSection .banner .text .body {
	font-size: 20px;
	font-family: "Graphik Light", sans-serif;
	line-height: 26px
}

.accessoriesSection .banner-products-wrap:nth-of-type(2n) .products .item {
	flex-direction: row-reverse
}

.accessoriesSection .banner-products-wrap:nth-of-type(2n) .products .item .imgGallery {
	padding-right: 0px;
	padding-left: 90px
}

.accessoriesSection .banner-products-wrap .section-title {
	text-align: center;
	margin: 50px auto 0;
	font-size: 50px;
	line-height: 54px;
	font-family: "Graphik Light", sans-serif
}

.accessoriesSection .products {
	background: white;
	max-width: 940px;
	width: 90%;
	margin: auto;
	padding-bottom: 20px
}

.accessoriesSection .products.products--has-section-title .item,
.accessoriesSection .products.products--has-banner .item {
	border-top: none
}

.accessoriesSection .products .item {
	display: flex;
	border-bottom: 1px solid #6E6E6E;
	padding-bottom: 50px;
	margin-bottom: -20px
}

.accessoriesSection .products .item .imgGallery {
	width: calc(50% - 90px);
	padding-right: 90px;
	padding-top: 27px
}

.accessoriesSection .products .item .imgGallery .big {
	width: 77%;
	margin: auto
}

.accessoriesSection .products .item .imgGallery .big img {
	width: 100%
}

.accessoriesSection .products .item .imgGallery .flex {
	display: flex;
	margin-top: 5%;
	justify-content: center
}

.accessoriesSection .products .item .imgGallery .flex img {
	width: 50px;
	height: 50px;
	margin: 0px 10px;
	border-radius: 8px;
	display: block;
	border: 2px solid #979797;
	object-fit: contain;
	cursor: pointer
}

.accessoriesSection .products .item .text {
	width: 50%;
	padding-top: 72px
}

.accessoriesSection .products .item .text .title {
	padding-left: 10px;
	padding-bottom: 3px;
	font-family: 'Graphik Medium', sans-serif;
	font-size: 27px;
	color: #4C4C4C;
	letter-spacing: 0;
	line-height: 30px
}

.accessoriesSection .products .item .text .body {
	font-family: 'Graphik Regular';
	font-size: 16px;
	color: #6E6E6E;
	letter-spacing: 0.1px;
	line-height: 22px;
	padding-left: 10px
}

.accessoriesSection .products .item .text .buy {
	white-space: nowrap;
	background: #Fada4f;
	border-radius: 46px;
	font-family: 'Graphik Medium';
	font-size: 12px;
	color: #F5F5F4;
	letter-spacing: 0;
	text-align: center;
	padding: 7px 12px;
	margin-top: 28px;
	height: 16px;
	margin-left: 10px;
	width: 90px;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer
}

.accessoriesSection .products .item .text .buy.buy--disabled {
	pointer-events: none
}

.accessoriesSection .products .item .text .specs {
	padding-left: 10px;
	padding-top: 61px
}

.accessoriesSection .products .item .text .specs .specTitle {
	font-family: 'Graphik Medium';
	font-size: 18px;
	color: #4C4C4C;
	letter-spacing: 0;
	text-align: left;
	line-height: 23px;
	padding-bottom: 1px;
	border-bottom: 2px solid #4C4C4C
}

.accessoriesSection .products .item .text .specs .specBody {
	padding-top: 14px
}

.accessoriesSection .products .item .text .specs .specBody strong {
	font-family: 'Graphik Semibold';
	font-size: 14px;
	color: #6E6E6E;
	letter-spacing: 0;
	line-height: 20px;
	padding-bottom: 4px;
	border-bottom: .5px solid #6E6E6E;
	display: block
}

.accessoriesSection .products .item .text .specs .specBody ul {
	padding-left: 16px;
	margin-top: 10px;
	margin-bottom: 10px
}

.accessoriesSection .products .item .text .specs .specBody ul li {
	font-family: 'Graphik Regular';
	font-size: 13px;
	color: #6E6E6E;
	letter-spacing: -0.1px;
	line-height: 20px
}

.cartContainer {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0px;
	display: block;
	background: white;
	z-index: 9000;
	max-width: 380px;
	right: 0px;
	height: 100vh;
	width: 100%
}

.cartContainer .empty {
	height: 100%
}

.cartContainer .empty .titleRow {
	height: 70px;
	border-bottom: 1px solid #979797;
	position: relative
}

.cartContainer .empty .titleRow .title {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	font-family: "graphik medium", sans-serif
}

.cartContainer .empty .titleRow .close {
	position: absolute;
	width: 18px;
	height: 18px;
	right: 25px;
	top: 27px;
	cursor: pointer
}

.cartContainer .empty .titleRow .close img {
	width: 100%;
	height: auto
}

.cartContainer .empty .pic {
	padding-top: 200px
}

.cartContainer .empty .pic img {
	width: 205px;
	margin: auto;
	display: block
}

.cartContainer .empty .pic span {
	padding-top: 150px;
	display: block;
	font-size: 18px;
	font-family: "graphik medium", sans-serif;
	text-align: center
}

.cartContainer .empty .keepShopping {
	width: calc(100% - 40px);
	display: flex;
	margin: auto;
	margin-top: 95px;
	background-color: #Fada4f;
	color: white;
	height: 50px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	font-family: "graphik medium", sans-serif;
	letter-spacing: .1px;
	border-radius: 25px;
	cursor: pointer
}

.cartContainer .shopping .titleRow {
	height: 70px;
	border-bottom: 1px solid #979797;
	position: relative
}

.cartContainer .shopping .titleRow .title {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	font-family: "graphik medium", sans-serif;
	width: 70%;
	margin: auto
}

.cartContainer .shopping .titleRow .close {
	position: absolute;
	width: 18px;
	height: 18px;
	right: 25px;
	top: 27px;
	cursor: pointer
}

.cartContainer .shopping .titleRow .close img {
	width: 100%;
	height: auto
}

.cartContainer .shopping .prodPic img {
	height: 120px;
	width: auto;
	display: block;
	margin: auto
}

.cartContainer .shopping .prodPic .desc {
	font-size: 13px;
	font-family: "graphik regular", sans-serif;
	width: calc(100% - 40px);
	padding: 0px 20px;
	text-align: center;
	border-bottom: 1px solid #979797;
	padding-bottom: 5px
}

.cartContainer .shopping .prodPic .desc strong {
	font-weight: normal
}

.cartContainer .shopping .prodPic .desc ul {
	text-align: left;
	padding-left: 16px
}

.cartContainer .shopping .prodPic .desc ul li {
	padding-bottom: 5px
}

.cartContainer .shopping .textBreak {
	width: calc(100% - 40px);
	margin: auto;
	border-bottom: 1px solid #E4E4E4;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	padding-top: 30px;
	padding-bottom: 3px
}

.cartContainer .shopping .buyingOptions .block,
.cartContainer .shopping .buyingOptions .block2 {
	width: calc(100% - 40px);
	margin: auto;
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	transition: all .2s;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	cursor: pointer
}

.cartContainer .shopping .buyingOptions .block:hover,
.cartContainer .shopping .buyingOptions .block2:hover {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3)
}

.cartContainer .shopping .buyingOptions .block .img,
.cartContainer .shopping .buyingOptions .block2 .img {
	height: 120px;
	width: 125px;
	background: #FAFAFA
}

.cartContainer .shopping .buyingOptions .block .img img,
.cartContainer .shopping .buyingOptions .block2 .img img {
	height: calc(100% - 40px);
	width: auto;
	display: block;
	padding: 20px 0px;
	margin: auto
}

.cartContainer .shopping .buyingOptions .block .text,
.cartContainer .shopping .buyingOptions .block2 .text {
	background: #F4F6F8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 125px)
}

.cartContainer .shopping .buyingOptions .block .text .title,
.cartContainer .shopping .buyingOptions .block2 .text .title {
	padding: 0px 20px;
	font-size: 14px;
	font-family: "graphik semibold", sans-serif;
	line-height: 20px;
	padding-bottom: 10px;
	color: #4C4C4C
}

.cartContainer .shopping .buyingOptions .block .text .price,
.cartContainer .shopping .buyingOptions .block2 .text .price {
	font-size: 15px;
	font-family: "graphik regular", sans-serif;
	padding: 0px 20px;
	letter-spacing: .18px;
	color: #6E6E6E
}

.cartContainer .shopping .buyingOptions .block .warning,
.cartContainer .shopping .buyingOptions .block2 .warning {
	display: none;
	padding: 20px;
	background-color: #F4F6F8;
	margin-bottom: 0px;
	text-align: left
}

.cartContainer .shopping .buyingOptions .block .warning .text,
.cartContainer .shopping .buyingOptions .block2 .warning .text {
	font-size: 14px;
	font-family: "graphik regular", sans-serif;
	color: #6E6E6E;
	width: 100%;
	line-height: 20px;
	letter-spacing: .2px;
	border: none !important
}

.cartContainer .shopping .buyingOptions .block .warning .learn,
.cartContainer .shopping .buyingOptions .block2 .warning .learn {
	color: #Fada4f;
	text-decoration: underline;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	padding-top: 10px
}

.cartContainer .shopping .buyingOptions .active {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3)
}

.cartContainer .shopping .buyingOptions .active .warning {
	display: block
}

.cartContainer .shopping .buyingOptions .active .img,
.cartContainer .shopping .buyingOptions .active .text {
	border-bottom: 2px solid #Fada4f
}

.cartContainer .shopping .colors {
	display: flex;
	width: calc(100% - 40px);
	margin: auto;
	justify-content: flex-start;
	padding-top: 20px;
	cursor: pointer
}

.cartContainer .shopping .colors .block {
	width: 45px;
	margin-right: 55px
}

.cartContainer .shopping .colors .block .circle {
	width: 35px;
	height: 35px;
	box-shadow: inset 0px 33px 28px -38px rgba(0, 0, 0, 0.75);
	border-radius: 100%;
	display: block;
	margin: auto;
	position: relative;
	border: 3px solid white !important
}

.cartContainer .shopping .colors .block .circle:after {
	width: 33px;
	height: 33px;
	border-radius: 100%;
	border: 2px solid white;
	display: block;
	content: "";
	position: absolute;
	top: -1px;
	left: -1px
}

.cartContainer .shopping .colors .block span {
	text-align: center;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	padding-top: 10px;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	color: #6E6E6E;
	letter-spacing: .18px;
	width: 80px
}

.cartContainer .shopping .colors .active .circle {
	border: 3px solid red !important
}

.cartContainer .shopping .quantity {
	width: calc(100% - 40px);
	margin: auto;
	display: flex;
	justify-content: flex-end;
	margin: top;
	position: relative;
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: 20px;
	border-top: 1px solid #E4E4E4
}

.cartContainer .shopping .quantity span {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	padding-right: 10px;
	padding-top: 17px;
	color: #6E6E6E
}

.cartContainer .shopping .quantity span:after {
	content: "^";
	transform: rotate(180deg) scaleX(1.6);
	position: absolute;
	font-size: 20px;
	top: 16px;
	right: 17px;
	color: black
}

.cartContainer .shopping .quantity select {
	width: 65px;
	height: 44px;
	border-radius: 0px;
	-webkit-appearance: none;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-align: right;
	padding-left: 15px;
	background: none;
	border-color: #C8C7C6;
	position: relative;
	box-shadow: 0px 0px 0px 0 rgba(141, 141, 141, 0);
	transition: all .2s;
	outline-color: #Fada4f;
	outline-style: solid;
	outline-width: 0px
}

.cartContainer .shopping .quantity select:hover {
	box-shadow: 3px 6px 7px 0 rgba(141, 141, 141, 0.3);
	border-color: #Fada4f
}

.cartContainer .shopping .quantity select:focus {
	outline-color: #Fada4f;
	outline-style: solid;
	outline-width: 0px
}

.cartContainer .shopping .quantity select:active {
	outline-color: #Fada4f;
	outline-style: solid;
	outline-width: 0px
}

.cartContainer .shopping .total {
	padding-top: 25px;
	width: calc(100% - 40px);
	margin: auto;
	padding-top: 0px;
	margin-top: -60px;
	margin-bottom: -20px
}

.cartContainer .shopping .total span {
	font-size: 14px;
	font-family: "graphik semibold", sans-serif
}

.cartContainer .shopping .total .price {
	font-size: 20px;
	font-family: "graphik medium", sans-serif;
	letter-spacing: .1px
}

.cartContainer .shopping .addToCart,
.cartContainer .shopping .outOfStock {
	width: calc(100% - 40px);
	display: flex;
	margin: auto;
	margin-top: 45px;
	background-color: #Fada4f;
	color: white;
	height: 50px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	font-family: "graphik medium", sans-serif;
	letter-spacing: .1px;
	border-radius: 25px;
	cursor: pointer;
	margin-bottom: 60px
}

.cartContainer .shopping .outOfStock {
	cursor: default
}

.cartContainer .cart {
	height: 100%
}

.cartContainer .cart .titleRow {
	height: 70px;
	border-bottom: 1px solid #979797;
	position: relative
}

.cartContainer .cart .titleRow .title {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	font-family: "graphik medium", sans-serif
}

.cartContainer .cart .titleRow .close {
	position: absolute;
	width: 18px;
	height: 18px;
	right: 25px;
	top: 27px;
	cursor: pointer
}

.cartContainer .cart .titleRow .close img {
	width: 100%;
	height: auto
}

.cartContainer .cart .titleRow .back {
	position: absolute;
	width: 18px;
	height: 18px;
	left: 15px;
	top: 27px;
	cursor: pointer
}

.cartContainer .cart .titleRow .back img {
	height: 100%;
	width: auto
}

.cartContainer .cart .items {
	width: calc(100% - 40px);
	margin: auto;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #E4E4E4
}

.cartContainer .cart .items .block {
	height: auto;
	display: flex;
	position: relative;
	margin-bottom: 15px
}

.cartContainer .cart .items .block .img {
	width: 125px;
	background-color: #FAFAFA
}

.cartContainer .cart .items .block .img img {
	padding: 10px;
	object-fit: contain;
	width: calc(100% - 20px);
	height: calc(100% - 20px)
}

.cartContainer .cart .items .block .text {
	width: calc(100% - 175px);
	background-color: #F4F6F8;
	padding: 0px 15px;
	position: relative;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 60px
}

.cartContainer .cart .items .block .text .title {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	color: #4C4C4C;
	line-height: 20px;
	padding-bottom: 10px
}

.cartContainer .cart .items .block .text .price {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	color: #6E6E6E;
	letter-spacing: .18px
}

.cartContainer .cart .items .block .text .quantity {
	position: absolute;
	bottom: 15px
}

.cartContainer .cart .items .block .text .quantity span {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	color: #4C4C4C;
	padding-left: 5px
}

.cartContainer .cart .items .block .text .quantity span:after {
	content: "^";
	transform: rotate(180deg) scaleX(1.6);
	position: absolute;
	font-size: 16px;
	top: 3px;
	right: 41px;
	color: #8D8D8D;
	z-index: 1
}

.cartContainer .cart .items .block .text .quantity select {
	width: 48px;
	height: 30px;
	border-radius: 0px;
	-webkit-appearance: none;
	font-size: 16px;
	font-family: "Graphik Medium", sans-serif;
	text-align: right;
	padding-left: 13px;
	background: none;
	border-color: #8D8D8D;
	position: relative;
	padding-top: 1px;
	z-index: 9000
}

.cartContainer .cart .items .block .remove {
	position: absolute;
	top: 23px;
	right: 15px;
	height: 15px;
	cursor: pointer
}

.cartContainer .cart .items .block .remove img {
	height: 100%
}

.cartContainer .cart .total {
	padding-top: 25px;
	width: calc(100% - 40px);
	margin: auto
}

.cartContainer .cart .total span {
	font-size: 14px;
	font-family: "graphik semibold", sans-serif
}

.cartContainer .cart .total .price {
	float: right;
	font-size: 20px;
	font-family: "graphik medium", sans-serif;
	letter-spacing: .1px
}

.cartContainer .cart .total .exclude {
	padding-top: 10px;
	display: block;
	text-align: right;
	font-family: "Graphik Regular", sans-serif;
	font-size: 12px;
	color: #919191;
	margin-top: 5px;
	margin-bottom: -5px;
	line-height: 16px
}

.cartContainer .cart .total .Affirm {
	padding-top: 10px
}

.cartContainer .cart .total .Affirm p {
	padding: 0px !important
}

.cartContainer .cart .proceedToCheckout {
	width: calc(100% - 40px);
	display: flex;
	margin: auto;
	margin-top: 45px;
	background-color: #Fada4f;
	color: white;
	height: 50px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	font-family: "graphik medium", sans-serif;
	letter-spacing: .1px;
	border-radius: 25px;
	cursor: pointer;
	margin-bottom: 60px;
	text-decoration: none
}

.cartContainer .cart .textBreak {
	width: calc(100% - 40px);
	margin: auto;
	border-bottom: 1px solid #E4E4E4;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	padding-top: 30px;
	padding-bottom: 3px
}

.cartContainer .cart .otherItems {
	padding-bottom: 45px
}

.cartContainer .cart .otherItems .block {
	background-color: #F4F6F8;
	width: calc(100% - 40px);
	margin: auto;
	margin-top: 15px;
	display: flex
}

.cartContainer .cart .otherItems .block .img {
	width: 125px;
	padding-top: 20px
}

.cartContainer .cart .otherItems .block .img img {
	width: 100%
}

.cartContainer .cart .otherItems .block .right {
	width: calc(100% - 165px);
	padding: 20px
}

.cartContainer .cart .otherItems .block .right .title {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	color: #4C4C4C
}

.cartContainer .cart .otherItems .block .right .desc {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	color: #4C4C4C;
	line-height: 20px
}

.cartContainer .cart .otherItems .block .right .row {
	margin-top: 15px;
	position: relative
}

.cartContainer .cart .otherItems .block .right .row .price {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	color: #4C4C4C;
	display: inline-block;
	padding-top: 11px;
	padding-bottom: 30px
}

.cartContainer .cart .otherItems .block .right .row .addOtherToCart {
	width: 109px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #Fada4f;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	color: #Fada4f;
	cursor: pointer;
	position: relative;
	top: -17px;
	right: 0px
}

.cartContainer .cart .otherItems .block .right .colorTitle {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif
}

.cartContainer .cart .otherItems .block .right .colors {
	display: flex;
	width: calc(100% - 40px);
	margin: auto;
	justify-content: flex-start;
	cursor: pointer
}

.cartContainer .cart .otherItems .block .right .colors .block {
	width: 45px;
	margin-right: 55px;
	flex-direction: column
}

.cartContainer .cart .otherItems .block .right .colors .block .circle {
	width: 35px;
	height: 35px;
	box-shadow: inset 0px 33px 28px -38px rgba(0, 0, 0, 0.75);
	border-radius: 100%;
	display: block;
	margin: auto;
	position: relative;
	border: 3px solid white !important
}

.cartContainer .cart .otherItems .block .right .colors .block .circle:after {
	width: 33px;
	height: 33px;
	border-radius: 100%;
	border: 2px solid white;
	display: block;
	content: "";
	position: absolute;
	top: -1px;
	left: -1px
}

.cartContainer .cart .otherItems .block .right .colors .block span {
	text-align: center;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	padding-top: 10px;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	color: #6E6E6E;
	letter-spacing: .18px;
	width: 80px
}

.cartContainer .cart .otherItems .block .right .colors .active .circle {
	border: 3px solid red !important
}

.purchaseButton,
.purchaseButton2 {
	-webkit-appearance: none;
	border: none;
	outline: none !important;
	background-color: transparent
}

.purchaseButton:focus,
.purchaseButton:active,
.purchaseButton2:focus,
.purchaseButton2:active {
	outline: none !important
}

.cartContainerOverlay,
.compareModalOverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.7);
	z-index: 8050
}

.payment-options {
	width: calc(100% - 40px);
	margin: auto
}

.payment-options .payment-options__header {
	border-bottom: 1px solid #E4E4E4;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	padding-top: 30px;
	padding-bottom: 3px
}

.payment-options .payment-options__list-item {
	display: flex;
	padding-bottom: 15px
}

.payment-options .payment-options__list-item .item {
	padding: 30px 34px 10px 0
}

.payment-options .payment-options__list-item .item .item__image {
	max-height: 21px
}

@media screen and (max-width: 400px) {
	.payment-options .payment-options__list-item {
		flex-wrap: wrap;
		justify-content: center
	}

	.payment-options .payment-options__list-item .item {
		padding: 30px 20px 10px
	}
}

.cartContainer .shopping .addToCart,
.cartContainer .cart .proceedToCheckout {
	margin-bottom: 5px
}

.compareModalOverlay {
	z-index: 9050
}

.compareModal {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	width: 900px;
	z-index: 9100;
	max-height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.compareModal .inner {
	padding-bottom: 50px
}

.compareModal .prodColumn img {
	padding-bottom: 20px
}

.compareModal .prodColumn span {
	width: 90%;
	margin: auto;
	font-family: "Graphik Semibold", sans-serif;
	color: #4C4C4C
}

.compareModal .compareTitle {
	text-align: center;
	font-family: "Graphik Medium", sans-serif;
	color: #4C4C4C;
	font-size: 25px;
	padding-top: 25px;
	position: relative;
	top: 10px
}

.compareModal .prodRow {
	margin-right: 0px
}

.compareModal .row {
	margin-right: 0px
}

.compareModal .row:nth-of-type(2n) {
	background: #F5F6F8
}

.compareModal .row .title {
	text-align: left;
	width: 100%;
	padding-left: 10px;
	max-width: 125px
}

.compareModal .buttonRow {
	margin-right: 0px
}

.compareModal .afterRow {
	display: flex;
	justify-content: flex-end;
	padding-top: 20px;
	padding-bottom: 10px;
	background: white
}

.compareModal .afterRow a {
	font-size: 15px;
	font-family: "Graphik Medium";
	color: #Fada4f;
	text-decoration: none;
	padding-right: 13%;
	padding-left: 14%
}

.closeCompare img {
	width: 20px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer
}

.chartDot {
	background: #C7C6C4;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	margin: auto
}

.workIntContainer {
	background: white
}

.workIntContainer .leftBannerContainer {
	position: relative
}

.workIntContainer .leftBannerContainer img {
	width: 100%;
	height: auto
}

.workIntContainer .leftBannerContainer .bannerText {
	max-width: 940px;
	width: 90%;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: 0px;
	height: 100%
}

.workIntContainer .leftBannerContainer .bannerText .text {
	position: absolute;
	top: calc(50% - 25px);
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	left: 0px;
	max-width: 450px;
	width: 90%;
	transform: translateY(-50%)
}

.workIntContainer .centerBannerContainer {
	position: relative
}

.workIntContainer .centerBannerContainer img {
	width: 100%;
	height: auto
}

.workIntContainer .centerBannerContainer .bannerText {
	max-width: 940px;
	width: 90%;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: 0px;
	height: 100%
}

.workIntContainer .centerBannerContainer .bannerText .text {
	position: absolute;
	top: calc(50% - 25px);
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	left: 50%;
	text-align: center;
	max-width: 450px;
	width: 90%;
	transform: translate(-50%, -50%)
}

.workIntContainer .rightBannerContainer {
	position: relative
}

.workIntContainer .rightBannerContainer img {
	width: 100%;
	height: auto
}

.workIntContainer .rightBannerContainer .bannerText {
	max-width: 940px;
	width: 90%;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: 0px;
	height: 100%
}

.workIntContainer .rightBannerContainer .bannerText .text {
	position: absolute;
	top: calc(50% - 25px);
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	right: 0px;
	text-align: right;
	max-width: 450px;
	width: 90%;
	transform: translateY(-50%)
}

.workIntContainer .logoRow {
	height: 104px;
	border-bottom: 2px solid #E2E2E2;
	padding-top: 10px
}

.workIntContainer .logoRow img {
	max-height: 35px;
	margin: auto;
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

.workIntContainer .videoBlock {
	max-width: 940px;
	background-size: cover;
	height: 400px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	width: 90%;
	position: relative
}

.workIntContainer .videoBlock:after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url(https://cdn.shopify.com/s/files/1/1354/7835/files/playButton_502f6cea-4408-44ec-b10f-a717d1de3063.png?3058566133984490392);
	background-color: rgba(0, 0, 0, 0.3);
	background-size: 30px;
	background-position: 50% 58%;
	background-repeat: no-repeat;
	cursor: pointer
}

.workIntContainer .feat {
	padding-top: 25px;
	padding-bottom: 20px
}

.workIntContainer .feat .title {
	font-size: 20px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center
}

.workIntContainer .feat .flex {
	display: flex;
	max-width: 940px;
	width: 90%;
	margin: auto;
	justify-content: space-between;
	margin-top: 30px
}

.workIntContainer .feat .flex .block {
	width: calc((100% / 3) - 13px)
}

.workIntContainer .feat .flex .block img {
	width: 100%;
	height: 168px;
	object-fit: cover
}

.workIntContainer .feat .flex .block .text {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	text-align: center;
	line-height: 20px;
	padding-top: 21px
}

.workIntContainer .feat .flex .block .text .head {
	font-family: "Graphik Semibold", sans-serif;
	padding-bottom: 10px
}

.workIntContainer .feat .flex .block .text p {
	margin: 0px
}

.workIntContainer .photoBlock {
	margin-top: 73px;
	position: relative
}

.workIntContainer .photoBlock img {
	width: 100%;
	height: auto
}

.workIntContainer .photoBlock .text {
	position: absolute;
	top: 50%;
	left: calc(50% + 40px);
	transform: translate(-50%, -50%);
	max-width: 380px;
	width: 90%
}

.workIntContainer .photoBlock .text .title {
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	position: relative;
	top: -5px
}

.workIntContainer .photoBlock .text .body {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 20px
}

.workIntContainer .compare {
	margin-top: 39px;
	margin-bottom: 50px
}

.workIntContainer .compare .title {
	font-size: 20px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center
}

.workIntContainer .compare .flex {
	padding-top: 48px;
	display: flex;
	max-width: 940px;
	width: 90%;
	margin: auto;
	justify-content: space-between
}

.workIntContainer .compare .flex .left {
	width: 57%;
	margin-right: 20px;
	border: 1px solid #F4F6F8;
	padding-top: 39px;
	border-bottom: 0px
}

.workIntContainer .compare .flex .left .prodRow {
	display: flex;
	justify-content: center
}

.workIntContainer .compare .flex .left .prodRow .block {
	width: 200px
}

.workIntContainer .compare .flex .left .prodRow .block img {
	width: 162px;
	height: 142px;
	margin: auto;
	display: block;
	object-fit: contain;
	object-position: bottom center
}

.workIntContainer .compare .flex .left .prodRow .block .text {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	text-align: center;
	line-height: 20px;
	width: 63%;
	margin: auto;
	padding-top: 18px;
	height: 42px
}

.workIntContainer .compare .flex .left .prodRow .block .buy {
	width: 105px;
	height: 30px;
	background: #Fada4f;
	border-radius: 15px;
	color: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	font-family: "Graphik Semibold", sans-serif;
	margin: auto;
	margin-top: 14px;
	cursor: pointer
}

.workIntContainer .compare .flex .left .titleRow {
	display: flex;
	margin-top: 35px;
	border-top: 1px solid #F2F3F3;
	background: #FCFCFC
}

.workIntContainer .compare .flex .left .titleRow .title {
	text-align: left
}

.workIntContainer .compare .flex .left .titleRow .title:first-of-type {
	font-size: 18px;
	padding-left: 22px;
	padding-bottom: 17px;
	padding-top: 15px;
	width: 191px
}

.workIntContainer .compare .flex .left .titleRow .title:nth-of-type(2) {
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 17px
}

.workIntContainer .compare .flex .left .regRow {
	border-top: 1px solid #F2F3F3;
	padding-top: 15px;
	display: flex;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	padding-bottom: 15px;
	padding-left: 15px;
	letter-spacing: -0.1px;
	min-height: 37px
}

.workIntContainer .compare .flex .left .regRow:nth-of-type(2n) {
	background-color: #F4F6F8
}

.workIntContainer .compare .flex .left .regRow .text {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.workIntContainer .compare .flex .left .regRow .text:first-of-type {
	width: 200px
}

.workIntContainer .compare .flex .left .regRow .text:nth-of-type(2) {
	width: calc(100% - 200px);
	max-width: 290px
}

.workIntContainer .compare .flex .right {
	width: calc(43% - 20px);
	border: 1px solid #F4F6F8;
	padding-top: 39px;
	border-bottom: 0px
}

.workIntContainer .compare .flex .right .prodRow {
	display: flex;
	justify-content: center
}

.workIntContainer .compare .flex .right .prodRow .block {
	width: 200px
}

.workIntContainer .compare .flex .right .prodRow .block img {
	width: 162px;
	height: 142px;
	margin: auto;
	display: block;
	object-fit: contain;
	object-position: bottom center
}

.workIntContainer .compare .flex .right .prodRow .block .text {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	text-align: center;
	line-height: 20px;
	width: 63%;
	margin: auto;
	padding-top: 18px;
	height: 42px
}

.workIntContainer .compare .flex .right .prodRow .block .buy {
	width: 105px;
	height: 30px;
	background: #Fada4f;
	border-radius: 15px;
	color: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	font-family: "Graphik Semibold", sans-serif;
	margin: auto;
	margin-top: 14px;
	cursor: pointer
}

.workIntContainer .compare .flex .right .titleRow {
	display: flex;
	margin-top: 35px;
	border-top: 1px solid #F2F3F3;
	background: #FCFCFC
}

.workIntContainer .compare .flex .right .titleRow .title {
	text-align: left
}

.workIntContainer .compare .flex .right .titleRow .title:first-of-type {
	font-size: 18px;
	padding-left: 22px;
	padding-bottom: 17px;
	padding-top: 15px;
	width: 168px
}

.workIntContainer .compare .flex .right .titleRow .title:nth-of-type(2) {
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 17px;
	width: 262px;
	padding-right: 30px
}

.workIntContainer .compare .flex .right .regRow {
	border-top: 1px solid #F2F3F3;
	padding-top: 15px;
	display: flex;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	padding-bottom: 15px;
	padding-left: 15px;
	letter-spacing: -0.1px;
	min-height: 37px
}

.workIntContainer .compare .flex .right .regRow:nth-of-type(2n) {
	background-color: #F4F6F8
}

.workIntContainer .compare .flex .right .regRow .text {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.workIntContainer .compare .flex .right .regRow .text:first-of-type {
	width: 180px;
	padding-right: 20px
}

.workIntContainer .compare .flex .right .regRow .text:nth-of-type(2) {
	width: 262px;
	padding-right: 30px
}

.workIntContainer .help {
	height: 210px;
	width: auto;
	background: #F7F7F7;
	margin-top: 82px
}

.workIntContainer .help .int {
	display: flex;
	max-width: 680px;
	width: 90%;
	margin: auto;
	height: 100%
}

.workIntContainer .help .int img {
	height: 100%;
	width: 120px;
	display: block;
	object-fit: contain
}

.workIntContainer .help .int .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 40px
}

.workIntContainer .help .int .text .title {
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	padding-bottom: 15px
}

.workIntContainer .help .int .text .body {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif
}

.workIntContainer .help .int .text a {
	font-size: 15px;
	font-family: "Graphik Medium", sans-serif;
	color: #4C4C4C;
	text-decoration: none;
	padding-top: 17px
}

.workIntContainer .centerColorBlock {
	margin-top: 40px;
	height: 380px
}

.workIntContainer .centerColorBlock .text {
	text-align: center;
	max-width: 940px;
	width: 90%;
	margin: auto;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center
}

.workIntContainer .centerColorBlock .text .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px
}

.workIntContainer .centerColorBlock .text .innerText {
	font-size: 16px;
	font-family: "Graphik Regular", sans-serif;
	padding-top: 20px
}

.workIntContainer .colorBlockImgRight {
	height: 380px;
	display: flex;
	justify-content: center
}

.workIntContainer .colorBlockImgRight .inner {
	max-width: 940px;
	width: 90%;
	display: flex;
	justify-content: space-between
}

.workIntContainer .colorBlockImgRight .inner .img {
	max-width: 482px;
	width: 50%
}

.workIntContainer .colorBlockImgRight .inner .img img {
	height: 100%;
	width: 100%;
	object-fit: contain
}

.workIntContainer .colorBlockImgRight .inner .text {
	justify-content: center;
	display: flex;
	flex-direction: column;
	width: 44%
}

.workIntContainer .colorBlockImgRight .inner .text .subhead {
	max-width: 180px;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .colorBlockImgRight .inner .text .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	padding-top: 20px;
	padding-bottom: 20px
}

.workIntContainer .colorBlockImgRight .inner .text .body p {
	margin: 0px
}

.workIntContainer .colorBlockImgRight .inner .text a {
	color: #28556C;
	font-family: "Graphik Medium", sans-serif;
	font-size: 13px;
	text-decoration: none
}

.workIntContainer .colorBlockImgLeft {
	height: 380px;
	display: flex;
	justify-content: center
}

.workIntContainer .colorBlockImgLeft .inner {
	max-width: 940px;
	width: 90%;
	display: flex;
	justify-content: space-between
}

.workIntContainer .colorBlockImgLeft .inner .img {
	max-width: 482px;
	width: 50%
}

.workIntContainer .colorBlockImgLeft .inner .img img {
	height: 100%;
	width: 100%;
	object-fit: contain
}

.workIntContainer .colorBlockImgLeft .inner .text {
	justify-content: center;
	display: flex;
	flex-direction: column;
	width: 44%
}

.workIntContainer .colorBlockImgLeft .inner .text .subhead {
	max-width: 180px;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .colorBlockImgLeft .inner .text .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	padding-top: 20px;
	padding-bottom: 20px
}

.workIntContainer .colorBlockImgLeft .inner .text .body p {
	margin: 0px
}

.workIntContainer .colorBlockImgLeft .inner .text a {
	color: #28556C;
	font-family: "Graphik Medium", sans-serif;
	font-size: 13px;
	text-decoration: none
}

.workIntContainer .textOverImgRight {
	position: relative
}

.workIntContainer .textOverImgRight img {
	width: 100%;
	height: auto
}

.workIntContainer .textOverImgRight .inner {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 940px;
	width: 90%;
	left: 50%
}

.workIntContainer .textOverImgRight .inner .text {
	width: calc(50% - 50px);
	float: right
}

.workIntContainer .textOverImgRight .inner .text .head {
	max-width: 180px;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .textOverImgRight .inner .text .body {
	font-size: 15px;
	max-width: 400px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	padding-top: 20px;
	padding-bottom: 20px
}

.workIntContainer .textOverImgRight .inner .text .body p {
	margin: 0px
}

.workIntContainer .textOverImgRight .inner .text a {
	color: #28556C;
	font-family: "Graphik Medium", sans-serif;
	font-size: 13px;
	text-decoration: none
}

.workIntContainer .textOverImgLeft {
	position: relative
}

.workIntContainer .textOverImgLeft img {
	width: 100%;
	height: auto
}

.workIntContainer .textOverImgLeft .inner {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 940px;
	width: 90%;
	left: 50%
}

.workIntContainer .textOverImgLeft .inner .text .head {
	max-width: 180px;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .textOverImgLeft .inner .text .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	padding-top: 20px;
	max-width: 400px;
	padding-bottom: 20px
}

.workIntContainer .textOverImgLeft .inner .text .body p {
	margin: 0px
}

.workIntContainer .textOverImgLeft .inner .text a {
	font-family: "Graphik Medium", sans-serif;
	font-size: 13px;
	text-decoration: none
}

.workIntContainer .textOverImgCenter {
	position: relative
}

.workIntContainer .textOverImgCenter img {
	width: 100%;
	height: auto
}

.workIntContainer .textOverImgCenter .inner {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 940px;
	width: 90%;
	left: 50%
}

.workIntContainer .textOverImgCenter .inner .text {
	text-align: center
}

.workIntContainer .textOverImgCenter .inner .text .head {
	margin: auto;
	max-width: 180px;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .textOverImgCenter .inner .text .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	padding-top: 20px;
	max-width: 400px;
	margin: auto;
	padding-bottom: 20px
}

.workIntContainer .textOverImgCenter .inner .text .body p {
	margin: 0px
}

.workIntContainer .textOverImgCenter .inner .text a {
	font-family: "Graphik Medium", sans-serif;
	font-size: 13px;
	text-decoration: none
}

.workIntContainer .wideTextBlock {
	padding: 70px 0px
}

.workIntContainer .wideTextBlock .inner .subhead {
	margin: auto;
	max-width: 1020px;
	width: 90%;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center
}

.workIntContainer .wideTextBlock .inner .body {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	padding-top: 20px;
	width: 90%;
	max-width: 780px;
	margin: auto;
	padding-bottom: 20px;
	text-align: center
}

.workIntContainer .wideTextBlock .inner .body p {
	margin: 0px
}

.workIntContainer .sideBySide {
	padding: 20px 0px
}

.workIntContainer .sideBySide .inner {
	display: flex;
	max-width: 940px;
	margin: auto;
	justify-content: space-between;
	width: 90%;
	height: 23vw;
	max-height: 290px
}

.workIntContainer .sideBySide .inner .block {
	width: calc(50% - 10px);
	height: 100%;
	position: relative
}

.workIntContainer .sideBySide .inner .block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center
}

.workIntContainer .sideBySide .inner .block .text {
	position: absolute;
	top: 30px;
	padding-right: 20px;
	left: 25px
}

.workIntContainer .sideBySide .inner .block .text .header {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .sideBySide .inner .block .text .body {
	font-size: 15px;
	font-family: "Graphik Medium", sans-serif;
	letter-spacing: .18px;
	padding-top: 7px
}

.workIntContainer .sideBySide .inner .block .text a {
	width: 104px;
	margin-top: 15px;
	height: 30px;
	border: 1px solid black;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	text-decoration: none;
	cursor: pointer
}

.workIntContainer .wideBlock {
	padding: 20px 0px;
	display: flex;
	max-width: 940px;
	margin: auto;
	justify-content: space-between;
	width: 90%;
	height: 23vw;
	max-height: 290px
}

.workIntContainer .wideBlock .block {
	width: 100%;
	height: 100%;
	position: relative
}

.workIntContainer .wideBlock .block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center
}

.workIntContainer .wideBlock .block .text {
	position: absolute;
	top: 30px;
	left: 25px
}

.workIntContainer .wideBlock .block .text .header {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .wideBlock .block .text .body {
	font-size: 15px;
	font-family: "Graphik Medium", sans-serif;
	letter-spacing: .18px;
	padding-top: 7px
}

.workIntContainer .wideBlock .block .text a {
	width: 104px;
	margin-top: 15px;
	height: 30px;
	border: 1px solid black;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	text-decoration: none;
	cursor: pointer
}

.workIntContainer .colorBlockRightIcon .inner {
	height: 300px;
	display: inline-flex;
	justify-content: center;
	max-width: 700px;
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}

.workIntContainer .colorBlockRightIcon .inner .text {
	text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.workIntContainer .colorBlockRightIcon .inner .text .header {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .colorBlockRightIcon .inner .text .body {
	font-size: 15px;
	font-family: "Graphik Medium", sans-serif;
	letter-spacing: .18px;
	padding-top: 7px
}

.workIntContainer .colorBlockRightIcon .inner .text .body a {
	color: inherit !important;
	text-decoration: none
}

.workIntContainer .colorBlockRightIcon .inner .text .body p {
	margin: 0px
}

.workIntContainer .colorBlockRightIcon .inner img {
	position: relative;
	left: 20px;
	object-fit: contain;
	max-width: 150px;
	margin: 0px auto;
	padding-bottom: 20px
}

.workIntContainer .colorBlockLeftIcon .inner {
	height: 300px;
	display: inline-flex;
	justify-content: center;
	max-width: 700px;
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}

.workIntContainer .colorBlockLeftIcon .inner .text {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.workIntContainer .colorBlockLeftIcon .inner .text .header {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .colorBlockLeftIcon .inner .text .body {
	font-size: 15px;
	font-family: "Graphik Medium", sans-serif;
	letter-spacing: .18px;
	padding-top: 7px
}

.workIntContainer .colorBlockLeftIcon .inner .text .body a {
	color: inherit !important;
	text-decoration: none
}

.workIntContainer .colorBlockLeftIcon .inner .text .body p {
	margin: 0px
}

.workIntContainer .colorBlockLeftIcon .inner img {
	position: relative;
	left: -20px;
	object-fit: contain;
	max-width: 150px;
	margin: 0px auto;
	padding-bottom: 20px
}

.workIntContainer .colorBlockCenterIcon .inner {
	height: 300px;
	display: inline-flex;
	flex-direction: column;
	max-width: 700px;
	justify-content: center;
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}

.workIntContainer .colorBlockCenterIcon .inner .text {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.workIntContainer .colorBlockCenterIcon .inner .text .header {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .colorBlockCenterIcon .inner .text .body {
	font-size: 15px;
	font-family: "Graphik Medium", sans-serif;
	letter-spacing: .18px;
	padding-top: 7px
}

.workIntContainer .colorBlockCenterIcon .inner .text .body a {
	color: inherit !important;
	text-decoration: none
}

.workIntContainer .colorBlockCenterIcon .inner .text .body p {
	margin: 0px
}

.workIntContainer .colorBlockCenterIcon .inner img {
	position: relative;
	object-fit: contain;
	max-width: 150px;
	margin: 0px auto;
	padding-bottom: 20px
}

.workIntContainer .mobileCompare {
	display: none
}

.workIntContainer .mobileCompare .title {
	font-size: 20px;
	margin-top: 20px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center
}

.workIntContainer .mobileCompare .slideBlock {
	max-width: 940px;
	width: 90%;
	margin: auto;
	border: 1px solid #F46F6F8;
	padding-top: 40px
}

.workIntContainer .mobileCompare .slideBlock .prodRow {
	display: flex;
	justify-content: space-around
}

.workIntContainer .mobileCompare .slideBlock .prodRow .block {
	width: 50%;
	padding: 0px 10px
}

.workIntContainer .mobileCompare .slideBlock .prodRow .block img {
	width: 100%;
	object-fit: contain;
	height: 150px;
	object-position: bottom
}

.workIntContainer .mobileCompare .slideBlock .prodRow .block .text {
	font-size: 14px;
	color: #4C4C4C;
	text-align: center;
	font-family: "Graphik Regular", sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 30px
}

.workIntContainer .mobileCompare .slideBlock .prodRow .block .buy {
	width: 105px;
	height: 30px;
	background: #Fada4f;
	border-radius: 15px;
	color: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	font-family: "Graphik Semibold", sans-serif;
	margin: auto;
	cursor: pointer
}

.workIntContainer .mobileCompare .slideBlock .titleRow {
	width: 95%;
	margin: auto;
	margin-top: 20px;
	display: flex;
	border: 1px solid #F2F3F3;
	background: #FCFCFC;
	padding-bottom: 17px;
	border-bottom: 0px;
	padding-top: 15px
}

.workIntContainer .mobileCompare .slideBlock .titleRow .title {
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif
}

.workIntContainer .mobileCompare .slideBlock .titleRow .title:first-of-type {
	width: 120px;
	padding-left: 10px;
	padding-right: 30px
}

.workIntContainer .mobileCompare .slideBlock .titleRow .title:nth-of-type(2) {
	width: calc(100% - 150px);
	padding-left: 0px;
	padding-right: 10px
}

.workIntContainer .mobileCompare .slideBlock .regRow {
	border: 1px solid #F2F3F3;
	border-bottom: none;
	display: flex;
	width: 95%;
	margin: auto;
	font-size: 11px;
	font-family: "Graphik Regular";
	letter-spacing: .2px;
	line-height: 11px;
	background: #FCFCFC;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px
}

.workIntContainer .mobileCompare .slideBlock .regRow:nth-of-type(2n) {
	background-color: #F4F6F8
}

.workIntContainer .mobileCompare .slideBlock .regRow .text:first-of-type {
	width: 120px;
	padding-left: 10px;
	padding-right: 30px
}

.workIntContainer .mobileCompare .slideBlock .regRow .text:nth-of-type(2) {
	width: calc(100% - 150px);
	padding-left: 0px;
	padding-right: 10px
}

.workIntContainer .mobileCompare .slick-dots {
	display: flex;
	list-style: none;
	margin: 0px;
	padding: 0px;
	justify-content: center;
	padding-top: 20px;
	padding-bottom: 30px;
	cursor: pointer
}

.workIntContainer .mobileCompare .slick-dots li {
	display: block;
	background: #EEEEEE;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin: 0px 10px;
	border: 1px solid transparent;
	cursor: pointer
}

.workIntContainer .mobileCompare .slick-dots li button {
	opacity: 0
}

.workIntContainer .mobileCompare .slick-dots .slick-active {
	border: 1px solid #Fada4f;
	cursor: pointer
}

.connectedPage {
	background: white
}

.connectedPage .banner {
	position: relative
}

.connectedPage .banner .desktop {
	height: 500px;
	width: 100%;
	object-fit: cover;
	object-position: center
}

.connectedPage .banner .mobile {
	width: 100%;
	height: auto
}

.connectedPage .banner .text {
	position: absolute;
	top: 50%;
	max-width: 940px;
	width: 90%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.connectedPage .banner .text .title {
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	max-width: 388px
}

.connectedPage .banner .text .body {
	max-width: 478px;
	font-size: 18px;
	font-family: "Graphik Light", sans-serif;
	padding-top: 15px;
	padding-bottom: 20px
}

.connectedPage .banner .text a {
	width: 118px;
	height: 33px;
	border-radius: 17px;
	background-color: #Fada4f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: white;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: -.1px;
	text-decoration: none;
	cursor: pointer
}

.connectedPage .textBlade {
	background-color: #28556C;
	color: white;
	padding: 50px 15%
}

.connectedPage .textBlade .header {
	max-width: 780px;
	padding-top: 15px;
	margin: auto;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px;
	text-align: center
}

.connectedPage .textBlade .body {
	max-width: 780px;
	margin: auto;
	font-size: 16px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 22px;
	text-align: center;
	padding-top: 20px
}

.connectedPage .textBlade .body p {
	margin: 0px;
	height: 45px
}

.connectedPage .locksCollection {
	max-width: 974px;
	margin: auto;
	padding: 50px 0px;
	width: 90%
}

.connectedPage .locksCollection .title {
	color: #4C4C4C;
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding-bottom: 40px;
	text-align: center
}

.connectedPage .locksCollection .flex {
	display: flex;
	justify-content: space-between
}

.connectedPage .locksCollection .flex .block {
	width: calc(25% - 20px);
	background: #F7F7F7;
	border: 1px solid rgba(211, 211, 211, 0.15)
}

.connectedPage .locksCollection .flex .block img {
	height: 108px;
	width: 100%;
	object-fit: contain;
	background-color: white
}

.connectedPage .locksCollection .flex .block .text {
	background: #F7F7F7
}

.connectedPage .locksCollection .flex .block .text .title {
	font-size: 14px;
	line-height: 20px;
	font-family: "Graphik Semibold", sans-serif;
	text-align: left;
	width: 80%;
	margin: auto;
	padding-bottom: 5px;
	padding-top: 15px
}

.connectedPage .locksCollection .flex .block .text .body {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	width: 80%;
	margin: auto
}

.connectedPage .locksCollection .flex .block .text .row {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 20px
}

.connectedPage .locksCollection .flex .block .text .row .buy {
	width: 94px;
	height: 33px;
	border-radius: 17px;
	background-color: #Fada4f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: white;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: -.1px;
	text-decoration: none;
	cursor: pointer
}

.connectedPage .locksCollection .flex .block .text .row .compare {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	color: #6E6E6E;
	border-bottom: 1px solid #6E6E6E;
	padding-bottom: 3px;
	height: 14px;
	text-transform: capitalize;
	cursor: pointer;
	position: relative;
	top: 9px
}

.connectedPage .locksCollection .mobileYaleSlider {
	display: none
}

.connectedPage .locksCollection .mobileYaleSlider .slideContainer .block {
	width: calc(100% - 30px);
	margin: auto;
	background: #F7F7F7;
	border: 1px solid rgba(211, 211, 211, 0.15)
}

.connectedPage .locksCollection .mobileYaleSlider .slideContainer .block img {
	height: 108px;
	width: 100%;
	object-fit: contain;
	background-color: white
}

.connectedPage .locksCollection .mobileYaleSlider .slideContainer .block .text {
	background: #F7F7F7
}

.connectedPage .locksCollection .mobileYaleSlider .slideContainer .block .text .title {
	font-size: 14px;
	line-height: 20px;
	font-family: "Graphik Semibold", sans-serif;
	text-align: left;
	width: 80%;
	margin: auto;
	padding-bottom: 5px;
	padding-top: 15px
}

.connectedPage .locksCollection .mobileYaleSlider .slideContainer .block .text .body {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	width: 80%;
	margin: auto
}

.connectedPage .locksCollection .mobileYaleSlider .slideContainer .block .text .row {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: 80%;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px
}

.connectedPage .locksCollection .mobileYaleSlider .slideContainer .block .text .row .buy {
	width: 94px;
	height: 33px;
	border-radius: 17px;
	background-color: #Fada4f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: white;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: -.1px;
	text-decoration: none;
	cursor: pointer;
	margin: auto
}

.connectedPage .locksCollection .mobileYaleSlider .slideContainer .block .text .row .compare {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	color: #6E6E6E;
	border-bottom: 1px solid #6E6E6E;
	padding-bottom: 3px;
	height: 14px;
	text-transform: capitalize;
	cursor: pointer;
	position: relative;
	top: 9px;
	display: inline-block;
	width: auto;
	margin: 10px auto
}

.connectedPage .benefits {
	background: #F4F6F8;
	padding: 50px 0px
}

.connectedPage .benefits .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px;
	padding-bottom: 60px;
	color: #4C4C4C;
	width: 90%;
	max-width: 940px;
	margin: auto;
	text-align: center
}

.connectedPage .benefits .flex {
	display: flex;
	justify-content: space-between;
	max-width: 940px;
	margin: auto;
	width: 90%
}

.connectedPage .benefits .flex .block {
	width: calc((100% / 3) - 20px)
}

.connectedPage .benefits .flex .block img {
	width: 100%
}

.connectedPage .benefits .flex .block .text .header {
	padding: 20px 0px;
	text-align: center;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	color: #4C4C4C
}

.connectedPage .benefits .flex .block .text .body {
	color: #6E6E6E;
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: .18px;
	line-height: 21px;
	text-align: center;
	width: 90%;
	margin: auto
}

.connectedPage .compareYale {
	max-width: 653px;
	width: 90%;
	margin: auto;
	padding-top: 50px
}

.connectedPage .compareYale .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 30px;
	padding-bottom: 60px;
	color: #4C4C4C;
	width: 90%;
	max-width: 940px;
	margin: auto;
	text-align: center
}

.connectedPage .compareYale .prodRow {
	display: flex;
	justify-content: flex-end;
	border-bottom: 1px solid #EFEEEE
}

.connectedPage .compareYale .prodRow .inner {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 200px);
	padding: 0px 20px
}

.connectedPage .compareYale .prodRow .inner .block {
	width: calc((100% / 3) - 20px)
}

.connectedPage .compareYale .prodRow .inner .block img {
	height: 108px;
	width: 100%;
	object-fit: contain
}

.connectedPage .compareYale .prodRow .inner .block .text {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	color: #6E6E6E;
	line-height: 20px;
	padding: 20px 0px 30px 0px;
	text-align: center
}

.connectedPage .compareYale .row {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	color: #6E6E6E;
	min-height: 50px;
	justify-content: space-around;
	border-bottom: 1px solid #EFEEEE;
	display: flex
}

.connectedPage .compareYale .row:nth-of-type(2n) {
	background: #F4F6F8
}

.connectedPage .compareYale .row .text {
	width: 150px;
	padding: 15px 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 20px
}

.connectedPage .compareYale .row .check {
	width: calc(((100% - 200px) / 3) - 20px);
	display: flex
}

.connectedPage .compareYale .row .check img {
	width: 30px;
	margin: auto
}

.connectedPage .compareYale .buttonRow {
	display: flex;
	justify-content: flex-end;
	padding-top: 20px;
	padding-bottom: 80px
}

.connectedPage .compareYale .buttonRow .inner {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 200px)
}

.connectedPage .compareYale .buttonRow .inner .column {
	width: calc((100% / 3) - 20px)
}

.connectedPage .compareYale .buttonRow .inner .column button {
	width: 118px;
	height: 33px;
	border-radius: 17px;
	background-color: #Fada4f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: white;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: -.1px;
	text-decoration: none;
	cursor: pointer;
	align-items: center;
	margin: auto
}

.connectedPage .compareYaleMobile {
	display: none;
	width: calc(100% - 60px);
	margin: auto
}

.connectedPage .compareYaleMobile .title {
	font-size: 17px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 15px
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slide {
	padding-bottom: 40px
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slide .block img {
	height: 108px;
	width: 100%;
	display: block;
	object-fit: contain
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slide .block .text {
	font-size: 12px;
	text-align: center;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 20px;
	padding-bottom: 70px;
	line-height: 15px;
	letter-spacing: .2px;
	color: #4C4C4C
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slide .row {
	font-size: 11px;
	font-family: "Graphik Regular", sans-serif;
	color: #6E6E6E;
	min-height: 50px;
	justify-content: space-around;
	border-bottom: 1px solid #EFEEEE;
	display: flex
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slide .row:nth-of-type(2n) {
	background: #F4F6F8
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slide .row .text {
	width: 150px;
	padding: 15px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 20px
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slide .row .check {
	width: calc(100% - 130px);
	display: flex
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slide .row .check img {
	width: 30px;
	margin: auto
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slide button {
	width: 118px;
	height: 33px;
	border-radius: 17px;
	background-color: #Fada4f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: white;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: -.1px;
	text-decoration: none;
	cursor: pointer;
	align-items: center;
	margin: auto;
	margin-top: 20px
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slick-dots {
	position: absolute;
	top: 190px;
	list-style: none;
	display: flex !important;
	padding: 0;
	margin: 0;
	width: 100%;
	justify-content: center
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0px 10px;
	border-radius: 100%;
	background-color: #EFEEEE;
	border: 1px solid transparent
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slick-dots li button {
	opacity: 0
}

.connectedPage .compareYaleMobile .compareYaleSlideShow .slick-dots .slick-active {
	border: 1px solid #Fada4f
}

.videoPage {
	background-color: white
}

.videoPage .banner {
	width: 100%;
	max-height: 500px;
	overflow: hidden;
	position: relative;
	padding-bottom: 40px
}

.videoPage .banner .videoContainer {
	width: 100%;
	padding-top: 50%;
	position: relative;
	overflow: hidden
}

.videoPage .banner .videoContainer iframe {
	width: 100%;
	height: 113%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.videoPage .banner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 90%;
	max-width: 940px
}

.videoPage .banner .text .title {
	font-family: "Graphik Bold", sans-serif;
	font-size: 50px;
	padding-bottom: 30px
}

.videoPage .banner .text .body {
	font-family: "Graphik light", sans-serif;
	font-size: 26px
}

.videoPage .row {
	padding: 40px 0px;
	background-color: #F4F4F4
}

.videoPage .row:nth-of-type(2n) {
	background-color: white
}

.videoPage .row .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	max-width: 940px;
	width: 90%;
	margin: auto;
	padding-bottom: 30px
}

.videoPage .row .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	max-width: 940px;
	margin: auto
}

.videoPage .row .flex .videoBlock {
	cursor: pointer;
	width: calc((100% / 3) - 20px)
}

.videoPage .row .flex .videoBlock img {
	width: 100%;
	min-height: 168px;
	width: 100%;
	object-fit: cover
}

.videoPage .row .flex .videoBlock .text {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 23px;
	color: #4C4C4C;
	padding-top: 10px;
	padding-bottom: 20px
}

.videoPage .row .showMore {
	width: 104px;
	height: 28px;
	border: 1px solid #6E6E6E;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #6E6E6E;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	margin: auto;
	margin-top: 20px;
	cursor: pointer
}

.appPage {
	background: #EFEEEE;
	min-height: calc(100vh - 235px);
	height: 0px
}

.appPage .interior {
	height: 100%;
	display: block;
	position: relative;
	width: 100%
}

.appPage .interior img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom right
}

.appPage .interior .text {
	position: absolute;
	top: 50%;
	max-width: 940px;
	width: 90%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.appPage .interior .text .title {
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	color: #4C4C4C;
	padding-bottom: 10px
}

.appPage .interior .text .body {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	line-height: 23px;
	width: 70%;
	max-width: 465px;
	padding-bottom: 30px;
	color: #4C4C4C
}

.appPage .interior .text .row {
	display: flex
}

.appPage .interior .text .row img {
	height: 43px;
	width: auto;
	margin-right: 20px
}

.proPage {
	background: white
}

.proPage .banner {
	position: relative
}

.proPage .banner .text {
	max-width: 940px;
	width: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, calc(-50% - 13px))
}

.proPage .banner .text .logo {
	width: 245px;
	margin-bottom: 19px;
	margin-left: 2px
}

.proPage .banner .text .title {
	font-size: 50px;
	font-family: "Graphik Light", sans-serif;
	font-weight: 100;
	max-width: 420px;
	line-height: 54px;
	margin: 0px;
	margin-bottom: 8px
}

.proPage .banner .text .body {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	max-width: 510px;
	color: #6E6E6E;
	line-height: 23px;
	margin-bottom: 32px
}

.proPage .banner .text .row {
	height: 30px
}

.proPage .banner .text .row .button {
	height: 100%;
	display: inline-flex;
	padding: 0px 32px;
	color: white;
	text-decoration: none;
	background: #Fada4f;
	border-radius: 16px;
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif;
	flex-direction: column;
	justify-content: center;
	margin-right: 38px
}

.proPage .iconRow {
	max-width: 940px;
	margin: auto;
	width: 90%;
	padding-top: 57px;
	padding-bottom: 90px
}

.proPage .iconRow .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	color: #4C4C4C
}

.proPage .iconRow .proSlider {
	display: none
}

.proPage .iconRow .flex {
	display: flex;
	margin-top: 79px;
	justify-content: space-between
}

.proPage .iconRow .flex .block {
	width: calc(25% - 13px)
}

.proPage .iconRow .flex .block img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	margin: auto;
	display: block
}

.proPage .iconRow .flex .block .text {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	padding-top: 27px;
	line-height: 23px;
	color: #6E6E6E
}

.proPage .marbleBlock {
	padding-bottom: 55px
}

.proPage .marbleBlock .topSbs {
	max-width: 940px;
	margin: auto;
	padding-top: 23px;
	display: flex;
	width: 90%
}

.proPage .marbleBlock .topSbs img {
	width: 50%;
	height: 375px;
	object-fit: scale-down;
	object-position: center;
	position: relative;
	left: -40px
}

.proPage .marbleBlock .topSbs .text {
	padding-top: 48px;
	padding-left: 11px
}

.proPage .marbleBlock .topSbs .text .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 12px;
	line-height: 29px
}

.proPage .marbleBlock .topSbs .text .body {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 12px;
	line-height: 29px;
	color: #6E6E6E
}

.proPage .marbleBlock .bottomSbs {
	max-width: 940px;
	margin: auto;
	display: flex;
	margin-top: -50px;
	width: 90%
}

.proPage .marbleBlock .bottomSbs .text {
	width: 50%;
	padding-top: 11.5%
}

.proPage .marbleBlock .bottomSbs .text .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 12px;
	line-height: 29px
}

.proPage .marbleBlock .bottomSbs .text .body {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	color: #6E6E6E;
	line-height: 23px;
	padding-top: 15px
}

.proPage .marbleBlock .bottomSbs .vidBlock {
	width: 50%;
	position: relative;
	cursor: pointer
}

.proPage .marbleBlock .bottomSbs .vidBlock img {
	width: 103%
}

.proPage .marbleBlock .bottomSbs .vidBlock .playIcon {
	position: absolute;
	bottom: 45px;
	left: 40px
}

.proPage .marbleBlock .bottomSbs .vidBlock .playIcon img {
	height: 40px;
	width: 40px
}

.proPage .marbleBlock .bottomSbs .vidBlock .playIcon span {
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	color: white;
	padding-left: 4px;
	position: relative;
	top: -14px
}

.proPage .textOverImg {
	position: relative
}

.proPage .textOverImg img {
	width: 100%;
	height: 500px;
	object-position: center;
	object-fit: cover
}

.proPage .textOverImg .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 79px), calc(-50% - 10px));
	max-width: 767px;
	width: calc(90% - 180px)
}

.proPage .textOverImg .text .quote {
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center;
	line-height: 23px;
	color: #6E6E6E;
	margin-bottom: 10px
}

.proPage .textOverImg .text .credit {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	color: #6E6E6E;
	line-height: 21px;
	letter-spacing: .18px;
	text-align: center
}

.proPage .textOverImg .text .credit:nth-of-type(2) {
	margin-bottom: 73px
}

.proPage .distPartners {
	background: #F4F4F4
}

.proPage .distPartners .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	color: #4C4C4C;
	text-align: center;
	padding-top: 70px
}

.proPage .distPartners .chooser {
	display: flex;
	justify-content: center;
	padding-top: 45px
}

.proPage .distPartners .chooser .USA {
	font-size: 27px;
	color: #6E6E6E;
	font-family: "Graphik Medium", sans-serif;
	opacity: .3;
	border-bottom: 5px solid transparent;
	margin: 0px 63px;
	width: 84px;
	text-align: center;
	padding-bottom: 4px;
	cursor: pointer
}

.proPage .distPartners .chooser .Canada {
	font-size: 27px;
	color: #6E6E6E;
	font-family: "Graphik Medium", sans-serif;
	opacity: .3;
	border-bottom: 5px solid transparent;
	margin: 0px 84px;
	padding-bottom: 4px;
	cursor: pointer
}

.proPage .distPartners .chooser .active {
	opacity: 1;
	border-bottom: 5px solid #Fada4f
}

.proPage .fillGrid {
	padding-top: 30px;
	padding-bottom: 80px
}

.proPage .grid {
	max-width: 940px;
	margin: auto;
	display: flex;
	width: 90%;
	flex-wrap: wrap
}

.proPage .grid .block {
	width: calc((100% / 3) - 35px);
	height: 70px;
	padding: 10px;
	background: white;
	margin-bottom: 21px;
	margin-right: 21px;
	position: relative;
	top: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	transition: all .2s
}

.proPage .grid .block:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	top: -6px
}

.proPage .grid .block:nth-of-type(3n) {
	margin-right: 0px
}

.proPage .grid .block img {
	width: 80%;
	margin: auto;
	height: 100%;
	object-fit: contain;
	display: block
}

.proPage .loadMore {
	display: none
}

.proPage .proPartner {
	background: #E4E4E4
}

.proPage .proPartner .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	color: #4C4C4C;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 48px
}

.proPage .proPartner .underText {
	font-size: 15px;
	font-family: "Graphik Regular", sans-serif;
	color: #6E6E6E;
	text-align: center;
	letter-spacing: .18px;
	padding-top: 25px
}

.proPage .proPartner a {
	font-size: 14px;
	font-family: "Graphik Medium", sans-serif;
	color: #6E6E6E;
	text-align: center;
	display: block;
	padding-top: 9px;
	padding-bottom: 50px
}

.proPage .awards {
	background: #F4F4F4;
	padding-bottom: 80px
}

.proPage .awards .title {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif;
	color: #4C4C4C;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 48px
}

.navBarLogoContainer a {
	position: relative;
	z-index: 100
}

#shopify-section-newHeader {
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	z-index: 100
}

.homepageProductBlock a,
.homepageCollectionBlock a {
	cursor: pointer
}

.homepageProductBlock a:first-of-type,
.homepageCollectionBlock a:first-of-type {
	text-decoration: none;
	color: black;
	text-align: center;
	padding-top: 16px;
	display: block
}

.howBigSliderSection {
	padding-top: 40px
}

.warning {
	max-width: 940px;
	width: 90%;
	font-size: 14px;
	color: #C4C4C4;
	font-family: "Graphik Medium", sans-serif;
	margin: auto;
	text-align: center;
	line-height: 20px;
	display: block;
	height: auto;
	padding-top: 20px;
	margin-bottom: 30px;
	padding-bottom: 20px
}

.prodStickyBuy {
	flex-direction: row
}

.prodStickyBuy .comparePopButton {
	font-size: 12px;
	font-family: "Graphik Regular", sans-serif;
	color: #505050;
	padding-right: 30px;
	margin: auto 0px;
	cursor: pointer
}

.prodStickyBuy button {
	margin: auto 0px
}

.prod3Section .comparePopButton {
	font-size: 12px;
	font-family: "Graphik Regular", sans-serif;
	color: #EB2E3D;
	cursor: pointer;
	text-align: center;
	position: relative;
	top: 20px
}

.howDesktopComp .row .check a {
	color: #Fada4f;
	text-decoration: none;
	font-family: "Graphik Regular", sans-serif;
	text-align: center;
	font-size: 13px;
	cursor: pointer
}

.howDesktopComp .buttonRow .column button {
	background: none
}

.howDesktopComp .row {
	border-bottom: 1px solid #CDCDCD
}

.howDesktopComp .row:first-of-type {
	border-top: 1px solid #CDCDCD
}

.howDesktopComp .row:nth-of-type(2n) {
	background-color: #F5F6F8
}

.fourOFourContainer {
	background: #EFEEEE;
	min-height: calc(100vh - 235px);
	height: 0px
}

.fourOFourContainer .inner {
	display: block;
	position: relative;
	width: 100%;
	top: 50%;
	transform: translateY(-50%)
}

.fourOFourContainer .inner .big {
	font-family: "Graphik Bold", sans-serif;
	font-size: 10vw;
	display: block;
	text-align: center
}

.fourOFourContainer .inner .small {
	font-family: "Graphik Medium", sans-serif;
	font-size: 2.3vw;
	display: block;
	text-align: center;
	text-transform: uppercase
}

.homepageSBSSection .wideBlock {
	margin-bottom: 20px
}

@media only screen and (max-width: 633px) {
	.homepageSBSSection .wideBlock {
		margin-bottom: 1px
	}
}

.homepageSBSSection .wideBlock .block {
	max-width: 940px;
	width: 100%;
	height: 291px;
	position: relative;
	margin: auto
}

.homepageSBSSection .wideBlock .block img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.homepageSBSSection .wideBlock .block .text {
	position: absolute;
	top: 25px;
	left: 25px
}

.homepageSBSSection .wideBlock .block .text .header {
	font-size: 26px;
	font-family: "Graphik Regular", sans-serif
}

.homepageSBSSection .wideBlock .block .text .body {
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	padding-top: 3px
}

.homepageSBSSection .wideBlock .block .text .button {
	width: 100px;
	display: flex;
	height: 31px;
	border: 1px solid white;
	border-radius: 20px;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	color: white;
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	text-decoration: none;
	margin-top: 16px;
	background: rgba(0, 0, 0, 0);
	transition: all .2s
}

.howCompSBS .right .link a,
.howCompSBS .body a,
.prodImgBreakSection .prodImgBreakTextContainer__cta,
.image-blade-cta .info-box .info-box__cta,
.compatibility-revised .info-box .info-box__cta {
	-webkit-appearance: none;
	border: none;
	border-radius: 20px;
	background: #EB2E3D;
	color: white !important;
	font-family: "Graphik Medium", sans-serif;
	font-size: 15px;
	padding: 10px;
	cursor: pointer;
	text-align: center;
	display: flex;
	justify-content: center;
	text-decoration: none;
	align-items: center
}

.howCompSBS .right .link a,
.howCompSBS .body a {
	margin: 20px auto auto;
	padding: 10px !important;
	width: 225px
}

.prodImgBreakSection .prodImgBreakTextContainer__cta {
	margin: 20px auto auto;
	width: 125px
}

@media only screen and (min-width: 633px) {

	.howCompSBS .right .link a,
	.howCompSBS .body a {
		margin: 20px 0
	}

	.prodImgBreakSection .prodImgBreakTextContainer__cta {
		margin: 20px 0
	}
}

.image-blade-cta.image-blade-cta--right-aligned .info-box {
	margin: auto 0 auto auto
}

.image-blade-cta.image-blade-cta--dark .info-box {
	color: #4c4c4c
}

.image-blade-cta,
.compatibility-revised {
	background-color: #E4E4E4;
	background-size: cover;
	background-position: center;
	padding: 150px 20px
}

@media only screen and (min-width: 633px) {

	.image-blade-cta,
	.compatibility-revised {
		padding: 150px 50px
	}
}

@media only screen and (min-width: 1280px) {

	.image-blade-cta,
	.compatibility-revised {
		padding: 200px 100px
	}
}

.image-blade-cta .info-box,
.compatibility-revised .info-box {
	color: #FFF;
	width: 100%
}

@media only screen and (min-width: 633px) {

	.image-blade-cta .info-box,
	.compatibility-revised .info-box {
		width: 75%
	}
}

@media only screen and (min-width: 1280px) {

	.image-blade-cta .info-box,
	.compatibility-revised .info-box {
		width: 40%
	}
}

.image-blade-cta .info-box .info-box__title,
.compatibility-revised .info-box .info-box__title {
	display: block;
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	padding-bottom: 10px
}

.image-blade-cta .info-box .info-box__content,
.compatibility-revised .info-box .info-box__content {
	max-width: 400px;
	font-size: 16px;
	font-family: "Graphik Regular", sans-serif;
	line-height: 22px;
	padding-bottom: 15px
}

.image-blade-cta .info-box .info-box__cta,
.compatibility-revised .info-box .info-box__cta {
	width: 125px
}

@media only screen and (max-width: 633px) {

	.image-blade-cta .info-box .info-box__title,
	.compatibility-revised .info-box .info-box__title {
		font-size: 18px
	}

	.image-blade-cta .info-box .info-box__content,
	.compatibility-revised .info-box .info-box__content {
		font-size: 14px;
		line-height: 22px
	}

	.image-blade-cta .info-box .info-box__cta,
	.compatibility-revised .info-box .info-box__cta {
		font-size: 14px
	}
}

.howCompTitle {
	background-color: #E4E4E4;
	text-align: center;
	font-family: "Graphik Medium", sans-serif;
	font-size: 18px;
	position: relative;
	top: 30px;
	padding-top: 30px;
	margin-top: -50px
}

.prodWorksSection {
	background-color: #F6F9F7
}

.articleContainer .innerContainer .articleWhite .article img {
	display: block;
	max-width: 100%;
	height: auto;
	padding: 40px 0px;
	margin: auto
}

.articleContainer .innerContainer .articleWhite .article {
	padding-top: 20px
}

.SliderText a {
	text-decoration: none;
	color: inherit
}

.centerBannerAlign .prodBannerBigText {
	margin: auto;
	text-align: center
}

.centerBannerAlign .prodBannerSmallText {
	margin: auto;
	text-align: center
}

.centerBannerAlign .prodBannerButtonContainer {
	margin: auto
}

.rightBannerAlign .prodBannerBigText {
	margin-left: auto;
	text-align: right
}

.rightBannerAlign .prodBannerSmallText {
	margin-left: auto;
	text-align: right
}

.rightBannerAlign .prodBannerButtonContainer {
	margin-left: auto
}

.worksContainer .wideBlock {
	padding: 20px 0px;
	display: flex;
	max-width: 940px;
	margin: auto;
	justify-content: space-between;
	width: 100%;
	margin-top: 60px;
	height: 23vw;
	max-height: 290px
}

.worksContainer .wideBlock .block {
	width: 100%;
	height: 100%;
	position: relative
}

.worksContainer .wideBlock .block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center
}

.worksContainer .wideBlock .block .text {
	position: absolute;
	top: 30px;
	left: 25px
}

.worksContainer .wideBlock .block .text .header {
	font-size: 27px;
	font-family: "Graphik Medium", sans-serif
}

.worksContainer .wideBlock .block .text .body {
	font-size: 15px;
	font-family: "Graphik Medium", sans-serif;
	letter-spacing: .18px;
	padding-top: 7px
}

.worksContainer .wideBlock .block .text a {
	width: 104px;
	margin-top: 15px;
	height: 30px;
	border: 1px solid black;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 12px;
	font-family: "Graphik Medium", sans-serif;
	text-decoration: none;
	cursor: pointer
}

.homepageProductSection {
	background: none;
	width: calc(100% - 80px)
}

.homepageProductSection .homepageProductFlex {
	margin-top: 30px;
	flex-wrap: wrap
}

.homepageProductSection .homepageProductFlex .homepageProdBlock,
.homepageProductSection .homepageProductFlex .homepageCollBlock {
	width: calc(25% - 20px);
	background: #F7F7F7;
	min-height: 210px;
	position: relative;
	padding-bottom: 70px
}

@media only screen and (max-width: 850px) {

	.homepageProductSection .homepageProductFlex .homepageProdBlock,
	.homepageProductSection .homepageProductFlex .homepageCollBlock {
		width: calc(50% - 20px);
		margin-bottom: 20px
	}
}

@media only screen and (max-width: 633px) {

	.homepageProductSection .homepageProductFlex .homepageProdBlock,
	.homepageProductSection .homepageProductFlex .homepageCollBlock {
		height: auto;
		padding-bottom: 85px
	}

	.homepageProductSection .homepageProductFlex .homepageProdBlock .buyRow,
	.homepageProductSection .homepageProductFlex .homepageCollBlock .buyRow {
		flex-direction: column
	}

	.homepageProductSection .homepageProductFlex .homepageProdBlock .buyRow .purchaseButton,
	.homepageProductSection .homepageProductFlex .homepageProdBlock .buyRow .collButton,
	.homepageProductSection .homepageProductFlex .homepageCollBlock .buyRow .purchaseButton,
	.homepageProductSection .homepageProductFlex .homepageCollBlock .buyRow .collButton {
		margin: auto;
		margin-bottom: 10px
	}
}

.homepageProductSection .homepageProductFlex .homepageProdBlock .imgContainer,
.homepageProductSection .homepageProductFlex .homepageCollBlock .imgContainer {
	background: white;
	height: 103px;
	padding-bottom: 5px
}

.homepageProductSection .homepageProductFlex .homepageProdBlock .imgContainer img,
.homepageProductSection .homepageProductFlex .homepageCollBlock .imgContainer img {
	height: calc(100% - 10px);
	padding-top: 10px;
	width: 100%;
	object-fit: contain;
	object-position: bottom
}

.homepageProductSection .homepageProductFlex .homepageProdBlock .name,
.homepageProductSection .homepageProductFlex .homepageCollBlock .name {
	font-size: 14px;
	font-family: "Graphik Medium", sans-serif;
	display: block;
	padding: 20px 15px 0px 15px
}

.homepageProductSection .homepageProductFlex .homepageProdBlock .text,
.homepageProductSection .homepageProductFlex .homepageCollBlock .text {
	padding: 5px 15px;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	letter-spacing: -0.1px;
	line-height: 20px;
	display: block
}

.homepageProductSection .homepageProductFlex .homepageProdBlock .bv-inline-rating,
.homepageProductSection .homepageProductFlex .homepageCollBlock .bv-inline-rating {
	padding: 5px 15px
}

.homepageProductSection .homepageProductFlex .homepageProdBlock .buyRow,
.homepageProductSection .homepageProductFlex .homepageCollBlock .buyRow {
	display: flex;
	padding: 10px 15px;
	justify-content: space-between;
	position: absolute;
	bottom: 10px;
	width: calc(100% - 30px)
}

.homepageProductSection .homepageProductFlex .homepageProdBlock .buyRow .purchaseButton,
.homepageProductSection .homepageProductFlex .homepageProdBlock .buyRow .collButton,
.homepageProductSection .homepageProductFlex .homepageCollBlock .buyRow .purchaseButton,
.homepageProductSection .homepageProductFlex .homepageCollBlock .buyRow .collButton {
	width: 94px;
	padding: 7px 0px;
	color: #Fada4f;
	background: transparent;
	border: 1px solid #Fada4f;
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	text-align: center;
	text-decoration: none;
	border-radius: 20px;
	cursor: pointer
}

.homepageProductSection .homepageProductFlex .homepageProdBlock .buyRow .compareLink,
.homepageProductSection .homepageProductFlex .homepageCollBlock .buyRow .compareLink {
	font-size: 14px;
	font-family: "Graphik Medium", sans-serif;
	color: #6E6E6E;
	text-decoration: underline;
	align-self: center;
	cursor: pointer
}

.homeSBSSection {
	background: none
}

.mobileListSlider .slick-dots {
	display: none !important;
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	list-style: none;
	margin: 0px;
	padding: 0px
}

.mobileListSlider .slick-dots li {
	width: 15px;
	height: 15px;
	margin: 0px 10px;
	background: #D8D8D8;
	border-radius: 100%;
	cursor: pointer
}

.mobileListSlider .slick-dots li button {
	opacity: 0
}

.mobileListSlider .slick-dots .slick-active {
	background: #Fada4f
}

.newSecContainer {
	background: white;
	padding: 80px 0px
}

.newSecContainer .innerSBS {
	width: 90%;
	max-width: 940px;
	margin: auto;
	display: flex;
	justify-content: space-between
}

.newSecContainer .innerSBS .left {
	width: calc((100% - 40px) / 2)
}

.newSecContainer .innerSBS .left .header {
	font-size: 26px;
	font-family: "Graphik Medium", sans-serif;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #4c4c4c
}

.newSecContainer .innerSBS .left .mid {
	line-height: 20px;
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	color: #919191;
	max-width: 450px
}

.newSecContainer .innerSBS .left .lower {
	line-height: 20px;
	font-size: 14px;
	font-family: "Graphik Regular", sans-serif;
	color: #919191;
	max-width: 450px
}

.newSecContainer .innerSBS .left .lower ul {
	padding-left: 18px
}

.newSecContainer .innerSBS .left .lowest {
	display: flex;
	margin-top: 30px
}

.newSecContainer .innerSBS .left .lowest .newColorPicker {
	border: 2px solid darkgray;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	margin-right: 15px;
	cursor: pointer
}

.newSecContainer .innerSBS .right {
	width: calc((100% - 40px) / 2)
}

.newSecContainer .innerSBS .right img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.howSecurityBlock {
	height: auto;
	padding: 80px 0px;
	padding-top: 0px
}

.howSecurityBlock .prod3Title {
	color: white;
	top: 50px
}

.howSecurityBlock .prod3FlexItem {
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}

.howSecurityBlock .prod3FlexItem img {
	transform: scale(0.5);
	transform-origin: bottom;
	margin: 0px auto;
	display: block;
	padding-bottom: 40px
}

.howSecurityBlock .prod3FlexItem .small {
	color: white
}

.howSecurityBlock .prod3FlexItem .big {
	color: white
}

@media only screen and (max-width: 960px) {
	.howSecurityBlock .prod3Flex {
		margin-top: 100px
	}

	.howSecurityBlock .prod3Flex .prod3FlexItem {
		max-height: 270px
	}

	.howSecurityBlock .prod3Flex .prod3FlexItem .prod3FlexImg {
		transform: none;
		width: 100%;
		max-height: 100px;
		height: 100%;
		object-fit: contain
	}
}

.oneProduct {
	background: #FAFAFA;
	padding: 70px 0px
}

.oneProduct .head {
	margin: auto;
	max-width: 180px;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center
}

.oneProduct .inner {
	max-width: 650px;
	width: 90%;
	margin: auto
}

.oneProduct .inner .productBlock {
	display: flex
}

.oneProduct .inner .productBlock .left {
	width: 210px
}

.oneProduct .inner .productBlock .left img {
	width: 100%;
	height: auto
}

.oneProduct .inner .productBlock .right {
	width: calc(100% - 230px);
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.oneProduct .inner .productBlock .right .title {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif
}

.oneProduct .inner .productBlock .right .desc {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	padding: 20px 0px
}

.oneProduct .inner .productBlock .right .purchaseButton {
	width: 94px;
	display: block;
	text-align: center;
	background: #Fada4f;
	border-radius: 20px;
	font-size: 14px;
	color: white;
	padding-top: 10px;
	padding-bottom: 8px;
	font-family: "Graphik Medium", sans-serif;
	cursor: pointer;
	margin: 0px auto
}

.twoProduct {
	background: #FAFAFA;
	padding: 70px 0px
}

.twoProduct .head {
	margin: auto;
	max-width: 180px;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center
}

.twoProduct .inner {
	max-width: 1100px;
	width: 100%;
	margin: auto;
	display: flex
}

.twoProduct .inner .productBlock {
	display: flex;
	width: calc(50% - 81px);
	padding: 0px 40px;
	justify-content: space-between
}

.twoProduct .inner .productBlock:first-of-type {
	border-right: 1px solid #6E6E6E
}

.twoProduct .inner .productBlock .left {
	width: 170px
}

.twoProduct .inner .productBlock .left img {
	width: 100%;
	height: auto
}

.twoProduct .inner .productBlock .right {
	width: calc(100% - 170px);
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.twoProduct .inner .productBlock .right .title {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif
}

.twoProduct .inner .productBlock .right .desc {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	padding: 20px 0px
}

.twoProduct .inner .productBlock .right .purchaseButton {
	width: 94px;
	display: block;
	text-align: center;
	background: #Fada4f;
	border-radius: 20px;
	font-size: 14px;
	color: white;
	padding-top: 10px;
	padding-bottom: 8px;
	font-family: "Graphik Medium", sans-serif;
	cursor: pointer;
	margin: 0px auto
}

.threeProduct {
	padding: 70px 0px
}

.threeProduct .head {
	margin: auto;
	max-width: 180px;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center
}

.threeProduct .inner {
	max-width: 725px;
	justify-content: space-between;
	width: 90%;
	margin: auto;
	display: flex
}

.threeProduct .inner .productBlock {
	display: flex;
	width: calc((100% - 40px) / 3);
	justify-content: space-between;
	background: #FAFAFA;
	border: 1px solid #FAFAFA;
	flex-direction: column
}

.threeProduct .inner .productBlock .left {
	width: 100%;
	height: 108px;
	background: white
}

.threeProduct .inner .productBlock .left img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain
}

.threeProduct .inner .productBlock .right {
	width: calc(100% - 40px);
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px
}

.threeProduct .inner .productBlock .right .title {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif
}

.threeProduct .inner .productBlock .right .desc {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	margin-bottom: auto;
	padding: 20px 0px
}

.threeProduct .inner .productBlock .right .purchaseButton {
	width: 94px;
	display: block;
	text-align: center;
	background: #Fada4f;
	border-radius: 20px;
	font-size: 14px;
	color: white;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 8px;
	font-family: "Graphik Medium", sans-serif;
	margin: 0px auto
}

.fourProduct {
	padding: 70px 0px
}

.fourProduct .head {
	margin: auto;
	max-width: 180px;
	font-size: 18px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center
}

.fourProduct .inner {
	max-width: 966px;
	justify-content: space-between;
	width: 90%;
	margin: auto;
	display: flex
}

.fourProduct .inner .productBlock {
	display: flex;
	width: calc((100% - 60px) / 4);
	justify-content: space-between;
	background: #FAFAFA;
	border: 1px solid #FAFAFA;
	flex-direction: column
}

.fourProduct .inner .productBlock .left {
	width: 100%;
	height: 108px;
	background: white
}

.fourProduct .inner .productBlock .left img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain
}

.fourProduct .inner .productBlock .right {
	width: calc(100% - 40px);
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px
}

.fourProduct .inner .productBlock .right .title {
	font-size: 14px;
	font-family: "Graphik Semibold", sans-serif
}

.fourProduct .inner .productBlock .right .desc {
	font-size: 13px;
	font-family: "Graphik Regular", sans-serif;
	margin-bottom: auto;
	padding: 20px 0px
}

.fourProduct .inner .productBlock .right .purchaseButton {
	width: 94px;
	display: block;
	text-align: center;
	background: #Fada4f;
	border-radius: 20px;
	font-size: 14px;
	color: white;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 8px;
	font-family: "Graphik Medium", sans-serif;
	margin: 0px auto
}

@media only screen and (max-width: 770px) {
	.twoProduct .inner {
		flex-direction: column
	}

	.twoProduct .inner .productBlock {
		width: 90%;
		padding: 0px;
		margin: auto;
		max-width: 600px
	}

	.twoProduct .inner .productBlock:first-of-type {
		padding-bottom: 40px;
		border: 0px
	}

	.fourProduct .inner {
		flex-wrap: wrap
	}

	.fourProduct .inner .productBlock {
		width: calc((100% - 20px) / 2);
		margin-bottom: 20px
	}
}

@media only screen and (max-width: 600px) {
	.oneProduct .inner .productBlock .left {
		width: 170px
	}

	.threeProduct .inner {
		flex-direction: column
	}

	.threeProduct .inner .productBlock {
		width: 100%;
		margin-bottom: 30px
	}

	.fourProduct .inner {
		flex-direction: column
	}

	.fourProduct .inner .productBlock {
		width: 100%;
		margin-bottom: 30px
	}
}

.mobileQuoteSlider {
	display: none !important
}

.quoteBlock {
	background: white;
	padding-top: 35px
}

.quoteBlock .title {
	font-size: 27px;
	color: #4C4C4C;
	line-height: 30px;
	font-family: "Graphik Medium", sans-serif;
	text-align: center
}

.quoteBlock .grid {
	display: flex;
	justify-content: center;
	padding-bottom: 60px
}

@media only screen and (max-width: 880px) {
	.quoteBlock .grid {
		padding-top: 40px;
		flex-wrap: wrap
	}
}

.quoteBlock .grid .quote {
	min-width: 220px;
	margin-top: 60px;
	color: #6E6E6E;
	text-align: center;
	font-size: 15px;
	letter-spacing: .18px;
	line-height: 21px;
	font-family: "Graphik Regular", sans-serif
}

.quoteBlock .grid .quote img {
	height: 79px;
	width: 117px;
	object-fit: contain
}

.quoteBlock .grid .quote .text {
	padding-top: 25px;
	margin: 0px 20px
}

@media only screen and (max-width: 880px) {
	.quoteBlock .grid .quote {
		width: calc((100% - 90px)/2);
		margin: 0px 20px;
		margin-bottom: 30px
	}
}

section.BazaarVoiceReviews .review-aggregate-summary {
	display: flex;
	justify-content: center;
	padding: 20px 0 0
}