.header nav { display:none!important; }
@media only screen and (max-device-width:46.875rem) { #Woodbrass input, select, textarea { height:5.25rem;} }

.checkout { border-bottom:1px solid #cccccc; }
input, select, textarea { height:auto;width:100%;border:1px solid #ccc;padding:10px 15px;background:#fff;outline:none;box-shadow:none; }
/* Checkout StepLine
======================================== */
.checkout-stepline { border-bottom:1px solid #cccccc;box-shadow: 1px 1px 12px #cccccc; }
.checkout-stepline > div, .checkout-stepline > div a { flex-flow:column;color:#666666;align-items:center; }
.checkout-stepline .step .material-icons { display:none; }
.checkout-stepline .step { background:#fff;border:1px solid #666666;display:-webkit-flex;display:-webkit-box;-webkit-align-items:center;display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;width:30px;height:30px; }
.checkout-stepline > div:not(:first-child) .step:before { position:absolute;content:"";background:#666666;top:15px;height:1px;left:calc( -50% + 28px / 2 );right:calc( 50% + 32px / 2 ); }
.checkout-stepline .check .step { border:1px solid #0066cc;color:#0066cc; }
.checkout-stepline .check .step + div { color:#0066cc; }
.checkout-stepline .check:not(:first-child) .step:before { background:#0066cc; }
.checkout-stepline .check:not(.active) .step span { display:none; }
.checkout-stepline .check:not(.active) .step .material-icons { display:block; }
.checkout-stepline .active .step { background:#0066cc;color:#ffffff; }


/* Checkout Login
======================================== */
.login input:not([type='hidden']), .shipping-method input, .fast-account input:not([type='hidden']), .go-create input:not([type='hidden']), .fast-account select, .commentaire textarea { width:100%;border:1px solid #ccc;padding:10px 15px;background:#fff;outline:none;box-shadow:none; }
.fast-account select::-ms-expand { display:none; }
.fast-account select { -webkit-appearance:none;-moz-appearance:none;border-radius:0;background:url(/images/v4/elements/fleche_bas_checkout.jpg) center right 10px no-repeat;background-size:30px 30px; }

.login label, .fast-account label, .go-create label, .commentaire label, .shipping-method .other-cp { position:relative; }
@media screen and (min-device-width: 64.001rem) {
.login input:not([type='hidden'])+.active-input, .shipping-method .other-cp .active-input, .fast-account input:not([type='hidden'])+.active-input, .go-create input:not([type='hidden'])+.active-input, .fast-account select+.active-input, .commentaire textarea+.active-input { position:absolute;left:0;bottom:0;height:2px;right:calc(100%);background:#000;transition:right .25s linear, height .25s linear; }
}
@media screen and (max-device-width: 46.875rem) {
.login input:not([type='hidden'])+.active-input, .shipping-method .other-cp .active-input, .fast-account input:not([type='hidden'])+.active-input, .go-create input:not([type='hidden'])+.active-input, .fast-account select+.active-input, .commentaire textarea+.active-input { position:absolute;left:0;bottom:0;height:2px;right:calc(100%);color:red!important;background:none!important;transition:right .25s linear, height .25s linear; }
}
.login input:not([type='hidden']):focus+.active-input, .shipping-method .other-cp input:focus+.active-input, .fast-account input:not([type='hidden']):focus+.active-input, .go-create input:not([type='hidden']):focus+.active-input, .fast-account select:focus+.active-input, .commentaire textarea:focus+.active-input { right:0;white-space:nowrap; }
/*.login input:invalid+.active-input, .fast-account input:invalid+.active-input, .fast-account select:invalid+.active-input { background:#cc0000; }*/
.login input:not([type='hidden'])+.active-input.invalid, .fast-account input:not([type='hidden'])+.active-input.invalid, .go-create input:not([type='hidden'])+.active-input.invalid, .fast-account select+.active-input.invalid { display:flex;position:absolute;left:0;color:#cc0000;margin-top:7px;height:auto;bottom:inherit;right:0;white-space: pre-wrap;background: #fff;border: 1px solid #cecece;padding: 2px; }
.shipping-method .other-cp { flex-basis:55%; }
.shipping-method .other-cp input:focus+.active-input { left:0;right:0; }
.shipping-method .active-input.invalid { display:flex;margin:-10px -10px 10px -10px;padding:10px;position:absolute;left:0;right:0; }
.commentaire textarea { resize:none;margin:0; }
.commentaire textarea+.active-input { left:0;right:100%; }
.commentaire textarea:focus+.active-input { right:.1625rem; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.commentaire textarea { resize:none;margin:0 0 -4px 0; } 
	.commentaire textarea:focus+.active-input { right:0; }
}

/*.fast-account { max-height:calc( 85vh - 40px );overflow-y:auto; }*/
.fast-account input[type="checkbox"] { display: none; }
.fast-account input[type="checkbox"] + label {display: block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; }
.fast-account input[type="checkbox"] + label:before { content:'';display:block;width:1.25rem;height:1.25rem;border:1px solid #000;position:absolute;left:.3125rem;top:50%;transform:translateY( -50% );-webkit-transition:all .12s, border-color .08s;transition:all .12s, border-color .08s; }
.fast-account input[type="checkbox"]:checked + label:before { width:.625rem;top:calc( 50% - .625rem );left:.625rem;border-radius:0;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate( 45deg );transform:rotate( 45deg ); }
.fast-account .dob input+.active-input { left:0;right:100%; }
.fast-account .dob input:focus+.active-input { right:0; }


/* Checkout Shipping
======================================== */
.address, .shipping-item { border:1px solid #ccc; }
.shipping-item { border-top:none; }
.shipping-item .wb-choice { display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:-1px;right:100%;bottom:-1px;left:-16px;background:#0066cc;color:#ffffff;visibility:visible;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:bold;font-size:10px;line-height:36px; }
.shipping-item:nth-child(2) { border-top:1px solid #ccc; }
@media only screen and (max-device-width: 46.875rem) { .shipping-item:nth-child(2) { border-top:none; } }
.shipping-item img, .form-payment img{width:100%;}
.edit-addr { display:flex;align-items:flex-end;justify-content:space-between;flex-flow:column nowrap; }
.error-addr .faded-btn { background:transparent;color:#fff;border:1px solid #fff; }
.error-addr .faded-btn:hover { background:#fff;color:#cc0000;border:1px solid #fff; }
.error-addr .address { border-top:none; }
.listAddr .addr { border:1px solid #ccc; }


.shipping input[type="radio"], .listAddr input[type="radio"] { display:none; }
.shipping input[type="radio"] + label, .listAddr input[type="radio"] + label { position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:1.25rem 1.25rem 1.25rem 3.75rem; }
.shipping input[type="radio"] + label:before, .listAddr input[type="radio"] + label:before { content:'';display:block;width:1.25rem;height:1.25rem;border:1px solid #000;position:absolute;left:1.25rem;top:50%;transform:translateY( -50% );-webkit-transition:all .12s, border-color .08s;transition:all .12s, border-color .08s; }
.shipping input[type="radio"]:checked + label:before, .listAddr input[type="radio"]:checked + label:before { width:.625rem;top:calc( 50% - .625rem );left:1.5rem;border-radius:0;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate( 45deg );transform:rotate( 45deg ); }

input[name=shipping]:checked ~ .shipping-method { max-height:5000px;padding:.625rem!important;border-top:1px solid #ccc;transition:max-height 1s linear; }
@media screen and (-webkit-min-device-pixel-ratio:0) { input[name=shipping]:checked ~ .shipping-method { border-top:none; } }
.shipping-method, input[name=shipping]:checked ~ .shipping-method.close { border-top:none;padding:0!important;max-height:0;overflow:hidden;transition:max-height 0s linear; }
.shipping .shipping-method .ennonce { padding:.625rem; }
.shipping .shipping-method input[type="radio"] + label { padding:.625rem .625rem .625rem 3.075rem; }
.shipping .shipping-method input[type="radio"] + label > div { width:100%; }
.shipping .shipping-method input[type="radio"] + label + div .faded-btn { display:none; }
.shipping .shipping-method input[type="radio"] + label:before { left:.625rem; }
.shipping .shipping-method input[type="radio"]:checked + label:before { left:.9375rem; }
.shipping .shipping-method input[type="radio"]:checked + label + div .faded-btn { display:block; }

.bubble { border-left:1px solid #b3b3b3;position:absolute;background:#fff;z-index:1; }
.bubble .content { display:flex;flex-flow:column;align-items:center;justify-content:flex-start;width:100%;height:100%;overflow-y:auto; }
.bubble .content #maps { width:calc( 100% - 30px );height:inherit;margin:20px 15px 15px 15px; }
.bubble .content > * { width:100%; }
.bubble .arrow { width:15px;height:15px;display:inline-block;border:1px solid #b3b3b3;position:absolute;transform:rotate(45deg);left:-8.5px;background:#fff;border-top:none;border-right:none; }

.bubble .content ul { padding:0;list-style:none; }
.bubble .content ul .sday { width:80px; }

.bubble.centered { position:fixed;top:50%;left:50%;transform:translate(-50%, calc(-50% + 0.5px));z-index:11;max-width:85vW;max-height:85vh;overflow-y:auto; }
.bubble.centered .close:after { font-size:18px;position:absolute;margin-left:10px; }


/* Checkout Payment
======================================== */
.payment { border:1px solid #ccc; }
@media only screen and (max-width: 61.63rem) { .payment { border:none!important;} }

.payment input[type="radio"], .payment input[type="checkbox"], .cgv input[type="checkbox"] { display:none; }
.payment input[type="radio"] + label, .payment input[type="checkbox"] + label, .cgv input[type="checkbox"] + label { position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:1.25rem 1.25rem 1.25rem 3.75rem; }
.payment input[type="radio"] + label:before, .payment input[type="checkbox"] + label:before, .cgv input[type="checkbox"] + label:before { content:'';display:block;width:1.25rem;height:1.25rem;border:1px solid #000;position:absolute;left:1.25rem;top:50%;transform:translateY( -50% );-webkit-transition:all .12s, border-color .08s;transition:all .12s, border-color .08s; }
.payment input[type="radio"]:checked + label:before, .payment input[type="checkbox"]:checked + label:before, .cgv input[type="checkbox"]:checked + label:before { width:.625rem;top:calc( 50% - .625rem );left:1.5rem;border-radius:0;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate( 45deg );transform:rotate( 45deg ); }
@media only screen and (max-width: 61.63rem) { .payment input[type="radio"] + label:before, .payment input[type="checkbox"] + label:before { display: none!important; } }
@media only screen and (max-device-width: 46.875rem) { .cgv input[type="checkbox"]:checked + label:before { width:2.5rem;height:4.375rem;top:calc( 50% - 2.5rem );left:2.5rem;} }
@media only screen and (max-width: 61.63rem) { .payment input[type="radio"]:checked + label:before, .payment input[type="checkbox"]:checked + label:before { display: none!important; } }
@media only screen and (max-device-width: 46.875rem) { .cgv input[type="checkbox"] + label:before { width: 5.625rem; height: 5.625rem; }  }
.payment > div.row:not(:last-of-type) { border-bottom:1px solid #ccc; }
@media only screen and (max-width: 61.63rem) { .payment > div.row { border:1px solid #ccc;}  }
.payment .payment-desc { padding:0!important;max-height:0;overflow:hidden;transition:max-height 0s linear; }
.payment input[type=radio]:checked ~ .payment-desc { ;padding:.625rem!important;border-top:1px solid #ccc;max-height:5000px;transition:max-height 1s linear; }

.shipping-item input:not([type='hidden']) ~ .active-input, .payment input:not([type='hidden']) ~ .active-input, .cgv input:not([type='hidden']) ~ .active-input { z-index:-1;position:absolute;top:0;left:0;bottom:0;right:100%;transition:right .25s linear; }
.active-input.invalid { z-index:1!important;color:#fff;right:0;background:#cc0000;white-space:nowrap; }

/*
.cgv input[type="checkbox"] + label { padding:1rem 0 1rem 2.5rem; }
.cgv input[type="checkbox"] + label:before { left:0; }
.cgv input[type="checkbox"]:checked + label:before { left:0.25rem; }
*/
.cgv input:not([type='hidden']) ~ .active-input.invalid { z-index:1!important;color:#fff;right:0;background:#cc0000;white-space:nowrap;bottom:auto;padding:10px 0;top:-20px; }

.form-paye { display:none; }

.shop-recap { background:#f2f2f2;border-left:1px solid #ccc; }
.shop-recap .televendeur, .shop-recap .redeem { flex:1 1 auto; }
.shop-recap .televendeur label, .shop-recap .redeem label { display:flex;align-items:stretch;flex-flow:wrap; }
.shop-recap .televendeur label .active-input, .shop-recap .redeem label .active-input { position:absolute;left:.3125rem;bottom:0;height:2px;right:calc(100% - .3125rem);background:#000;transition:right .25s linear, height .25s linear; }
.shop-recap .televendeur label input:focus ~ .active-input, .shop-recap .redeem label input:focus ~ .active-input { right:.3125rem;white-space:nowrap; }
.shop-recap .televendeur label input ~ .active-input.invalid, .shop-recap .redeem label input ~ .active-input.invalid { color:#fff;height:auto;padding:11px 15px;bottom:0;right:.3125rem;background:#cc0000;white-space:nowrap; }
.shop-recap .televendeur label input ~ .active-input.valid { bottom:0;height:2px;right:.3125rem;background:#00cc66;white-space:nowrap; }
.shop-recap .televendeur label div, .shop-recap .redeem label div { flex:1 1 100%; }
.shop-recap .televendeur label input, .shop-recap .redeem label input { flex:1 1 auto;border:1px solid #e2e2e2;padding:10px 15px;background:#fff;outline:none;box-shadow:none; }
.shop-recap .televendeur label button, .shop-recap .redeem label button { border:none;flex:0 0 auto; padding:0 .8rem!important; }

.sub-total { border-top:1px solid #ccc; }

.shop-total-detail.bb { border-top:1px solid #ccc; }

/*#tooltip .close{ top:calc( 40px + .75rem );right:calc( 40px + .75rem ); }*/


/* Popup Info Shiooing - Payment
======================================== */
#content h2 { text-transform:uppercase;margin:0 0 40px 0; }

/* Responsive v4
======================================== */

@media only screen and (max-device-width: 46.875rem) {  

input, select, textarea { height:90px; } 

.checkout-stepline .check:not(.active) .step .material-icons { font-size: 4rem; }

.fast-account select { height:86px; }
.fast-account input[type="checkbox"]:checked + label:before { width:2.2rem;top:calc( 50% - 2.5rem );left:2.2rem; }
.fast-account input[type="checkbox"] + label:before { width:4rem;height:4rem; }

.listAddr .addr { border:none; }
.address, .shipping-item { border:none; }
.edit-addr { display:block;}

.shipping-item .wb-choice { top:-39px;right:initial;bottom:initial;left:-2px;padding-left:40px;padding-right:40px;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb;transform:rotate(0deg);font-weight:bold;font-size:20px;line-height:36px; }
.shipping input[type="radio"] + label, .listAddr input[type="radio"] + label { position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:1.25rem 1.25rem 1.25rem 1.25rem; }
.shipping input[type="radio"]:checked + label:before, .listAddr input[type="radio"]:checked + label:before { top:calc( 50% - 2.5rem );}
.shipping input[type="radio"] + label:before, .listAddr input[type="radio"] + label:before { width:5.625rem;height:5.625rem; }
.shipping .shipping-method input[type="radio"]:checked + label:before { left:2.5rem; width:40px;height: 70px; }

.shipping .shipping-method input[type="radio"] + label:before { height:90px; width:90px; }
/*.shipping-item .tooltip::before { display: none!important; }*/

.label-sm:before { display:none!important; }
.selected { border-bottom: 3px solid #21b414; border-top:3px solid #21b414; }
.selected-payment { border: 3px solid #21b414!important; }
.shipping-item .left.selected { border-left: 3px solid #21b414; }
.shipping-item .right.selected { border-right: 3px solid#21b414; }
.shipping-item:first-child .selected { border-right: 3px solid #21b414; }
.lftb { border-left: 3px solid #21b414; }
.rgtb { border-right: 3px solid #21b414; }
/*.bubble { height: 100%!important; }*/
.close-bubble { font-size: 3rem!important;height:3rem!important;width:3rem!important; }
.close { right: 50px!important; }
/*.i-active {border: 2px solid green;}*/

.bdLeft { border-left: 3px solid #21b414;  }
.bdRight {  border-right: 3px solid #21b414; }
#maps { height: 400px; }
.tooltip-sm { width:100%; list-style:none; }
.tooltip-payment-sm:empty { display:none!important; }
.tooltip-retrait-sm, .tooltip-payment-sm { position: fixed; top: 0; right:0; width: 45rem!important; height: 100vh; background: #fff; z-index: 11; }
.tooltip-retrait-sm:empty {margin-right: -45rem;}

}

.required-field { border-right:4px solid #0066cc!important; }
.required-label { border-left: 4px solid #0066cc; padding-left: 15px; font-size: 12px;}
@media only screen and (max-device-width:46.875rem) { input[type="checkbox"] + label:before { width:4rem;height:4rem; } }