@import url('https://fonts.googleapis.com/css?family=Caveat+Brush&subset=latin-ext');

/*Campaign Slim*/
#singles-day-slim-banner.campaign-slim {margin-top:10px; display:none;}
#singles-day-slim-banner.campaign-slim .campaign-slim-tab {width:100%; display:table; overflow:hidden; background:#32b3c2;}
#singles-day-slim-banner.campaign-slim .campaign-slim-row {width:100%; display:table-row;}
#singles-day-slim-banner.campaign-slim .campaign-slim-cell {display:table-cell; text-align:center; vertical-align:middle;}

/*Spc*/
#singles-day-slim-banner.no-counter .campaign-slim-cell.campaign-slim-timer .campaign-slim-timer-tab {visibility:hidden;}
#singles-day-slim-banner.no-btn .campaign-slim-cell.campaign-slim-btn {visibility:hidden;}
#singles-day-slim-banner.no-lnk {pointer-events: none;}

/*Description*/
#singles-day-slim-banner.campaign-slim .campaign-slim-txt {text-align:left; padding:10px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-txt h1 {margin:0; padding:0; color:#000000; font-size:18px; line-height:1.2em; font-weight:bold;}
#singles-day-slim-banner.campaign-slim .campaign-slim-txt h2 {margin:0; padding:2px 0 0 0; color:#000000; font-size:14px; line-height:1.2em; font-weight:normal;}

/*Object*/
#singles-day-slim-banner.campaign-slim .campaign-slim-object {width:200px; position:relative; text-align:right; vertical-align:top; background:url(../../images/banners/singles-day/panda.png) 0 8px no-repeat;}
#singles-day-slim-banner.campaign-slim .campaign-slim-object .campaign-slim-object-wrapper {width:109px; height:133px; position:absolute; top:0; right:0; background:url(../../images/banners/singles-day/ballon.png) 100% -20px no-repeat;}
#singles-day-slim-banner.campaign-slim .campaign-slim-object .campaign-slim-object-wrapper .campaign-slim-object-tab {display:table; margin:3px 15px 0 auto;}
#singles-day-slim-banner.campaign-slim .campaign-slim-object .campaign-slim-object-wrapper .campaign-slim-object-row {display:table-row;}
#singles-day-slim-banner.campaign-slim .campaign-slim-object .campaign-slim-object-wrapper .campaign-slim-object-cell {display:table-cell; text-align:center; vertical-align:middle;}
#singles-day-slim-banner.campaign-slim .campaign-slim-object .campaign-slim-object-wrapper .campaign-slim-object-pro {margin:0; padding:0; font-size:36px; line-height:1em; color:#ffffff; font-weight:normal; text-transform:uppercase; font-family:'Caveat Brush', cursive; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);}
#singles-day-slim-banner.campaign-slim .campaign-slim-object .campaign-slim-object-wrapper .campaign-slim-object-pro span {margin:0; padding:0; font-size:18px; line-height:22px;}

/*Counter*/
#singles-day-slim-banner.campaign-slim .campaign-slim-timer {width:35%; padding:10px; text-align:left;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer .campaign-slim-timer-tab {display:table;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer .campaign-slim-timer-tab .campaign-slim-timer-row {display:table-row;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer .campaign-slim-timer-tab .campaign-slim-timer-cell {padding:1px 1px 1px 30px; height:40px; position:relative; z-index:2; background-color:#ffffff; display:table-cell; vertical-align:middle;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer .campaign-slim-timer-tab .campaign-slim-timer-cell:before {content:url(../../images/banners/singles-day/timer-icon-mini.png); position:absolute; left:10px; top:5px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt {float:left; padding:1px 10px 0 10px; font-size:18px; line-height:1.1; font-weight:600; white-space:nowrap;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt {float:left; font-size:18px; line-height:1.1; font-weight:600; padding:1px 0 0 10px; white-space:nowrap;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter {float:left; white-space:nowrap; padding:0 10px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-size:20px; line-height:1; font-weight:600;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s {font-size:18px; line-height:1; font-weight:400;}

/*Btn*/
#singles-day-slim-banner.campaign-slim .campaign-slim-btn {width:10%; padding:10px; text-align:right;}
#singles-day-slim-banner.campaign-slim .campaign-slim-btn a {position:relative; font-size:14px; background-color:#ed1c24; padding:7px 15px; text-align:center; display:inline-block; border-radius:5px; line-height:1.2; color:#ffffff; z-index:10; white-space:nowrap;}

/*Brands*/
.delimano #singles-day-slim-banner.campaign-slim .campaign-slim-txt h1,
.delimano #singles-day-slim-banner.campaign-slim .campaign-slim-txt h2,
.delimano #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt,
.delimano #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt,
.delimano #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
.delimano #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
.delimano #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
.delimano #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-family:'Roboto Slab', Arial, sans-serif;}
.delimano #singles-day-slim-banner.campaign-slim .campaign-slim-btn a {background-color:#ef7321; font-family:'Roboto Slab', Arial, sans-serif;}

.dormeo #singles-day-slim-banner.campaign-slim .campaign-slim-txt h1,
.dormeo #singles-day-slim-banner.campaign-slim .campaign-slim-txt h2,
.dormeo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt,
.dormeo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt,
.dormeo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
.dormeo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
.dormeo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
.dormeo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-family:'PT Sans', Arial, sans-serif;}
.dormeo #singles-day-slim-banner.campaign-slim .campaign-slim-btn a {background-color:#c4208c; font-family:'PT Sans', Arial, sans-serif;}

.liveactive #singles-day-slim-banner.campaign-slim .campaign-slim-txt h1,
.liveactive #singles-day-slim-banner.campaign-slim .campaign-slim-txt h2,
.liveactive #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt,
.liveactive #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt,
.liveactive #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
.liveactive #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
.liveactive #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
.liveactive #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-weight:bold; font-family:'Open Sans Condensed', Arial, sans-serif;}
.liveactive #singles-day-slim-banner.campaign-slim .campaign-slim-btn a {font-weight:bold; background-color:#83c341; font-family:'Open Sans Condensed', Arial, sans-serif;}

.mango #singles-day-slim-banner.campaign-slim .campaign-slim-txt h1,
.mango #singles-day-slim-banner.campaign-slim .campaign-slim-txt h2,
.mango #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt,
.mango #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt,
.mango #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
.mango #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
.mango #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
.mango #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-family:'Roboto Condensed', Arial, sans-serif;}
.mango #singles-day-slim-banner.campaign-slim .campaign-slim-btn a {background-color:#e3116f; font-family:'Roboto Condensed', Arial, sans-serif;}

.topshop #singles-day-slim-banner.campaign-slim .campaign-slim-txt h1,
.topshop #singles-day-slim-banner.campaign-slim .campaign-slim-txt h2,
.topshop #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt,
.topshop #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt,
.topshop #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
.topshop #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
.topshop #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
.topshop #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-family:'Roboto Condensed', Arial, sans-serif;}
.topshop #singles-day-slim-banner.campaign-slim .campaign-slim-btn a {background-color:#ed1c24; font-family:'Roboto Condensed', Arial, sans-serif;}

.walkmaxx #singles-day-slim-banner.campaign-slim .campaign-slim-txt h1,
.walkmaxx #singles-day-slim-banner.campaign-slim .campaign-slim-txt h2,
.walkmaxx #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt,
.walkmaxx #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt,
.walkmaxx #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
.walkmaxx #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
.walkmaxx #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
.walkmaxx #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-family:'Roboto Condensed', Arial, sans-serif;}
.walkmaxx #singles-day-slim-banner.campaign-slim .campaign-slim-btn a {background-color:#d22026; font-family:'Roboto Condensed', Arial, sans-serif;}

.wellneo #singles-day-slim-banner.campaign-slim .campaign-slim-txt h1,
.wellneo #singles-day-slim-banner.campaign-slim .campaign-slim-txt h2,
.wellneo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt,
.wellneo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt,
.wellneo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
.wellneo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
.wellneo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
.wellneo #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-family:'Roboto Condensed', Arial, sans-serif;}
.wellneo #singles-day-slim-banner.campaign-slim .campaign-slim-btn a {background-color:#a6ce39; font-family:'Roboto Condensed', Arial, sans-serif;}

.outlet #singles-day-slim-banner.campaign-slim .campaign-slim-txt h1,
.outlet #singles-day-slim-banner.campaign-slim .campaign-slim-txt h2,
.outlet #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt,
.outlet #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt,
.outlet #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
.outlet #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
.outlet #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
.outlet #singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;}
.outlet #singles-day-slim-banner.campaign-slim .campaign-slim-btn a {background-color:#82b80a; font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;}

@media only screen and (max-width: 960px) {
/*Campaign Slim*/
#singles-day-slim-banner.campaign-slim {padding:0 30px;}

/*Object*/
#singles-day-slim-banner.campaign-slim .campaign-slim-object {width:60px; background:none;}
#singles-day-slim-banner.campaign-slim .campaign-slim-object .campaign-slim-object-wrapper {right:-20px;}
}

@media only screen and (max-width: 768px) {
/*Description*/
#singles-day-slim-banner.campaign-slim .campaign-slim-txt h2 {display:none;}

/*Counter*/
#singles-day-slim-banner.campaign-slim .campaign-slim-timer .campaign-slim-timer-tab {width:100%; margin-top:0; padding-bottom:0px; float:none; margin-right:0;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer .campaign-slim-timer-tab .campaign-slim-timer-cell {padding-left:30px; height:40px;}
}

@media only screen and (max-width:640px) {
/*Description*/
#singles-day-slim-banner.campaign-slim .campaign-slim-txt {width:75%;}
#singles-day-slim-banner.campaign-slim .campaign-slim-txt h2 {display:block;}

/*Spc*/
#singles-day-slim-banner.no-counter .campaign-slim-cell.campaign-slim-timer .campaign-slim-timer-tab {display:none;}
#singles-day-slim-banner.no-counter .campaign-slim-cell.campaign-slim-btn {padding:0 10px 10px 10px;}
#singles-day-slim-banner.no-btn .campaign-slim-cell.campaign-slim-timer {padding-bottom:10px;}
#singles-day-slim-banner.no-btn .campaign-slim-cell.campaign-slim-btn {display:none;}
#singles-day-slim-banner.no-btn.no-counter .campaign-slim-cell.campaign-slim-timer {padding-bottom:0;}

/*Object*/
#singles-day-slim-banner.campaign-slim .campaign-slim-object {position:static;}
#singles-day-slim-banner.campaign-slim .campaign-slim-object .campaign-slim-object-wrapper {top:0; right:0;}

/*Campaign Slim*/
#singles-day-slim-banner.campaign-slim .campaign-slim-tab {width:100%; display:block; position:relative; background-image: none;}
#singles-day-slim-banner.campaign-slim .campaign-slim-row {width:100%; display:block;}
#singles-day-slim-banner.campaign-slim .campaign-slim-cell {display:block; text-align:left;}

/*Counter*/
#singles-day-slim-banner.campaign-slim .campaign-slim-timer {width:100%;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer {padding:0 10px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt {font-size:16px; float:none;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt {font-size:16px; float:none;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-size:22px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s {font-size:18px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-btn {width:100%;}
}

@media only screen and (max-width:480px) {
/*Campaign Slim*/
#singles-day-slim-banner.campaign-slim {padding:0 10px;}
}

@media only screen and (max-width:380px) {
/*Counter*/
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt {font-size:14px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt {font-size:14px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-size:20px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s {font-size:16px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-btn a {width:100%;}
}

@media only screen and (max-width:320px) {
/*Counter*/
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-end-txt {font-size:12px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter-valid-txt {font-size:12px; margin-bottom:0;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m-nmb,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s-nmb {font-size:18px;}
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.d,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.h,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.m,
#singles-day-slim-banner.campaign-slim .campaign-slim-timer #campaign-slim-counter span.s {font-size:14px;}
}