/** Shopify CDN: Minification failed

Line 129:0 Unexpected "@media"
Line 303:0 Unexpected "@-webkit-keyframes"
Line 303:54 Unexpected "0%"
Line 306:22 Unexpected "8%"
Line 309:22 Unexpected "17%"
Line 311:22 Unexpected "25%"
Line 313:22 Unexpected "100%"
Line 318:32 Expected percentage but found "."
Line 333:30 Expected percentage but found "."
Line 348:31 Expected percentage but found "."
... and 1 more hidden warnings

**/
.section-customizer .customizer-row{
	overflow-x: hidden;
}.section-customizer .cus-ok{
	border: 1px solid #e5e5e5;
	overflow-x: hidden;
}.section-customizer a.bluelink{
	color: #004288;
}.section-customizer .text-blue{
	color: #004288;
	text-align: center;
}.section-customizer .no-padd{
	padding: 0px;
}.section-customizer .box-icon-new{
	background-color: #f2f2f2;
}.section-customizer .box-icon-new, .section-customizer .box-icon-new-club{
	width: 100%;
	height: 100%;
	min-height: 283px;
	padding: 10px;
	text-align: center;
}.section-customizer .box-icon-new h2, .section-customizer .box-icon-new-club h2{
	padding-top: 20px;
	font-size: 20px;
}.section-customizer .box-icon-new p, .section-customizer .box-icon-new-club p{
	font-size: 17px;
}.section-customizer .box-icon-club-bottom{
	text-align: center;
}.section-customizer .box-icon-club-bottom img{
	margin-bottom: 15px;
}.section-customizer .p-special{
	padding: 20px;
}.section-customizer .p-special p{
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 30px;
}.section-customizer .p-special a{
	font-size: 18px !important;
	margin-bottom: 5px !important;
}.section-customizer .col-xs-5ths, .section-customizer .col-sm-5ths, .section-customizer .col-md-5ths, .section-customizer .col-lg-5ths{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 20%;
}.section-customizer .custom-t-one{
	margin-bottom: 40px;
}.section-customizer .custom-t-one-title{
	margin-bottom: 13px;
}.section-customizer .custom-t-one-title h3{
	text-align: center;
	font-size: 27px;
	padding: 0px;
}.section-customizer .vertical-align{
	display: flex;
	align-items: center;
}.section-customizer .before-p h3{
	font-size: 34px;
	text-align: center;
}.section-customizer .before-p p{
	margin-bottom: 5px;
	font-size: 17px;
	text-align: left;
}.section-customizer .before-p p:before{
	content: url(/img/turbo-custom/check_turbo.png);
	padding-right: 10px;
}.section-customizer .cust-video{
	padding: 0px;
	border: 0px;
}.section-customizer .cust-video-clubs{
	max-height: 285px;
}.section-customizer .first-block{
	background-color: #ececec;
	text-align: center;
	margin-bottom: 40px;
}.section-customizer p.p-ultimate{
	text-align: center;
	padding: 0px 10px 0px 10px;
	font-size: 15px;
}.section-customizer p.in-carousel{
	text-align: center;
	margin-top: 10px;
}.section-customizer .block-images-custom{
	text-align: center;
	margin-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
}.section-customizer .owl-customize-img .owl-controls .owl-nav div.owl-next{
	right: -20px;
	margin: 0px;
	top: 40%;
}.section-customizer .owl-customize-img .owl-controls .owl-nav div.owl-prev{
	left: -17px;
	margin: 0px;
	top: 40%;
}.section-customizer .owl-customize-img .owl-controls .owl-nav div.owl-next:before, .section-customizer .owl-customize-img .owl-controls .owl-nav div.owl-prev:before{
	padding: 0px;
	font-size: 20px;
}.section-customizer .clubs-cont, .section-customizer .video-perz{
	padding-right: 20px;
	padding-left: 20px;
}.section-customizer .jms-banner>a{
	display: inline-block;
}.section-customizer .box-icon-club-bottom h2{
	font-family: 'FuturaStd-CondensedExtraBd', sans-serif;
	line-height: 20px;
}.section-customizer .fpd-visibility{
	display: none;
}.section-customizer .fpd-visibility.fpd-show{
	display: block !important;
}.section-customizer /* .fpd-visibility.fpd-show{
	display: none !important;
}.section-customizer */

@media screen and (max-width: 1440px){.section-customizer .box-icon-new{
		min-height: 280px;
	}.section-customizer .cust-video-clubs{
		max-height: 310px;
	}.section-customizer .video-perz{
		padding-right: 0px;
		padding-left: 0px;
	}
}

@media (max-width:1200px) and (min-width:992px) {.section-customizer .clubs-cont{
		padding-left: 0px;
		padding-right: 0px;
	}.section-customizer .box-icon-new{
		min-height: 333px;
	}.section-customizer .cust-video-clubs{
		height: 335px;
		max-height: 100%;
	}
}

@media screen and (max-width: 992px) {.section-customizer .clubs-cont{
		padding-left: 0px;
		padding-right: 0px;
	}.section-customizer .box-icon-new{
		min-height: 208px;
	}.section-customizer .col-md-5ths{
		width: 100%;
		margin-bottom: 20px;
	}.section-customizer .two-custom-cols-m .col-xs-6{
		width: 50%;
	}.section-customizer .cust-video-clubs{
		height: 400px;
	}
}

@media screen and (max-width: 768px) {.section-customizer .before-p{
		padding-top: 30px;
		padding-bottom: 30px;
	}.section-customizer .cust-video-clubs{
		height: 250px;
	}.section-customizer .padd-m{
		padding-right: 20px;
		padding-left: 20px;
	}.section-customizer .box-icon-club-bottom img{
		width: 100%;
		margin-bottom: 10px;
	}.section-customizer .box-icon-club-bottom h2{
		font-size: 14px;
	}.section-customizer .sp-icons{
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 550px) {.section-customizer .video-perz{
		margin-top: -20px;
	}.section-customizer .block-images-custom{
		padding-left: 0px;
		padding-right: 0px;
	}.section-customizer .p-special p, .section-customizer .before-p p, .section-customizer .before-p p, .section-customizer .box-icon-new p{
		font-size: 15px;
	}.section-customizer .p-special a{
		font-size: 17px !important;
	}.section-customizer .custom-t-one-title h3{
		font-size: 25px;
	}.section-customizer .padd-m p{
		font-size: 12px;
		line-height: 18px;
	}.section-customizer .jms-banner a img{
		transition: none;
	}.section-customizer .jms-banner:hover a:before, .section-customizer .jms-banner:hover a>img{
		transform: none;
	}.section-customizer .jms-banner>a:before{
		background: transparent;
		transform: none;
		transition: none;
	}.section-customizer .fpd-grid>.fpd-item{
		width: 33% !important;
	}.section-customizer .fpd-draggable-dialog.fpd-active{
		min-height: 500px;
	}.section-customizer .fpd-grid>.fpd-item{
		height: 90px;
	}.section-customizer .fpd-grid.fpd-padding>.fpd-item>picture{
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
	}
}.section-customizer .cb-slideshow, .section-customizer .cb-slideshow-clubs, .section-customizer .cb-slideshow:after, .section-customizer .cb-slideshow-clubs:after{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}.section-customizer .cb-slideshow li span, .section-customizer .cb-slideshow-clubs li span{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 20s linear infinite 0s;
	-moz-animation: imageAnimation 20s linear infinite 0s;
	-o-animation: imageAnimation 20s linear infinite 0s;
	-ms-animation: imageAnimation 20s linear infinite 0s;
	animation: imageAnimation 20s linear infinite 0s;
}.section-customizer .cb-slideshow li:nth-child(1) span{
	background-image: url(/img/turbo-custom/page/individual/slide/2.jpg)
}.section-customizer .cb-slideshow-clubs li:nth-child(1) span{
	background-image: url(/img/turbo-custom/page/clubs/slide/2.jpg)
}.section-customizer .cb-slideshow li:nth-child(2) span{
	background-image: url(/img/turbo-custom/page/individual/slide/3.jpg);
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	-ms-animation-delay: 4s;
	animation-delay: 4s;
}.section-customizer .cb-slideshow-clubs li:nth-child(2) span{
	background-image: url(/img/turbo-custom/page/clubs/slide/3.jpg);
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	-ms-animation-delay: 4s;
	animation-delay: 4s;
}.section-customizer .cb-slideshow li:nth-child(3) span{
	background-image: url(/img/turbo-custom/page/individual/slide/4.jpg);
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-o-animation-delay: 8s;
	-ms-animation-delay: 8s;
	animation-delay: 8s;
}.section-customizer .cb-slideshow-clubs li:nth-child(3) span{
	background-image: url(/img/turbo-custom/page/clubs/slide/5.jpg);
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-o-animation-delay: 8s;
	-ms-animation-delay: 8s;
	animation-delay: 8s;
}.section-customizer .cb-slideshow li:nth-child(4) span{
	background-image: url(/img/turbo-custom/page/individual/slide/5.jpg);
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}.section-customizer .cb-slideshow-clubs li:nth-child(4) span{
	background-image: url(/img/turbo-custom/page/clubs/slide/6.jpg);
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}.section-customizer .cb-slideshow li:nth-child(5) span{
	background-image: url(/img/turbo-custom/page/individual/slide/6.jpg);
	-webkit-animation-delay: 16s;
	-moz-animation-delay: 16s;
	-o-animation-delay: 16s;
	-ms-animation-delay: 16s;
	animation-delay: 16s;
}.section-customizer .cb-slideshow-clubs li:nth-child(5) span{
	background-image: url(/img/turbo-custom/page/clubs/slide/9.jpg);
	-webkit-animation-delay: 16s;
	-moz-animation-delay: 16s;
	-o-animation-delay: 16s;
	-ms-animation-delay: 16s;
	animation-delay: 16s;
}.section-customizer /* Animation for the slideshow images */
@-webkit-keyframes imageAnimation{.section-customizer 0%{
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
	}.section-customizer 8%{
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
	}.section-customizer 17%{
		opacity: 1
	}.section-customizer 25%{
		opacity: 0
	}.section-customizer 100%{
		opacity: 0
	}
}

@-moz-keyframes imageAnimation {.section-customizer 0%{
		opacity: 0;
		-moz-animation-timing-function: ease-in;
	}.section-customizer 8%{
		opacity: 1;
		-moz-animation-timing-function: ease-out;
	}.section-customizer 17%{
		opacity: 1
	}.section-customizer 25%{
		opacity: 0
	}.section-customizer 100%{
		opacity: 0
	}
}

@-o-keyframes imageAnimation {.section-customizer 0%{
		opacity: 0;
		-o-animation-timing-function: ease-in;
	}.section-customizer 8%{
		opacity: 1;
		-o-animation-timing-function: ease-out;
	}.section-customizer 17%{
		opacity: 1
	}.section-customizer 25%{
		opacity: 0
	}.section-customizer 100%{
		opacity: 0
	}
}

@-ms-keyframes imageAnimation {.section-customizer 0%{
		opacity: 0;
		-ms-animation-timing-function: ease-in;
	}.section-customizer 8%{
		opacity: 1;
		-ms-animation-timing-function: ease-out;
	}.section-customizer 17%{
		opacity: 1
	}.section-customizer 25%{
		opacity: 0
	}.section-customizer 100%{
		opacity: 0
	}
}

@keyframes imageAnimation {.section-customizer 0%{
		opacity: 0;
		animation-timing-function: ease-in;
	}.section-customizer 8%{
		opacity: 1;
		animation-timing-function: ease-out;
	}.section-customizer 17%{
		opacity: 1
	}.section-customizer 25%{
		opacity: 0
	}.section-customizer 100%{
		opacity: 0
	}
}.section-customizer /* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span, .section-customizer .no-cssanimations .cb-slideshow-clubs li span{
	opacity: 1;
}

/* FIX: FPD modal (used by the QR-code action, save prompt, etc.) is injected
   directly into <body> by FPDUtil.showModal(), outside .section-customizer,
   so the scoped rules in theme-b6458e5500.css never apply to it. Restate the
   same rules unscoped here so the popup is actually visible/positioned. */
body.fpd-overflow-hidden{
	overflow: hidden !important;
}
.fpd-modal-overlay{
	position: fixed;
	width: 100%;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 10000;
	overflow: auto;
	display: none;
}
.fpd-modal-internal.fpd-modal-overlay{
	z-index: 1000000;
}
.fpd-modal-overlay > .fpd-modal-wrapper{
	background: #fff;
	width: 450px;
	min-height: 200px;
	position: absolute;
	left: 50%;
	top: 30%;
	padding: 40px;
	z-index: 10020;
	max-width: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	box-sizing: border-box;
}
.fpd-modal-overlay.fpd-fullscreen > .fpd-modal-wrapper{
	width: 100%;
	height: 100%;
	top: 0;
	overflow: auto;
}
.fpd-modal-wrapper > .fpd-modal-close{
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 24px;
	cursor: pointer;
	opacity: .6;
	-webkit-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
}
.fpd-modal-wrapper > .fpd-modal-close:hover{
	opacity: 1;
}
.fpd-modal-wrapper > .fpd-modal-content{
	color: rgba(0, 0, 0, .7);
	line-height: 22px;
	margin-top: 20px;
}
.fpd-modal-content *{
	max-width: 100%;
}
.fpd-modal-content input{
	padding: 10px 5px;
	font-size: 13px;
	border: 1px solid #ccc;
}
.fpd-modal-content input:focus{
	outline: 0;
}
.fpd-modal-content .fpd-btn{
	background: rgba(0, 0, 0, .6);
	text-transform: uppercase;
	font-size: 14px;
	padding: 4px 12px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.fpd-modal-content .fpd-btn:hover{
	background: rgba(0, 0, 0, .8);
}
.fpd-modal-internal[data-type=prompt] input{
	width: 100%;
	display: block;
}
.fpd-modal-internal[data-type=prompt]{
	text-align: center;
}
.fpd-modal-product-designer.fpd-modal-overlay > .fpd-modal-wrapper{
	padding: 60px 40px 40px;
}
.fpd-modal-product-designer.fpd-modal-overlay .fpd-done{
	margin: 20px 0 0;
	color: #fff;
} 
.fpd-modal-qrcode > input{
	width: 100%;
	margin-bottom: 20px;
}
.fpd-modal-qrcode{
	text-align: center;
}

/* FIX: the Spectrum colorpicker used for element/layer colors (e.g. the
   "Base" row in Manage Layers, and the multi-color fill panel) is, like the
   FPD modal above, appended directly to <body> by the plugin (appendTo:
   "body") whenever it isn't opened in "flat" mode. Every rule that styles
   and positions it (.sp-container, .sp-replacer, .sp-palette, etc.) in
   theme-b6458e5500.css is scoped under .section-customizer, so it never
   applies once the picker lands outside that subtree - it renders as an
   unstyled, unpositioned block instead of a floating color picker. Restate
   the same rules unscoped here so the picker is visible and usable. */
.sp-container{
	position: absolute !important;
	top: 0;
	left: 0;
	display: inline-block !important;
	z-index: 9999994 !important;
	overflow: hidden;
	box-sizing: content-box;
}
.sp-container *{
	box-sizing: content-box;
}
.sp-container.sp-flat{
	position: relative !important;
}
.sp-top{
	position: relative !important;
	width: 100% !important;
	display: inline-block !important;
	margin-bottom: 3px;
	float: none !important;
}
.sp-top-inner{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	width: auto !important;
	height: auto !important;
	float: none !important;
}
.sp-color{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 20% !important;
	width: auto !important;
	height: auto !important;
	float: none !important;
	border: solid 1px #DADADA;
}
.sp-hue{
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 84% !important;
	width: auto !important;
	height: 100% !important;
	float: none !important;
	border: solid 1px #DADADA;
	background: -moz-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
	background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
}
.sp-clear-enabled .sp-hue{
	top: 33px !important;
	height: 77.5% !important;
}
.sp-fill{
	display: block !important;
	width: 100% !important;
	height: 0 !important;
	padding-top: 80% !important;
	float: none !important;
}
.sp-sat, .sp-val{
	position: absolute !important;
	top: 0 !important;
	left: -1px !important;
	right: 0 !important;
	bottom: 0 !important;
	width: auto !important;
	height: auto !important;
	float: none !important;
}
.sp-sat{
	background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
}
.sp-val{
	background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
}
.sp-alpha-enabled .sp-top{
	margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha{
	display: block;
}
.sp-alpha-handle{
	position: absolute;
	top: -4px;
	bottom: -4px;
	width: 6px;
	left: 50%;
	cursor: pointer;
	border: 1px solid #000;
	background: #fff;
	opacity: .8;
}
.sp-alpha{
	display: none;
	position: absolute;
	bottom: -14px;
	right: 0;
	left: 0;
	height: 8px;
}
.sp-alpha-inner{
	border: solid 1px #333;
}
.sp-clear{
	display: none;
}
.sp-clear.sp-clear-display{
	background-position: center;
}
.sp-clear-enabled .sp-clear{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 84%;
	height: 28px;
}
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button{
	-webkit-user-select: none;
	user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container{
	display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container{
	display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{
	display: none;
}
.sp-palette-only .sp-picker-container{
	display: none;
}
.sp-palette-disabled .sp-palette-container{
	display: none;
}
.sp-initial-disabled .sp-initial{
	display: none;
}
.sp-hidden{
	display: none !important;
}
.sp-dragger{
	border-radius: 5px;
	height: 5px;
	width: 5px;
	border: 1px solid #fff;
	background: #000;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}
.sp-slider{
	position: absolute;
	top: 0;
	cursor: pointer;
	height: 3px !important;
	left: -1px;
	right: -1px;
	border: 0 !important;
	background: #fff;
	opacity: .8;
}
.sp-container{
	border-radius: 0;
	background: #ededed !important;
	border-color: #D3D3D3 !important;
	padding: 10px !important;
	display: table !important;
	max-width: 220px;
	width: auto !important;
}
.sp-container>*{
	float: none !important;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear{
	font: 400 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	box-sizing: border-box;
}
.sp-container *{
	outline: 0 !important;
}
.sp-input-container{
	float: right !important;
	width: 100px !important;
	margin-bottom: 0;
	margin-left: 10px !important;
}
.sp-input-container>input{
	height: 27px;
}
.sp-initial-disabled .sp-input-container{
	width: 100% !important;
}
.sp-input{
	font-size: 12px !important;
	border: 1px solid #D3D3D3 !important;
	padding: 4px 5px;
	margin: 0;
	width: 100%;
	background: #fff !important;
	border-radius: 3px;
	color: #222;
	box-shadow: none !important;
}
.sp-input:focus{
	border: 1px solid orange;
}
.sp-input.sp-validation-error{
	border: 1px solid red;
	background: #fdd;
}
.sp-picker-container, .sp-palette-container{
	float: left !important;
	position: relative !important;
	padding: 10px;
	padding-bottom: 300px;
	margin-bottom: -290px;
}
.sp-picker-container{
	width: 172px !important;
	border-left: 0 !important;
	display: table-header-group !important;
}
.sp-palette-container{
	border: 0 !important;
	display: table-footer-group !important;
}
.sp-palette{
	max-width: 220px;
	margin-top: 5px;
}
.sp-palette .sp-thumb-el{
	display: block;
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	margin: 2px 1px;
	cursor: pointer;
	border: solid 1px #D3D3D3;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active{
	border-color: rgba(66, 66, 66, .92);
}
.sp-thumb-el{
	position: relative;
}
.sp-initial{
	float: left;
	border: solid 1px #D3D3D3 !important;
}
.sp-initial span{
	width: 30px;
	height: 25px;
	border: 0;
	display: block;
	float: left;
	margin: 0;
}
.sp-initial .sp-clear-display{
	background-position: center;
}
.sp-palette-button-container, .sp-button-container{
	float: right;
}
.sp-replacer{
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	padding: 4px;
	display: inline-block;
	border: solid 1px #91765d;
	background: #eee;
	color: #333;
	vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active{
	border-color: #F0C49B;
	color: #111;
}
.sp-replacer.sp-disabled{
	cursor: default;
	border-color: silver;
	color: silver;
}
.sp-dd{
	padding: 2px 0;
	height: 16px;
	line-height: 16px;
	float: left;
	font-size: 10px;
}
.fpd-color-picker .sp-dd{
	display: none !important;
}
.sp-preview{
	position: relative;
	width: 25px;
	height: 20px;
	border: solid 1px #222;
	margin-right: 5px;
	float: left;
	z-index: 0;
}
.sp-container button{
	background-color: #eee;
	background-image: linear-gradient(to bottom, #eee, #ccc);
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	border-radius: 3px;
	color: #333;
	font-size: 14px;
	line-height: 1;
	padding: 5px 4px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
	vertical-align: middle;
}
.sp-container button:hover{
	background-color: #ddd;
	background-image: linear-gradient(to bottom, #ddd, #bbb);
	border: 1px solid #bbb;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active{
	border: 1px solid #aaa;
	border-bottom: 1px solid #888;
	box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.sp-cancel{
	font-size: 11px;
	color: #d93f3f !important;
	margin: 0;
	padding: 2px;
	margin-right: 5px;
	vertical-align: middle;
	text-decoration: none;
}
.sp-cancel:hover{
	color: #d93f3f !important;
	text-decoration: underline;
}
.sp-palette span:hover, .sp-palette span.sp-thumb-active{
	border-color: #000;
}
.sp-preview, .sp-alpha, .sp-thumb-el{
	position: relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.sp-palette .sp-thumb-inner{
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display{
	background-repeat: no-repeat;
	background-position: center;
}
.fpd-color-picker .sp-replacer{
	border: 1px solid #D3D3D3;
	background: 0;
	margin: 0;
	padding: 0;
}
.fpd-color-picker .sp-preview{
	border: 0;
	height: 18px;
	width: 100%;
}
.fpd-color-picker.fpd-colorpicker-group .sp-replacer{
	width: 21px;
	margin: 0 2px 2px 0;
}
.fpd-color-picker.fpd-colorpicker-group input{
	display: none !important;
}
.fpd-color-picker .sp-cancel, .fpd-color-picker .sp-choose, .sp-palette-row-selection{
	display: none !important;
}

/* FIX: the structural rules above force .sp-container/.sp-picker-container/
   .sp-palette-container's "display" with !important (needed so they survive
   external page CSS), but that ties in specificity with the plugin's own
   state-toggle rules (.sp-hidden, .sp-palette-only, .sp-palette-disabled) -
   whichever is later in the file wins a same-specificity !important tie, so
   those toggles stopped actually hiding anything (e.g. clicking the swatch a
   second time no longer closed the popup, since display:table kept beating
   display:none). Restate the toggles with higher specificity so they always
   win regardless of source order. */
.sp-container.sp-hidden{
	display: none !important;
}
.sp-container.sp-palette-only .sp-picker-container{
	display: none !important;
}
.sp-container.sp-palette-disabled .sp-palette-container{
	display: none !important;
}

/* FIX: any FPD element appended to <body> (the modal, the QR-code color
   swatches) that uses one of the "fpd-icon-*" icon-font classes (e.g. the
   modal's close "X") renders empty, because the icon font-family/glyph
   rules ([class^=fpd-icon-]{font-family:FontFPD} and each .fpd-icon-x:before
   {content:"..."}) are scoped to .section-customizer in theme-b6458e5500.css
   and never match outside that subtree. @font-face itself is global already
   (fonts aren't scoped), only the classes applying it were - so restate them
   unscoped here. */
[class^=fpd-icon-], [class*=" fpd-icon-"]{
	font-family: FontFPD !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fpd-icon-format-align-justify:before{ content: "\e933"; }
.fpd-icon-brush:before{ content: "\e932"; }
.fpd-icon-save:before{ content: "\e085"; }
.fpd-icon-text:before{ content: "\e089"; }
.fpd-icon-text-secondary:before{ content: "\e08b"; }
.fpd-icon-cloud-download:before{ content: "\e0fb"; }
.fpd-icon-cloud-upload:before{ content: "\e0fe"; }
.fpd-icon-photo:before{ content: "\e1a4"; }
.fpd-icon-info-outline:before{ content: "\e2a3"; }
.fpd-icon-locked-full:before{ content: "\e2ab"; }
.fpd-icon-preview-lightbox:before{ content: "\e2b4"; }
.fpd-icon-print:before{ content: "\e2c1"; }
.fpd-icon-swap-h:before{ content: "\e2e6"; }
.fpd-icon-zoom-in:before{ content: "\e311"; }
.fpd-icon-type:before{ content: "\e90f"; }
.fpd-icon-vector-curve:before{ content: "\e911"; }
.fpd-icon-keyboard:before{ content: "\e910"; }
.fpd-icon-arrow-dropdown:before{ content: "\e90e"; }
.fpd-icon-crop-free:before{ content: "\e90d"; }
.fpd-icon-format-size:before{ content: "\e90c"; }
.fpd-icon-transform:before{ content: "\e90b"; }
.fpd-icon-alignment:before{ content: "\e90a"; }
.fpd-icon-rotate-right:before{ content: "\e909"; }
.fpd-icon-transparency:before{ content: "\e901"; }
.fpd-icon-color:before{ content: "\e900"; }
.fpd-icon-move-down:before{ content: "\e622"; }
.fpd-icon-move-up:before{ content: "\e624"; }
.fpd-icon-copy:before{ content: "\e623"; }
.fpd-icon-reset:before{ content: "\e605"; }
.fpd-icon-done:before{ content: "\e621"; }
.fpd-icon-unlocked:before{ content: "\e614"; }
.fpd-icon-locked:before{ content: "\e615"; }
.fpd-icon-drag:before{ content: "\e616"; }
.fpd-icon-add:before{ content: "\e619"; }
.fpd-icon-redo:before{ content: "\e617"; }
.fpd-icon-undo:before{ content: "\e618"; }
.fpd-icon-file-upload:before{ content: "\e61a"; }
.fpd-icon-back:before{ content: "\e603"; }
.fpd-icon-forward:before{ content: "\e61f"; }
.fpd-icon-close:before{ content: "\e61d"; }
.fpd-icon-more-horizontal:before{ content: "\e620"; }
.fpd-icon-format-underline:before{ content: "\e60f"; }
.fpd-icon-format-line-spacing:before{ content: "\e610"; }
.fpd-icon-format-italic:before{ content: "\e611"; }
.fpd-icon-format-bold:before{ content: "\e60e"; }
.fpd-icon-format-align-right:before{ content: "\e60b"; }
.fpd-icon-format-align-left:before{ content: "\e60c"; }
.fpd-icon-format-align-center:before{ content: "\e60d"; }
.fpd-icon-design-library:before{ content: "\e60a"; }
.fpd-icon-reorder:before{ content: "\e607"; }
.fpd-icon-remove:before{ content: "\e606"; }
.fpd-icon-more:before{ content: "\e602"; }
.fpd-icon-name-number:before{ content: "\e931"; }
.fpd-icon-share:before{ content: "\e92b"; }
.fpd-icon-share-mail:before{ content: "\e92a"; }
.fpd-icon-share-linkedin:before{ content: "\e929"; }
.fpd-icon-share-pinterest:before{ content: "\e927"; }
.fpd-icon-share-google-plus:before{ content: "\e928"; }
.fpd-icon-share-facebook:before{ content: "\e925"; }
.fpd-icon-share-twitter:before{ content: "\e924"; }
.fpd-icon-bin:before{ content: "\e926"; }
.fpd-icon-corner-resize:before{ content: "\e922"; }
.fpd-icon-corner-rotate:before{ content: "\e923"; }
.fpd-icon-jpg:before{ content: "\e91b"; }
.fpd-icon-pdf:before{ content: "\e91c"; }
.fpd-icon-png:before{ content: "\e91d"; }
.fpd-icon-qrcode:before{ content: "\e91f"; }
.fpd-icon-magnify:before{ content: "\e91e"; }
.fpd-icon-stroke-width:before{ content: "\e918"; }
.fpd-icon-curved-text-reverse:before{ content: "\e914"; }
.fpd-icon-curved-text:before{ content: "\e915"; }
.fpd-icon-stroke:before{ content: "\e913"; }
.fpd-icon-text-input:before{ content: "\e912"; }
.fpd-icon-flip-vertical:before{ content: "\e61e"; }
.fpd-icon-flip-horizontal:before{ content: "\e61c"; }
.fpd-icon-arrow-right:before{ content: "\e92d"; }
.fpd-icon-arrow-left:before{ content: "\e92e"; }
.fpd-icon-arrow-up:before{ content: "\e92f"; }
.fpd-icon-arrow-down:before{ content: "\e930"; }
.fpd-icon-magnet:before{ content: "\e920"; }
.fpd-icon-curve-radius:before{ content: "\e91a"; }
.fpd-icon-letter-spacing:before{ content: "\e919"; }
.fpd-icon-instagram:before{ content: "\e609"; }
.fpd-icon-facebook:before{ content: "\e608"; }
.fpd-icon-ruler:before{ content: "\e92c"; }
.fpd-icon-align-vertical-middle:before{ content: "\e902"; }
.fpd-icon-align-horizontal-middle:before{ content: "\e903"; }
.fpd-icon-align-top:before{ content: "\e904"; }
.fpd-icon-align-left:before{ content: "\e905"; }
.fpd-icon-align-bottom:before{ content: "\e906"; }
.fpd-icon-align-right:before{ content: "\e907"; }
.fpd-icon-align-vertical:before{ content: "\e612"; }
.fpd-icon-align-horizontal:before{ content: "\e613"; }
.fpd-icon-grid:before{ content: "\e921"; }
.fpd-icon-resize:before{ content: "\e908"; }
.fpd-icon-scaleX:before{ content: "\e917"; }
.fpd-icon-scaleY:before{ content: "\e916"; }
.fpd-icon-layers:before{ content: "\e601"; }

/* FIX: the QR-code modal's dark/light color inputs are plain native
   <input type="color"> elements (the spectrum-based picker for them is
   commented out in front.js), but their sizing/layout rule
   (.fpd-qrcode-colors / input[type="color"]) in theme-b6458e5500.css is
   also scoped to .section-customizer, so outside it they fall back to
   default/inherited sizing and render as full-width bars instead of small
   swatches. Restate unscoped. */
.fpd-qrcode-colors{
	margin-bottom: 30px;
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
}
.fpd-qrcode-colors input[type="color"]{
	width: 50px !important;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px;
	cursor: pointer;
	background: #f5f5f5;
}
.fpd-qrcode-colors .fpd-spectrum-replacer{
	background: #f5f5f5;
	border: 0;
}
.fpd-qrcode-colors .fpd-spectrum-replacer .sp-preview{
	margin: 0;
}
.fpd-qrcode-colors .fpd-spectrum-replacer .sp-dd{
	display: none;
}