/*
####### RESET #######
*/
html,body,img,ul,ol,li,em,strong,table,tr,th,td,hr,a,h1,h2,h3,input,p,span, figure { margin:0; padding:0; list-style:none; font-weight:normal; font-style:normal; box-sizing: border-box }
img,a,input,textarea,table,tr,th,td,hr, button, a { border:none; outline: 0 }
a { text-decoration: none; display: block; color: #fff }
table { width: 100%; border-collapse: collapse; border-spacing: 0 }
input[type='submit'], button[type='submit'] { cursor: pointer; font-family: 'Source Sans Pro' }
/*
####### STRUCTURE #######
*/
body { font: 400 13px/20px 'Source Sans Pro'; color: #fff; background: #2b1e1d; position: relative; background-repeat:no-repeat;background-position:top center; }
#wp {}
#ct { width: 940px; margin: 0 auto }
@media (max-width: 940px) {
#ct { width: 100% }
}
#legalcookie { background:#1f1514; color:#94908d; letter-spacing:1px; font-size:11px; padding:2px; text-align: center; line-height:15px; -webkit-transition:all 1s; transition:all 1s; box-sizing: border-box}
#legalcookie_more { display:inline; text-decoration: underline; color:#94908d;}
#legalcookie_close { display: inline-block; color:#94908d; font-family:'Verdana'; font-size:15px; padding:20px; cursor: pointer; }
#legalcookie_close:hover { color:#fff }
#legalcookie.hide { opacity:0; -webkit-transform: translate(0,-100px); -ms-transform: translate(0,-100px); transform: translate(0,-100px); }
@media (max-width: 940px) {
#legalcookie { padding: 20px 60px 20px 20px }
#legalcookie_close { position: absolute; top:0; right:0; padding:25px; }
}
#hd { width: 940px; margin: 0 auto; position: relative; z-index: 15 }
#hd_h { padding: 23px 0 }
#hd_h:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
#hd_h_actions { float: right; }
#hd_h_actions li { display: inline-block; margin-right: -4px }
#hd_h_actions li:last-child { margin-right: 0 }
#hd_h_actions li a { font-size: 10px; line-height: 15px; color: #50bbc1; text-transform: uppercase; padding: 0 17px; border-left: 1px solid #1f4f52; -webkit-transition: color 500ms ease, background-position 500ms ease, opacity 500ms ease; transition: color 500ms ease, background-position 500ms ease, opacity 500ms ease }
#hd_h_actions li a:hover { color: #fff }
#hd_h_actions li.hd_h_actions_basket a { padding-left: 40px; background: url('i/hd_h_actions_basket.png') no-repeat 14px 0 }
#hd_h_actions li.hd_h_actions_basket a:hover { background-position: 14px -47px }
#hd_h_socials { float: right; padding-right: 12px }
#hd_h_socials li { display: inline-block; vertical-align: middle }
#hd_h_socials li a { background: url('i/hd_h_socials.png') 0 0 no-repeat; height: 14px; -webkit-transition: background-position 350ms ease-in-out, opacity 350ms ease; transition: background-position 350ms ease-in-out, opacity 350ms ease; opacity: .5; margin: 0 7px }
#hd_h_socials li a:hover { opacity: 1 }
#hd_h_socials li.fb a { width: 6px; background-position: 0 0 }
#hd_h_socials li.fb a:hover { background-position: 0 -19px }
#hd_h_socials li.tw a { width: 13px; background-position: -12px 0 }
#hd_h_socials li.tw a:hover { background-position: -12px -19px }
#hd_h_socials li.gp a { width: 13px; background-position: -27px 0 }
#hd_h_socials li.gp a:hover { background-position: -27px -19px }
#hd_h_socials li.pin a { width: 12px; background-position: -44px 0 }
#hd_h_socials li.pin a:hover { background-position: -44px -19px }
#hd_h_socials li.ins a { width: 12px; background-position: -62px 0 }
#hd_h_socials li.ins a:hover { background-position: -62px -19px }
#hd_c { padding-bottom: 20px; position: relative }
#hd_c:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
#hd_c_mobile { width: 30px; height: 20px; background: url('i/hd_c_mobile.png') 0 0 no-repeat; position: absolute; top: 25px; left: 20px; display: none }
#hd_c_logo { width: 250px; margin-top: 30px; float: left; padding-top: 32px; background: url('i/hd_c_logo_1x.png') no-repeat 0 0; background-size: 100%; text-indent: -999px }
#hd_c_nav { float: right }
#hd_c_nav li { display: inline-block; vertical-align: middle; position: relative }
#hd_c_nav li.hd_c_nav_home { display: none }
#hd_c_nav li a { width: 90px; height: 80px; border: 1px solid rgba(85,191,207,.2); padding: 2px; font-size: 12px; line-height: 15px; text-transform: uppercase; color: #55bfcf; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease }
#hd_c_nav li a span { width: 84px; height: 74px; border: 1px solid rgba(85,191,207,.5); display: block; position: relative; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease }
#hd_c_nav li a span strong span.hd_c_nav_martial { width: 63px; height: 19px; display: block; background: url('i/hd_c_nav_martial.png') 0 0 no-repeat; border: 0; margin: 0 0 3px 0; padding: 0 }
#hd_c_nav li a:hover span { border: 1px solid rgba(85,191,207,1) }
#hd_c_nav li.sel a span { background-color: #397077 }
#hd_c_nav li.hd_c_nav_mea a { border: 1px solid rgba(255,255,255,.2); color: #fff }
#hd_c_nav li.hd_c_nav_mea a span { border: 1px solid rgba(255,255,255,.5) }
#hd_c_nav li.hd_c_nav_mea a:hover span { border: 1px solid rgba(255,255,255, 1) }
#hd_c_nav li a strong { width: 100%; position: absolute; bottom: 0; display: inline-block; padding: 0 8px 10px }
#hd_c_nav li:first-child a strong { padding: 0 6px 10px }
#hd_c_nav li a strong i { display: block; position: absolute; bottom: 4px; right: 4px; width: 5px; height: 3px; background: url('i/hd_c_nav.png') 0 0 no-repeat }
#hd_c_nav li a strong img { margin-left: -5px }
#hd_c_nav.active { display: block !important; float: inherit; width: 250px; margin: 60px auto }
#hd_c_nav.active li a { margin-right: 12px; margin-bottom: 12px }
#hd_c_nav.active li:nth-child(2n+2) a { margin-right: 15px }
#hd_c_nav.active li ul { display: none }
/* submenu */
#hd_c_nav li ul { position: absolute; background: #397077; padding: 20px; width: 200px; top: 105px; left: 3px; opacity: 0; -webkit-transition: visibility 350ms ease, opacity 300ms ease, top 350ms ease; transition: visibility 350ms ease, opacity 300ms ease, top 350ms ease; visibility: hidden }
#hd_c_nav li:hover ul { opacity: 1; top: 85px; visibility: visible; -webkit-transition-delay: 0; transition-delay: 0 }
#hd_c_nav li ul li { display: block }
#hd_c_nav li ul li a { font-size: 12px; color: #fff !important; border: 0; width: inherit; height: inherit; padding: 0; margin-top: 9px; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
#hd_c_nav li ul li a:hover { opacity: .6 }
#hd_c_nav li ul li:first-child a { margin-top: 0 }
#hd_c_basket { width: 21px; height: 25px; background: url('i/hd_c_basket.png') 0 0 no-repeat; position: absolute; top: 21px; right: 20px; display: none }
@media (max-width: 979px) {
#hd_h { padding-bottom: 0 }
#hd_c { padding: 20px 15px }
#hd_c_logo { float: none; margin: 0 auto; padding-bottom: 15px }
#hd_c_nav { float: none; width: 650px; margin: 0 auto }
}
@media (max-width: 699px) {
#hd_c { padding: 20px 0; position: absolute; width: 100%; top: 0 }
#hd_c_mobile { display: block }
#hd_c_logo { width: 160px; padding-top: 0; margin: 0 auto; background-image: url('i/hd_c_logo_2x.png') }
#hd_c_nav { display: none }
#hd_c_nav.active { display: block }
#hd_c_nav li a { width: 110px; height: 110px }
#hd_c_nav li.hd_c_nav_home { display: inline-block }
#hd_c_nav li a span { width: 104px; height: 104px; border: 1px solid rgba(85,191,207,.5); display: block; position: relative; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease }
#hd_c_nav li a span i:first-child { display: none }
#hd_c_basket { display: block }
#hd_h { padding-top: 75px; padding-bottom: 25px; text-align: center }
#hd_h_socials { display: none }
#hd_h_actions { text-align: center; width: 100% }
#hd_h_actions li:first-child a { border-left: 0 }
#hd_h_actions li.hd_h_actions_basket { display: none }
}
@media (max-height: 560px) and (max-width:699px) { /* Menu for small height devices */
#hd_c_nav ul { text-align: center }
#hd_c_nav li { text-align: left }
#hd_c_nav.active { width:auto; margin:60px 5px; }
#hd_c_nav.active li:nth-child(2n+2) a,
#hd_c_nav.active li a { width:90px; height:90px; margin-left:0; margin-right:6px; }
#hd_c_nav li a span { width:84px; height:84px; }
#hd_c_nav li:first-child a strong,
#hd_c_nav li a strong { padding:0 4px 4px; }
}
#hd_f { padding-bottom: 20px }
#hd_f_breadcrumb { padding-left: 10px }
#hd_f_breadcrumb ol { }
#hd_f_breadcrumb ol li { display: inline-block; vertical-align: middle; margin-right: -4px }
#hd_f_breadcrumb ol li a { font: 400 11px/11px 'Source Sans Pro'; color: #6b6261; padding-right: 10px; -webkit-transition: color 500ms ease; transition: color 500ms ease }
#hd_f_breadcrumb ol li a:after { padding-left: 10px; content: '\003e'; -webkit-transition: inherit; transition: inherit; color: #6b6261 }
#hd_f_breadcrumb ol li a:hover { color: #55bfcf }
#hd_f_breadcrumb ol li a:hover:after { color: #6b6261 }
#hd_f_breadcrumb ol li.sel a, #hd_f_breadcrumb ol li:last-child a { color: #55bfcf; cursor: default }
#hd_f_breadcrumb ol li.sel a:after, #hd_f_breadcrumb ol li:last-child a:after { content: '' }
@media (max-width: 699px) {
#hd_f { padding-bottom: 0 }
#hd_f_breadcrumb { display: none }
}
@media (min-width: 980px) {
/* dark menu */
.with_darkMenu #hd {}
.with_darkMenu #hd_h_socials li a { background-image: url('i/hd_h_socials_dark.png'); opacity: .4 }
.with_darkMenu #hd_h_socials li a:hover { opacity: 1 }
.with_darkMenu #hd_h_actions li a { color: #2d130e; border-color: #2d130e }
.with_darkMenu #hd_h_actions li a:hover { opacity: .6 }
.with_darkMenu #hd_h_actions li.hd_h_actions_basket a { background-image: url('i/hd_h_actions_basket_dark.png') }
.with_darkMenu #hd_c_logo { background-image: url('i/hd_c_logo_dark.png') }
.with_darkMenu #hd_c_nav li a { border-color: rgba(45,19,14,.2); color: #2d130e }
.with_darkMenu #hd_c_nav li a:hover { opacity: .6 }
.with_darkMenu #hd_c_nav li a span { border-color: rgba(45,19,14,.4) }
.with_darkMenu #hd_c_nav li a:hover span { border-color: rgba(45,19,14,1) }
.with_darkMenu #hd_c_nav li.sel a span { background-color: rgba(45,19,14,.1) }
.with_darkMenu #hd_c_nav li a strong i { background-image: url('i/hd_c_nav_dark.png') }
.with_darkMenu #hd_c_nav li a span strong span.hd_c_nav_martial { background-image: url('i/hd_c_nav_martial_dark.png') }
}
@media (max-width: 979px) {
body.with_hpmea #wp {
background: none !important;
}
}
@media (max-width: 940px) {
#hd { width: 100% }
}
#ft { background: #2b1e1d }
#ft_w { width: 940px; margin: 0 auto; background: url('i/ft_w.png') 40px 50px no-repeat; padding-top: 60px }
#ft_links { padding-left: 180px; display: inline-block; vertical-align: top; margin-right: -2px; }
#ft_links ul { display: inline-block; vertical-align: top; padding-left: 100px }
#ft_links ul:first-child { padding-left: 0 }
#ft_links ul li { }
#ft_links ul li a { font: 10px/10px Verdana, Helvetica, sans-serif; text-transform: uppercase; margin-top: 20px; opacity: 0.5; color: #fff; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease }
#ft_links ul li:first-child a { margin-top: 0 }
#ft_links ul li a:hover { opacity: 1 }
#ft_actions { display: inline-block; vertical-align: top; margin-left: 120px }
#ft_actions_h { }
#ft_actions_h form { position: relative }
#ft_actions_h p { font: 10px/16px Verdana, Helvetica, sans-serif; text-transform: uppercase; opacity: 0.5; color: #fff; margin-bottom: 20px }
#ft_actions_h input[type='submit'] { width: 30px; position: absolute; top: 0; right: 0; bottom: 0; background: url('i/ft_actions_h.png') center 11px no-repeat transparent; -webkit-transition: background 500ms ease; transition: background 500ms ease }
#ft_actions_h input[type='text'] { width: 100%; border: 1px solid rgba(255,255,255,.5); height: 30px; padding: 0 30px 0 8px; color: #fff; background: none; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; font-family: "Source Sans Pro"; }
#ft_actions_h input[type='text']:focus { border-color: #fff }
#ft_actions_h input[type='text']:focus + input[type='submit'] { border-color: #fff; background-position: center -28px }
#ft_actions_h input[type='text']::-webkit-input-placeholder { color: rgba(255,255,255,.3) }
#ft_actions_h input[type='text']:-moz-placeholder { color: rgba(255,255,255,.3) }
#ft_actions_h input[type='text']::-moz-placeholderr { color: rgba(255,255,255,.3) }
#ft_actions_h input[type='text']:-ms-input-placeholder { color: rgba(255,255,255,.3) }
#ft_actions_c { padding-top: 17px }
#ft_actions_c ul { float: left }
#ft_actions_c ul li { width: 28px; height: 28px; text-align: center; border: 1px solid rgba(128,128,128,.5); margin-left: 10px }
#ft_actions_c ul li:first-child { margin-left: 0 }
#ft_actions_c ul li a { margin: 7px auto }
#ft_f { padding: 45px 0; text-align: center }
#ft_f p, #ft_f p a { font: 10px/18px Verdana; color: rgba(255,255,255,.2); text-transform: uppercase }
#ft_f p.ft_f_mention { text-transform: none }
#ft_f p a { display: inline; -webkit-transition: color 350ms ease; transition: color 350ms ease; padding: 0 10px; border-left: 1px solid rgba(255,255,255,.2) }
#ft_f p a:hover { color: rgba(255,255,255,.5) }
#ft_f p span { display: inline-block; padding-right: 10px }
@media (max-width: 940px) {
#ft_w { width: 100%; background-position: 5% 50px }
#ft_links { width: 50%; padding-left: 20% }
#ft_links ul { padding-left: 10% }
#ft_links ul:first-child { padding-left: 0 }
#ft_actions { width: 25%; margin: 0; padding-right: 4% }
#ft_actions_h { padding: 0 2% }
#ft_actions_h input { width: 100% }
}
@media (max-width: 699px) {
#ft_actions_c #hd_h_socials { display: block; float: none; width: 100%; text-align: center }
}
@media (max-width: 679px) {
#ft { }
#ft_w { padding-top: 250px; position: relative; background-position: center 10px; background-size: 80px }
#ft_links { width: 100%; padding-left: 0 }
#ft_links ul:first-child { display: none }
#ft_links ul { padding-left: 0; display: block; width: 100%; text-align: center }
#ft_links ul li a { margin-top: 35px }
#ft_actions { width: 80%; margin-left: 0; margin-right: 0; padding: 0 10%; position: absolute; top: 120px; left: 0 }
#ft_actions_h { text-align: center }
#ft_actions_h input { max-width: 70%; margin: 0 auto }
#ft_f { padding: 45px 20px }
#ft_f p { line-height: 20px }
#ft_actions_h input[type='text'] { width: 218px }
}
/*
####### ELEMENTS COMMUNS ######
*/
.empty { color:#2b1e1d; text-align: center; background:url(i/empty.png) no-repeat top center; padding-top:170px; margin:40px 0 }
.empty_asOk { background-image: url(i/empty_ok.png); padding-top: 230px }
.empty_h { font-size:20px; font-weight:700; text-transform: uppercase; margin-bottom: 20px; letter-spacing:2px}
.empty_c { font-size:13px; letter-spacing:1px; max-width: 50%; margin: 0 auto }
.empty a { text-decoration: underline; display: inline; color:#2b1e1d;}
@media (max-height:600px) {
.empty { background-size:120px; padding-top:90px; margin:20px 0 }
.empty_h { font-size:16px; margin-bottom:10px }
.empty_c { max-width: 100% }
.empty_asOk { background-image: url(i/empty_ok.png); padding-top: 130px }
}
.warning { color:#cf557a; font-style:italic; font-size:13px; letter-spacing:1px; background:url(i/warning.png) no-repeat 0 0; padding:0 0 0 60px; min-height: 40px; margin:30px 0; max-width:340px; }
.flashbag { background:#1f1514; color:#94908d; letter-spacing:1px; font-size:11px; padding:20px; text-align: center; line-height:15px; -webkit-transition:all 1s; transition:all 1s; box-sizing: border-box}
.flashbag_asOk { color:#93d611 }
.flashbag_asKo { color:#f55 }
/*
####### CUSTOMS BLOC #######
*/
.hpmea { height: 245px; }
.hpmea img { width: 100%; display: block; display: none }
@media (max-width: 979px) {
.hpmea { height: inherit; padding: 0 0 20px }
.hpmea img { display: block }
}
/* hpcarousel */
.hpcarousel { padding-bottom: 20px }
/* hppush */
.hppush {}
.hppush:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.hppush_tile { width: 220px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative }
.hppush_tile_asTablet { color: #000; margin: 125px auto 0px; right: 20px; text-align: center; }
.hppush_tile_asMartial { }
.hppush_tile_asMartialadv { }
.hppush_tile img { display: block; width: 100%; position: relative; z-index: 0 }
.hppush_tile a { display: block; height: 100% }
.hppush_tile_h { position: absolute; top: 20px; left: 20px; right: 20px }
.hppush_tile_h h2 { font: 600 15px/15px 'Source Sans Pro'; text-transform: uppercase; letter-spacing: 1px }
.hppush_tile_c { min-height: 80px; position: absolute; bottom: 0; left: 0; width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.21)), color-stop(100%,rgba(0,0,0,0.51)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 30%, rgba(0,0,0,0.51) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ) /* IE6-9 */
}
.hppush_cat {}
.hppush_cat {}
.hppush_mea { width: 460px }
.hppush_mea .hppush_mea_play { width: 83px; height: 83px; position: absolute; top: 50%; left: 50%; margin-left: -42px; margin-top: -42px; background: url('i/hppush_mea_play.png') 0 0 no-repeat }
.hppush_mea .hppush_tile_c {}
.hppush_mea .hppush_tile_c h2 { font: 400 20px/24px 'Source Sans Pro'; text-transform: uppercase; padding: 0 20px 25px }
.hppush_ad_220x460 { width: 220px }
.hppush_ad_460x220 { width: 460px }
.hppush_ad_700x220 { width: 700px }
.hppush_social { width: 220px; }
.hppush_social img { display: block; width: 100% }
.hppush_social_asFb { background: #3b5998 }
.hppush_tile.lastofrow { margin-right: 0; float: right }
@media (max-width: 940px) {
.hppush { padding: 0 2.15% }
.hppush_tile { width: 31.9%; margin-right: 2.15%; margin-bottom: 2.15%; border: 0!important }
.hppush_tile_asMartial { width: 21.1%; left: 4%; }
.hppush_tile.hppush_tile_asMartialadv.lastofrow { top: -19px; left: 34%; }
.hppush_tile.lastofrow { float: left; margin-right: 2.15% }
.hppush_tile.hppush_tile_3, .hppush_tile.hppush_tile_5, .hppush_tile.hppush_tile_7, .hppush_tile.hppush_tile_9 { margin-right: 0 }
.hppush_tile.hppush_tile_4 { width: 31.9% }
.hppush_tile.hppush_tile_5 { width: 65.95% }
.hppush_tile.hppush_tile_7 { width: 100% }
.hppush_tile.hppush_tile_8 { width: 100% }
}
@media (max-width: 699px) {
.hppush_tile_asMartial { width: 32%; left: 17%; }
.hppush_tile.hppush_tile_asMartialadv.lastofrow { width: 32%; left: 34%; top: -12px; clear: both; }
}
@media (max-width: 479px) {
.hppush_tile { width: 49%; margin-right: 2%; margin-bottom: 2% }
.hppush_tile_asMartial { width: 48%; left: 1%; }
.hppush_tile.hppush_tile_asMartialadv.lastofrow { left: 25%; width: 50%; }
.hppush_tile.lastofrow { margin-right: 2% }
.hppush_tile.hppush_tile_3, .hppush_tile.hppush_tile_5, .hppush_tile.hppush_tile_7, .hppush_tile.hppush_tile_9 { margin-right: 2% }
.hppush_tile.hppush_tile_2, .hppush_tile.hppush_tile_4 { margin-right: 0 }
.hppush_tile.hppush_tile_4 { float: right; width: 49% }
.hppush_tile.hppush_tile_5 { width: 100% }
}
/* collection */
.collection { }
.collection:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.collection_h { position: relative }
.collection_h:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.collection_h_intro { width: 37%; min-height: 275px; margin: 0px; background-color: #55bfcf; float: left; text-align: center; padding-top: 70px; -webkit-transition: width 800ms ease; transition: width 800ms ease; position: relative; z-index: 1 }
.collection_h_intro.expand { width: 100% }
.collection_h_intro img { width: 40px; margin-bottom: 20px }
.collection_h_intro h2 { font: 400 20px/20px 'Source Sans Pro'; color: #2b1e1d; text-transform: uppercase; padding-bottom: 25px; letter-spacing: 1px }
.collection_h_intro p, .collection_h_intro a { font: 400 13px/20px 'Source Sans Pro'; color: #2b1e1d; padding-bottom: 20px; letter-spacing: 1px; width: 70%; margin: 0 auto; overflow: hidden; -webkit-transition: width 650ms ease-in-out; transition: width 650ms ease-in-out }
.collection_h_intro p span.more { opacity: 0; line-height: 0; max-height: 0; display: block; -webkit-transition: opacity 650ms ease 300ms, line-height 650ms ease 300ms, max-height 650ms ease 300ms; transition: opacity 650ms ease 300ms, line-height 650ms ease 300ms, max-height 650ms ease 300ms; overflow: hidden }
.collection_h_intro a { padding-bottom: 25px; opacity: .6; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
.collection_h_intro a:hover { opacity: 1 }
/* expand */
.collection_h_intro.expand p { width: 70% }
.collection_h_intro.expand p span { opacity: 1; line-height: 20px; max-height: 100px }
.collection_h_intro.expand a { text-indent: -9999px; line-height: 5px }
.collection_h_intro.expand a:after { content: '[x]'; display: block; text-indent: 0 }
.collection_h_mea { width: 63%; height: 345px; margin: 0px; top: 0; right: 0;position: absolute; z-index: 0; overflow: hidden }
@media (max-width: 839px) {
.collection_h_intro { width: 50% }
}
@media (max-width: 699px) {
.collection_h_intro { width: 70% }
}
@media (max-width: 599px) {
.collection_h_intro { width: 100% }
}
.collection_help { background: #fff; padding: 50px 0 }
.collection_help_w { padding: 15px 20px; border: 1px solid #e5e5e5; max-width: 80%; margin: 0 auto }
.collection_help_w:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.collection_help_pdf { width: 26%; float: left; font-size: 13px; line-height: 20px; color: #55bfcf; text-transform: uppercase; padding: 2% 4% 2% 7%; border-right: 1px solid #d5d5d2; background: url('i/collection_help_pdf.png') left center no-repeat; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
.collection_help_pdf:hover { opacity: .7 }
.collection_help_contact { width: 72%; float: left; padding: 2% 4%; box-sizing: border-box }
.collection_help_contact p { font-size: 13px; line-height: 20px; color: #2b1e1d; font-style: italic }
.collection_help_contact p a { text-decoration: underline; display: inline; color: #2b1e1d; font-style: italic }
.collection_help_contact p a:hover { text-decoration: none }
@media (max-width: 940px) {
.collection_help_w { max-width: 90% }
}
@media (max-width: 699px) {
.collection_help_pdf { width: 100%; float: none; text-align: center; margin-top: 4%; padding: 50px 7% 4%; background-position: center top; border-right: 0; border-bottom: 1px solid #d5d5d2; }
.collection_help_contact { width: 100%; float: none; text-align: center }
}
.collection_notice { background: url('i/collection_notice.png') 60px center no-repeat #fff; padding: 5px 80px 5px 140px; font: italic 400 13px/20px 'Source Sans Pro'; color: #cf557a; min-height: 40px }
.collection_notice span { padding: 20px 0; display: block; max-width: 48%; font-style: italic }
.collection_c { background: #fff; padding: 10px 70px 40px }
.collection_c:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0 }
.collection_c_n { color: #000; width: 220px; margin-right: -4px; margin-left: 70px; margin-bottom: 10px; display: inline-block; vertical-align: top }
.collection_c a:nth-child(3n+1) { margin-left: 0 }
.collection_c_n figure img { display: block; width: 100%; max-width: 210px; margin: 0 auto }
.collection_c_n figure img { display: block; width: 100% }
.collection_c_n header { font: 400 14px 'Source Sans Pro'; color: #2b1e1d }
.collection_c_n header h2 { text-transform: uppercase; font: 700 14px/16px 'Source Sans Pro'; padding-bottom: 3px }
.collection_c_n header p { padding-bottom: 3px }
.collection_c_n header p span { text-decoration: line-through; padding-right: 10px }
.collection_c_n header p i { float: right; width: 10px; height: 10px; margin-top: 5px; margin-left: 6px }
.collection_c_n .collection_c_n_cta { width: 30px; height: 30px; background: url('i/collection_c_n_cta.png') 0 0 no-repeat; display: block; margin-top: 8px }
@media (max-width: 940px) {
.collection_c { padding: 2% 7% 4%; }
.collection_c_n { width: 30%; margin-left: 5% }
.collection_c a:nth-child(3n+1) { margin-left: 0 }
}
@media (max-width: 699px) {
.collection_notice { padding:5px 20px 5px 60px; background-position:0 center; }
.collection_notice span { max-width: 70% }
.collection_c { padding: 2% 14% 4% }
.collection_c_n { width: 40%; margin-left: 20% }
.collection_c a:nth-child(3n+1) { margin-left: 20% }
.collection_c a:nth-child(2n+1) { margin-left: 0 }
}
@media (max-width: 499px) {
.collection_notice span { max-width: 100% }
.collection_c { padding: 2% 10% 4% }
.collection_c_n { width: 45%; margin-left: 10% }
.collection_c a:nth-child(3n+1) { margin-left: 10% }
.collection_c a:nth-child(2n+1) { margin-left: 0 }
}
@media (max-width: 380px) {
.collection_c .collection_c_n { width: 100%; margin-left: 0 }
.collection_c a:nth-child(3n+1) { margin-left: 0 }
}
.collection_tile { width: 220px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative }
.collection_tile_asBig { width: 460px }
.collection_tile_asBigpush { width: 640px }
.collection_tile_asCarousel { width: 280px; height: 420px}
.collection_tile_asMartiallinks { width: 700px }
.collection_tile.lastofrow { margin-right: 0; float: right }
.collection_tile img { display: block; width: 100%; position: relative; z-index: 0 }
.collection_tile a { display: block; height: 100% }
.collection_tile_h { position: absolute; top: 20px; left: 20px; right: 20px }
.collection_tile_h_asDark { color: #000 }
.collection_tile_h h2 { font: 600 15px/15px 'Source Sans Pro'; text-transform: uppercase; letter-spacing: 1px }
.collection_tile_c { min-height: 80px; position: absolute; bottom: 0; left: 0; width: 100%; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.21)), color-stop(100%,rgba(0,0,0,0.51))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 30%, rgba(0,0,0,0.51) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ) /* IE6-9 */ }
@media (max-width: 940px) {
.collection { padding: 0 2.15% }
.collection.collection_asList { padding: 0 }
.collection.collection-list .collection_tile:first-child:first-child {
width: 63.95%;
}
.collection .collection_tile:nth-child(2) {
width: 30.9%;
}
.collection-list .collection_tile { width: 30.9%; margin-right: 2.15%; margin-bottom: 2.15%; border: 0!important }
.collection_tile_asBig .collection_tile.collection_tile_asBig { width: 65.95% }
.collection_tile_asBigpush { width: 61.7%; overflow: hidden; height: auto; left: 4%; }
.collection_tile_asCarousel { width: 27%; overflow: hidden; height: auto; display: inline-block; left: 4%; }
.collection_tile_asMartiallinks { width: 90.8%; text-align: center; top: -19px; left: 4%;}
.collection_tile.lastofrow { float: left; margin-right: 2.15% }
/*.collection_tile:nth-of-type(2), .collection_tile:nth-of-type(3n+5) { margin-right: 0 }*/
}
@media (max-width: 699px) {
.collection.collection-list .collection_tile:first-child:first-chil {
width: 100%;
}
.collection .collection_tile:nth-child(2) {
width: 49%;
}
.collection-list .collection_tile { width: 49%; margin-right: 2%; margin-bottom: 2% }
.collection.collection-list .collection_tile:first-child:first-child {
width: 100%;
}
collection_tile_asBig .collection_tile.collection_tile_asBig { width: 100%; margin-right: 0 }
/*.collection_tile:nth-of-type(2), .collection_tile:nth-of-type(3n+5) { margin-right: 2% }*/
.collection_tile:nth-of-type(2n+3) { margin-right: 0 }
.collection_tile_asBigpush { width: 66%; left: 17%; display: block; margin: 0 auto; }
.collection_tile_asCarousel { position: inherit; top: 0; margin-bottom: inherit; clear: both; display: block; margin: 2% 34%; width: 32%; height: inherit; }
.collection_tile_asMartiallinks { width: 32%; left: 34%; margin-bottom: inherit; }
}
@media (max-width: 479px) {
collection_tile_asBig .collection_tile_asBigpush { width: 98%; left: 1%; }
.collection_tile_asCarousel { width: 50%; margin-left: 25%; }
.collection_tile_asMartiallinks { width: 50%; left: 25%; }
}
/* product */
.product { }
.product_h { background: #fff; margin-bottom: 25px }
.product_h_gallery, .product_h_details { display: inline-block; vertical-align: top; margin-right: -4px; min-height: 485px; padding-bottom: 20px }
.product_h_gallery { width: 63% }
.product_h_gallery_h { position: relative }
.product_h_gallery_h_prev,
.product_h_gallery_h_next { width: 12px; height: 21px; display: block; background: url('i/product_h_gallery_h_ctrls.png') 0 0 no-repeat; position: absolute; top: 50%; margin-top: -10px; z-index: 10; cursor: pointer; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease }
.product_h_gallery_h_prev { left: 25px; background-position: 0 0}
.product_h_gallery_h_next { right: 25px; background-position: 0 -22px }
.product_h_gallery_h_prev:hover,
.product_h_gallery_h_next:hover { opacity: .8 }
.product_h_gallery_h_prev.disabled,
.product_h_gallery_h_prev.disabled:hover,
.product_h_gallery_h_next.disabled,
.product_h_gallery_h_next.disabled:hover { opacity: .3; cursor: default }
.product_h_gallery_h img { display: block; width: 100%; max-height: 485px; max-width: 592px }
.product_h_gallery_c { text-align: center; padding: 20px }
.product_h_gallery_c li { display: inline-block; vertical-align: middle; margin-right: -4px; margin-left: 10px }
.product_h_gallery_c li:first-child { margin-left: 0 }
.product_h_gallery_c li a { width: 65px; height: 65px; overflow: hidden; position: relative }
.product_h_gallery_c li.sel a:before { content: ''; display: block; border: 1px solid #55bfcf; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 5px }
.product_h_gallery_c li a img { display: block; height: 100%; margin-left: -8px }
.product_h_details { width: 29%; padding: 0 4%; background: #f8f8f8 }
.product_h_details_asMartial {height: 575px;}
.product_h_details_h { padding-top: 50px }
.product_h_details_h h1, .product_h_details_h p, .product_h_details_h span { text-transform: uppercase; letter-spacing: 1px }
.product_h_details_h div i {float: right; width: 10px; height: 10px; margin-top: 3px; margin-left: 6px;}
.product_h_details_asMartial .product_h_details_h span { text-transform: none }
.product_h_details_asMartial .product_h_details_h div p {text-transform: inherit; display: inline-block;}
.product_h_details_h h1 { font: 600 20px/24px 'Source Sans Pro'; color: #2b1e1d; padding-bottom: 7px }
.product_h_details_h p { font-size: 13px; line-height: 16px; color: #958f8e; padding-bottom: 6px}
.product_h_details_h span { font-size: 20px; line-height: 20px; color: #55bfcf; display: block; padding: 20px 0 10px }
.product_h_details_c { padding-bottom: 30px }
.product_h_details_c_desc { font-size: 13px; line-height: 20px; color: #2b1e1d; letter-spacing: 1px; word-wrap: break-word; max-height: 110px; overflow-y: auto }
.product_h_details_f { padding-bottom: 100px; text-align: center; position: relative }
.product_h_details_asMartial .product_h_details_f { padding-bottom: 50px; padding-top: 93px; }
.product_h_details_asMartial .product_h_details_f_asPack { padding-bottom: 53px; text-align: center; position: relative; padding-top: 10px; }
.product_h_details_f_f:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.select2-choice span.product_h_details_f_color { width: 8px; height: 8px; display: inline-block; margin-right: 10px; border: 1px solid #b4a9a7 }
.product_h_details_f .quantity,
.product_h_details_f .select2-container { display: inline-block; vertical-align: top; margin-right: -4px }
.product_h_details_f .quantity { padding-bottom: 24px; float: right; }
.product_h_details_f_f_withoutSelect .quantity { display: inline-block; float: none }
.product_h_details_f .select2-container { float: left }
.product_h_details_f a,
.product_h_details_f button { padding: 9px; font-size: 15px; color: #fff; font-weight: 600; text-transform: uppercase; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease; margin-bottom: 7px; width: 100% }
.product_h_details_f a:hover,
.product_h_details_f button:hover { opacity: .8 }
.product_h_details_f_basket { background: #55bfcf; }
.product_h_details_f_basket i { width: 17px; height: 20px; background: url('i/product_h_details_f_basket.png') 0 0 no-repeat; display: inline-block; vertical-align: sub; margin-right: 13px }
.product_h_details_asMartial .product_h_details_f_basket i { width: 21px; background-image: url('i/product_h_details_f_martial.png') }
.product_h_details_f_asPack .product_h_details_f_basket { background: #55bfcf; }
.product_h_details_f_asPack .product_h_details_f_basket i { width: 22px; height: 22px; background: url('i/hd_h_actions_basket_asPack.png') 0 0 no-repeat; display: inline-block; vertical-align: sub; margin-right: 13px }
.product_h_details_f_find { background: #544a49; }
.product_h_details_f.product_h_details_f_asPack .product_h_details_f_find { background: #544949; width: 100%; position: relative; padding: 9px; font-size: 15px; font-weight: 600; margin-bottom: 7px; color: #fff }
.product_h_details_asMartial .product_h_details_f_find { width: auto; background: none; position: absolute; left: 0; font-size: 11px; color: #958f8e; padding: 0; font-weight: 400; margin-bottom: 0; padding-top: 4px }
.product_h_details_f_share { position: absolute; bottom: 10px; right: 0; color: #958f8e; font-size: 11px; line-height: 11px; text-transform: uppercase; cursor: pointer; padding-bottom: 20px }
.product_h_details_f_share:after { content: ''; display: block; width: 5px; height: 3px; background: url('i/product_h_details_f_share_i.png') 0 0 no-repeat; position: absolute; top: 14px; right: 0 }
.product_h_details_f_share ul { background: #eae9e8; position: absolute; margin-top: 50px; top: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 350ms ease, visibility 350ms ease, margin-top 350ms ease; transition: opacity 350ms ease, visibility 350ms ease, margin-top 350ms ease; min-width: 240px }
.product_h_details_f_share ul:after { content: ''; display: block; clear: both; line-height: 0; height: 0 }
.product_h_details_f div:hover > ul, .product_h_details_f_share ul.active { margin-top: 25px; opacity: 1; visibility: visible; -webkit-transition-delay: 0; transition-delay: 0 }
.product_h_details_f_share ul li { float: left; padding: 20px 15px; -webkit-transition: background-color 350ms ease; transition: background-color 350ms ease }
.product_h_details_f_share ul li:hover { background-color: rgba(0,0,0,.1) }
.product_h_details_f_share ul li a { width: 18px; height: 13px; background-repeat: no-repeat; background-image: url('i/product_h_details_f_share.png'); padding: 0; margin-bottom: 0; font-size: inherit; color: inherit; opacity: .4; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease }
.product_h_details_f_share ul li:hover > a:hover { opacity: 1 }
.product_h_details_f_share ul li a.product_h_details_f_share_fb { background-position: center 0 }
.product_h_details_f_share ul li a.product_h_details_f_share_tw { background-position: center -31px }
.product_h_details_f_share ul li a.product_h_details_f_share_gp { background-position: center -61px }
.product_h_details_f_share ul li a.product_h_details_f_share_pin { background-position: center -93px }
.product_h_details_f_share ul li a.product_h_details_f_share_mail { background-position: center -126px }
@media (max-width: 699px) {
.product_h_gallery, .product_h_details { display: block; margin-right: 0; width: 100%; min-height: inherit }
.product_h_details { width: 92% }
.product_h_details_f a { max-width: 60%; margin: 0 auto 10px }
.product_h_gallery_c { padding: 20px 10px }
}
@media (max-width: 480px) {
.product_h_details_f a { max-width: 100% }
}
.product_c { background: #fff; padding: 30px 40px; color: #2b1e1d; position: relative }
.product_c h3 { padding-bottom: 20px; font-size: 16px; font-weight: 600; text-transform: uppercase }
.product_c p { padding-bottom: 30px }
.product_c p b { font-weight: 700 }
.product_c img { display: block; width: 100%; padding-bottom: 30px }
.product_c header { padding-bottom: 30px }
.product_c header ul {}
.product_c header ul li { display: inline-block; vertical-align: middle; margin-right: -4px; width: 25% }
.product_c header ul li a { padding: 16px 20px; font-size: 13px; color: #958f8e; text-transform: uppercase; border: 1px solid #958f8e; text-align: center; margin-left: 10px; position: relative; overflow: hidden; -webkit-transition: color 500ms ease, border-color 500ms ease; transition: color 500ms ease, border-color 500ms ease; outline: 0 }
.product_c header ul li a:before { content: ''; display: block; width: 11px; height: 5px; background: url('i/product_c_list.png') no-repeat 0 0; position: absolute; bottom: 16px; left: 50%; margin-left: -5px; opacity: 0; -webkit-transition: bottom 350ms ease, opacity 350ms ease; transition: bottom 350ms ease, opacity 350ms ease }
.product_c header ul li.ui-tabs-active a, .product_c header ul li a:hover { border-color: #55bfcf; color: #55bfcf }
.product_c header ul li.ui-tabs-active a:before, .product_c header ul li a:hover:before { bottom: 6px; opacity: 1 }
.product_c header ul li:first-child a { margin-left: 0 }
@media (max-width: 699px) {
.product_h_details_asMartial .product_h_details_f_find { padding-top: 0 }
.product_h_details_f_share { bottom: 20px }
.product_c header ul li { display: block; width: 100%; margin-right: 0 }
.product_c header ul li a { margin-left: 0; margin-bottom: 10px }
}
@media (max-width: 480px) {
.product_c { padding: 20px }
}
.product_c_desc { padding: 0 20px }
.product_c_desc_dim { background: url('i/product_c_desc_dim.jpg') left center no-repeat; padding-left: 40px; font-size: 15px; display: block; margin-bottom: 30px }
.product_c_desc_dim span { display: block; font-weight: 700 }
.product_c_desc ul { padding-bottom: 30px }
.product_c_desc ul li { list-style: initial; margin-left: 40px }
.product_c_assort { padding: 0 20px }
.product_c_assort_h { max-width: 70%; margin: 0 auto; text-align: center }
.product_c_assort_h p { font-style: italic; font-size: 14px }
.product_c_assort_h p b { display: block; font-weight: 700 }
.product_c_assort_c {}
.product_c_assort_c_n { width: 160px; display: inline-block; vertical-align: top; margin-right: -4px; margin-left: 62px; text-align: center }
.product_c_assort_c a:nth-child(4n+1) { margin-left: 0 }
.product_c_assort_c_n img { width: 110px; margin: 0 auto; padding-bottom: 7px }
.product_c_assort_c_n h3 { color: #2b1e1d; font-size: 13px; line-height: 15px; padding-bottom: 13px }
.product_c_assort_c_n p { font-size: 11px; line-height: 15px; color: #958f8e }
@media (max-width: 940px) {
.product_c_assort_c_n { width: 20%; margin-left: 6.66666% }
}
@media (max-width: 759px) {
.product_c_assort_c_n { width: 28%; margin-left: 8% }
.product_c_assort_c a:nth-child(4n+1) { margin-left: 8% }
.product_c_assort_c a:nth-child(3n+1) { margin-left: 0 }
}
@media (max-width: 579px) {
.product_c_assort_c_n { width: 46% }
.product_c_assort_c a:nth-child(3n+1) { margin-left: 8% }
.product_c_assort_c a:nth-child(2n+1) { margin-left: 0 }
}
@media (max-width: 479px) {
.product_c_assort_c_n { width: 100%; margin-left: 0 }
.product_c_assort_c a:nth-child(3n+1) { margin-left: 0 }
}
.product_c_ingre { padding-right: 40% }
.product_c_ingre_table { width: 280px; border: 1px solid #e5e5e5; padding: 25px; }
.product_c_ingre table tr {}
.product_c_ingre table tr th { width: 45%; font: 600 13px/20px 'Source Sans Pro'; color: #958f8e; text-transform: uppercase; text-align: left; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
.product_c_ingre table tr th:first-child { width: 55%; padding-right: 25px }
.product_c_ingre table tr td { padding-top: 19px }
.product_c_ingre table tr td:first-child { font-weight: 700 }
.product_c_ingre table tr.sub td:first-child { padding-left: 25px }
@media (max-width: 699px) {
.product_c_assort_h { max-width: 100% }
.product_c_ingre { padding-right: 0 }
.product_c_ingre_table { margin: 0 auto }
}
/* jeff */
.jeff { }
.jeff:after { content: ''; display: block; clear: both; line-height: 0; height: 0 }
.jeff .collection_tile:nth-of-type(2n+2) { margin-right: 0 }
.jeff .collection_tile_h { top: 0; left: 0; bottom: 0; width: 100%; padding-top : 20px; }
.jeff .collection_tile_h h2 { padding: 0 20px; max-width: 70%; line-height: 20px }
@media (max-width: 940px) {
.jeff { padding: 0 2% }
.jeff .collection_tile.collection_tile_asBig { width: 48%; margin-right: 4%; margin-bottom: 4% }
.jeff .collection_tile.collection_tile_asBig:nth-of-type(2n+2) { margin-right: 0 }
}
@media (max-width: 699px) {
.jeff { padding: 0 2% }
.jeff .collection_tile.collection_tile_asBig { width: 80%; margin: 0 10% 4% 10% }
}
@media (max-width: 529px) {
.jeff { padding: 0 2% }
.jeff .collection_tile.collection_tile_asBig { width: 100%; margin: 0 0 4% }
}
/* cms + sidemenu + rte */
.cms:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0 }
@media (max-width: 940px) {
.cms { padding: 0 2% }
}
.cms_c { width: 66%; float: right; color: #2b1e1d; background: #fff; padding: 4% }
.sidemenu { width: 23%; float: left }
.sidemenu ul { background: #55bfcf; padding: 20px 0 }
.sidemenu ul li {}
.sidemenu ul li a, .sidemenu ul li .a { font-size: 13px; line-height: 20px; font-weight: 600; color: #42828c; text-transform: uppercase; position: relative; padding: 3px 15px; -webkit-transition: padding-left 350ms ease; transition: padding-left 350ms ease; margin: 6px 0; overflow: hidden; letter-spacing: 1px }
.sidemenu ul li:first-child a, .sidemenu ul li:first-child .a { margin-top: 0 }
.sidemenu ul li:last-child a, .sidemenu ul li:last-child .a { margin-bottom: 0 }
.sidemenu ul li a:hover, .sidemenu ul li .a:hover { padding-left: 19px }
.sidemenu ul li a:before, .sidemenu ul li .a:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -40px; width: 4px; background: #42828c; -webkit-transition: left 350ms ease; transition: left 350ms ease }
.sidemenu ul li a:hover:before, .sidemenu ul li .a:hover:before { left: 0 }
.sidemenu ul li.sel a, .sidemenu ul li.sel .a { color: #fff; padding-left: 15px }
.sidemenu ul li.sel a:before, .sidemenu ul li.sel .a:before { background-color: #fff; left: 0 }
.sidemenu img { display: block; width: 100%; margin-top: 20px }
.sidemenu_franchise { background: url('i/sidemenu_franchise.png') right bottom no-repeat #542418; padding: 20px 15px; margin-top: 25px }
.sidemenu_franchise h3 { font-size: 13px; color: #fff; font-weight: 600; text-transform: uppercase; padding-bottom: 15px; letter-spacing: 2px }
.sidemenu_franchise a { font-size: 12px; line-height: 20px; color: #ab8f87; letter-spacing: 1px; -webkit-transition: color 350ms ease; transition: color 350ms ease }
.sidemenu_franchise a:hover { color: #d5bab3 }
.sidemenu.sidemenu_asMartial {float: none; width: 100%;}
@media (max-width: 699px) {
.sidemenu { width: 100%; float: none; margin-bottom: 20px }
.sidemenu ul { text-align: center; padding: 10px 0 }
.sidemenu ul li {}
.sidemenu ul li a { display: inline-block; overflow: hidden; margin: 3px 6px; padding-left: 15px }
.sidemenu ul li a:before { width: 100%; bottom: -40px; top: inherit; height: 4px; }
.sidemenu ul li a:hover { padding-left: 15px }
.sidemenu ul li a:before { -webkit-transition: bottom 500ms ease; transition: bottom 500ms ease }
.sidemenu ul li a:hover:before, .sidemenu ul li.sel a:before { bottom: 0 }
}
.rte { font-family: 'Source Sans Pro'; font-size: 13px }
.rte_h { padding-bottom: 20px }
.rte img { width:100%; display: block; margin-bottom: 15px }
.rte a { display: inline }
.rte em { font-style: italic }
.rte b, .rte strong { font-weight: bold }
.rte strong em { font-weight: bold; font-style: italic }
.rte p { padding-bottom: 15px; position: relative }
.rte p.quote_first, .rte p.quote_last { background-position: 0 0 }
.rte p.quote_first { background-image: url('i/quote_first.png'); background-repeat: no-repeat }
.rte p.quote_last { background-image: url('i/quote_last.png'); background-repeat: no-repeat; background-position: right 0 }
.rte a { color: #55bfcf }
.rte ul { padding-bottom: 25px }
.rte ul li { list-style: disc; margin-left: 40px }
.rte_h1, .rte_h2, .rte_h3, .rte_h4 { text-transform: uppercase; padding-bottom: 10px; letter-spacing: 2px }
.rte_h1 { font-size: 30px; line-height: 34px }
.rte_h2 { font-size: 20px; line-height: 24px; color: #55bfcf }
.rte_h3 { font-size: 16px; line-height: 20px }
.rte_h4 { font-size: 13px; line-height: 18px }
.rte_legend { font-size: 13px; text-align: center; padding-top: 5px }
.rte_copy { font-size: 11px; color: #958f8e; padding-bottom: 10px }
.jsHrToCols_cols { margin-bottom: 20px; padding-bottom: 25px; border-bottom: 1px solid #d5d2d2 }
.jsHrToCols_cols:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.jsHrToCols_oneCol { margin-bottom: 10px; float:left }
.jsHrToCols_oneCol img { margin-bottom: 2% }
.jsHrToCols_cols_with2cols .jsHrToCols_oneCol { width: 49%; margin-right: 2% }
.jsHrToCols_cols_with3cols .jsHrToCols_oneCol { width: 32%; margin-right: 2% }
.jsHrToCols_cols_with4cols .jsHrToCols_oneCol { width: 23.5%; margin-right: 2% }
.jsHrToCols_cols_with2cols .jsHrToCols_oneCol:nth-of-type(2),
.jsHrToCols_cols_with3cols .jsHrToCols_oneCol:nth-of-type(3),
.jsHrToCols_cols_with4cols .jsHrToCols_oneCol:nth-of-type(4) { margin-right: 0 }
@media (max-width: 699px) {
.cms_c { width: 92%; float: none }
.rte { width: 92%; float: none; padding: 4% }
.jsHrToCols_cols_with4cols .jsHrToCols_oneCol,
.jsHrToCols_cols_with3cols .jsHrToCols_oneCol,
.jsHrToCols_cols_with2cols .jsHrToCols_oneCol { width: 100% }
.jsHrToCols_cols_with4cols .jsHrToCols_oneCol:nth-of-type(2),
.jsHrToCols_cols_with3cols .jsHrToCols_oneCol:nth-of-type(2) { margin: 0 }
.jsHrToCols_cols_with3cols .jsHrToCols_oneCol:nth-of-type(3) { margin: 0 }
}
/* recrut */
.recrut { background-color: #fff; padding: 40px; color: #2b1e1d; display: inline-block; }
.recrut:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
.recrut_main { width: 65%; float: left; }
.recrut_main_h { }
.recrut_main_h h1 { text-transform: uppercase; color: #55bfcf; font-size: 35px; padding-bottom: 32px; line-height: 39px; }
.recrut_main_h h2 { text-transform: uppercase; font-size: 20px; padding-bottom: 35px; padding-right: 155px; line-height: 23px;}
.recrut_main_h p { font-size: 15px; padding-right: 10px; padding-bottom: 85px; }
.recrut_main_c { }
.recrut_main_c_h { width: 100%; }
.recrut_main_c_h:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
.recrut_main_c_h_filter { float: right; margin-bottom: 15px; }
.recrut_main_c_h_filter p { float: left; font-size: 13px; color: #958f8e; margin-right: 30px; }
.recrut_main_c_h_filtertype { font-size: 13px; color: #2b1e1d; padding-left: 30px; }
.recrut_main_c_h_numoffer { float: left; width: 30%; font-size: 20px; color: #55bfcf; }
.recrut_main_c_h_numoffer span { display: inline-block; font-size: 30px; }
.recrut_main_c_h_numoffer p { display: inline-block; }
.recrut_main_c_list { display: block; width: 100%; float: left; }
.recrut_main_c_list li:last-child { border-bottom: solid 1px #eae9e8; margin-bottom: 18px; }
.recrut_main_c_list li { border-top: solid 1px #eae9e8; }
.recrut_main_c_list li p { text-transform: uppercase; font-size: 16px; color: #2b1e1d; font-weight: 600; padding: 8px 0px; -webkit-transition: color 350ms ease; transition: color 350ms ease; }
.recrut_main_c_list li a:hover p:first-child { color: #55bfcf }
.recrut_main_c_list li p + p { text-transform: none; font-size: 15px; color: #958f8e; font-weight: inherit; padding: 0px 0px 8px 0px; }
.recrut_mea { float: left; width: 30%; margin-left: 5%; }
.recrut_mea img { width: 265px }
.recrut_mea_main { background: url('i/recrut_mea_f.jpg') 100% 96% no-repeat; border: solid 1px #2b1e1d; padding: 27px 20px; margin-top: 25px; width: 220px; }
.recrut_mea_main p:first-child { font-size: 15px; color: #55bfcf; text-transform: uppercase; font-weight: 600; padding-bottom: 30px; }
.recrut_mea_main p { font-size: 15px; color: #2b1e1d; text-transform: none; padding-bottom: 30px; }
.recrut_mea_main_adr { }
.recrut_mea_main_adr p:first-child { font-size: 15px; color: #2b1e1d; text-transform: none; font-weight: bold; padding-bottom: 0px; }
.recrut_mea_main_adr a { font-size: 15px; color: #2b1e1d; text-transform: none; font-weight: bold; padding-bottom: 30px; text-decoration: underline; -webkit-transition: color 350ms ease; transition: color 350ms ease }
.recrut_mea_main_adr a:hover { color: #55bfcf }
.recrut_mea_main_f { }
.recrut_mea_main_f p:first-child { font-size: 13px; color: #958f8e; text-transform: none; font-weight: 400; padding-bottom: 0px; padding-right: 53px; }
@media (max-width: 940px ) {
.recrut_main { width: 100%; padding-bottom: 30px; }
.recrut_mea { width: 100%; margin-left: 0px; text-align: center }
.recrut_mea img { display: none }
.recrut_mea_main { display: block; width: 90%; margin: 0px; padding: 5%; }
.recrut_main_h h2 { width: 100%; padding-right: 0 }
.recrut_mea_main_f p:first-child { padding: 0 10% }
}
@media (max-width: 417px ) {
.recrut_main_c_h_numoffer { margin-bottom: 15px; }
}
@media (max-width: 320px ) {
.recrut { padding: 23px; }
.recrut_main_c_h_numoffer { margin-bottom: 15px; }
}
/* job */
.job { background-color: #fff; padding: 40px; color: #2b1e1d; display: inline-block; }
.job:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
.job_main { width: 65%; float: left; }
.job_main_h { }
.job_main_h h1 { text-transform: uppercase; color: #55bfcf; font-size: 35px; padding-bottom: 32px; line-height: 39px; }
.job_main_h h2 { text-transform: uppercase; font-size: 20px; padding-bottom: 4px; padding-right: 155px; line-height: 23px;}
.job_main_h p { font-size: 15px; padding-right: 10px; padding-bottom: 22px; line-height: 20px; }
.job_main_h p:nth-child(3) { text-transform: uppercase; color: #958f8e; }
.job_main_h span { font-weight: bold; }
@media (max-width: 942px ) {
.job_main { width: 100%; padding-bottom: 30px; }
}
@media (max-width: 310px) {
.job { padding: 10px; }
.job_main_h { width: 250px; padding-left: 26px; }
}
/* form */
.form { font-size: 13px; color: #2b1e1d; letter-spacing: 1px }
.form h3 { font-size: 16px; color: #958f8e; margin-bottom: 15px; text-transform: uppercase; font-weight: 600 }
.form hr { color: #eae9e8; margin-bottom: 30px; border: solid 1px; }
.form label { display: block; margin-bottom: 20px; text-align: left }
.form label label { width: 25%; display: inline-block; vertical-align: middle; margin-right: -4px }
.form label p { display: inline-block; width: 45%; vertical-align: middle; margin-right: -4px }
.form label input { display: inline-block; width: 55%; background-color: #eae9e8; padding: 10px 2%; vertical-align: middle; margin-right: -4px }
.form label input[type='radio'] { width: 14px; margin-right: 10px; padding: 0; vertical-align: sub }
.form label select { width: 25%; }
.form label.form_birth input, .form label.form_zip input { width: 25%; }
.form textarea { display: inline-block; width: 274px; background-color: #eae9e8; padding: 17px 13px; height: 87px; resize: none; }
.form label.form_submit .btn { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px 9px 7px; width: 280px; margin-left: 140px; border-bottom: 2px solid transparent; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease; cursor: pointer }
.form label.form_submit .btn:hover { border-color: #48a3b0 }
.form label span,
.form .help { display: block; color: #958f8e; font-size: 11px; padding-left: 45%; padding-top: 9px; }
.form label.form_motivation { float: left; margin-right: 2px; }
.form label.form_cv { width: 100% }
.form label.form_cv p { font-weight: 600; width: 100%; }
.form label.form_cv_choice {}
.form label.form_cv_choice input { background-color: inherit; padding-left: 0px; padding-top: 6px; }
.form_error p { color:#c00 }
.form_error input { border:1px solid #c00; }
.form_error .form_error_why { color:#c00 }
.form_generalerror { color:#c00; margin-bottom: 40px; border-left:5px solid #c00; padding: 5px 20px; }
@media (max-width: 940px) {
.form { float: none; width: 100%; margin-left: 0px }
.form_birth input { width: 140px; margin-right: 160px; }
.form p {}
#attachment { padding: 6px 31px; }
.form_motivation { float: none; margin-right: 0px; vertical-align: top; }
.form label.form_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; margin: 0 auto; }
}
@media (max-width: 629px ) {
.form span { text-align: left }
.form label { text-align: center }
.form label p { display: block; width: 100%; margin-right: 0 }
.form label input { width: 98%; display: block; margin-right: 0 }
.form label input[type='radio'] { display: inline-block; width: auto }
.form label.form_birth input,
.form label.form_zip input { width: 25%; margin: 0 auto; text-align: center }
.form label span { padding-left: 0 }
.form label.form_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; margin: 0 auto; }
}
/* register */
.register { background-color: #fff; padding: 40px; color: #2b1e1d }
.register:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
.register_main { width: 65%; float: left }
.register_main h1 { text-transform: uppercase; color: #2b1e1d; font-size: 30px; padding-bottom: 32px; line-height: 39px; }
.form label.register_check { display: block; padding: 17px 0px 30px; margin-left: 0px; }
.form label.register_check input { width: 25px; display: inline; margin-right: 10px }
.form label.register_check_jdb { display: block; margin-top: 50px; padding: 0px; margin-left: 0px; }
.form label.register_check_jdb input { width: 25px; display: inline; margin-right: 10px; padding: 0 }
.form label.register_check_partner { display: block; padding: 0px; margin-left: 0px; }
.form label.register_check_partner input { width: 25px; display: inline; margin-right: 10px; padding: 0 }
.form div.register_info { margin-bottom: 40px; }
.form div.register_info p { font-size: 13px; color: #958f8e; width: 100%;}
.form div.register_radio {}
.form div.register_radio label { margin-bottom: 0; width: 50% }
.form label.register_submit { width: 100%; text-align: center }
.form label.register_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 215px; margin: 0 auto; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; cursor: pointer }
.register_submit input:hover { opacity: .9 }
.form label.register_required { padding-top: 15px; padding-bottom: 10px }
.form label.register_required p { font-weight: 700 }
.form label .security { display: block; padding: 17px 0 0 45% }
.form label .security p { width: 150px; color: #958f8e; text-transform: uppercase; font-size: 11px }
.form label .security p + p { color: red; text-align: right }
.register_side { float: left; width: 30%; margin-left: 5%; }
.register_side img { width: 100%; display: block }
@media (max-width: 940px) {
.form div.register_radio p { width: 100% !important; padding-bottom: 20px }
}
@media (max-width: 629px) {
.form label .security { padding-left: 0; text-align: left }
.form label .security p { width: 50%; margin-right: 0; display: inline-block; vertical-align: middle; margin-right: -4px }
.form label .security p + p { text-align: left }
}
/* contact */
.contact { background-color: #fff; padding: 40px; color: #2b1e1d; display: inline-block; }
.contact_main { width: 65%; float: left; }
.contact_main_h { }
.contact_main_h h1 { text-transform: uppercase; color: #55bfcf; font-size: 35px; padding-bottom: 32px; line-height: 39px; }
.contact_main_h h3 { font-size: 16px; color: #958f8e; margin-bottom: 15px; text-transform: uppercase; }
.contact_main_h hr { color: #eae9e8; margin-bottom: 30px; border: solid 1px; }
.contact_main_f { font-size: 11px; color: #958f8e;}
.contact_ask { color: #2b1e1d; margin-bottom: 50px; }
.contact_ask li {}
.contact_ask li p { cursor: pointer }
.contact_ask li p:before { content: ''; display: inline-block; background: url('i/contact_big_stripe.png') 0px 0px no-repeat; width: 17px; height: 14px; vertical-align: middle; -webkit-transition: -webkit-transform 350ms ease, margin 350ms ease; transition: transform 350ms ease, margin 350ms ease; margin-right: 5px }
.contact_ask li p.active:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.contact_ask li p { display: inline-block; margin-bottom: 10px; font-size: 15px; font-weight: bold; padding-left: 0px }
.contact_ask li ul { margin-left: 10px }
.contact_ask li > ul,.contact_ask li ul li .contact_ask_answer { opacity: 0; visibility: hidden; max-height: 0; -webkit-transition: opacity 500ms ease, visibility 500ms ease, max-height 600ms ease; transition: opacity 500ms ease, visibility 500ms ease, max-height 600ms ease; cursor: default }
.contact_ask li p.active + ul, .contact_ask li ul li p.active + .contact_ask_answer { opacity: 1; visibility: visible; -webkit-transition-delay: 0; transition-delay: 0; max-height: 500px; position: relative; }
.contact_ask li ul li { margin-left: 10px; }
.contact_ask li ul li p { margin-bottom: 10px; font-size: 13px; font-weight: 600; margin-left: 0px; }
.contact_ask li ul li .contact_ask_answer { display: block; font-size: 13px; font-weight: normal; color: #989291; font-style: italic; margin-left: 40px; margin-bottom: 20px }
.contact_ask li ul li p:before { content: ''; display: inline-block; background: url('i/contact_small_stripe.png') 0px 0px no-repeat; width: 17px; height: 11px; -webkit-transition: -webkit-transform .35s ease; transition: transform .35s ease; }
.contact_ask li ul li p.active:before { content: ''; display: inline-block; background: url('i/contact_small_stripe.png') 3px 0px no-repeat; width: 17px; height: 11px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px; }
.contact_mea_main { background: url('i/contact_mea_f.jpg') 100% 19% no-repeat; border: solid 1px #2b1e1d; padding: 27px 20px; margin-top: 25px; width: 220px; }
.contact_mea_main p:first-child { font-size: 15px; color: #55bfcf; text-transform: uppercase; font-weight: 600; padding-bottom: 20px; }
.contact_cat { color: #989291; text-transform: uppercase; font-weight: bold; padding-bottom: 8px; }
.contact_mea_main p:nth-child(3) { font-weight: bold; }
.contact_mea_main p:nth-child(4) { padding-bottom: 20px; }
.contact_mea_main p:nth-child(6) { font-weight: 600; }
.contact_mea_main p:nth-child(7) { font-size: 20px; }
@media (max-width: 940px ) {
.contact_main { width: 100%; float: none; }
.contact_main_f { margin-bottom: 40px; }
.contact_mea_main { background: url('i/contact_mea_f.jpg') 100% 27% no-repeat; display: block; margin: 0; padding: 5% 2%; width: 96% }
.contact_mea_main p { text-align: left; }
}
@media (max-width: 940px) {
.register_main { width: 100%; float: none }
.register_side { display: none }
}
/* newsletter */
.get_newsletter { margin-left: 44%; }
/* form */
.form { font-size: 13px; color: #2b1e1d; letter-spacing: 1px }
.form h3 { font-size: 16px; color: #958f8e; margin-bottom: 15px; text-transform: uppercase; }
.form hr { color: #eae9e8; margin-bottom: 30px; border: solid 1px; }
.form label { display: block; margin-bottom: 20px; text-align: left }
.form label label { width: 25%; display: inline-block; vertical-align: middle; margin-right: -4px }
.form label > p { display: inline-block; width: 45%; vertical-align: middle; margin-right: -4px }
.form label input { display: inline-block; width: 55%; background-color: #eae9e8; padding: 10px 2%; vertical-align: middle; margin-right: -4px }
.form label input[type='radio'] { width: 14px; margin-right: 10px; padding: 0; vertical-align: sub }
.form label.get_newsletter input { width: 25px; display: inline-block; vertical-align: inherit; margin-bottom: 0px; margin-right: 10px; }
.form label select { width: 25%; }
.form label.form_birth input, .form label.form_zip input { width: 25%; }
.form textarea { display: inline-block; width: 274px; background-color: #eae9e8; padding: 17px 13px; height: 87px; }
.form label.form_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; margin-left: 140px; }
.form label > span { display: block; color: #958f8e; font-size: 11px; padding-left: 45%; padding-top: 9px; }
.form label > span span { color: #55bfcf; text-transform: none; padding: 0px; display: inline; }
.form label.get_newsletter > span { padding-left: 0%; }
.form label.form_motivation { float: left; margin-right: 2px; }
.form label.form_cv { width: 100% }
.form label.form_cv p { font-weight: 600; width: 100%; }
.form label.form_cv_choice {}
.form label.form_cv_choice input { background-color: inherit; padding-left: 0px; padding-top: 6px; }
.form_asContact { font-size: 13px; color: #958f8e; padding-bottom: 30px; }
@media (max-width: 940px) {
.form { float: none; width: 100%; margin-left: 0px }
.form_birth input { width: 140px; margin-right: 160px; }
.form p {}
.get_newsletter { margin-left: 0 }
#attachment { padding: 6px 31px; }
.form_motivation { float: none; margin-right: 0px; vertical-align: top; }
.form label.form_submit { text-align: center }
.form label.form_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; margin: 0 auto; }
}
@media (max-width: 629px ) {
.form span { text-align: left }
.form label { text-align: center }
.form label p { display: block; width: 100%; margin-right: 0 }
.form label input { width: 98%; display: block; margin-right: 0 }
.form label input[type='radio'] { display: inline-block; width: auto }
.form label.form_birth input,
.form label.form_zip input { width: 25%; margin: 0 auto; text-align: center }
.form label span { padding-left: 0 }
.form label.form_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; margin: 0 auto; }
}
/* register */
.register { background-color: #fff; padding: 40px; color: #2b1e1d }
.register:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
.register_main { width: 65%; float: left }
.register_main h1 { text-transform: uppercase; color: #2b1e1d; font-size: 30px; padding-bottom: 32px; line-height: 39px; }
.form label.register_check { display: block; padding: 17px 0px 30px; margin-left: 0px; }
.form label.register_check input { width: 25px; display: inline; margin-right: 10px }
.form label.register_check_jdb { display: block; margin-top: 50px; padding: 0px; margin-left: 0px; }
.form label.register_check_jdb input { width: 25px; display: inline; margin-right: 10px }
.form label.register_check_partner { display: block; padding: 0px; margin-left: 0px; }
.form label.register_check_partner input { width: 25px; display: inline; margin-right: 10px }
.form div.register_info { margin-bottom: 40px; }
.form div.register_info p { font-size: 13px; color: #958f8e; width: 100%;}
.form div.register_radio { display: block; margin-bottom: 20px; text-align: left }
.form div.register_radio:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.form div.register_radio p { width: 50%; float: left; }
.form div.register_radio label { margin-bottom: 0; width: 25%; float: left; }
.form div.register_radio input {}
.form label.register_submit { width: 100%; text-align: center }
.form label.register_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 215px; margin: 0 auto; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; cursor: pointer }
.register_submit input:hover { opacity: .9 }
.form label.register_required { padding-top: 15px; padding-bottom: 10px }
.form label.register_required p { font-weight: 700 }
.form label .security { display: block; padding: 17px 0 0 45% }
.form label .security p { width: 150px; color: #958f8e; text-transform: uppercase; font-size: 11px }
.form label .security p + p { color: red; text-align: right }
.register_side { float: left; width: 30%; margin-left: 5%; }
.register_side img { width: 100%; display: block }
@media (max-width: 629px) {
.form div.register_radio label { width: 50% }
.form label .security { padding-left: 0; text-align: left }
.form label .security p { width: 50%; margin-right: 0; display: inline-block; vertical-align: middle; margin-right: -4px }
.form label .security p + p { text-align: left }
}
@media (max-width: 940px) {
.register_main { width: 100%; float: none }
.register_side { display: none }
}
/* account */
.account { margin-bottom: 20px }
.account:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.accountmain { width: 67%; float: right; background: #fff; padding: 4% }
.accountmain_h { letter-spacing: 2px; text-transform: uppercase; padding-bottom: 25px; line-height: 1 }
.accountmain_h h1 { font-size: 20px; color: #2b1e1d; padding-bottom: 15px }
.accountmain_h h2 { font-size: 34px; color: #55bfcf; padding-bottom: 15px }
.accountmain_order { color: #2b1e1d; letter-spacing: 1px; font-size: 13px; font-weight: 400; text-align: center }
.accountmain_order a { color: #55bfcf; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
.accountmain_order a:hover { opacity: .7 }
.accountmain_order table { margin-bottom: 20px }
.accountmain_order tr { border-bottom: 1px solid #dfdfdf }
.accountmain_order th { color: #958f8e; font-size: 14px; font-weight: bold; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 7px 0 }
.accountmain_order td { padding: 13px 0 }
.accountmain_order td.accountmain_order_num { font-weight: 700 }
.accountmain_order td.accountmain_order_status { font-style: italic }
.accountmain_order td a.accountmain_order_purchase,
.accountmain_order td a.accountmain_order_invoice { background: url('i/accountmain_order.png') no-repeat center 0; padding: 40px 0 5px; width: 60px; display: inline-block; vertical-align: top; font-size: 10px; line-height: 12px; color: #aba9a8; text-transform: uppercase }
.accountmain_order td a.accountmain_order_purchase {}
.accountmain_order td a.accountmain_order_invoice { background-position: center -140px }
.accountmain_order_mention { text-align: left; font-size: 11px; line-height: 15px; color: #958f8e }
.accountmain_address { color: #2b1e1d }
.accountmain_address:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.accountmain_address_n { width: 48%; padding: 3%; margin-right: 4%; margin-bottom: 4%; float: left; border: 1px solid #e6e5e5; letter-spacing: 1px; box-sizing: border-box; position: relative }
.accountmain_address_n:nth-of-type(2n+2) { margin-right: 0 }
.accountmain_address_n h2 { padding-bottom: 20px; font-size: 14px; font-weight: 600; color: #958f8e }
.accountmain_address_n p { margin-bottom: 4px }
.accountmain_address_n .accountmain_address_n_edit,
.accountmain_address_n .accountmain_address_n_remove { width: 21px; height: 22px; background: url('i/accountmain_address_n.png') 0 0 no-repeat; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; position: absolute; top: 20px; right: 20px }
.accountmain_address_n .accountmain_address_n_edit:hover,
.accountmain_address_n .accountmain_address_n_remove:hover { opacity: .7 }
.accountmain_address_n .accountmain_address_n_edit { background-position: 0 0 }
.accountmain_address_n .accountmain_address_n_remove { background-position: 0 -40px; top: 60px }
.accountmain_f { text-align: right }
.accountmain_f_add { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px 20px; margin: 0 auto; display: inline-block; border-bottom: 2px solid transparent; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease }
.accountmain_f_add:hover { border-color: #48a3b0 }
@media (max-width: 826px) {
.accountmain_address_n { width: 100%; padding: 3% 4%; margin-right: 0 }
}
@media (max-width: 699px) {
.account .sidemenu img { display: none }
.accountmain { width: 92%; float: none }
.accountmain_f { text-align: center }
}
/* pagination */
.pagination { text-align: center; padding-left: 14px; }
.pagination a { display: inline-block; vertical-align: middle;margin-right: -1px; margin-top: 0px; color: #2b1e1d; }
.pagination .pagination_first { width: 7px; height: 9px; background: url('i/pagination.png') 0px 0px no-repeat; padding-right: 20px; text-indent: -2000px }
.pagination .pagination_prev { width: 7px; height: 9px; background: url('i/pagination.png') 0px -10px no-repeat; padding-right: 22px; text-indent: -2000px }
.pagination .pagination_next { width: 7px; height: 9px; background: url('i/pagination.png') 0px -20px no-repeat; padding-left: 15px; padding-right: 4px; text-indent: -2000px }
.pagination .pagination_last { width: 7px; height: 9px; background: url('i/pagination.png') 0px -30px no-repeat; padding-left: 20px; text-indent: -2000px }
.numpage_list { font-size: 13px; margin-right: 15px; display: inline-block; vertical-align: middle; margin-right: -4px }
.numpage_list li { display: inline-block; vertical-align: middle; margin-right: -4px }
.numpage_list li.sel a,
.numpage_list li.sel a:hover { background-color: #55bfcf; color: #fff; }
.numpage_list li a { -webkit-transition: color 350ms ease; transition: color 350ms ease }
.numpage_list li a:hover { color: #55bfcf }
.numpage_list_li { padding: 3px 9px; }
.numpage_list_li_last { padding: 3px 28px 3px 9px; }
/* cartsteps */
.cartsteps { width:460px; margin:0 auto; position:relative; text-transform: uppercase; font-size:12px; letter-spacing:0.5px; }
.cartsteps:after { content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cartsteps_done { z-index:0; border-top:1px solid #55bfcf; position:absolute; top:20px; left:50px; right:50px;}
.cartsteps_todo { z-index:1; border-top:1px solid #787170; position:absolute; top:20px; left:50px; right:50px; -webkit-transition:left 1s; transition:left 1s;}
.cartsteps_asStep2 .cartsteps_todo { left:170px; }
.cartsteps_asStep3 .cartsteps_todo { left:290px; }
.cartsteps_asStep4 .cartsteps_todo { left:410px; }
.cartsteps a { z-index:2; position:relative; text-align:center; color:#787170; display:block; width: 100px; margin:0 10px; height:90px; float:left; -webkit-transition:color 1s,background 0.5s; transition:color 1s,background 0.5s; background:url(../css/i/cart.png) center 90px no-repeat; }
.cartsteps a.des { cursor:default }
.cartsteps i { background:url(i/cart.png) no-repeat 0 -20px; width:40px; height:40px; display: block; margin:0 auto 10px }
a.cartsteps_step1 { margin-left:0; color:#55bfcf}
a.cartsteps_step2 i { background-position: 0 -60px;}
a.cartsteps_step3 i { background-position: 0 -100px;}
a.cartsteps_step4 { margin-right:0; }
a.cartsteps_step4 i { background-position: 0 -140px;}
.cartsteps_asStep2 a.cartsteps_step2,
.cartsteps_asStep3 a.cartsteps_step2,
.cartsteps_asStep3 a.cartsteps_step3,
.cartsteps_asStep4 a.cartsteps_step2,
.cartsteps_asStep4 a.cartsteps_step3,
.cartsteps_asStep4 a.cartsteps_step4 { color:#55bfcf }
.cartsteps_asStep2 a.cartsteps_step2 i,
.cartsteps_asStep3 a.cartsteps_step2 i,
.cartsteps_asStep4 a.cartsteps_step2 i { background-position:0 -180px; }
.cartsteps_asStep3 a.cartsteps_step3 i,
.cartsteps_asStep4 a.cartsteps_step3 i { background-position:0 -220px; }
.cartsteps_asStep4 a.cartsteps_step4 i { background-position:0 -260px; }
.cartsteps_asStep1 a.cartsteps_step1,
.cartsteps_asStep2 a.cartsteps_step2,
.cartsteps_asStep3 a.cartsteps_step3,
.cartsteps_asStep4 a.cartsteps_step4 { background:url(i/cart.png) center 83px no-repeat; }
@media (max-width:460px) {
.cartsteps { width:300px }
.cartsteps a span { display:none }
.cartsteps a { width:75px; margin:0; height: 60px; padding:0 }
.cartsteps_asStep2 .cartsteps_todo { left:120px; }
.cartsteps_asStep3 .cartsteps_todo { left:200px; }
.cartsteps_asStep4 .cartsteps_todo { left:300px; }
.cartsteps_asStep1 a.cartsteps_step1,
.cartsteps_asStep2 a.cartsteps_step2,
.cartsteps_asStep3 a.cartsteps_step3,
.cartsteps_asStep4 a.cartsteps_step4 { background-position:center 53px; }
}
/* cartmain */
.cartmain { background:#fff; padding:40px; margin-bottom: 40px; color:#2b1e1d; }
.cartmain_h { font-size:30px; color:#55bfcf; text-transform:uppercase; font-weight:300; letter-spacing:2px; margin-bottom:30px; }
.cartmain_products { margin:30px 0 }
.cartmain_products_asShort { margin-top: 0 }
.cartmain_products table { width:100%; }
.cartmain_products th { font-size:14px; line-height:14px; padding:13px; font-weight:700; color:#958f8e; text-align:center; letter-spacing: 1px; border-top:1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.cartmain_products_asShort th { border-top: none; }
.cartmain_products td { border-bottom: 1px solid #dfdfdf; }
td.cartmain_products_i { width:200px; }
td.cartmain_products_i img { width:160px; }
td.cartmain_products_name { text-transform: uppercase; font-size:13px; color:#958f8e; width:180px; padding:20px 0; }
.cartmain_products_asShort td.cartmain_products_name { padding: 10px 0 }
td.cartmain_products_name strong { color:#2b1e1d; display: block; font-weight: 700; font-size:14px; }
.cartmain_products_asShort td.cartmain_products_name strong { display: inline-block; padding-left: 10px }
.cartmain_products_asShort td.cartmain_products_name { width: auto; }
.cartmain_products_name_detail { display: block; text-transform: none; }
td.cartmain_products_incl { text-transform: uppercase; font-size:13px; color:#958f8e; padding:10px 0; }
td.cartmain_products_incl strong { color:#999; display: block; font-weight: 700; font-size:12px; padding-left: 40px }
td.cartmain_products_price { text-align: center; font-size:14px; color:#2b1e1d}
td.cartmain_products_qty { text-align: center; font-size:14px; color:#2b1e1d}
td.cartmain_products_sum { text-align: center; font-size:20px; color:#2b1e1d; position: relative; padding-right: 60px;}
th.cartmain_products_sum { padding-right: 60px; }
.cartmain_products_asShort th.cartmain_products_sum { padding-right: 0; }
.cartmain_products_asShort td.cartmain_products_sum { padding-right: 0; font-size:14px; }
td.cartmain_products_sum del { display: block; text-decoration: line-through; }
.cartmain_products_remove { background:url(i/cartmain_products_remove.png) center center no-repeat; opacity:0.7; width: 50px; height: 50px; text-indent: 100px; overflow: hidden; position: absolute; right:0; }
.cartmain_products_remove:hover { opacity: 1 }
tr.cartmain_products_rowsum td { background: #ddf2f5; border-bottom:none; position: relative; top:-1px; }
tr.cartmain_products_rowsum strong { color:#55bfcf; }
tr.cartmain_products_rowsum td.cartmain_products_sum { font-size:20px; color:#55bfcf; }
.cartmain_title { border-bottom: 1px solid #dfdfdf; font-size: 14px; color: #958f8e; letter-spacing: 1px; text-transform:uppercase; padding-bottom: 10px; margin-bottom: 20px }
.cartmain_title_noSpaceAfter { margin-bottom: 0 }
.cartmain_title_withSpaceBefore { margin-top: 40px }
.cartmain_options { overflow: auto; }
.cartmain_options_code { width:44%; float:left; }
.cartmain_options_code_h strong,
.cartmain_options_sum_h strong { float: right; color:#2b1e1d; font-size: 20px }
.cartmain_options_code .cartmain_options_field { width: 80%; max-width:260px; }
.cartmain_options_field { background:#eae9e8; padding:10px 15px; font-size:12px; line-height: 15px; margin-top: 10px }
.cartmain_options_code_cta { display: inline-block; background:#999; padding:10px 10px; font-size:12px; line-height: 14px; }
.cartmain_options_sum { width:44%; float:right; }
.cartmain_options_sum li { font-size:14px; letter-spacing: 1px; margin-left:40px; text-indent: -20px; margin-bottom: 20px; }
.cartmain_greetings { margin:0 0 40px 40px; }
.cartmain_greetings textarea { width:100%; box-sizing: border-box; height:120px;-webkit-transition:all 0.3s;transition:all 0.3s; resize: none; }
.cartmain_greetings_metrics { position: relative; font-size:11px; letter-spacing: 1px; color:#958f8e; -webkit-transition:all 0.3s; transition:all 0.3s; height:15px; }
.cartmain_greetings_car { position: absolute; right:0; }
.cartmain_greetings_cta { display: block; text-align: right; color:#958f8e; font-size:12px; letter-spacing: 0.5px; text-transform: uppercase; padding: 10px 0; height:15px; }
.cartmain_greetings.inactive textarea { height:60px; }
.cartmain_greetings.inactive .cartmain_greetings_metrics,
.cartmain_greetings.inactive .cartmain_greetings_cta { height:1px; opacity:0; }
.cartmain_sum { background:#ddf2f5; color:#55bfcf; padding: 14px 180px 14px 20px; position: relative; line-height: 22px; font-size: 14px; letter-spacing: 1px}
.cartmain_sum strong { font-size: 20px; float: right; position: absolute; right: 20px; top:14px; }
.cartmain_delivery + .cartmain_sum { text-transform: uppercase; }
.cartmain_next { text-align: right; margin: 20px 0 }
.cartmain_next .btn { text-align: center;width: 220px; padding:10px 0 8px; line-height: 15px; letter-spacing: 1px; display: inline-block;border-bottom: 2px solid transparent }
.cartmain_next .btn:hover { border-color: #48a3b0; padding-bottom: 8px }
.cartmain_delivery { margin-bottom: 20px}
.cartmain_delivery label { display: block; padding:10px 20px; position: relative; -webkit-transition: background 0.5s; transition: background 0.5s; cursor: pointer; }
.cartmain_delivery .sel label { background: #f4f4f3 }
.cartmain_delivery li strong { font-weight: 700; font-size:15px; letter-spacing: 1px; display: inline-block; padding: 0 20px; width:240px; }
.cartmain_delivery_i { width:130px; height: 50px; vertical-align: middle; }
.cartmain_delivery_details { display: inline-block; margin-left:20px; letter-spacing: 1px; }
.cartmain_delivery_details em { color:#55bfcf; }
.cartmain_delivery_price { position: absolute; top: 20px; right: 20px; color: #2b1e1d; font-size: 20px; }
.cartmain_delivery_legal { color:#958f8e;font-size:11px; letter-spacing: 0.5px; margin-top:20px; }
.cartmain_delivery_legal a { text-decoration: underline; text-transform: uppercase;font-size:11px; letter-spacing: 1px ; color:#958f8e;}
.cartmain_recap { display: inline }
.cartmain_recap:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.cartmain_recap_delivery { width:27%; float:left; }
.cartmain_recap_delivery address { background: #f4f4f4; padding: 10px; font-style: normal; }
.cartmain_recap_delivery p { font-weight: 600; margin-top: 10px; }
.cartmain_recap_invoice { width:69%; float:right; }
.cartmain_agree { display: block; font-size:14px;}
.cartmain_agree a { color:#000; text-decoration: underline; display: inline; }
.cartmain_deliverybox { padding: 40px; margin: 0; box-shadow: 0 0 20px rgba(0,0,0,0.2); background: #fff }
.cartmain_deliverybox_h { color:#55bfcf; font-size: 20px; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; }
.cartmain_deliverybox_offer { font-weight: 700; margin-top: 10px; }
.cartmain_deliverybox_tbl { border:1px solid #e9e8e8; padding:10px; margin: 30px 0 }
.cartmain_deliverybox_tbl { font-weight: 700 }
.cartmain_deliverybox_tbl th,
.cartmain_deliverybox_tbl td { border-bottom: 1px solid #e9e9e8; padding:10px 30px 10px 0; text-align: left}
.cartmain_deliverybox_tbl th { text-transform: uppercase; font-size:13px; text-transform: uppercase; color: #958f8e; font-weight: 700 }
.cartmain_deliverybox_tbl tr:last-child td { border-bottom:none }
.cartmain_deliverybox_tbl th.cartmain_deliverybox_tbl_mergecol { border-bottom: none; padding-bottom: 0 }
.cartmain_deliverybox_tbl_mergerow th { padding-top: 0}
.cartmain_deliverybox_tbl td:first-child { width: 20%; }
.cartmain_deliverybox_tbl strong { font-weight: 700 }
.cartmain_deliverybox_tbl em { color:#5dc1d1; }
.cartmain_deliverybox_legals p { font-size: 12px; margin-bottom: 10px; }
.cartmain_deliverybox_legals strong { font-weight: 700; }
.cartmain_deliverybox_legals em { color:#958f8e; }
.cartmain_deliveryadress { margin-bottom: 20px}
.cartmain_deliveryadress:after { content: ''; display: block; clear: both; line-height: 0; visibility: hidden; height: 0 }
.cartmain_deliveryadress_edit,
.cartmain_deliveryadress_new { width: 45%; float: left; padding: 2.5%; position: relative }
.cartmain_deliveryadress_edit.sel,
.cartmain_deliveryadress_new.sel { background: #f4f4f3; }
.cartmain_deliveryadress_edit { font-style: normal }
.cartmain_deliveryadress_edit span,
.cartmain_deliveryadress_new span { font-weight: 700; display: block; margin-bottom: 5px; padding-left: 40px }
.cartmain_deliveryadress_new span { text-align: center; clear: right; display: block; width: 100%; margin: 15px 0; padding-left: 0 }
.cartmain_deliveryadress_edit address,
.cartmain_deliveryadress_new address { font-style: normal; padding-left: 40px }
.cartmain_deliveryadress_edit label,
.cartmain_deliveryadress_new label { margin-bottom: 15px; display: block }
.cartmain_deliveryadress_edit input[type='radio'],
.cartmain_deliveryadress_new input[type='radio'] { margin-right: 20px }
.cartmain_deliveryadress_edit .btn,
.cartmain_deliveryadress_new .btn { position: absolute; bottom:30px; right:
30px; background:#999; color:#fff; font-size: 13px; text-align: center;width: 100px; padding:10px 0 8px; line-height: 13px; text-transform: uppercase; letter-spacing: 1px; display: inline-block;border-bottom: 2px solid transparent; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease; font-weight: 700; cursor: pointer }
.cartmain_deliveryadress_new .btn { position: relative; bottom: inherit; right: inherit; margin: 0 auto; width: 220px; display: block }
.cartmain_deliveryadress_edit .btn:hover,
.cartmain_deliveryadress_new .btn:hover { border-color: #787878; padding-bottom: 8px }
.cartmain_deliveryadress_new select { width: 90%; margin-left: 10% }
.cartmain_deliveryadress_new .adress_conteneur { position:relative; margin-top:5px; }
.cartmain_deliveryadress_new .adress_conteneur .btn { position: absolute; bottom: 10px;width: 100px;display: inline-block; right:0px; }
.EVOL1214cartmain_deliveryadress { border-bottom:1px solid #ddd; margin-bottom:40px;}
.EVOL1214cartmain_deliveryadress:after { content: ''; display: block; clear: both; line-height: 0; visibility: hidden; height: 0 }
.EVOL1214cartmain_deliveryadress li { width:33%; float:left; padding:2%; box-sizing:border-box; }
.EVOL1214cartmain_deliveryadress li.sel { background: #f4f4f3; }
.EVOL1214cartmain_deliveryadress li input { float:left; position:relative; top:3px }
.EVOL1214cartmain_deliveryadress li address { font-style: normal; padding-left: 25px; }
.EVOL1214cartmain_deliveryadress li address strong { font-weight: 700; display: block; }
.EVOL1214cartmain_deliveryadress li .btn { margin-top:10px; width:auto; margin-left:25px; }
.EVOL1214cartmain_deliveryadress_new { clear:left }
.EVOL1214cartmain_deliveryadress li:nth-child(3n+1) { clear:left }
.EVOL1214cartmain_deliveryadress .btn_asGrey { background:#999 }
a.EVOL1214cartmain_deliveryadress_edit { color:#000; text-decoration: underline; margin:5px 0 0 25px;}
/*
.EVOL1214cartmain_deliveryadress_edit { padding: 2.5%; position: relative; background: #f4f4f3; font-style: normal }
.EVOL1214cartmain_deliveryadress_edit:after { content: ''; display: block; clear: both; line-height: 0; visibility: hidden; height: 0 }
.EVOL1214cartmain_deliveryadress_edit label,
.EVOL1214cartmain_deliveryadress_new label { margin-bottom: 15px; display: block }
.EVOL1214cartmain_deliveryadress_edit label { float:left; width:50%; }
.EVOL1214cartmain_deliveryadress_edit address { font-style: normal; padding-left: 40px; float:left; width:30%; }
.EVOL1214cartmain_deliveryadress_edit .btn { width:15% }
.EVOL1214cartmain_deliveryadress address strong { font-weight: 700; display: block; }
.EVOL1214cartmain_deliveryadress_new { padding: 2.5%; position: relative; clear:left; }
.EVOL1214cartmain_deliveryadress_new span { text-align: center; clear: right; display: block; width: 100%; margin: 15px 0; padding-left: 0 }
.EVOL1214cartmain_deliveryadress_edit input[type='radio'],
.EVOL1214cartmain_deliveryadress_new input[type='radio'] { margin-right: 20px }
.EVOL1214cartmain_deliveryadress_edit .btn,
.EVOL1214cartmain_deliveryadress_new .btn { position: absolute; bottom:30px; right:30px; background:#999; color:#fff; font-size: 13px; text-align: center;width: 100px; padding:10px 0 8px; line-height: 13px; text-transform: uppercase; letter-spacing: 1px; display: inline-block;border-bottom: 2px solid transparent; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease; font-weight: 700; cursor: pointer }
.EVOL1214cartmain_deliveryadress_new .btn { position: relative; bottom: inherit; right: inherit; margin: 0 auto; width: 220px; display: block }
.EVOL1214cartmain_deliveryadress_edit .btn:hover,
.EVOL1214cartmain_deliveryadress_new .btn:hover { border-color: #787878; padding-bottom: 8px }
.EVOL1214cartmain_deliveryadress_new select { }
*/
.cartmain_shops {}
.cartmain_shops_intro { font-size:13px; letter-spacing: 1px; margin-bottom: 40px }
.cartmain_shops_search { margin-bottom: 40px }
.cartmain_shops_search_inp { background: #eae9e8 url(i/cartmain_shops_search_inp.gif) no-repeat 93% 50%; border-bottom: 2px solid #eae9e8; color:#000; padding:10px 10px 8px; font-size: 13px; margin-right: 40px }
.cartmain_shops_search_inp:focus { border-bottom: 2px solid #ccc }
.cartmain_shops_search_result { font-size:15px; font-style: italic;color:#55bfcf; letter-spacing: 1px}
.cartmain_shops_list { margin-bottom:40px;}
.cartmain_shops_list:after { content: ''; display: block; clear: both; line-height: 0; visibility: hidden; height: 0 }
.cartmain_shops_list li { width:33%; float:left; padding:2%; box-sizing:border-box; }
.cartmain_shops_list li.sel { background: #f4f4f3; }
.cartmain_shops_list li input { float:left; position:relative; top:3px }
.cartmain_shops_list li address { font-style: normal; padding-left: 25px; }
.cartmain_shops_list li address strong { font-weight: 700; display: block; }
.cartmain_shops_list li .btn { margin-top:10px; width:auto; margin-left:25px; }
.cartmain_shops_list_new { clear:left }
.cartmain_shops_list li:nth-child(3n+1) { clear:left }
.cartmain_shops_sel { border:2px solid #000; padding:40px 20px; overflow: auto; }
.cartmain_shops_sel_h { text-align: center; font-size: 15px;letter-spacing: 1px; padding-bottom: 40px }
.cartmain_shops_sel_h strong { font-weight: bold; text-transform: uppercase; display: block; padding: 5px; }
.cartmain_shops_sel_c_addr { text-align: center; width: 240px; margin-right: 20px; float:left; border-right: 1px solid #ccc; }
.cartmain_shops_sel_c_addr p { margin-bottom: 10px }
.cartmain_shops_sel_c_hours p { float:left; width:130px; margin-bottom: 20px }
.cartmain_shops_sel_c_hours p strong { color: #b1acab; display: block; }
.cartmain_f { border-top:1px solid #dfdfdf; color:#2b1e1d; overflow:auto; text-align: center; padding:30px 0 0; margin-top: 40px; }
.cartmain_f a { color: #2b1e1d; opacity:0.5; text-transform:uppercase; font-size:12px; font-weight:600 }
.cartmain_f a:hover { opacity:0.8 }
.cartmain_f_cards { float:left; width:64%; letter-spacing: 1px; font-size:14px; }
.cartmain_f_cards span { display:block; }
.cartmain_f_cards img { margin:10px 0 }
.cartmain_f_contact { float:left; width:21%; }
.cartmain_f_contact i { background:url(i/cart.png) center -300px no-repeat; display:block; height:40px; margin:0 0 10px; }
.cartmain_f_legal { float:left; width:15%; }
.cartmain_f_legal i { background:url(i/cart.png) center -340px no-repeat; display:block; height:40px; margin:0 0 10px; }
@media (max-width:990px) {
.cartmain_delivery label { border-bottom: 1px solid #eae9e8 }
.cartmain_delivery_i { width:65px; height: 25px }
.cartmain_delivery_details { letter-spacing: 0 }
.cartmain_delivery_price { top:10px; }
.cartmain_deliverybox { padding: 20px; }
.cartmain_deliverybox_tbl { overflow: auto; padding: 5px; }
.cartmain_deliverybox_tbl th,
.cartmain_deliverybox_tbl td { padding: 3px }
.cartmain_shops_search_result { display: block; padding-top: 10px }
.cartmain_shops_sel_c_addr { float: none; width:auto;border-right: none; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 10px }
.cartmain_shops_sel_c_hours p { width: auto; padding:0 0 0 30px }
}
@media (max-width:810px) {
.cartmain { padding:30px 20px }
.cartmain_f_cards { float:none; width:100%; margin-bottom:20px; border-bottom:1px solid #dfdfdf; padding-bottom: 20px; }
.cartmain_f_cards img { width:100%; max-width:400px;}
.cartmain_f_contact,
.cartmain_f_legal { width:50% }
td.cartmain_products_i { width:15% }
td.cartmain_products_name { width:25%; }
td.cartmain_products_i img { max-width:160px; width:90%; }
.cartmain_options_code,
.cartmain_options_sum { width: 30%; float: none; margin: 0 auto }
.cartmain_options_code .btn,
.cartmain_options_sum .btn { width: 100% }
.cartmain_options_sum li { margin-left: 20px; }
.cartmain_greetings { margin-left: 20px; }
.cartmain_recap_delivery,
.cartmain_recap_invoice { float: none; width: auto; }
.cartmain_recap_invoice { margin-top: 40px }
.cartmain_delivery label { padding: 10px }
.cartmain_delivery_details { display: block; padding-left: 15px }
.cartmain_delivery_i { display: block; margin:10px 35px; width:100px; height: auto; }
.cartmain_deliveryadress_edit,
.cartmain_deliveryadress_new { width: 92%; float: none; padding: 4%; margin-bottom: 4% }
}
@media (max-width:600px) {
td.cartmain_products_i { width:2%;}
td.cartmain_products_i img { display:none }
.cartmain_products th.cartmain_products_price,
td.cartmain_products_price { display: none }
td.cartmain_products_sum { padding: 13px 13px 60px 13px}
.cartmain_products_asShort td.cartmain_products_sum { padding-bottom: 10px}
th.cartmain_products_sum { padding: 13px}
.cartmain_products_remove { bottom: 0;}
.cartmain_delivery_i { display: none }
.cartmain_shops_list li { width:100%; float: none; }
.cartmain_options_code,
.cartmain_options_sum { width: 50% }
}
@media (max-width:480px) {
td.cartmain_products_qty .quantity span { padding: 9px 8px }
td.cartmain_products_qty .quantity input { padding: 10px 5px 9px; width: 30px }
.cartmain_options_code,
.cartmain_options_sum { width: 100% }
}
/* guide */
.guide:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.guidemain { width: 75%; float: right; font-family: 'Source Sans Pro'; color: #2b1e1d; background: #fff; }
.guidemain_h { position: relative }
.guidemain_h img { position: relative; display: block; width: 100%; z-index: 0 }
.guidemain_h_c { position: absolute; z-index: 1; padding-top: 30px; padding-left: 40px; top: 0; left: 0; right: 0; bottom: 0; text-transform: uppercase; letter-spacing: 2px;
background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.21)), color-stop(100%,rgba(0,0,0,0.51)));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 30%, rgba(0,0,0,0.51) 100%);
background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ) /* IE6-9 */ }
.guidemain_h_c h1 { color: #bbb; font-size: 20px; padding-bottom: 16px }
.guidemain_h_c h2 { color: #fff; font-size: 35px }
.guidemain_c { background: #fff; padding: 0 60px }
.guidemain_c_h { padding: 50px 0; text-align: center }
.guidemain_c_h p { font-size: 15px; line-height: 20px; color: #2b1e1d; font-style: italic }
.guidemain_c_products {}
.guidemain_c_products_n { width: 260px; display: inline-block; vertical-align: top; margin: 0 -4px 0 60px; padding-bottom: 70px; border-top: 1px solid #e9e9e8 }
.guidemain_c_products_n:nth-of-type(2n+1) { margin-left: 0 }
.guidemain_c_products_n img { max-width: 160px; display: block; margin: 30px auto }
.guidemain_c_products_n h3 { font-size: 20px; text-transform: uppercase; color: #2b1e1d; letter-spacing: 2px }
.guidemain_c_products_n h4, .guidemain_c_products_n p { font-size: 13px; line-height: 20px; letter-spacing: 1px }
.guidemain_c_products_n h4 { color: #2b1e1d }
.guidemain_c_products_n p { color: #938f8e }
@media (max-width: 940px) {
.guidemain_c { background: #fff; padding: 0 10% }
.guidemain_c_products_n { width: 45%; margin: 0 -4px 0 10%; padding-bottom: 10%; text-align: center }
}
@media (max-width: 699px) {
.guidemain { width: 100%; float: none }
}
@media (max-width: 569px) {
.guidemain_c_products_n { width: 100%; margin: 0 }
.guidemain_c_products_n:nth-of-type(2n+1) { margin-left: 0 }
}
/* Popin */
.popin { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.5); z-index: 9999 }
.popin_w { position: absolute; top: 150px; left: 50%; margin-left: -470px; width: 860px; background: url('i/popin.jpg') 0 0 no-repeat; padding: 70px 40px 50px; background-size: cover }
.popin_w_asDeliverybox, .popin_w_asImage { background: #fff; width: 940px; padding: 0; color:#2b1e1d; }
.popin_w_asImage_c { background: none repeat scroll 0 0 #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin: 0; padding: 10px;}
.popin_w_asImage_c figure { text-align: center; }
.popin_w_asImage_c figure:empty { min-height:100px;}
.popin_w_asImage_c figure img { max-width:100%;}
.popin_w:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0 }
.popin_close { width: 16px; height: 16px; position: absolute; top: 20px; right: 20px; background: url('i/popin_close.png') 0 0 no-repeat; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
.popin_close:hover { opacity: .6 }
.popin_ce { background: #fff; padding: 35px }
.popin_ce:after { content: ''; clear: both; display: block; visibility: hidden; line-height: 0; height: 0 }
.popin_ce_infos { width: 40%; float: left }
.popin_ce_infos h2 { font-size: 20px; color: #55bfcf; text-transform: uppercase; padding-bottom: 25px; letter-spacing: 2px }
.popin_ce_infos p { font-size: 15px; line-height: 22px; color: #2b1e1d; letter-spacing: 1px; padding-bottom: 30px }
.popin_ce_infos p:last-child { padding-bottom: 0 }
.popin_ce_infos p span { font-weight: 600 }
.popin_ce_login { width: 45%; float: right }
.popin_ce_login img { display: block; width: 100% }
.popin_ce_login form { padding-top: 70px }
.popin_ce_login form button[type='submit'] { padding: 8px 70px 6px; background: #55bfcf; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 600; display: inline-block; float: right; margin-top: 20px; cursor: pointer; border-bottom: 2px solid transparent; -webkit-transition: opacity 350ms ease, border-color 350ms ease; transition: opacity 350ms ease, border-color 350ms ease }
.popin_ce_login form button[type='submit']:hover,
.popin_ce_login form button[type='submit']:focus { border-color: #48a3b0 }
.popin_ce_login form button[type='submit']:after { content: ''; display: block; clear: right }
.popin_ce_login_caract { font-size: 11px; text-align: right; color: #958f8e; display: block; padding-bottom: 10px; }
.popin_n { width: 41%; background: #fff; padding: 35px 3.5%; float: left; color: #2b1e1d; letter-spacing: 1px }
.popin_n:first-of-type { margin-right: 4% }
.popin_n p { padding-bottom: 15px }
.popin_n_h { padding-bottom: 20px }
.popin_n_h h2 { font-size: 20px; line-height: 24px; color: #55bfcf; text-transform: uppercase; letter-spacing: 0 }
.popin_n_c { padding-bottom: 25px }
.popin_n_c form:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.popin_n_c a { float: left; width: 50%; color: #2b1e1d; margin: 10px 0 15px }
.popin_n_c label { float: left; width: 50%; margin-top: 10px }
.popin_n_c input[type='password'],
.popin_n_c input[type='text'],
.popin_ce_login input[type='text'],
.form-in input[type='password'],
.form-in input[type='text'] { background: #eae9e8; padding: 8px 18px; width: 100%; margin-bottom: 15px; color: #2b1e1d }
.popin_n_c input[type='checkbox'],
.form-in input[type='checkbox'] { vertical-align: middle; display: inline-block; margin-right: 12px }
.popin_n_c input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e }
.popin_n_c input:-moz-placeholder { letter-spacing: 1px; color: #958f8e }
.popin_n_c input::-moz-placeholder { letter-spacing: 1px; color: #958f8e }
.popin_n_c input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e }
.form-in input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e }
.form-in input:-moz-placeholder { letter-spacing: 1px; color: #958f8e }
.form-in input::-moz-placeholder { letter-spacing: 1px; color: #958f8e }
.form-in input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e }
.popin_n_f { text-align: center }
.popin_n_f > * { padding: 8px 30px 6px; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 600; display: inline-block; border-bottom: 2px solid transparent }
.popin_n_f > * { opacity: .9 }
.popin_n_f_dark { background: #554b4a }
.popin_n_f_dark:hover { border-color: #787878 }
.popin_n_f_light { background: #55bfcf }
.popin_n_f_light:hover { border-color: #48a3b0 }
@media (max-width: 940px) {
.popin_w { width: 92%; left: 0; margin-left: 0; padding: 8% 4% 5% }
.popin_w_asDeliverybox, .popin_w_asImage { width: 100%; left: 0; margin-left: 0; padding: 0 }
}
@media (max-width: 829px) {
.popin_close { top: 10px }
.popin_n_c form a { float: none; width: 100% }
.popin_n_c form label { float: none; width: 100% }
}
@media (max-width: 699px) {
.popin_close { top: 20px }
.popin_ce_infos, .popin_ce_login { width: 100%; float: none }
.popin_ce_infos { padding-bottom: 40px }
.popin_ce_login form { padding-top: 30px }
}
@media (max-width: 629px) {
.popin_w { top: 50px; overflow: auto; padding: 10% 4% }
.popin_w_asDeliverybox, .popin_w_asImage { width: 100%; left: 0; margin-left: 0; padding: 0 }
.popin_n { width: 90%; ; padding: 35px 5%; float: none; margin-bottom: 4%; margin-top: 10% }
.popin_n:last-of-type { margin-bottom: 0 }
}
/* quantity */
.quantity { font-size: 0; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }
.quantity_asPack {text-align: center}
.quantity input, .quantity span { display: inline-block; vertical-align: middle; background: #e6e4e4; color: #958f8e; border: 0; padding: 9px 14px; font-weight: 600; margin: 0 1px }
.quantity input { padding: 12px 5px 9px; width: 50px; text-align: center }
.quantity span { font-size: 16px; line-height: 16px; cursor: pointer; -webkit-transition: background 350ms ease; transition: background 350ms ease }
.quantity span { font-size: 16px; line-height: 16px; cursor: pointer; -webkit-transition: background 350ms ease; transition: background 350ms ease }
.quantity span:hover { background: #d9d7d7 }
.quantity span.inc {}
.quantity span.dec {}
/* js Interactions */
@-webkit-keyframes animDown {
from {
-webkit-transform: translate(0, -1000px)
}
to {
-webkit-transform: translate(0,0)
}
}
@-webkit-keyframes animUp {
from {
-webkit-transform: translate(0,0)
}
to {
-webkit-transform: translate(0, -1000px);
}
}
.jsOverflow { overflow: hidden }
.jsOverlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.9); z-index: 9999; overflow: hidden }
.jsOverlay_asDown { -webkit-animation: animDown 600ms; }
.jsOverlay_asUp { -webkit-animation: animUp 600ms; }
.jsOverlay .jsNavClose { width: 24px; height: 24px; background: url('i/hd_c_nav_close.png') 0 0 no-repeat; position: absolute; top: 25px; left: 25px; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
.jsOverlay .jsNavClose:hover { opacity: .7 }
.btn { font-family: 'Source Sans Pro'; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
.btn:hover { opacity: .8 }
.btn[disabled] { opacity: .2;-webkit-transition: none;transition:none !important; }
.btn_asBlue { background-color: #55bfcf }
.btn_asBrown { background-color: #544a49 }
.btn_asBrown:hover { background-color: #6F6362 }
.btn_asGrey { background-color: #d9d7d7 }
/*
####### PLUGINS #######
*/
/* bx slider */
.bx-wrapper { position: relative; margin: 0 auto 20px; padding: 0; *zoom: 1 }
.bx-wrapper img { max-width: 100%; display: block }
.bx-wrapper .bx-viewport { background: #fff; -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { position: absolute; bottom: 5px; width: 100%; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; border: 1px solid #7e7371; outline: 0; position: relative; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease }
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover {border-color: #4ca7ad }
.bx-wrapper .bx-pager.bx-default-pager a::before{ content: ''; width: 12px; height: 12px; border: 1px solid transparent; position: absolute; top: -3px; left: -3px; -webkit-transition: border-color 350ms ease .2s; transition: border-color 350ms ease .2s }
.bx-wrapper .bx-pager.bx-default-pager a:hover::before,
.bx-wrapper .bx-pager.bx-default-pager a.active::before { content: ''; width: 12px; height: 12px; border: 1px solid #a5d3d6; position: absolute; top: -3px; left: -3px }
.bx-wrapper .bx-controls-direction a.bx-prev { left: 0 }
.bx-wrapper .bx-controls-direction a.bx-next:before { background-position: 0 -21px; right: 10px }
.bx-wrapper .bx-controls-direction a.bx-prev:before::hover { background-position: -38px 0 }
.bx-wrapper .bx-controls-direction a.bx-next:before::hover { background-position: -38px -21px }
.bx-wrapper .bx-controls-direction a.disabled.bx-prev:before::hover { background-position: 0 0 }
.bx-wrapper .bx-controls-direction a.disabled.bx-next:before::hover { background-position: 0 -21px }
.bx-wrapper .bx-controls-direction a:before { content: ''; background: url('i/hpcarousel_ctrl.png') no-repeat; position: absolute; top: 50%; margin-top: -10px; outline: 0; width: 11px; height: 21px; z-index: 1000; -webkit-transition: background-position 350ms ease-in-out; transition: background-position 350ms ease-in-out; }
.bx-wrapper .bx-controls-direction a.bx-prev:before { left: 10px }
.bx-wrapper .bx-controls-direction a.bx-next { right: 0 }
.bx-wrapper .bx-controls-direction a { width:20px; position: absolute; top: 0; bottom: 0; text-indent: -9999px; height: 100% }
.bx-wrapper .bx-controls-direction a.disabled { opacity: .4; cursor: default }