/*** ADD PIB ***/

/* ------------------------------------------------------------ *\
    Custom
\* ------------------------------------------------------------ */

.main {}
.main .section { padding:64px 0; } /* ex 32px */
.main .section-flex { padding:32px 0; }
.main .section .cart-title strong { color:#c72527; }
.main h4 { font-size:20px; font-weight: 100; }

@media (max-width: 1024px) {
  .main .section { padding: 5px 0; }
  .main .section .section { padding: 60px 0; }
}

.u-w-15_cart { min-width: var(--spacing-15); padding: 2px; background: #c72527; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.hp__overlay { top: 50%; left: 50%; padding: 20px; text-align: center;}
@media (min-width: 768px) { .hp__overlay {transform: translate(-50%, -50%); position: absolute;} }

/*intro { position: relative; text-align: center; color: #fff; }*/

/*.intro .intro__inner { position: relative; padding-top: 36%; min-height: 350px; }*/
 
.intro .intro__black {max-width: 640px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.65); color: #FFF; padding: 20px}
.intro .intro__content { position: absolute; top: 50%; right: 0; left: 0; bottom: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }


.intro .intro__title { max-width: 600px; font-size: 72px; margin: 0 auto 10px; font-weight: 300; }

.intro .intro__actions { padding-top: 30px; }

.intro .intro__bottom { position: fixed; z-index: 38; bottom: 2px; right: 60px; }

.intro .intro__box { margin-top: 3px; padding: 0 10px; background-color: #000; color: #fff; font-weight: 300; font-size: 9px; height: 32px; line-height: 32px; }

.intro .intro__subtitle { max-width: 720px; margin: 0 auto; padding: 0 15px; }

.intro .intro__price { max-width: 720px; font-size: 18px; margin: -10px auto 10px auto; padding: 0px 15px 10px 15px; display:block; }

@media (min-width: 1360px) {
    .intro .intro__price { font-size: 25px; line-height: 25px; } /* NEW */
    .intro .intro__subtitle { font-size: 16px; line-height: 35px; } /* NEW */
}

@media (max-width: 1360px) {
	.intro .intro__title { font-size: 60px; }
    .intro .intro__black {padding: 10px}
}

@media (max-width: 1024px) {
    .hp__overlay { width: 100%;} /*  margin-top: 50px; */
    .intro .intro__title { font-size: 42px; }
	.intro .intro__content { -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); }
	.intro .intro__black { padding: 10px}
	.intro .intro__bottom { bottom: 2px; right: 15px; }
}

/* ------------------------------------------------------------ *\
    Popup
\* ------------------------------------------------------------ */

.popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(255, 255, 255, 0.75); opacity: 0; visibility: hidden; -webkit-transition: opacity .5s, visibility .5s; -o-transition: opacity .5s, visibility .5s; transition: opacity .5s, visibility .5s; }

.popup.active { visibility: visible; opacity: 1; }

.popup .popup__inner { width: 660px; background-color: #fff; padding: 33px 30px 44px; border: 2px solid #c9c8c8; }

.popup .popup__title { text-transform: uppercase; font-weight: 300; text-align: center; margin-bottom: 50px;}

.popup .popup__entry { font-size: 14px;padding-bottom: 5px;}

.popup .popup__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 36px; }

.popup .popup__actions a { width: calc(50% - 7px); font-size: 16px; /* padding-top: 5px; */}

.popup #popin_message { text-align: center; font-size: 14px; color: #b9763e;}

.popup .section { padding-bottom: 0; }

.popup .section .section__head { margin-bottom: 0; }

.popup .section .section__body { padding: 0 20px; }

.popup--alt .popup__inner { max-width: 446px; border: 0; padding: 0; }

.popup--alt .box-large { width: 100%; }

@media (max-width: 1024px) {
    .popup .popup__foot { display: none; }
    .popup .popup__actions a { padding: 0 15px; }

    .popup--alt .popup__inner { max-width: 500px; max-height: 100vh; overflow: auto; }
}

@media (max-width: 460px) {
    .popup { padding: 10px; }
    .popup .popup__inner { padding: 30px 15px 30px;  }
    .popup .popup__title { margin-bottom: 20px; font-size: 18px; }
    .popup .popup__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; }
    .popup .popup__actions a { width: 100%; font-size: 12px; }
    .popup .popup__actions a + a { margin-top: 15px; }
}

.popup h3 {
    font-size: 30px;
    font-weight: 100;
    color: #545454
}

/* ------------------------------------------------------------ *\
    Product Small
\* ------------------------------------------------------------ */

.product-small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 17px 10px; font-size: 11px; }

.product-small .product__title { font-size: 12px; font-family: 'Helvetica Neue', Helvetica-Neue, Arial, Helvetica, sans-serif; font-weight: 500; margin-bottom: 6px; }

.product-small .product__title a { text-decoration: none; }

.product-small .product__price { margin-bottom: 6px; font-weight: 700; color: #c72527; font-size: 15px; }

.product-small .product__image { display: inline-block; width: 78px; vertical-align: top;}

.product-small .product__entry { font-weight: 300; }

.product-small .product__availability { font-style: italic; color: #5ea513; }

.product-small + .product-small { border-top: 1px solid #c9c8c8; }

.product-small:nth-child(even) { background-color: #f7f7f7; }

.product-small--large { font-size: 13px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.product-small--large .product__image { width: auto; margin-top: -8px; }

.product-small--large .product__title { font-size: 16px; font-weight: 400; }

.product-small--large .product__entry { margin-bottom: 5px; font-style: italic; color: #7f7f7f; }

.product-small--large .product__content {}

@media (max-width: 720px) {
    .product-small--large .product__content { padding-right: 0; }
}

@media (max-width: 460px) {
    .product-small--large { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }
    .product-small--large .product__content { padding-right: 0; }
    .product-small--large .product__image { margin: 0 0 20px; }
    .product-small--large .product__price { margin-top: 6px; }
}

/* CART */
.cart_pad {padding:10px; display: inline-block;}
.cart_dropdown {margin: 0 0 0 10px; display: inline-block; width: 230px; }

/* ------------------------------------------------------------ *\
    Button
\* ------------------------------------------------------------ */

.btn { font-size: 15px; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #c72527; color: #fff; height: 43px; line-height: 43px; padding: 0 35px; text-transform: uppercase; font-weight: 600; border: 0; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; border-radius: 5px; }

.btn:hover { text-decoration: none; text-shadow: none; }

/* ------------------------------------------------------------ *\
    Btn Secondary
\* ------------------------------------------------------------ */

.btn-secondary { font-size: 15px; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; color: #000; height: 43px; line-height: 39px; padding: 0 35px; border: 2px solid #000; font-weight: 500; -webkit-transition: color .3s, border-color .3s; -o-transition: color .3s, border-color .3s; transition: color .3s, border-color .3s; border-radius : 5px; }

.btn-secondary:hover { text-decoration: none; text-shadow: none; }

.btn--small { padding: 0 28px; height: 32px; line-height: 28px; }

/* base shell */
.shell { max-width: 1025px; margin: auto; padding-left: 10px; padding-right: 10px }

@media (min-width: 1025px) {
    .shell { padding-left: 30px; padding-right: 30px; }
}

.shell table {width: 100%;border-collapse: collapse;border-spacing: 0 }

@media (min-width: 720px) {
    .shell table {width: 100%;border-collapse: collapse;border-spacing: 0 }
}

.section_title { text-align: center;}

.action_logout { width: 100%; text-align: center; }
.section__link { font-size: 15px; text-decoration: underline; }
/* ------------------------------------------------------------ *\
    Header Alt
\* ------------------------------------------------------------ */

.header-alt {  padding: 25px 0; text-align:center; }

.header-alt .shell { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* display: flex; */

@media (max-width: 1024px) {
    .header-alt {  } /* padding-top: 120px; */
}


/* ------------------------------------------------------------ *\
    Table
\* ------------------------------------------------------------ */

.table { padding-top: 5px; font-size: 14px; font-weight: 400; }

.table em { display: block; color: #5ea513; font-size: 13px; font-weight: 500; }

.table a { display: inline-block; text-decoration: none; }

.table .table__inner { overflow: auto; }

.table .table__inner table { width: 100% }
.table tr:not(:last-child) { border-bottom: 1px solid #d3d3d3; }

.table tr.table--border { border-top: 2px solid #d3d3d3; border-bottom: 0;  }

.table tr.table--border td { padding-bottom: 0; }

.table tr td { padding: 15px 0; text-align: center; }

.table tr td:first-child { width: 120px; text-align: left; }

.table tr td:nth-child(2) { text-align: left; }

.table tr td:last-child,
.table tr th:last-child { text-align: right; padding-right: 20px !important; } /* 40px !important; */

.table table th { padding: 12px 0; text-align: center; }

.table tr th:first-child { text-align: left; }

.table .table__product { border: 0 !important; }

.table .table__product:nth-child(odd) { background-color: #f7f7f7; border-bottom: 1px solid #d3d3d3 !important; }

.table .table__product td { padding: 34px 0; max-width: 200px; }

.table .table__image { margin-left: 15px; }

.table .table__image img { max-width: 80px; }

.table .table__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px; }

.table .table__bottom-content { max-width: 500px; font-size: 12px; } /* max-width: 415px; */

.table .table__entry { line-height: 1.6; }

.table .table__entry.icon { display:inline-block; width: 100px; vertical-align: top; padding-top: 5px; } /* new */
.table .table__entry.txt { display:inline-block; width: 400px; vertical-align: top; } /* new */

.table .table__title { margin-bottom: 23px; text-transform: uppercase; }

.table .table__actions { padding-top: 20px; }

.table .table__actions .btn { height: 36px; line-height: 36px; }

.table .table__links a { display: block; text-decoration: none; font-size: 12px; }

.table .table__links a + a { margin-top: 5px; }

.table .table__links a i { display: inline-block; margin-left: 10px; }

.table--alt em { color: #7f7f7f; }

.table--alt .color-danger { color: #ff0000; }

.table--alt .color-success { color: #5ea513; }

.table--alt tr:last-child { border-top: 0; border-bottom: 1px solid #d3d3d3; }

.table--alt tr th:nth-child(2) { text-align: left; }

.table--alt tr th:nth-child(n + 3),
.table--alt tr td:nth-child(n + 3) { text-align: center; }

.table--alt tr th:last-child,
.table--alt tr td:last-child { text-align: right; padding-right: 12px !important; }

@media (max-width: 1024px) {
    .table { font-size: 20px; }
    .table em { font-size: 18px; }

    .table .table__bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
    .table .table__actions { padding-top: 70px; max-width: 320px; margin: 0 auto; }
    .table .table__actions .btn { height: 58px; line-height: 58px; }

    .table .table__bottom-content { max-width: 100%; margin-top: 130px; font-size: 12px; }
    .table .table__title { font-size: 18px; }
    .table .table__entry { font-size: 16px; }
    .table .table__entry.txt { width: calc(100% - 100px) } /* new */

    .table .table__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

    .table--alt tr th { font-size: 18px; }
    .table--alt,
    .table--alt em { font-size: 16px; }

    .table--alt tr th:last-child,
    .table--alt tr td:last-child { padding-right: 0 !important; }
}

@media (max-width: 720px) {
    .table { font-size: 13px; }
    .table em { font-size: 12px; padding-top: 5px; }

    .table .table__actions { padding-top: 30px; max-width: 200px; margin: 0 auto; }
    .table .table__actions .btn { height: 30px; line-height: 30px; font-size: 14px; }

    .table .table__bottom-content { margin-top: 40px; font-size: 12px; }
    .table .table__title { font-size: 13px; }
    .table .table__entry { font-size: 12px; }
    .table .table__entry.txt { width: calc(100% - 100px) } /* new */

    .table .table__product picture { display: block; margin-bottom: 15px; }

    .table tr td,
    .table tr th { text-align: center; }
    .table tr td:first-child { padding: 20px 30px 20px 10px !important; text-align: left; width: 150px !important; }
    .table tr td:first-child p { margin-top: 10px; }
    .table tr td:last-child { padding-right: 10px !important; }
    .table tr th:first-child { text-align: left; }

    .table tr td:last-child, .table tr th:last-child { padding-right: 10px !important; }

    .table--alt tr th { font-size: 13px; }
    .table--alt,
    .table--alt em { font-size: 12px; }

    .table--alt tr td:first-child { width: auto !important; }
}


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Text Center  */

.text-center { text-align: center !important; }

/*  Hidden  */

.hidden-desktop,
.hidden-desktop-xs,
.hidden-desktop-inline { display: none !important; }

@media (max-width: 1360px) {
    .hidden-large-desktop { display: none !important; }
}

@media (max-width: 1024px) {
    .hidden-mobile { display: none !important; }
    .hidden-desktop { display: block !important; }
    .hidden-desktop-inline { display: inline-block !important; }

}

@media (max-width: 720px) {
    .hidden-desktop-xs { display: block !important; }
    .hidden-mobile-xs { display: none !important; }
    .hidden-mobile-td-xs { display: none !important; }
    .mobile-td-lg { width:50%; }
    .mobile-td-sm { width:25%; }
}

@media (max-width: 460px) {
    .hidden-mobile-portrait { display: none !important; }
}

.btn--block { display: block !important; padding-left: 0; padding-right: 0; width: 100% }

/* ------------------------------------------------------------ *\
    Btn Group
\* ------------------------------------------------------------ */

.btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 92px; border: 1px solid #d3d3d3; }

.btn-group a { display: block; width: 50%; font-weight: 100; height: 70px; line-height: 70px; font-size: 20px; border: 0; text-transform: none;  }

@media (max-width: 1024px) {
    .btn-group a { font-size: 24px; }
}

@media (max-width: 720px) {
    .btn-group { margin-top: 50px; }
    .btn-group a { height: 56px; line-height: 56px; font-size: 13px; padding: 0; }
}

/* ------------------------------------------------------------ *\
    Btn-white
\* ------------------------------------------------------------ */

.btn-white { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #c72527; color: #fff; height: 47px; line-height: 43px; border: 2px solid #fff; padding: 0 26px; text-transform: uppercase; font-weight: 700; -webkit-transition: background-color .3s, border-color .3s; -o-transition: background-color .3s, border-color .3s; transition: background-color .3s, border-color .3s; }

/*.btn-white:hov/er { background-color: #c72527; border-color: #c72527; text-shadow: none; }*/

/* ------------------------------------------------------------ *\
    Amount
\* ------------------------------------------------------------ */

.amount { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.amount a { display: inline-block; text-decoration: none; width: 20px; height: 20px; line-height: 16px; border: 1px solid #d2d1d1; text-align: center; font-size: 16px; -webkit-transition: border-color .3s, color .3s; -o-transition: border-color .3s, color .3s; transition: border-color .3s, color .3s; }

.amount a:hover { border-color: #c72527; color: #c72527; }

.amount input.amount__text { width: 25px !important; border: 0 !important; padding: 0 !important; font-size: 1.4rem !important; background-color: transparent; text-align: center; }

@media (max-width: 1024px) {
	.amount a { width: 35px; height: 35px; line-height: 30px; font-size: 24px; }
	.amount .amount__text { width: 44px; }
}

@media (max-width: 720px) {
	.amount { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}

/* ------------------------------------------------------------ *\
	Coupon Code
\* ------------------------------------------------------------ */

.coupon-code form { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.coupon-code label { position: absolute; right: calc(100% + 20px); top: 6px; white-space: nowrap; text-transform: uppercase; }

.coupon-code .btn-secondary,
.coupon-code .field { width: 130px; height: 30px; line-height: 26px; padding: 0 10px; } /* OLD : width: 110px; */

.coupon-code .field { margin-right: 26px; border: solid 1px; }

.coupon-code .error_promo_code { color: #FF0000; font-style:italic; max-width: 240px;}
.coupon-code .error_promo_code a{text-decoration:underline}

@media (max-width: 1024px) {
	.coupon-code form { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
	.coupon-code label { position: static; margin-right: auto;  }
	.coupon-code .error_promo_code {text-align: right;max-width: 100%; width: 100%}

	.coupon-code .btn-secondary,
	.coupon-code .field { width: 140px; height: 37px; line-height: 32px; padding: 0 10px; }
}

@media (max-width: 720px) {
	.coupon-code label { margin: 15px 0;  }
	.coupon-code form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.coupon-code .field { margin: 0 0 15px; }
	.coupon-code .error_promo_code {text-align: center;max-width: 100%; width: 100%}
}


/* ------------------------------------------------------------ *\
	Boxes Large
\* ------------------------------------------------------------ */

.boxes-large { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 1024px) {
	.boxes-large { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
}

/* ------------------------------------------------------------ *\
	Box Large
\* ------------------------------------------------------------ */

.box-large { width: 50%; padding: 54px 25px; text-align: center; border: 1px solid #c9c8c8; }

.box-large .box__inner { max-width: 284px; margin: 0 auto; }

.box-large .box__controls { position: relative; text-align: left; padding: 5px 0; }

.box-large .box__controls i { position: absolute; bottom: 14px; right: 12px; max-width: 14px; max-height: 12px; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.box-large .box__controls.checked i { opacity: 1; }

.box-large .box__col { width: 380px; }

.box-large .box__row { text-align: left; }

.box-large .box__row + .box__row { margin-top: 40px; }

.box-large .field { color: #000; }

.box-large .link { margin-top: 18px; color: #fff; font-size: 11px; -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; }

.box-large .link:hover { color: #a9662e; }

.box-large .link:after { background-color: #fff; -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; }

.box-large .link:hover:after { background-color: #a9662e; }

.box-large .box__entry { padding: 23px 0; margin: 0 -35px; font-size: 16px; line-height: 2.2; font-weight: 300; }

.box-large .box__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 56px; }

.box-large .box__title { margin-bottom: 40px; text-transform: uppercase; }

.box-large .box__controls label { position: absolute; left: 0; top: -20px; font-weight: 700; font-size: 15px;}
.box-large .box__controls .field { margin-top: 2px;}

.box-large--dark { background-color: #000; color: #fff; border: 0; }

.box-large--alt { padding: 20px 0 0 0; width: 100%; border: 0; }

.box-large--alt .box__title { text-align: left; }

.box-large .box__row--flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 1024px) {
	.box-large { width: 100%; padding: 40px 25px 70px; border: 0; }
	.box-large .box__inner { max-width: 400px; margin: 0 auto; }

	.box-large .box__controls label { display: inline-block; margin-bottom: 7px; position: static; font-size: 20px; }
	.box-large .box__title { font-size: 28px; margin-bottom: 26px; }
	.box-large .box__entry { padding: 0; font-size: 20px; }

	.box-large .box__actions { padding-top: 25px; }
	.box-large .field { min-height: 54px; line-height: 54px; padding: 0 15px; font-size: 18px; }
	.box-large .box__row + .box__row { margin-top: 26px; }
	.box-large .box__row i { bottom: 18px; max-width: 100%; max-height: 100%; }

	.box-large .btn,
	.box-large .btn-white { font-size: 20px; padding: 0 68px; height: 60px; line-height: 60px; }

	.box-large .btn-white { padding: 0 46px; line-height: 56px; }
	.box-large .link { margin-top: 22px; font-size: 18px; }

	.box-large .box__col { margin-bottom: 30px; }

	.box-large--dark { padding: 62px 25px; }
	.box-large--dark .box__title { margin-bottom: 40px; }
	.box-large--dark .box__actions { padding-top: 65px; }

	.box-large--alt .box__title { text-align: center; margin-bottom: 70px; }
	.box-large .box__row--flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 !important; }
}

@media (max-width: 720px) {
	.box-large .box__col { width: 100%; }
	.box-large .box__controls label { font-size: 15px; }
}


.box-large .box__col.large { width: 100%; }
.box-large .box__row.large + .box__row.large { margin-top: 10px; }
.box-large .box__controls label.fix { position: static; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { line-height: 1; padding-top: 0; margin-top: 0;  }

.field { display: block; width: 100%; height: 38px; padding: 0 10px; border: 1px solid #9c9c9c; font-weight: 300; font-style: italic; font-size: 15px; }
.field.error {border: 1px solid #ff0000;}
.field.valid {border: 1px solid #008000;}
.field_error {border: 1px solid #ff0000 !important;}

.textarea { height: 243px; padding: 10px; vertical-align: top; resize: none; }

.checkbox { padding: 60px 0 0; text-align: center; }

.checkbox input { visibility: hidden; position: absolute; }

.checkbox label { position: relative; padding-left: 32px; font-size: 13px; text-decoration: underline; }

.checkbox label:before { content: ''; position: absolute; left: 0; top: -2px; display: block; height: 18px; width: 18px; border: 1px solid #000; }

.checkbox label:after { content: ''; position: absolute; left: 5px; top: 3px; display: block; height: 8px; width: 8px; background-color: #000; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.checkbox input:checked + label:after { opacity: 1; }

@media (max-width: 1024px) {
    .field { height: 55px; padding: 0 14px; font-size: 18px; }
    .textarea { height: 243px; padding: 10px; }
}

@media (max-width: 1024px) {
    .field { height: 38px; padding: 0 10px; font-size: 13px; }
    .textarea { height: 243px; padding: 10px; }
    .checkbox { padding: 30px 0 0; }
}

/* ------------------------------------------------------------ *\
    Nav Utils
\* ------------------------------------------------------------ */

.nav-utils { height: 19px; }

.nav-utils ul { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; }

.nav-utils li { position: relative; z-index: 28; }


.nav-utils .has-icon > span:after { content: ''; position: absolute; right: -14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  display: block; width: 8px; height: 4px; border-style: solid; border-width: 4px 4px 0 4px; border-color: #000 transparent transparent transparent; }

.nav-utils .has-icon > span:before  { content: ''; position: absolute; right: -14px; top: 0; bottom: 0; left: 0;  }

.nav-utils .has-dropdown > span { cursor:pointer; display: block; position: relative; }

.nav-utils .has-dropdown > ul { position: absolute; top: 100%; font-size: 14px; text-transform: uppercase; right: -15px; display: block; background-color: #fff; width: 300px; padding: 15px; border: 1px solid #c9c8c8; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; }

.nav-utils .has-dropdown > ul > li > a { display: block; text-decoration: none; }

.nav-utils .has-dropdown > ul > li > a > i { margin-right: 8px; }

.nav-utils .has-dropdown > ul > li + li { margin: 12px 0 0; }

.nav-utils .dropdown { position: absolute; top: 100%; right: -70px; z-index: 28; width: 300px; padding-top: 8px; visibility: hidden; opacity: 0; font-size: 14px; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; }

.nav-utils .dropdown .dropdown__actions { margin-top: 20px; }

.nav-utils .dropdown .dropdown__inner { background-color: #fff; padding: 29px; border: 1px solid #c9c8c8; }

.nav-utils .has-dropdown:hover > .dropdown,
.nav-utils .has-dropdown:hover > ul { opacity: 1; visibility: visible; }

.nav-utils--scrolled { padding: 0 3px 0 28px; }

.nav-utils--scrolled .dropdown { right: -40px; padding-top: 10px; }

.ico-flag-at {width: 26px;height: 17px;background-position: -23px -82px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-be {width: 26px;height: 17px;background-position: -53px -82px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-ch {width: 26px;height: 17px;background-position: -83px -82px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-de {width: 26px;height: 16px;background-position: -113px -82px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-uk , .ico-flag-gb {width: 26px;height: 17px;background-position: -143px -82px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-sp, .ico-flag-es {width: 26px;height: 17px;background-position: -173px -82px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-fr {width: 26px;height: 17px;background-position: -286px -82px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-fr-large {width: 36px;height: 24px;background-position: -23px -103px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-ie {width: 26px;height: 17px;background-position: -63px -103px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-it {width: 26px;height: 17px;background-position: -93px -103px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-lu {width: 26px;height: 17px;background-position: -123px -103px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-nl {width: 26px;height: 17px;background-position: -153px -103px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-flag-se {width: 26px;height: 17px;background-position: -183px -103px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}

@media (max-width: 1024px) {
    .nav-utils { max-width: 35%; } /* new */
    .nav-utils { padding: 0 10px; width: calc(100% - 327px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .nav-utils > ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

    .nav-utils .has-dropdown > ul { z-index: 30; }
    .nav-utils .has-dropdown > a { padding-right: 0; }
}

@media(max-width: 600px){
    .nav-utils { width: calc(100% - 159px); }
}

@media (max-width: 460px) {
    .nav-utils > ul > li + li { margin-left: 5vw; }
}


/* ------------------------------------------------------------ *\
    Bar Progress
\* ------------------------------------------------------------ */

.logo_progress { display:inline-block; width: 220px; }
.bar-progress { overflow: hidden; text-align: center; width: 100%; margin-left: 28px; text-transform: uppercase; font-size: 12px; font-weight: 300; color: #bcbcbc; display:inline-block; max-width: 780px; height: 42px; vertical-align: middle;}

.bar-progress a { text-decoration: none; cursor: text }
.bar-progress a:hover { color: #bcbcbc;  }
.bar-progress .active a:hover {color: #000;}
.bar-progress ul { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style-type: none; }

.bar-progress .active { font-weight: 700; color: #000; }

.bar-progress li + li { position: relative; margin-left: 54px; }

.bar-progress li + li:after { content: ''; position: absolute; left: -30px; top: 5px; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #bcbcbc; }

.bar-progress .active + li:after { background-color: #000; }

.bar-progress ul:after,
.bar-progress ul:before { content: ''; position: absolute; right: calc(100% + 20px); top: 8px; height: 1px; width: 100vh; background-color: #c9c8c8; }

.bar-progress ul:after { right: auto; left: calc(100% + 20px); }

@media (max-width: 1024px) {
    .bar-progress { font-size: 14px; margin: 0; }
    .logo_progress { padding-bottom : 5px; } 
    .bar-progress li { width: 50%; text-align:center; }
    .bar-progress li + li { margin-left: 44px; }
    .bar-progress li + li:after { left: -25px; top: 6px; }
}

@media (max-width: 720px) {

    .bar-progress ul { -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; list-style-type: none;}
    .bar-progress li + li { margin: 0; }
    .bar-progress ul:after,
    .bar-progress ul:before { display: none; }

    .bar-progress ul:after,
    .bar-progress ul:before { display: none; }

    .bar-progress li + li:after { display: none; }
}


/* ------------------------------------------------------------ *\
    List-checkboxes
\* ------------------------------------------------------------ */

.list-checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 50px -20px 0; padding: 40px 0 30px; list-style-type: none; border-top: 1px solid #c9c8c8; }

.list-checkboxes li { width: 33.33%; padding: 0 20px; }

@media (max-width: 1024px) {
    .list-checkboxes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .list-checkboxes li { width: 100%; }
    .list-checkboxes li + li { margin-top: 25px; }
}

/* ------------------------------------------------------------ *\
    Checkbox Small
\* ------------------------------------------------------------ */

.checkbox-small { color: #000; font-weight: 300; font-size: 12px; }

.checkbox-small input { position: absolute; visibility: hidden; }

.checkbox-small label { position: relative; display: block; padding-left: 32px; }

.checkbox-small label:before { content: ''; position: absolute; left: 0; top: -1px; width: 17px; height: 17px; border: 1px solid #000; }

.checkbox-small label:after { content: ''; position: absolute; left: 4px; top: 3px; width: 9px; height: 9px; background-color: #000; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.checkbox-small input:checked + label:after { opacity: 1; }

@media (max-width: 1024px) {
    .checkbox-small { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
    Form Steps
\* ------------------------------------------------------------ */

#container_login { display:none; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s, visibility .5s; -o-transition: opacity .5s, visibility .5s; transition: opacity .5s, visibility .5s; }
#container_login.activate { display:block; visibility: visible; opacity: 1; }

#container_step_2 { display:none; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s, visibility .5s; -o-transition: opacity .5s, visibility .5s; transition: opacity .5s, visibility .5s; }
#container_step_2.activate { display:block; visibility: visible; opacity: 1; }

/* ------------------------------------------------------------ *\
    Link Dropdown
\* ------------------------------------------------------------ */

.link-dropdown.active > a > i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.link-dropdown .link__bottom { display: none; padding-top: 45px; }

.link-dropdown .link__head { font-weight: 300; font-size: 14px; }

.link-dropdown .link__head i { display: inline-block; margin-left: 13px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

@media (max-width: 1024px) {
    .link-dropdown { text-align: center; font-size: 17px; }
    .link-dropdown i { margin-left: 20px; }
}

/* // @todo ? on utilise vraiment ca ? */
.ico-arrow-dropdown {width: 14px;height: 9px;background-position: -20px -2px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-message-dark {width: 24px;height: 16px;background-position: -113px -199px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-truck {width: 30px;height: 18px;background-position: -327px -72px; background-image: url(/objects/files-sprite/v4_sprite.png); background-size: 449px 346px; display: inline-block; vertical-align: middle; font-size: 0px;}

/* ------------------------------------------------------------ *\
    Section Infos
\* ------------------------------------------------------------ */

.section-infos { padding: 90px 0 0; }

@media (max-width: 1024px) {
    .section-infos { padding: 80px 0 0; }
}

/* ------------------------------------------------------------ *\
	Section Info
\* ------------------------------------------------------------ */

.section-info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 12px; font-weight: 300; }

.section-info + .section-info { border-top: 1px solid #d3d3d3; padding-top: 36px; }

.section-info .section__tables { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px; }

.section-info .section__tables--alt  { margin: 0 0 0 -30px; }

.section-info .section__aside { width: 45px; }

.section-info .section__aside a{ text-decoration: underline; font-size: 14px; }

.section-info .section__aside--alt { width: auto; position: absolute; right: 0; }

.section-info .section__content { width: calc(100% - 45px); }

.section-info .section__title { font-size: 14px; margin-bottom: 22px; }

@media (max-width: 1024px) {
	.section-info { padding-bottom: 45px; font-size: 16px; }
	.section-info + .section-info { padding-top: 70px; }
	.section-info .section__title { font-size: 20px; }
}

@media (max-width: 720px) {
	.section-info { padding-bottom: 20px; font-size: 13px; }
	.section-info + .section-info { padding-top: 35px; }

	.section-info .section__content  { width: calc(100% - 30px); padding-left: 15px; }
	.section-info .section__aside { width: 30px; }
	.section-info .section__aside--alt { width: auto; }
	.section-info .section__title { padding-right: 55px;  font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Info Alt
\* ------------------------------------------------------------ */

.info-alt { width: 50%; padding: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.info-alt .info__title,
.info-alt .info__entry { width: 50%; }

.info-alt em { color: #7f7f7f; }

.info-alt p { margin-bottom: 17px; }

@media (max-width: 1024px) {
	.info-alt { width: 100%; }
	.info-alt { font-size: 18px; }
	.info-alt p { margin-bottom: 12px; }
}

@media (max-width: 720px) {
	.info-alt { font-size: 12px; }
}

/* MON COMPTE */
.form__body .form__row .form__label {display:block; font-weight:700; margin:6px 0px 6px 0px;}
.form__body .form__row .field-error {color:#FF0000;}

/* ------------------------------------------------------------ *\
    Section Columns
\* ------------------------------------------------------------ */

.section-columns { font-size: 14px; border-top: 1px solid #eee; padding-top: 85px; font-weight: 300; }

.section-columns p { margin-bottom: 5px; }

.section-columns em { font-size: 13px; line-height: 1.8; color: #545454; }

.section-columns i { display: inline-block; margin-right: 12px; }

.section-columns .section__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.section-columns .section__col { width: 25%; }

.section-columns .section__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-columns .section__col-inner { width: 106px; }

.section-columns .section__title-alt { margin-bottom: 38px; font-size: 19px; }

.section-columns .section__actions { padding-top: 28px; font-size: 12px; }
.section-columns .section__actions a { text-decoration: underline;}

.section-columns .section__foot { padding-top: 85px; text-transform: uppercase;  }

.section-columns .section__foot--small-gutter { padding-top: 44px; }

.section-columns--no-border { border: 0; padding-top: 46px; }

@media (max-width: 1024px) {
    .section-columns { font-size: 18px; padding: 63px 0 32px; }
    .section-columns p { margin-bottom: 13px; }
    .section-columns em { font-size: 16px; line-height: 2.15; }
    .section-columns .section__col { width: 50%; margin-bottom: 80px; }

    .section-columns .section__actions { padding-top: 20px; font-size: 16px; }
    .section-columns .section__foot { text-align: center; padding-top: 25px; font-size: 20px; }

    .section-columns--no-border { padding: 32px 0; }
    .section-columns--no-border .section__foot { padding-top: 4px; }

    .section-columns .section__title-alt { margin-bottom: 56px; font-size: 24px; }
    .section-columns .section__col-alt { margin-bottom: 40px; }
}

@media (max-width: 720px) {
    .section-columns { font-size: 14px; padding: 30px 0 15px; }
    .section-columns em { font-size: 13px; line-height: 1.5; }
    .section-columns .section__foot { padding-top: 10px; font-size: 13px; }
    .section-columns .section__actions { padding-top: 5px; font-size: 13px; }
    .section-columns .section__col { width: 100%; margin-bottom: 40px; }
    .section-columns .link-invoice { display: block; margin-top: 10px; }
}

/* ------------------------------------------------------------ *\
    Section Boxes
\* ------------------------------------------------------------ */

.section-boxes { padding: 65px 0 20px; }

.section-boxes img {    
    width: auto; 
    height: auto; /* MODIF PIB */ 
    display: inline-block; /* MODIF PIB @todo check */ 
    vertical-align: middle; /* MODIF PIB @todo check */ 
}

.section-boxes .section__title { text-transform: uppercase; font-weight: 700; font-size: 14px; }

.section-boxes .section__actions { padding-top: 75px; text-align: center; }

.section-boxes .section__entry { font-size: 12px; }

.section-boxes .section__foot { padding-top: 45px; }

@media (max-width: 1024px) {
    .section-boxes { padding: 70px 0 0; }
    .section-boxes .section__title { margin-bottom: 45px; text-align: center; font-size: 20px; }
    .section-boxes .section__actions { padding-top: 88px; }

    .section-boxes .section__foot { padding-top: 0; }
    .section-boxes .section__entry { font-size: 18px; }
}

/* ------------------------------------------------------------ *\
    List Radios
\* ------------------------------------------------------------ */

.list-boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0 -16px; }

.list-boxes li { width: 25%; padding: 0 16px; }

.list-boxes .btn { text-transform: none; font-size: 14px; height: 54px; line-height: 54px; }

.list-boxes .list__actions { padding-top: 40px; text-align: center; font-weight: 300; font-size: 12px; }

@media (max-width: 1024px) {
    .list-boxes { margin: 0 -25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .list-boxes li { width: 50%; padding: 0 25px; margin-bottom: 50px; }

    .list-boxes .list__actions { padding: 50px 0 20px; font-size: 16px; }

    .list-boxes .btn { font-size: 20px; height: 80px; line-height: 80px; }
}

@media (max-width: 720px) {
    .list-boxes { margin: 0 -25px; }
    .list-boxes li { width: 100%; padding: 0 25px; margin-bottom: 0; }
    .list-boxes li + li { margin-top: 30px; }
}

/* ------------------------------------------------------------ *\
    Radio
\* ------------------------------------------------------------ */

.radio input { position: absolute; visibility: hidden; }

.radio input:checked + .box .box__bottom:after { opacity: 1; }

.box { display: block; text-align: center; border: 1px solid #eee; font-weight: 300; font-size: 14px; }

.box .box__top { padding: 25px 10px 20px; }

.box .box__bottom { position: relative; height: 56px; border-top: 1px solid #eee; }

.box .box__bottom:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 15px; width: 15px; border-radius: 50%; border: 1px solid #000; }

.box .box__bottom:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 8px; width: 8px; border-radius: 50%; background-color: #000; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.box picture { display: block; max-width: 144px; margin: 0 auto 27px; }

.box .box__title { margin-bottom: 10px; }
.box .box__expedition { color: #5ea513; margin-bottom: 10px; height:40px;}

.box .box__entry { color: #7f7f7f; font-size: 13px; }

.box--fixed-height .box__top { min-height: 170px; padding-bottom: 10px; }

@media (max-width: 1024px) {
    .box { font-size: 20px; }
    .box .box__top { padding: 35px 10px 32px; }
    .box .box__bottom { height: 82px; }
    .box .box__bottom:before { height: 23px; width: 23px; }
    .box .box__bottom:after { height: 12px; width: 12px; }
    .box picture { margin-bottom: 44px; max-width: 100%; }

    .box .radio__title { margin-bottom: 15px; }
    .box .box__entry { font-size: 18px; }

    .box--fixed-height .box__top { min-height: 255px; padding-bottom: 15px; }
}

/* PAIEMENT */
.list-boxes li.payment { margin-bottom: 20px; }
.box.payment { display: block; text-align: center; border: 1px solid #eee; font-weight: 300; font-size: 14px; min-height:260px; height: 40px; }

/* TRANSPORTEURS */
ul.delivery-mode {padding-bottom: 5px;}
@media only screen and (max-width: 1024px) { ul.delivery-mode {border: none; padding-bottom: 0px;} }
ul.delivery-mode:after {content: ' '; display: block; clear: both;}

ul.delivery-mode > li {position: relative; width: 50%; float: left; box-sizing: border-box; font-size: 14px; line-height: 20px; padding-left: 40px; color: #999999; list-style-type: none; min-height: 250px;}
ul.delivery-mode > li picture {}
@media only screen and (max-width: 1024px) { ul.delivery-mode li { width: 100%; float: none; text-align: center; } ul .delivery-mode li picture { float: none; } }

ul.delivery-mode > li .delivery-details {}
@media only screen and (max-width: 1024px) { ul.delivery-mode li .delivery-details { margin-top: 15px; padding: 0px; } }

ul.delivery-mode > li .delivery-details .delivery-subtitle { color: #000000; text-transform:uppercase; }
ul.delivery-mode > li .delivery-details .delivery-subtitle strong { color: #000000; }
ul.delivery-mode > li .delivery-details .delivery-description {}
ul.delivery-mode > li .delivery-details .delivery-comment { margin-top: 30px; color: #000000; }

ul .delivery-mode > li { border-left: 1px solid #dddddd; padding-left: 40px; padding-right: 0px; }
@media only screen and (max-width: 1024px) { ul.delivery-mode > li { } }

ul.delivery-mode > li .delivery-details .delivery-comment > ul {list-style-type: disc; margin-left: 20px;}
ul.delivery-mode > li .delivery-details > ul li strong {color:#c72527;}
ul.delivery-mode > li > picture > img { width : 100px; display:inline-block; }
/* RETOURS &.. */

div.delivery-return { margin: 0; box-sizing: border-box; text-align:left; list-style-type: none;}
div.delivery-return .row { display:flex; justify-content: center; align-items: center; margin: 25px 0;}
div.delivery-return .return-title { font-size: 16px; font-weight: 400; padding:0 20px; text-align:center; width: 220px; } /* width: 150px; */
div.delivery-return .return-content { font-size: 13px; line-height: 20px; font-weight: 400; padding:0 20px; text-align:justify; flex: 1;margin-top: 0px;}

@media only screen and (max-width: 720px) { 
 div.delivery-return .return-title { font-size: 14px; width: 115px; }
 div.delivery-return .return-title .c-icon--xxxl { width:45px; }
}
/** checkout **/
.header_banner {
    border-bottom: solid 1px #DFDFDF;
    align-items: center;
}

.i8Dpn {
    padding: 25px 50px;
    width: 100%;
    max-width: 1200px;
    margin:auto;
    text-align:center;
}
.gP50U {
    width: 220px;
}

.crop_square_center {
  object-fit: cover; 
  object-position: center;
   aspect-ratio: 1;
}

.crop_1_8_center {
  object-fit: cover; 
  object-position: center;
   aspect-ratio: 1.8;
}

/* -- RGPD -- */
body.modal-open{overflow:hidden;}  

.cookie-consent-banner {display: none; position: fixed; inset:0; z-index: 10000; box-sizing: border-box; width: 100%;  justify-content: center; align-items: center;   background-color: rgba(0, 0, 0, 0.6);  overflow-y:auto;}
.cookie-consent-banner__inner {  max-height:90vh; overflow-y:auto; max-width: 960px; margin: auto; padding: 20px 20px;  position: relative; background-color: #fff}
@media(max-width:1024px) { .cookie-consent-banner__inner {max-width: 90%;}}
.cookie-consent-banner__actions {display: flex; justify-content: flex-end; gap: 3rem;margin-top: 20px;}
@media(max-width:600px){.cookie-consent-banner__actions{flex-direction:column;align-items:stretch;gap:.75rem;} .cookie-consent-banner__cta{width:100%;text-align:center;}}
.cookie-consent-banner__header {margin-bottom: 20px;font-size: 16px; line-height: 12px; font-weight: bold; color: #a1a1a1;}
.cookie-consent-banner__description {font-weight: normal; color: #838F93; font-size: 12px; line-height: 24px; }
.cookie-consent-banner__cta { box-sizing: border-box; display: inline-block; min-width: 164px; padding: 6px; border-radius: 5px; background-color: #c72527; color: #FFF; text-decoration: none; text-align: center; font-weight: normal; font-size: 13px; line-height: 16px; }
.cookie-consent-banner__cta--secondary { border: 1px solid #838F93; background-color: transparent; color: #838F93;}
.cookie-consent-banner__cta--tertiary { border: 1px solid #545454; background-color: #545454; color: #FFF;}
.cookie-consent-banner__cta:hover {color: #FFF;}
.cookie-consent-banner__cta--secondary:hover { border-color: #3e484b; background-color: transparent; color: #03233f; }
.cookie-consent-banner__cta:last-child {  }
#cookie-consent-parameters {display: none;}
     
.cookie-consent-form {display:flex;justify-content:flex-end;margin-top: 30px;}

.cookie-consent-list{display:inline-block;text-align:left;list-style:none;margin:0;padding:0;}
.cookie-consent-item{display:grid;grid-template-columns:auto max-content max-content;column-gap:1.5rem;align-items:center;margin-bottom:.8rem;}
.cookie-consent-label{text-align:left; padding-right:1rem;}
.cookie-consent-radio{display:inline-flex;align-items:center;cursor:pointer;gap:.4rem;position:relative;font-size:12px;}
.cookie-consent-radio .box_radio{flex:none;width:20px;height:20px;position:relative;}
.cookie-consent-banner__inner .box_radio::before{content:'';position:absolute;inset:0;border:1px solid #000;border-radius:50%;}
.cookie-consent-banner__inner .box_radio::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#000;opacity:0;transition:opacity .25s;}
.cookie-consent-radio input:checked + .box_radio::after{opacity:1;}
.cookie-consent-radio input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;}

/*** CONTACT ***/
.help_contact_content { padding: 10px 0; text-align: left;}
.help_contact_content div { margin-bottom: 5px; background: #F6F6F6; padding: 5px;}
.help_contact_content ul { margin-left: 5px;}
.help_contact_content ol { margin-left: 5px;}
.help_contact_content a { text-decoration: underline;}
.help_contact_content a:hover { color:#c72527;;}

/* ------------------------------------------------------------ *\
	Panel Info
\* ------------------------------------------------------------ */

.panel-info { position: fixed; bottom: 0; left: 0; z-index: 39; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; color: #000; border: 1px solid #c9c8c8; }

.panel__link { font-size: 13px; text-decoration: none; font-weight: 500; line-height: 15px;}

.panel__link i { display: inline-block; margin-right: 5px; }

.panel-info .panel__section { padding: 5px 0; }

.panel-info .panel__section + .panel__section { border-top: 1px solid #c9c8c8; }

.panel-info .panel__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 12px; min-height: 68px; border-right: 1px solid #c9c8c8; }

.panel-info .panel__content { display: none; height: 68px !important; }

.panel-info .panel__content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 7px 25px; height: 100%; text-decoration: none; opacity: 0; -webkit-transition: opacity .2s 0s; -o-transition: opacity .2s 0s; transition: opacity .2s 0s; }

.panel-info.active .panel__content-inner { opacity: 1; -webkit-transition: opacity .3s .4s; -o-transition: opacity .3s .4s; transition: opacity .3s .4s; }

.panel-info .panel__text { text-transform: uppercase; font-size: 12px; font-weight: 700; color: #000; }

.panel-info .panel__title { font-style: italic; font-size: 14px; font-weight: 500; }

.panel-info .panel__subtitle { color: #545454; font-size: 11px; font-weight: 500; }

.panel-info .panel__arrow { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #7f7f7f; margin: -1px; padding: 0 5px; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }

.panel-info .panel__arrow:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 3.5px 0 3.5px 3px; border-color: transparent transparent transparent #fff; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.panel-info .panel__arrow:hover,
.panel-info .panel__arrow.active { background-color: #ab4135; }

.panel-info .panel__arrow.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

@media (max-width: 1024px) { .panel-info .panel__arrow {padding:0 10px;} }

.c-icon-middle { vertical-align:middle; margin-top: -5px; }

/** PAYMENTS **/
footer .footer-payment { text-align: center; padding: 0; display: block; }
footer .footer-payment svg { display:inline-block; }

/** AUTOCOMPLETE SEARCH **/
.search-results__spinner.active { display: block;}
.search-results__spinner { position:absolute; width: 15px; height: 15px; border: 2px solid #ccc; border-top: 2px solid #000; border-radius: 50%; animation: spin 0.8s linear infinite;  display: none;   right: 60px;   top: 18px;}
@keyframes spin { to { transform: rotate(360deg); } }

.search-results {font-size: var(--12px); width: 100%; max-width: 900px; margin: 0 auto; position: absolute; top:50px; background: #FFF; z-index: 29; border:solid 1px #ccc; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.search-results__content {position: relative; z-index: 29; }
.search-results__overlay {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6) ; opacity: 0; backdrop-filter: blur(1px); pointer-events: none; transition: opacity .15s ease; z-index: 30;}
.search-results.loading .search-results__overlay {opacity: 0.2; pointer-events: auto;}
.search-results .suggestions { background: #000; color: #fff; padding: 10px;}
.search-results .suggestions .highlight { font-weight: bold;}
.search-results .suggestions a:hover .highlight { color: inherit ; transition: inherit;}
.search-results .suggestions h2 { font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 0 10px 10px 10px;}
.search-results .suggestions ul { display: flex; flex-wrap: wrap; gap: 5px 20px; list-style: none; padding: 0; margin: 10px;}
.search-results .suggestions li { font-weight: normal; color: #999999;}
.search-results .suggestions li a { text-decoration:none; color:#aaa; }
.search-results .suggestions li .highlight { color: #fff;}

.search-results .product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; padding: 2rem 1rem 1rem 1rem;}
.search-results .product-item { text-align: center; max-width: 210px; margin: 0 auto; }
.search-results .product__link { text-decoration: none; }
.search-results .product-item img { max-width: 180px; height: auto;}
/* .search-results .product-item h3 { font-size: 14px; display: inline-block; margin-top: 10px; max-width: 180px; color: #000; font-weight: bold;} */
.search-results .product-item span { display: block; padding: 5px; text-align: center; }
.search-results .product-item p a {text-decoration: none;}
.search-results .product-item p { color: rgba(var(--color-red)/1); font-size: 14px; margin: 0; font-weight: bold; }
.search-results .product-item .product__link_price { color: rgba(var(--color-red)/1); }
.search-results .product-item .product__link_price del { color:rgba(var(--color-black) / .5); }
.search__more { display: block; text-align: center; background:#000 ; width: 200px; margin: 10px auto 10px auto; padding: 10px; color: #fff; border-radius: 5px; }
.search__more a { text-decoration: none; }
.search__more:hover { background:#c72527; color:#fff; }
.search__close { text-align: right; margin: 0px 5px 10px 0px; font-size: 12px; text-transform: uppercase; }

@media (max-width: 62em) {
  .search-results .product-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory;}
  .search-results .product-item { flex: 0 0 auto;  scroll-snap-align: center; }
  .search-results { left: 0; }
}

/** fix zoom slider img product details **/
.js-slider-zoom__toggle.full-height picture { display: inline; }