.main-page {
    margin-top: 96px;
}


.checkoutProgress-root {
    background-color: #f0f0ed;
    text-align: center;
    padding: 26px 0;

}

.checkoutProgress-root .container {
    /*max-width: 1314px;*/
}

.checkoutProgress-root .con {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: wrap;
}

@media(min-width: 1024px) {
    .checkoutProgress-root {
        padding: 32px;
        margin-bottom: 36px
    }
}

@media(max-width: 767px) {
    .checkoutProgress-root .container {
        padding: 0;
    }
}

.checkoutProgress-container {
    display: flex;
    margin: auto
}

.checkoutProgress-col {
    width: 50%;
    padding: 0 26px;
    position: relative
}

.checkoutProgress-col:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fff;
    transition: background-color .25s
}

.checkoutProgress-circleActive:before {
    background-color: #1d1d1b
}

@media(min-width: 1024px) {
    .checkoutProgress-col:before {
        top: 40px;
        height: 10px
    }
}

.checkoutProgress-circle {
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto 12px;
    color: #1d1d1b;
    font-size: 22px;
    font-weight: 500;
    transition: background-color .25s, color .25s
}

.checkoutProgress-circle i,
.checkoutProgress-circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.checkoutProgress-circle span {
    font-size: 1.125rem;
    font-family: franklin-gothic-condensed, sans-serif, -apple-system, BlinkMacSystemFont
}

@media(min-width: 1024px) {
    .checkoutProgress-circle {
        width: 90px;
        height: 90px;
        font-size: 36px;
        margin-bottom: 1.5px
    }

    .checkoutProgress-circle i {
        font-size: 2.25rem
    }

    .checkoutProgress-circle span {
        font-size: 1.875rem
    }
}

.checkoutProgress-circleActive .checkoutProgress-circle {
    background-color: #1d1d1b;
    color: #fff
}

.checkoutProgress-label {
    color: #1d1d1b;
    font-family: franklin-gothic-condensed, sans-serif, -apple-system, BlinkMacSystemFont;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 1.5rem;
    text-transform: uppercase
}

@media(min-width: 1024px) {
    .checkoutProgress-label {
        font-size: 1.5rem;
        line-height: 2em;
    }
}

.checkoutShipping-root {
    padding-bottom: 64px
}

.checkoutShipping-title {
    border-bottom: 1px solid #dfdfdf;
    color: var(--app-black);
    font-family: var(--app-narrow-font);
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 32px 0 20px;
    padding-bottom: 12px;
    text-transform: uppercase
}
.checkoutShipping-title2{
	/*border-bottom: 1px solid #dfdfdf;*/
    color: var(--app-black);
    font-family: var(--app-narrow-font);
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 32px 0 20px;
    padding-bottom: 12px;
    text-transform: uppercase
}

@media(min-width: 1024px) {
    .checkoutShipping-title,.checkoutShipping-title2 {
        font-size: 26px
    }
}

.checkoutShipping-viewSummary {
    color: #231f20;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 3px;
    border-bottom: 1px solid #fe6b00
}

.checkoutShipping-fullSummary {
    color: var(--app-body-text);
    font-size: 14px;
    margin: 0 -20px
}

.checkoutShipping-checkoutText {
    font-size: 14px;
    color: var(--app-body-text);
    font-weight: 500;
    line-height: 1.5
}

.checkoutShipping-editable {
    position: relative
}

.checkoutShipping-editable button {
    position: absolute;
    top: -12px;
    right: 0
}

@media(min-width: 1024px) {
    .checkoutShipping-editable button {
        top: -10px
    }
}

.checkoutShipping-checkoutMessage,
.checkoutShipping-address {
    color: #4a4a48;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5
}

.checkoutShipping-checkoutMessage {
    margin: 16px 0
}

.checkoutShipping-shippingMessage {
    padding: 0 20px
}

.checkoutShipping-checkbox {
    color: #4a4a48
}

.textInput-root {
    width: 100%
}

.textInput-label {
    color: #1d1d1b;
    display: inline-block;
    font-family: franklin-gothic-condensed, sans-serif, -apple-system, BlinkMacSystemFont;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 19px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.textInput-required:after {
    content: "*";
    color: #e04558
}

.textInput-input {
    -webkit-appearance: none;
    border-radius: initial;
    border: 1px solid #bababa;
    font-size: 1rem;
    height: 45px;
    /*margin-bottom: 16px;*/
    padding: 0 10px;
    transition: border .25s;
    width: 100%;
    outline: none
}

.textInput-input:focus,
.textInput-input:active,
.textInput-input:hover {
    border-color: #cecece
}

.button-root {
    align-items: center;
    background-color: transparent;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    font-weight: bold;
    justify-content: center;
    letter-spacing: 1px;
    padding: 13px 32px;
    min-width: 160px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .25s, color .25s
}

@media(min-width: 991px) {
    .button-root {
        padding: 13px 48px
    }
}

.button-root:hover {
    background-color: #fe6b00
}

.button-dangerous {
    background-color: #e04558
}

.button-dangerous:hover {
    background-color: #cf2338
}

.button-primary,
.button-secondary {
    position: relative;
    background-color: #231f20;
    z-index: 1
}

.button-primary:before,
.button-secondary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s;
    z-index: -1;
    background-image: url(/static/assets/button-feather-pattern.5001c9bd4404370217e9367115223435.svg);
    background-position: center;
    background-size: contain
}

.button-primary.button-showPattern:before,
.button-secondary.button-showPattern:before {
    opacity: .5
}

.button-primary:hover,
.button-primary:focus,
.button-primary:active {
    background-color: #231f20
}

.button-primary:hover:before,
.button-primary:focus:before,
.button-primary:active:before {
    opacity: 1
}

.button-secondary {
    background-color: #fe6b00
}

.button-secondary:before {
    background-image: url(/static/assets/button-feather-pattern-orange.2ade3e56be66b235bad658b5b49e7f7d.svg)
}

.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active {
    background-color: #fe6b00
}

.button-secondary:hover:before,
.button-secondary:focus:before,
.button-secondary:active:before {
    opacity: 1
}

.button-ghost {
    color: #1d1d1b;
    background-color: #fff;
    border: 1px solid #1d1d1b
}

.button-ghost:hover {
    color: #fff;
    background-color: #fe6b00;
    border-color: #fe6b00
}

.button-ghostWhite {
    color: #f0f0ed;
    border: 1px solid
}

.button-ghostWhite:hover {
    color: #231f20;
    background-color: #f0f0ed
}

.button-root:disabled {
    background: #777;
    color: #e8e8e8
}

@media(min-width: 768px) {
    .button-root {
        max-width: 350px
    }
}

.button-smallGhost {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 22px
}

.button-large {
    font-size: 16px;
    padding: 20px 80px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 16px
}

.button-fullWidth {
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

@media(min-width: 768px) {
    .button-fullWidth {
        width: auto
    }
}

.button-fullWidth.button-fullWidthAlways {
    width: 100%
}

.checkoutProductCard-productCard {
    display: flex;
    margin-bottom: 16px
}

.checkoutProductCard-productImage {
    width: 70px;
    border: 1px solid #e3e3de;
    align-self: center
}

.checkoutProductCard-productDetails span {
    color: #231f20;
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
    padding: 0 15px
}

.checkoutProductCard-productName {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 25px
}

.checkoutProductCard-productQuantity {
    font-weight: 500;
    text-transform: uppercase;
    font-family: franklin-gothic-condensed, sans-serif, -apple-system, BlinkMacSystemFont
}

.totalsSummary-root-2pk {
    box-shadow: 0 -1px rgb(var(--venia-border));
    line-height: 2rem;
    margin: 0;
    padding: 20px 20px 0
}

.totalsSummary-subtotalLabel {
    color: rgb(var(--venia-text-alt))
}

.totalsSummary-totals {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: 500
}

.totalsSummary-totalsRow {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    padding: 8px 0
}

.totalsSummary-price {
    font-family: franklin-gothic-condensed, sans-serif, -apple-system, BlinkMacSystemFont;
    letter-spacing: 1px;
    color: #231f20
}

.totalsSummary-totalsRow:not(:last-child) {
    border-bottom: 1px solid #dfdfdf
}

.totalsSummary-totalValue {
    font-size: 20px
}

.shop-content,.shop-formControl{
    box-sizing: border-box;
    min-height: 1px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0%;
    margin-bottom: 1rem;
    right: auto;
    left: auto;
}
.shop-formControl-full{
	box-sizing: border-box;
    min-height: 1px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0%;
    margin-bottom: 1rem;
    right: auto;
    left: auto;
}
.checkoutShipping-title2{
	margin-top: 1rem;
}
.shop-content:nth-child(1) {
    /*order: 2;*/
/*    flex: 0 0 41.6667%;
    max-width: 41.6667%;
    margin-left: 8.33333%;*/
}

.form-tip{
	color: #6a6a6a;
	font-size: 12px;
	line-height: 1.25em;
	/*position: */
	margin-top: 1em;
}
textarea{
	width: 100%;
    border: 1px solid #bababa;
    height: 7.5rem;
}

input[type="checkbox"] {
    margin: 0 5px;
}
.shop-btn{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	/*width: 100%;*/
	flex: 0 0 100%;
    max-width: 100%;
}
#shop-send{
	width: 100%;
	max-width: 270px;
	font-size: 1rem;
}


.product-box {
    box-sizing: border-box;
    min-height: 1px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0%;
    right: auto;
    left: auto;
}

.nonEcommerceProduct {
    color: #fe6b00;
    display: block;
    font-size: 1rem;
    letter-spacing: 1px;
    margin-bottom: 1.25rem
}


.nonEcommerceProduct-title {
    color: #1f201d;
    display: block;
    font-size: 1.25rem;
    letter-spacing: 1px;
    margin-bottom: 1.25rem
}

.nonEcommerceProduct-root {
    text-align: center;
    margin-bottom: 4rem;
    margin-bottom: 3.75rem;
}

.nonEcommercePrice{
	font-size: 12px;
	line-height: 2em;
}

.button-info{
    border: 1px solid #bababa;
    width: 100%;
    margin: 1rem 0;
    font-size: 1rem;
}

.shop-step2-Con{
	/*padding: 40px;*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    /*color: #fff;*/
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    min-height: 310px;
    position: relative;
}
.sectionIntro-title {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.shop-step2-Con h3,.popup h3{
	font-weight: bold;
	line-height: 2em;

}
.shop-step2-Con h3 span,.popup h3 span{
	color: #fe6b00;
	font-size: 36px;
	font-family: '微軟正黑體';
	margin-left: .25em;
}
.shop-step2-Con p{
	margin-bottom: 1rem;
	font-weight: 400;
	line-height: 2em;
}


.popup .con{
	max-width: 926px;
	max-height: 614px;
    background-color: #fff;
    position: relative;
    width: 75%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    padding: 70px 30px 60px 30px;
    flex-direction: column;
    text-align: center;
}
.popup .checkoutProgress-label{
	width: 100%;
	text-align: center;
	display: block;
	font-size: 1.875rem;
	margin-top: 1em;
	line-height: 1.5em;
}
.popup .checkoutProgress-col{
	width: 60%;
	margin-bottom: 2rem;
}
.popup .con p{
	line-height: 2em;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 2rem;
}
.popup .popup-close{
	position: absolute;
	right: 2rem;
	top: 2rem;
	font-size: 2rem;
}

.popup .btns a .button-root{
	width: 250px;
	padding: 13px 20px;
	margin: 1rem;

}
@media (min-width: 1024px){
	.sectionIntro-title {
	    font-size: 2.25rem;
	    line-height: 43px;
	}
}
@media(max-width: 990px) {
	.shop-content,.shop-formControl,.shop-formControl-full{
		padding-left: 20px;
    	padding-right: 20px;
	}
}


@media(max-width: 767px) {
	.checkoutShipping-root .container{
		    max-width: 540px;
	}
	.shop-content,.shop-formControl{
		flex: 0 0 100%;
    	max-width: 100%;
	}

	.product-box{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.nonEcommerceProduct-root{
		display: flex;
	}
	.nonEcommerceProduct-image{
		flex: 0 0 40%;
    	max-width: 40%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}
	.nonEcommerceProducto{
		flex: 0 0 60%;
    	max-width: 60%;
	}
	.nonEcommerceProduct{
		margin-bottom: .5rem;
	}
	.shop-step2-Con{
		margin-top: 2rem;
	}
	.popup .con{
		width: 90%;
		padding: 35px 20px 30px 20px;
	}
	.popup .checkoutProgress-col{
		width: 100%;
	}
	.popup .popup-close{
		top: 1rem;
		right: 1rem;
	}
}
    
@media(max-width: 320px) {
	.popup{
		align-items: flex-start;
		padding-top: 2rem;
	}
	.popup .checkoutProgress-col{
		margin-bottom: 1rem;
	}
	.popup .checkoutProgress-label{
		font-size: 1.5rem;
		margin-top: .5em;
	}
	.popup .con p{
		margin-bottom: 1rem;
	}
	.shop-step2-Con h3, .popup h3{
		font-size: 1.25rem;
	}
	.shop-step2-Con h3 span, .popup h3 span{
		font-size: 1.5em;
	}
	.popup .con p{
		font-size: 1rem;
	}
}

/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

.pretty *{box-sizing:border-box}.pretty input:not([type=checkbox]):not([type=radio]){display:none}.pretty{position:relative;display:inline-block;margin-right:1em;white-space:nowrap;line-height:1}.pretty input{position:absolute;left:0;top:0;min-width:1em;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}.pretty .state label{position:initial;display:inline-block;font-weight:400;margin:0;text-indent:1.5em;min-width:calc(1em + 2px)}.pretty .state label:after,.pretty .state label:before{content:'';width:calc(1em + 2px);height:calc(1em + 2px);display:block;box-sizing:border-box;border-radius:0;border:1px solid transparent;z-index:0;position:absolute;left:0;top:calc((0% - (100% - 1em)) - 8%);background-color:transparent}.pretty .state label:before{border-color:#bdc3c7}.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{display:none}@-webkit-keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}.pretty.p-default.p-fill .state label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pretty.p-default .state label:after{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.pretty.p-default input:checked~.state label:after{background-color:#bdc3c7!important}.pretty.p-default.p-thick .state label:after,.pretty.p-default.p-thick .state label:before{border-width:calc(1em / 7)}.pretty.p-default.p-thick .state label:after{-webkit-transform:scale(.4)!important;-ms-transform:scale(.4)!important;transform:scale(.4)!important}.pretty.p-icon .state .icon{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-icon .state .icon:before{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-icon input:checked~.state .icon{opacity:1}.pretty.p-icon input:checked~.state label:before{border-color:#5a656b}.pretty.p-svg .state .svg{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-svg .state svg{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-svg input:checked~.state .svg{opacity:1}.pretty.p-image .state img{opacity:0;position:absolute;width:calc(1em + 2px);height:calc(1em + 2px);top:0;top:calc((0% - (100% - 1em)) - 8%);left:0;z-index:0;text-align:center;line-height:normal;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-image input:checked~.state img{opacity:1}.pretty.p-switch input{min-width:2em}.pretty.p-switch .state{position:relative}.pretty.p-switch .state:before{content:'';border:1px solid #bdc3c7;border-radius:60px;width:2em;box-sizing:unset;height:calc(1em + 2px);position:absolute;top:0;top:calc((0% - (100% - 1em)) - 16%);z-index:0;transition:all .5s ease}.pretty.p-switch .state label{text-indent:2.5em}.pretty.p-switch .state label:after,.pretty.p-switch .state label:before{transition:all .5s ease;border-radius:100%;left:0;border-color:transparent;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-switch .state label:after{background-color:#bdc3c7!important}.pretty.p-switch input:checked~.state:before{border-color:#5a656b}.pretty.p-switch input:checked~.state label:before{opacity:0}.pretty.p-switch input:checked~.state label:after{background-color:#5a656b!important;left:1em}.pretty.p-switch.p-fill input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-switch.p-fill input:checked~.state label:before{opacity:0}.pretty.p-switch.p-fill input:checked~.state label:after{background-color:#fff!important;left:1em}.pretty.p-switch.p-slim .state:before{height:.1em;background:#bdc3c7!important;top:calc(50% - .1em)}.pretty.p-switch.p-slim input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-has-hover input:hover~.state:not(.p-is-hover){display:none}.pretty.p-has-hover input:hover~.state.p-is-hover{display:block}.pretty.p-has-hover input:hover~.state.p-is-hover .icon{display:block}.pretty.p-has-focus input:focus~.state label:before{box-shadow:0 0 3px 0 #bdc3c7}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){display:none}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate{display:block}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon{display:block;opacity:1}.pretty.p-toggle .state.p-on{opacity:0;display:none}.pretty.p-toggle .state .icon,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img,.pretty.p-toggle .state.p-off{opacity:1;display:inherit}.pretty.p-toggle .state.p-off .icon{color:#bdc3c7}.pretty.p-toggle input:checked~.state.p-on{opacity:1;display:inherit}.pretty.p-toggle input:checked~.state.p-off{opacity:0;display:none}.pretty.p-plain input:checked~.state label:before,.pretty.p-plain.p-toggle .state label:before{content:none}.pretty.p-plain.p-plain .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pretty.p-round .state label:after,.pretty.p-round .state label:before{border-radius:100%}.pretty.p-round.p-icon .state .icon{border-radius:100%;overflow:hidden}.pretty.p-round.p-icon .state .icon:before{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-curve .state label:after,.pretty.p-curve .state label:before{border-radius:20%}.pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{transition:all .5s ease}.pretty.p-smooth input:checked+.state label:after{transition:all .3s ease}.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-default input:checked+.state label:after{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-plain input:checked+.state label:before{content:'';-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .5s ease}.pretty.p-tada:not(.p-default) input:checked+.state .icon,.pretty.p-tada:not(.p-default) input:checked+.state .svg,.pretty.p-tada:not(.p-default) input:checked+.state img,.pretty.p-tada:not(.p-default) input:checked+.state label:after,.pretty.p-tada:not(.p-default) input:checked+.state label:before{-webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state .icon,.pretty.p-jelly:not(.p-default) input:checked+.state .svg,.pretty.p-jelly:not(.p-default) input:checked+.state img,.pretty.p-jelly:not(.p-default) input:checked+.state label:after,.pretty.p-jelly:not(.p-default) input:checked+.state label:before{-webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);animation:jelly .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state label:before{border-color:transparent}.pretty.p-rotate:not(.p-default) input:checked~.state .icon,.pretty.p-rotate:not(.p-default) input:checked~.state .svg,.pretty.p-rotate:not(.p-default) input:checked~.state img,.pretty.p-rotate:not(.p-default) input:checked~.state label:after,.pretty.p-rotate:not(.p-default) input:checked~.state label:before{-webkit-animation:rotate .7s cubic-bezier(.25,.46,.45,.94);animation:rotate .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-rotate:not(.p-default) input:checked~.state label:before{border-color:transparent}.pretty.p-pulse:not(.p-switch) input:checked~.state label:before{-webkit-animation:pulse 1s;animation:pulse 1s}.pretty input[disabled]{cursor:not-allowed;display:none}.pretty input[disabled]~*{opacity:.5}.pretty.p-locked input{display:none;cursor:not-allowed}.pretty input:checked~.state.p-primary label:after,.pretty.p-toggle .state.p-primary label:after{background-color:#428bca!important}.pretty input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary .svg,.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-primary-o label:before,.pretty.p-toggle .state.p-primary-o label:before{border-color:#428bca}.pretty input:checked~.state.p-primary-o label:after,.pretty.p-toggle .state.p-primary-o label:after{background-color:transparent}.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg{color:#428bca;stroke:#428bca}.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after{background-color:#428bca!important}.pretty.p-switch input:checked~.state.p-primary:before{border-color:#428bca}.pretty.p-switch.p-fill input:checked~.state.p-primary:before{background-color:#428bca!important}.pretty.p-switch.p-slim input:checked~.state.p-primary:before{border-color:#245682;background-color:#245682!important}.pretty input:checked~.state.p-info label:after,.pretty.p-toggle .state.p-info label:after{background-color:#5bc0de!important}.pretty input:checked~.state.p-info .icon,.pretty input:checked~.state.p-info .svg,.pretty.p-toggle .state.p-info .icon,.pretty.p-toggle .state.p-info .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-info-o label:before,.pretty.p-toggle .state.p-info-o label:before{border-color:#5bc0de}.pretty input:checked~.state.p-info-o label:after,.pretty.p-toggle .state.p-info-o label:after{background-color:transparent}.pretty input:checked~.state.p-info-o .icon,.pretty input:checked~.state.p-info-o .svg,.pretty input:checked~.state.p-info-o svg,.pretty.p-toggle .state.p-info-o .icon,.pretty.p-toggle .state.p-info-o .svg,.pretty.p-toggle .state.p-info-o svg{color:#5bc0de;stroke:#5bc0de}.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after{background-color:#5bc0de!important}.pretty.p-switch input:checked~.state.p-info:before{border-color:#5bc0de}.pretty.p-switch.p-fill input:checked~.state.p-info:before{background-color:#5bc0de!important}.pretty.p-switch.p-slim input:checked~.state.p-info:before{border-color:#2390b0;background-color:#2390b0!important}.pretty input:checked~.state.p-success label:after,.pretty.p-toggle .state.p-success label:after{background-color:#5cb85c!important}.pretty input:checked~.state.p-success .icon,.pretty input:checked~.state.p-success .svg,.pretty.p-toggle .state.p-success .icon,.pretty.p-toggle .state.p-success .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-success-o label:before,.pretty.p-toggle .state.p-success-o label:before{border-color:#5cb85c}.pretty input:checked~.state.p-success-o label:after,.pretty.p-toggle .state.p-success-o label:after{background-color:transparent}.pretty input:checked~.state.p-success-o .icon,.pretty input:checked~.state.p-success-o .svg,.pretty input:checked~.state.p-success-o svg,.pretty.p-toggle .state.p-success-o .icon,.pretty.p-toggle .state.p-success-o .svg,.pretty.p-toggle .state.p-success-o svg{color:#5cb85c;stroke:#5cb85c}.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after{background-color:#5cb85c!important}.pretty.p-switch input:checked~.state.p-success:before{border-color:#5cb85c}.pretty.p-switch.p-fill input:checked~.state.p-success:before{background-color:#5cb85c!important}.pretty.p-switch.p-slim input:checked~.state.p-success:before{border-color:#357935;background-color:#357935!important}.pretty input:checked~.state.p-warning label:after,.pretty.p-toggle .state.p-warning label:after{background-color:#f0ad4e!important}.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-warning-o label:before,.pretty.p-toggle .state.p-warning-o label:before{border-color:#f0ad4e}.pretty input:checked~.state.p-warning-o label:after,.pretty.p-toggle .state.p-warning-o label:after{background-color:transparent}.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg{color:#f0ad4e;stroke:#f0ad4e}.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after{background-color:#f0ad4e!important}.pretty.p-switch input:checked~.state.p-warning:before{border-color:#f0ad4e}.pretty.p-switch.p-fill input:checked~.state.p-warning:before{background-color:#f0ad4e!important}.pretty.p-switch.p-slim input:checked~.state.p-warning:before{border-color:#c77c11;background-color:#c77c11!important}.pretty input:checked~.state.p-danger label:after,.pretty.p-toggle .state.p-danger label:after{background-color:#d9534f!important}.pretty input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger .svg,.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-danger-o label:before,.pretty.p-toggle .state.p-danger-o label:before{border-color:#d9534f}.pretty input:checked~.state.p-danger-o label:after,.pretty.p-toggle .state.p-danger-o label:after{background-color:transparent}.pretty input:checked~.state.p-danger-o .icon,.pretty input:checked~.state.p-danger-o .svg,.pretty input:checked~.state.p-danger-o svg,.pretty.p-toggle .state.p-danger-o .icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o svg{color:#d9534f;stroke:#d9534f}.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after{background-color:#d9534f!important}.pretty.p-switch input:checked~.state.p-danger:before{border-color:#d9534f}.pretty.p-switch.p-fill input:checked~.state.p-danger:before{background-color:#d9534f!important}.pretty.p-switch.p-slim input:checked~.state.p-danger:before{border-color:#a02622;background-color:#a02622!important}.pretty.p-bigger .icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger label:after,.pretty.p-bigger label:before{font-size:1.2em!important;top:calc((0% - (100% - 1em)) - 35%)!important}.pretty.p-bigger label{text-indent:1.7em}@media print{.pretty .state .icon,.pretty .state label:after,.pretty .state label:before,.pretty .state:before{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.shop-content .pretty{
    white-space: inherit;
}
.pretty input{
	width: 50%;
}

.pretty .state label{
	text-indent: 0;
	margin-left: 1.5em;
	line-height: 1.5em;
}
.pretty .state label:after, .pretty .state label:before,.pretty.p-svg .state .svg{
	top: 0;
}

.pretty input:checked~.state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
    background-color: #fe6b00!important;
}