@font-face{
 font-family: "texgyreadventorregular";
 src: url("../fonts/texgyreadventor-regular-webfont.eot");
 src: url("../fonts/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"),
      url("../fonts/texgyreadventor-regular-webfont.woff") format("woff"),
      url("../fonts/texgyreadventor-regular-webfont.ttf") format("truetype"),
      url("../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular") format("svg");
 font-weight: normal;
 font-style: normal;
}
@font-face{
 font-family: "texgyreadventorbold";
 src: url("../fonts/texgyreadventor-bold-webfont.eot");
 src: url("../fonts/texgyreadventor-bold-webfont.eot?#iefix") format("embedded-opentype"),
      url("../fonts/texgyreadventor-bold-webfont.woff") format("woff"),
      url("../fonts/texgyreadventor-bold-webfont.ttf") format("truetype"),
      url("../fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold") format("svg");
 font-weight: normal;
 font-style: normal;
}
@font-face{
 font-family: "texgyreadventoritalic";
 src: url("../fonts/texgyreadventor-italic-webfont.eot");
 src: url("../fonts/texgyreadventor-italic-webfont.eot?#iefix") format("embedded-opentype"),
      url("../fonts/texgyreadventor-italic-webfont.woff") format("woff"),
      url("../fonts/texgyreadventor-italic-webfont.ttf") format("truetype"),
      url("../fonts/texgyreadventor-italic-webfont.svg#texgyreadventorbold") format("svg");
 font-weight: normal;
 font-style: normal;
}
@font-face{
 font-family: "billabongregular";
 src: url("../fonts/billabong-webfont.eot");
 src: url("../fonts/billabong-webfont.eot?#iefix") format("embedded-opentype"),
      url("../fonts/billabong-webfont.woff") format("woff"),
      url("../fonts/billabong-webfont.ttf") format("truetype"),
      url("../fonts/billabong-webfont.svg#billabongregular") format("svg");
 font-weight: normal;
 font-style: normal;
}
@font-face{
 font-family: "bodonistdregular";
 src: url("../fonts/bodonistd/BodoniStd-Book.eot");
 src: url("../fonts/bodonistd/BodoniStd-Book.eot?#iefix") format("embedded-opentype"),
   url("../fonts/bodonistd/BodoniStd-Book.woff") format("woff"),
   url("../fonts/bodonistd/BodoniStd-Book.ttf") format("truetype"),
   url("../fonts/bodonistd/BodoniStd-Book.svg#billabongregular") format("svg");
 font-weight: normal;
 font-style: normal;
}
/* start of general tag styles */
@media (min-width : 768px){
 html, body{
  overflow-x: hidden;
  min-width: 980px;
 }
}
body{
 color: #585555;
 font: 16px/1.25em texgyreadventorregular;
}
::-moz-selection, ::selection{
 background: #c82754;
 color: #fff;
 text-shadow: none;
}
a, a:link, a:visited, a:active, a:focus{
 color: #c82754;
 text-decoration: underline;
}
a:hover{
 text-decoration: none;
}
h1, h4, h5{
 font-family: texgyreadventorregular;
 font-weight: normal;
 font-style: normal;
}
h2, h3, h6, b, strong, th{
 font-family: texgyreadventorbold;
 font-weight: normal;
}
i, em{
 font-family: texgyreadventoritalic;
 font-weight: normal;
 font-style: normal;
}
h1{
 font-size: 33px;
}
h2{
 font-size: 30px;
}
h2, h4, h6{
 color: #c82754;
}
h3{
 font-size: 28px;
}
h4{
 font-size: 25px;
}
h5{
 font-size: 20px;
}
h6{
 font-size: 15px;
}
.chi h2, .chi h3, .chi h6, .chi b, .chi strong, .chi th{
 font-weight: normal;
}
.chi em{
 font-variant: normal;
 font-style: normal;
}
p{
 line-height: 1.5em;
 margin: 15px 0;
 word-wrap: break-word;
}
a{
 outline: transparent;
}
p a, p a:link, p a:visited, p a:active, p a:focus{
 text-decoration: none;
}
p a:hover{
 text-decoration: underline;
}
ol.alpha{
 list-style-type: lower-alpha;
}
ol.roman{
 list-style-type: lower-roman;
}
label{
 display: block;
 font-size: 14px;
 font-family: texgyreadventorbold;
 font-weight: normal;
 line-height: 2.5em;
 margin: 0 0 15px;
 position: relative;
}
/* end of tag styles */
/* start of utility classes */
.reset{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 list-style: none outside none;
}
.bg-default{
 background-color: #fff !important;
 color: #585555 !important;
}
.bg-primary{
 background-color: #585555 !important;
 color: #fff !important;
}
.bg-secondary{
 background-color: #c82754 !important;
 color: #fff !important;
}
.text-default{
 color: #585555 !important;
}
.text-secondary{
 color: #c82754 !important;
}
.text-regular{
 font-family: texgyreadventorregular !important;
}
.text-bold{
 font-family: texgyreadventorbold !important;
}
.text-italic{
 font-family: texgyreadventoritalic !important;
}
.text-underline{
 text-decoration: underline;
}
.tbl-primary thead, .tbl-secondary thead{
 color: #fff;
}
.tbl-primary thead tr th, .tbl-secondary thead tr th, .tbl-primary thead tr td, .tbl-secondary thead tr td{
 padding: 15px;
}
.tbl-primary thead tr{
 background-color: #c82754;
}
.tbl-primary tbody tr{
 background-color: #fbf2f4;
 border-bottom: 1px solid #e2547c;
}
.tbl-primary tbody tr:nth-child(even){
 background-color: #f8e5ea;
}
.tbl-primary tbody tr:hover{
 background-color: #ffd2df;
}
.tbl-primary tbody tr:last-child, .tbl-secondary tbody tr:last-child{
 border-bottom: none;
}
.tbl-primary tbody, .tbl-secondary tbody{
 color: #585555;
}
.tbl-primary tbody td, .tbl-secondary tbody td{
 padding: 6px 25px;
}
.tbl-secondary thead tr{
 background-color: #585555;
}
.tbl-secondary tbody tr{
 background-color: #efecec;
 border-bottom: 1px solid #adacac;
}
.tbl-secondary tbody tr:nth-child(even){
 background-color: #dddada;
}
.tbl-secondary tbody tr:hover{
 background-color: #f9f9f9;
}
.cashback-sm, .cashback-lg{
 display: inline-block;
 position: relative;
}
.cashback-sm:before, .cashback-lg:before{
 content: "";
 display: block;
 position: absolute;
}
.cashback-sm{
 padding: 0 0 0 26px;
}
.cashback-sm:before{
 background-position: 0 -252px;
 height: 14px;
 left: 2px;
 top: 4px;
 width: 20px;
}
.cashback-lg{
 padding: 0 0 0 40px;
}
.cashback-lg:before{
 background-position: 0 -226px;
 height: 21px;
 left: 2px;
 top: 0;
 width: 31px;
}
.twn .cashback-sm:before{
 background-position: 0 -2372px;
}
.twn .cashback-lg:before{
 background-position: 0 -2328px;
}
.btn, .btn:link, .btn:visited, .btn:active, .btn:hover{
 background-color: #585555;
 border: 1px solid #888686;
 border-radius: 30px;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 padding: .4em 1.4em .5em;
 text-decoration: none;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
.msa #mini-cart .actions .btn-primary{
 font-size: 0.8em;
}
.btn:hover{
 background-color: #716e6e;
 -webkit-box-shadow: 0 0 15px 3px rgba(113, 110, 110, .5);
 box-shadow: 0 0 15px 3px rgba(113, 110, 110, .5);
 text-decoration: none;
}
.btn.btn-inverted{
 background-color: #fff;
 color: #716e6e;
}
.btn.btn-inverted:hover{
 background-color: #a5a4a4;
 -webkit-box-shadow: 0 0 15px 0 rgba(255, 255, 255, .5);
 box-shadow: 0 0 15px 0 rgba(255, 255, 255, .5);
 color: #fff;
}
.btn.btn-small, .btn.btn-small:visited, .btn.btn-small:active, .btn.btn-small:hover{
 font-size: 12px;
}
.btn.btn-large{
 height: 38px;
}
.btn.btn-primary, .btn.btn-primary:visited, .btn.btn-primary:active, .btn.btn-primary:hover, .btn.btn-primary.btn-inverted, .btn.btn-primary.btn-inverted:visited, .btn.btn-primary.btn-inverted:active, .btn.btn-primary.btn-inverted:hover{
 color: #fff;
 background-color: #c82754;
 border: 1px solid #eb6c8f;
}
.btn.btn-primary:hover{
 background-color: #f33368;
 -webkit-box-shadow: 0 0 15px 3px rgba(200, 39, 84, .5);
 box-shadow: 0 0 15px 3px rgba(200, 39, 84, .5);
}
.btn.btn-primary.btn-inverted:hover{
 -webkit-box-shadow: 0 0 20px 0 rgba(255, 255, 255, .5), 0 0 20px 3px rgba(200, 39, 84, .8);
 box-shadow: 0 0 20px 0 rgba(255, 255, 255, .5), 0 0 20px 3px rgba(200, 39, 84, .8);
}
.btn.btn-secondary{
 background-color: #bebaba;
 border: 1px solid #979697;
 color: #4a4848;
 font-size: 13px;
}
.btn.btn-secondary:hover{
 background-color: #dcdada;
 border: 1px solid #b6b5b5;
 -webkit-box-shadow: 0 0 20px 0 rgba(74, 72, 72, .8);
 box-shadow: 0 0 20px 0 rgba(74, 72, 72, .8);
 color: #4a4848;
}
.btn.btn-secondary.btn-inverted{
 background-color: #dcdada;
 border: 1px solid #979697;
 color: #4a4848;
}
.btn.btn-secondary.btn-inverted:hover{
 background-color: #fff;
 border: 1px solid #b6b5b5;
 -webkit-box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.8);
 box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.8);
}
.btn.btn-quick{
 background-color: #c82754;
 border: 2px solid #fefffd;
 -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .4);
 box-shadow: 0 0 12px rgba(0, 0, 0, .4);
 color: #fffefc;
 font-size: 13px;
 padding: .4em 2em .5em;
}
.btn.btn-quick:hover{
 background-color: #f33368;
 -webkit-box-shadow: 0 0 15px 3px rgba(200, 39, 84, .5);
 box-shadow: 0 0 15px 3px rgba(200, 39, 84, .5);
}
.btn.btn-primary.autoship{
 margin-bottom: 10px;
}
/*begin standard images*/
.sprite,
#masthead .sprite,
.flag-sm, .flag-lg,
.cashback-sm:before,
.cashback-lg:before,
#masthead .menu .cart i,
#masthead .menu .search,
.headline .remove,
#footer .links nav li,
#footer .connect a,
#search-menu .dropdown-toggle:after,
#masthead .menu nav li.open:after,
#mini-cart .actions p span,
.alert:before,
label.input-success:after,
label.input-danger:after,
label.input-warning:after,
label.input-info:after,
.selectbox.select-success:before,
.selectbox.select-danger:before,
.selectbox.select-warning:before,
.selectbox.select-info:before,
#mini-cart .shipping p:before,
#mini-cart .shipping .help,
.addthis_toolbox a,
.addthis_toolbox li.link span,
.page-tools .link span,
.popover .close,
#content .carousel-control.right,
#content .carousel-control.left,
.breadcrumb > li:after,
.modal-header .close,
.shopbox-logo,
.shop-points-sm:before,
.shop-points-lg:before,
.c-shell-banner__close{
 background-image: url(/site/cs/images/sprite/motives-cosmetics-sprite.png);
 background-repeat: no-repeat;
}
/* sprite for all sub menus */
#host-menu li a,
#join-menu li a,
#love-menu li a,
#learn-menu li a{
 background-color: transparent;
 background-image: url(/site/cs/images/sprite/motives-cosmetics-menu-sprite.jpg);
 background-repeat: no-repeat;
}
.sgp #host-menu li a,
.sgp #join-menu li a,
.sgp #love-menu li a,
.sgp #learn-menu li a,
.hkg #host-menu li a,
.hkg #join-menu li a,
.hkg #love-menu li a,
.hkg #learn-menu li a,
.twn #host-menu li a,
.twn #join-menu li a,
.twn #love-menu li a,
.twn #learn-menu li a{
 background-image: url(/site/cs/images/sprite/motives-cosmetics-menu-sprite-hk-twn.jpg);
 -webkit-background-size: 430px 6500px;
 -moz-background-size: 430px 6500px;
 background-size: 430px 6500px;
}
#sub-hero .fan-favorites{
 background-image: url(/site/cs/images/site/subhero/subhero-fan-favorites.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
}
#sub-hero .whats-hot{
 background-image: url(/site/cs/images/site/subhero/subhero-whats-hot.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
}
#sub-hero .best-sellers{
 background-image: url(/site/cs/images/site/subhero/subhero-best-sellers.jpg);
 background-repeat: no-repeat;
 background-position: right bottom;
}
/*end standard images*/
/*begin retina images*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi){
 .sprite,
 #masthead .sprite,
 .flag-sm, .flag-lg,
 .cashback-sm:before,
 .cashback-lg:before,
 #masthead .menu .cart i,
 #masthead .menu .search,
 .headline .remove,
 #footer .links nav li,
 #footer .connect a,
 #search-menu .dropdown-toggle:after,
 #masthead .menu nav li.open:after,
 #mini-cart .actions p span,
 .alert:before,
 label.input-success:after,
 label.input-danger:after,
 label.input-warning:after,
 label.input-info:after,
 .selectbox.select-success:before,
 .selectbox.select-danger:before,
 .selectbox.select-warning:before,
 .selectbox.select-info:before,
 #mini-cart .shipping p:before,
 #mini-cart .shipping .help,
 .addthis_toolbox a,
 .addthis_toolbox li.link span,
 .page-tools .link span,
 .popover .close,
 #content .carousel-control.right,
 #content .carousel-control.left,
 .breadcrumb > li:after,
 .modal-header .close,
 .shopbox-logo,
 .shop-points-sm:before,
 .shop-points-lg:before,
 .c-shell-banner__close{
  background-image: url(/site/cs/images/sprite/motives-cosmetics-sprite@2x.png);
  -webkit-background-size: 700px 2500px;
  -moz-background-size: 700px 2500px;
  background-size: 700px 2500px;
 }
 #host-menu li a,
 #join-menu li a,
 #love-menu li a,
 #learn-menu li a{
  background-image: url(/site/cs/images/sprite/motives-cosmetics-menu-sprite@2x.jpg);
  -webkit-background-size: 430px 6500px;
  -moz-background-size: 430px 6500px;
  background-size: 430px 6500px;
 }
 .sgp #host-menu li a,
 .sgp #join-menu li a,
 .sgp #love-menu li a,
 .sgp #learn-menu li a,
 .hkg #host-menu li a,
 .hkg #join-menu li a,
 .hkg #love-menu li a,
 .hkg #learn-menu li a,
 .twn #host-menu li a,
 .twn #join-menu li a,
 .twn #love-menu li a,
 .twn #learn-menu li a{
  background-image: url(/site/cs/images/sprite/motives-cosmetics-menu-sprite-hk-twn@2x.jpg);
  -webkit-background-size: 430px 6500px;
  -moz-background-size: 430px 6500px;
  background-size: 430px 6500px;
 }
 #sub-hero .fan-favorites{
  background-image: url(/site/cs/images/site/subhero/subhero-fan-favorites@2x.jpg);
  -webkit-background-size: 110px 131px;
  -moz-background-size: 110px 131px;
  background-size: 110px 131px;
 }
 #sub-hero .whats-hot{
  background-image: url(/site/cs/images/site/subhero/subhero-whats-hot@2x.jpg);
  -webkit-background-size: 227px 50px;
  -moz-background-size: 227px 50px;
  background-size: 227px 50px;
 }
 #sub-hero .best-sellers{
  background-image: url(/site/cs/images/site/subhero/subhero-best-sellers@2x.jpg);
  -webkit-background-size: 242px 115px;
  -moz-background-size: 242px 115px;
  background-size: 242px 115px;
 }
}
/*end retina images*/
.corner-all, .corner-top, .corner-left, .corner-top-left{
 border-top-left-radius: 8px;
}
.corner-all, .corner-top, .corner-right, .corner-top-right{
 border-top-right-radius: 8px;
}
.corner-all, .corner-bottom, .corner-left, .corner-bottom-left{
 border-bottom-left-radius: 8px;
}
.corner-all, .corner-bottom, .corner-right, .corner-bottom-right{
 border-bottom-right-radius: 8px;
}
.alert{
 padding: 15px 35px 15px 45px;
 position: relative;
}
.alert:before{
 content: "";
 display: block;
 height: 25px;
 position: absolute;
 left: 10px;
 top: 18px;
 width: 25px;
}
.alert.alert-success{
 background-color: #e8fac6;
 color: #215603;
}
.alert.alert-success:before{
 background-position: -108px -1013px;
}
.alert.alert-danger{
 background-color: #f9e9ee;
 color: #8e1739;
}
.alert.alert-danger:before{
 background-position: -72px -1088px;
}
.alert.alert-warning{
 background-color: #ffedd3;
 color: #585555;
}
.alert.alert-warning:before{
 background-position: -35px -1162px;
}
.alert.alert-warning.alert-plain{
 color: #eebd92;
}
.alert.alert-info{
 background-color: #e4f2f9;
 color: #145096;
}
.alert.alert-info:before{
 background-position: 0 -1235px;
}
.alert.alert-plain{
 background: none;
 border: none;
 padding: 0;
}
.alert.alert-plain:before{
 background: none;
 display: none;
}
.alert-fixed{
 position: fixed;
 bottom: 0;
 right: 0;
 width: 300px;
 z-index: 999;
}
.alert-fixed .close{
 top: 20px !important;
}
.alert p{
 margin: 0;
}
.alert .close, .alert .close:active, .alert .close:focus, .alert .close:visited{
 color: #000;
 position: absolute;
 text-decoration: none;
 top: 15px;
 right: 15px;
}
input.form-control, textarea.form-control, select.form-control{
 border: 1px solid #bebebe;
 border-radius: 6px;
 -webkit-box-shadow: 0 0 15px -4px rgba(88, 85, 85, .5);
 box-shadow: 0 0 15px -4px rgba(88, 85, 85, .5);
 color: #585555;
 font-family: texgyreadventorregular;
 font-size: 15px;
 outline: transparent;
 padding: 4px 13px;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
input.form-control:focus, textarea.form-control:focus, select.form-control:focus{
 border: 1px solid #bebebe;
 -webkit-box-shadow: 0 0 20px -4px #585555;
 box-shadow: 0 0 20px -4px #585555;
}
.selectbox{
 line-height: 20px;
 position: relative;
}
.selectbox:after{
 background: #fff;
 border-left: 1px solid #bebebe;
 border-left: 1px solid rgba(190, 190, 190, .3);
 border-radius: 0 4px 4px 0;
 color: #585555;
 content: "\25be";
 font-family: "Consolas", monospace;
 font-size: 20px;
 height: 32px;
 padding: 8px 5px;
 pointer-events: none;
 position: absolute;
 right: 4px;
 top: 1px;
}
.lt-ie9 .selectbox select{
 padding: 0 3px 0 5px;
}
.lt-ie9 .selectbox:after{
 display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
 .selectbox:after{
  display: none;
 }
}
.csstransforms .selectbox:after{
 border-left: none;
 padding: 9px 5px;
 right: 6px;
 -webkit-transform: scalex(1.5);
 -moz-transform: scalex(1.5);
 -ms-transform: scalex(1.5);
 transform: scalex(1.5);
}
.selectbox.selectbox-inverted{
 border: 2px solid #fff;
 border-radius: 6px;
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
 box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.selectbox.selectbox-inverted:after{
 background-color: #a0a0a0;
 color: #f7f7f7;
 font-weight: bold;
}
.selectbox.selectbox-inverted select{
 background-color: #a0a0a0;
 color: #f7f7f7;
}
.csstransforms .selectbox.selectbox-inverted:after{
 content: "^";
 -webkit-transform: scalex(1.3) rotatex(180deg);
 -moz-transform: scalex(1.3) rotatex(180deg);
 -ms-transform: scalex(1.3) rotatex(180deg);
 transform: scalex(1.3) rotatex(180deg);
}
.no-csstransforms .selectbox.selectbox-inverted:after{
 content: "v";
}
.selectbox select, .selectbox select:focus{
 outline: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 cursor: pointer;
}
.selectbox.select-success, .selectbox.select-danger, .selectbox.select-warning, .selectbox.select-info, .selectbox.loading{
 background: none;
 padding: 0 30px 0 0;
}
.selectbox.select-success:before, .selectbox.select-danger:before, .selectbox.select-warning:before, .selectbox.select-info:before, .selectbox.loading:before{
 content: "";
 display: block;
 height: 20px;
 position: absolute;
 pointer-events: none;
 top: 6px;
 right: 0;
 width: 20px;
}
.selectbox.select-success:before{
 background-position: -108px -1311px;
}
.selectbox.select-danger:before{
 background-position: -72px -1381px;
}
.selectbox.select-warning:before{
 background-position: -35px -1450px;
}
.selectbox.select-info:before{
 background-position: 0 -1519px;
}
.selectbox.loading:before{
 background: url(/site/cs/images/icons/loading-small.gif) no-repeat 50% 50%;
}
.selectbox.select-success:after, .selectbox.select-danger:after, .selectbox.select-warning:after, .selectbox.select-info:after, .selectbox.loading:after{
 right: 34px;
}
.csstransforms .selectbox.select-success:after, .csstransforms .selectbox.select-danger:after, .csstransforms .selectbox.select-warning:after, .csstransforms .selectbox.select-info:after, .csstransforms .selectbox.loading:after{
 right: 38px;
}
/* start bootstrap dropdown overrides */
.dropdown-toggle{
 border-radius: 6px;
 box-shadow: 0 0 15px -4px rgba(88, 85, 85, .5);
 text-align: left;
}
.dropdown-toggle:focus{
 border: 1px solid #ccc;
 box-shadow: 0 0 15px -4px rgba(88, 85, 85, .5), inset 0 0 0 0 #ccc;
}
.nav-tabs .tab.dropdown .dropdown-toggle,
.nav-tabs .tab.dropdown .dropdown-toggle:focus{
 border-radius: 4px 4px 0 0;
 box-shadow: none;
}
.nav-tabs .tab.dropdown.open .dropdown-toggle{
 background: #fff;
 border: 1px solid #ddd !important;
 width: 100%;
}
.selectbox .dropdown-toggle{
 color: #c82754;
}
.selectbox.open{
 box-shadow: 0 0 15px -4px rgba(88, 85, 85, .5);
}
.selectbox.open .dropdown-toggle,
.selectbox.open .dropdown-menu{
 box-shadow: inset 0 0 0 0 #ccc;
}
.open .dropdown-toggle{
 border-bottom-width: 0;
 border-radius: 6px 6px 0 0;
 box-shadow: inset 0 0 0 0 #ccc;
}
.open ul.dropdown-menu{
 border-radius: 0 0 6px 6px;
 border-top: none;
 width: 100%;
 min-width: 150px;
}
/* end bootstrap dropdown overrides */
label.input-success:after, label.input-danger:after, label.input-warning:after, label.input-info:after, label.loading:after{
 bottom: 6px;
 content: "";
 display: block;
 height: 20px;
 position: absolute;
 right: 10px;
 width: 20px;
}
label.input-success:after{
 background-position: -108px -1311px;
}
label.input-danger:after{
 background-position: -72px -1381px;
}
label.input-warning:after{
 background-position: -35px -1450px;
}
label.input-info:after{
 background-position: 0 -1519px;
}
label.loading:after{
 background: url(/site/cs/images/icons/loading-small.gif) no-repeat 50% 50%;
 right: 0;
}
label.input-success input.form-control, label.input-danger input.form-control, label.input-warning input.form-control, label.input-info input.form-control, label.loading:after{
 padding: 4px 35px 4px 13px;
}
.row.offset-1, .offset-1{
 margin-top: 15px;
}
.row.offset-2, .offset-2{
 margin-top: 30px;
}
.row.offset-3, .offset-3{
 margin-top: 45px;
}
.row.offset-4, .offset-4{
 margin-top: 60px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
 float: left;
 padding: 0 15px;
 position: relative;
 min-height: 1px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1{
 width: 8.333333333333332%;
}
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2{
 width: 16.666666666666664%;
}
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3{
 width: 25%;
}
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4{
 width: 33.33333333333333%;
}
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5{
 width: 41.66666666666667%;
}
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6{
 width: 50%;
}
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7{
 width: 58.333333333333336%;
}
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8{
 width: 66.66666666666666%;
}
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9{
 width: 75%;
}
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10{
 width: 83.33333333333334%;
}
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11{
 width: 91.66666666666666%;
}
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
 width: 100%;
}
.col-xs-push-0, .col-sm-push-0, .col-md-push-0, .col-lg-push-0{
 left: auto;
}
.col-xs-push-1, .col-sm-push-1, .col-md-push-1, .col-lg-push-1{
 left: 8.333333333333332%;
}
.col-xs-push-2, .col-sm-push-2, .col-md-push-2, .col-lg-push-2{
 left: 16.666666666666664%;
}
.col-xs-push-3, .col-sm-push-3, .col-md-push-3, .col-lg-push-3{
 left: 25%;
}
.col-xs-push-4, .col-sm-push-4, .col-md-push-4, .col-lg-push-4{
 left: 33.33333333333333%;
}
.col-xs-push-5, .col-sm-push-5, .col-md-push-5, .col-lg-push-5{
 left: 41.66666666666667%;
}
.col-xs-push-6, .col-sm-push-6, .col-md-push-6, .col-lg-push-6{
 left: 50%;
}
.col-xs-push-7, .col-sm-push-7, .col-md-push-7, .col-lg-push-7{
 left: 58.333333333333336%;
}
.col-xs-push-8, .col-sm-push-8, .col-md-push-8, .col-lg-push-8{
 left: 66.66666666666666%;
}
.col-xs-push-9, .col-sm-push-9, .col-md-push-9, .col-lg-push-9{
 left: 75%;
}
.col-xs-push-10, .col-sm-push-10, .col-md-push-10, .col-lg-push-10{
 left: 83.33333333333334%;
}
.col-xs-push-11, .col-sm-push-11, .col-md-push-11, .col-lg-push-11{
 left: 91.66666666666666%;
}
.col-xs-pull-0, .col-sm-pull-0, .col-md-pull-0, .col-lg-pull-0{
 right: auto;
}
.col-xs-pull-1, .col-sm-pull-1, .col-md-pull-1, .col-lg-pull-1{
 right: 8.333333333333332%;
}
.col-xs-pull-2, .col-sm-pull-2, .col-md-pull-2, .col-lg-pull-2{
 right: 16.666666666666664%;
}
.col-xs-pull-3, .col-sm-pull-3, .col-md-pull-3, .col-lg-pull-3{
 right: 25%;
}
.col-xs-pull-4, .col-sm-pull-4, .col-md-pull-4, .col-lg-pull-4{
 right: 33.33333333333333%;
}
.col-xs-pull-5, .col-sm-pull-5, .col-md-pull-5, .col-lg-pull-5{
 right: 41.66666666666667%;
}
.col-xs-pull-6, .col-sm-pull-6, .col-md-pull-6, .col-lg-pull-6{
 right: 50%;
}
.col-xs-pull-7, .col-sm-pull-7, .col-md-pull-7, .col-lg-pull-7{
 right: 58.333333333333336%;
}
.col-xs-pull-8, .col-sm-pull-8, .col-md-pull-8, .col-lg-pull-8{
 right: 66.66666666666666%;
}
.col-xs-pull-9, .col-sm-pull-9, .col-md-pull-9, .col-lg-pull-9{
 right: 75%;
}
.col-xs-pull-10, .col-sm-pull-10, .col-md-pull-10, .col-lg-pull-10{
 right: 83.33333333333334%;
}
.col-xs-pull-11, .col-sm-pull-11, .col-md-pull-11, .col-lg-pull-11{
 right: 91.66666666666666%;
}
.col-xs-offset-0, .col-sm-offset-0, .col-md-offset-0, .col-lg-offset-0{
 margin-left: 0;
}
.col-xs-offset-1, .col-sm-offset-1, .col-md-offset-1, .col-lg-offset-1{
 margin-left: 8.333333333333332%;
}
.col-xs-offset-2, .col-sm-offset-2, .col-md-offset-2, .col-lg-offset-2{
 margin-left: 16.666666666666664%;
}
.col-xs-offset-3, .col-sm-offset-3, .col-md-offset-3, .col-lg-offset-3{
 margin-left: 25%;
}
.col-xs-offset-4, .col-sm-offset-4, .col-md-offset-4, .col-lg-offset-4{
 margin-left: 33.33333333333333%;
}
.col-xs-offset-5, .col-sm-offset-5, .col-md-offset-5, .col-lg-offset-5{
 margin-left: 41.66666666666667%;
}
.col-xs-offset-6, .col-sm-offset-6, .col-md-offset-6, .col-lg-offset-6{
 margin-left: 50%;
}
.col-xs-offset-7, .col-sm-offset-7, .col-md-offset-7, .col-lg-offset-7{
 margin-left: 58.333333333333336%;
}
.col-xs-offset-8, .col-sm-offset-8, .col-md-offset-8, .col-lg-offset-8{
 margin-left: 66.66666666666666%;
}
.col-xs-offset-9, .col-sm-offset-9, .col-md-offset-9, .col-lg-offset-9{
 margin-left: 75%;
}
.col-xs-offset-10, .col-sm-offset-10, .col-md-offset-10, .col-lg-offset-10{
 margin-left: 83.33333333333334%;
}
.col-xs-offset-11, .col-sm-offset-11, .col-md-offset-11, .col-lg-offset-11{
 margin-left: 91.66666666666666%;
}
.headline{
 position: relative;
}
.headline .title{
 -ms-overflow-x: hidden;
 overflow: hidden;
 position: relative;
 width: 95%;
}
.headline h3{
 font-size: 30px;
 line-height: 1.5em;
 margin: 10px 0;
 overflow: hidden;
 text-transform: lowercase;
}
.headline.button h3{
 display: inline-block;
}
.headline.no-button h3:after, .headline.button .btn:after{
 background: #c4c4c4;
 content: "";
 display: inline-block;
 height: 1px;
 margin: .9em 0 0 .5em;
 position: absolute;
 width: 90%;
}
.headline.button .btn:after{
 margin: .75em 0 0 2.5em;
}
.headline h3 span{
 font-family: texgyreadventorregular;
 font-size: 26px;
 font-weight: normal;
 text-transform: capitalize;
}
.headline.button .btn{
 /*margin: -10px 0 0 15px; -- kyle: replaced with below to fix alignment issue */
 margin: -50px 0 0 15px;
}
.ie9 .headline.button .btn, .lt-ie9 .headline.button .btn{
 margin: -50px 0 0 15px;
}
.headline .remove{
 background-position: 0 -148px;
 border-radius: 20px;
 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
 box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
 color: #fff;
 cursor: pointer;
 height: 34px;
 margin: 25px 0 0;
 padding: 2px 0 0;
 position: absolute;
 text-indent: -9999px;
 top: -6px;
 right: 0;
 width: 34px;
}
.headline .remove:hover{
 background-position: -39px -148px;
}
.loading-overlay{
 position: relative;
}
.loading-overlay:before, .loading-overlay:after{
 background: #fff;
 content: "";
 display: block;
 height: 100%;
 left: 0;
 opacity: .75;
 pointer-events: none;
 position: absolute;
 top: 0;
 width: 100%;
}
.loading-overlay:after{
 background: url(/site/cs/images/icons/loading-large.gif) no-repeat 50% 50%;
 opacity: 1;
}
.flag-sm, .flag-lg{
 display: inline-block;
 text-indent: -9999px;
}
.flag-sm{
 height: 14px;
 width: 22px;
}
.flag-lg{
 height: 39px;
 width: 64px;
}
.usa .flag-sm, html *.usa.flag-sm{
 background-position: 0 -604px;
}
.gbr .flag-sm, html *.gbr.flag-sm{
 background-position: 0 -665px;
}
.can .flag-sm, html *.can.flag-sm{
 background-position: 0 -726px;
}
.aus .flag-sm, html *.aus.flag-sm{
 background-position: 0 -787px;
}
.hkg .flag-sm, html *.hkg.flag-sm{
 background-position: 0 -848px;
}
.mex .flag-sm, html *.mex.flag-sm{
 background-position: 0 -909px;
}
.twn .flag-sm, html *.twn.flag-sm{
 background-position: 0 -970px;
}
.esp .flag-sm, html *.esp.flag-sm{
 background-position: 0 -1651px;
}
.sgp .flag-sm, html *.sgp.flag-sm{
 background-position: -73px -726px;
}
.mys .flag-sm, html *.mys.flag-sm{
 background-position: -73px -786px;
}
.usa .flag-lg, html *.usa.flag-lg{
 background-position: 0 -561px;
}
.gbr .flag-lg, html *.gbr.flag-lg{
 background-position: 0 -622px;
}
.can .flag-lg, html *.can.flag-lg{
 background-position: 0 -683px;
}
.aus .flag-lg, html *.aus.flag-lg{
 background-position: 0 -744px;
}
.hkg .flag-lg, html *.hkg.flag-lg{
 background-position: 0 -805px;
}
.mex .flag-lg, html *.mex.flag-lg{
 background-position: 0 -866px;
}
.twn .flag-lg, html *.twn.flag-lg{
 background-position: 0 -927px;
}
.gpc .flag-lg, html *.gpc.flag-lg{
 background-position: -74px -561px;
}
.esp .flag-lg, html *.esp.flag-lg{
 background-position: 0 -1608px;
}
.sgp .flag-lg, html *.sgp.flag-lg{
 background-position: -73px -683px;
}
.mys .flag-lg, html *.mys.flag-lg{
 background-position: -73px -743px;
}
.price{
 color: #c82754;
 margin: 4px 0 8px;
}
/* start breadcrumbs */
.breadcrumb{
 background: none;
 font-weight: normal;
 list-style: none;
 margin: 0 0 .35em;
 padding: 0;
}
.breadcrumb:after{
 background: url(/site/cs/images/layout/motives-shadow-divider-short.png) no-repeat 0 0;
 content: "";
 height: 30px;
 width: 100%;
 display: block;
 margin: 10px 0 0;
}
.breadcrumb > li{
 display: inline-block;
}
.breadcrumb > li:last-child:after{
 content: none;
}
.breadcrumb > li:after{
 background-position: 0 -1934px;
 content: "";
 display: inline-block;
 height: 17px;
 margin: 0 0.75em -0.2em;
 width: 11px;
}
.breadcrumb > li + li:before{
  display: none;
}
.breadcrumb li, .breadcrumb a{
 color: #c82754;
 font-family: texgyreadventorbold;
 text-decoration: none;
}
.breadcrumb a:hover{
 color: #e97a8f;
}
/* end breadcrumbs */

.tooltip, .tooltip.in{
 opacity: 1;
}
.tooltip .tooltip-inner{
 background-color: #585555;
 border: 2px solid #6e6f71;
 color: #fff;
 font-family: texgyreadventorregular;
 font-weight: normal;
}
.tooltip.top .tooltip-arrow{
 border-top-color: #585555;
}
.popover{
 background-color: #585555;
 border: none;
 color: #e8e5e5;
}
.share .popover{
 max-width: 600px;
}
.popover h1, .popover h2, .popover h3, .popover h4, .popover h5, .popover h6{
 color: #fff;
}
.popover a, .popover a:link, .popover a:visited, .popover a:active .popover a:focus{
 color: #e798ae;
}
.popover .popover-title{
 background-color: #585555;
 border: none;
 color: #fff;
 padding: 8px 8px 8px 14px;
}
.popover .close{
 background-position: -106px -160px;
 height: 22px;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
 filter: alpha(opacity=40);
 opacity: .4;
 width: 22px;
}
.popover .close:hover{
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
}
.popover .popover-content{
 background-color: #585555;
 border: none;
 color: #fff;
 font-family: texgyreadventorregular;
 font-weight: normal;
}
.popover.top .arrow:after{
 border-top-color: #585555;
}
.popover.right .arrow:after{
 border-right-color: #585555;
}
.popover.bottom .arrow:after{
 border-bottom-color: #585555;
}
.popover.left .arrow:after{
 border-left-color: #585555;
}
/* end of utility classes */
/* start of header styles */
#masthead .container, #content .container, #footer .container{
 margin: 0 auto;
 padding: 0;
 width: 960px !important;
}
#masthead .toolbar{
 background: #797979;
 color: #fcfbf9;
 font-size: 11px;
 height: 30px;
 line-height: 30px;
 overflow: hidden;
 position: relative;
 top: 0;
}
#masthead .toolbar .container{
 padding: 0;
}
#masthead .toolbar .container div{
 float: right;
 padding: 0 0 0 30px;
 position: relative;
}
#masthead .toolbar .container div.promo{
 font-size: 12px;
}
#masthead .toolbar .container div.tooltip{
 position: absolute;
}
#masthead .toolbar .container div:last-child{
 padding: 0;
}
#masthead .toolbar .container div:before{
 background: #cfcfcf;
 content: "";
 display: block;
 height: 20px;
 left: 0;
 margin: 5px 15px;
 position: absolute;
 width: 1px;
}
#masthead .toolbar .container div:last-child:before{
 display: none;
}
#masthead .toolbar .promo p{
 line-height: 30px;
 margin: 0;
}
#masthead .toolbar a{
 color: #e9e9e9;
 display: block;
 outline: transparent;
 text-decoration: none;
}
#masthead .toolbar a.loading{
 padding-left: 20px !important;
 position: relative;
}
#masthead .toolbar a.loading:before{
 background: url(/site/cs/images/icons/loading-toolbar-small.gif) no-repeat 50% 50%;
 content: "";
 display: block;
 height: 16px;
 left: 0;
 position: absolute;
 top: 2px;
 width: 16px;
}
#masthead .toolbar .country a{
 display: block;
 padding: 0 15px 0 0;
 text-decoration: none;
}
.spa #masthead .toolbar .country a{ /* adjustment for spanish */
 padding: 0;
}
#masthead .toolbar .country a.loading:before{
 top: 7px;
}
#masthead .toolbar .country a b{
 float: left;
}
#masthead .toolbar .country a span{
 float: right;
 height: 13px;
 margin: 10px 0 0 6px;
 text-indent: -9999px;
 width: 22px;
}
#masthead .toolbar .login{
 color: #e9e9e9;
 float: right;
}
#masthead .toolbar .login a:last-child{
 padding: 0 0 0 3px;
}
.spa #masthead .toolbar .cashback-sm{ /* adjustment for spanish */
 font-size: 12px;
 line-height: 10px;
 top: 5px;
 width: 100px;
}
#masthead .toolbar .cashback-sm:before{
 top: 9px;
}
.spa #masthead .toolbar .cashback-sm:before{ /* adjustment for spanish */
 top: 3px;
}
#masthead .toolbar .toolbar-progress .progress:before{
 display: none !important;
}
#masthead .toolbar .toolbar-progress .progress{
 background: rgba(245, 245, 245, 1);
 border: 2px solid #fff;
 border-radius: 10px;
 box-shadow: 0px 0px 0px 2px #c82754;
 cursor: pointer;
 display: inline-block;
 float: left !important;
 height: 20px;
 width: 100px;
 color: #fff;
 margin-top: 5px;
 padding: 0 !important;
 position: relative;
}
#masthead .toolbar .toolbar-progress .progress:after{
 content: '';
 left: 0;
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 100%;
}
#masthead .toolbar .toolbar-progress .progress:after{
 background-image: -webkit-linear-gradient(right, transparent 0%, transparent 25%, #ccc 25%, #ccc 27%, transparent 27%, transparent 50%, #ccc 50%, #ccc 52%, transparent 52%, transparent 75%, #ccc 75%, #ccc 77%, transparent 77%, transparent 100%, #ccc 100%);
 background-image: linear-gradient(to left, transparent 0%, transparent 25%, #ccc 25%, #ccc 27%, transparent 27%, transparent 50%, #ccc 50%, #ccc 52%, transparent 52%, transparent 75%, #ccc 75%, #ccc 77%, transparent 77%, transparent 100%, #ccc 100%);
 height: 30px;
}
#masthead .toolbar .toolbar-progress .progress-bar{
 background: #c82754;
 float: left !important;
}
#masthead .toolbar .toolbar-progress .progress-badge{
 background: #c82754;
 border: 1px solid #fff;
 border-radius: 30px;
 box-shadow: 0px 0px 0px 2px #c82754;
 color: #fff;
 display: inline-block;
 float: left;
 font-weight: bold;
 text-align: center;
 min-width: 24px;
 min-height: 24px;
 margin-left: 10px;
 margin-top: 3px;
 font-size: 11px;
 line-height: 20px;
}
#masthead .toolbar .toolbar-progress .progress-message{
 color: #fff;
 display: inline-block;
 font-weight: bold;
 margin: 2px 10px;
 font-size: 11px;
 line-height: 12px;
}
#masthead .toolbar .progress-message a{
 display: inline-block;
 font-size: 13px;
}
#masthead .toolbar .toolbar-progress #earn-points-invite-friends{
 cursor: pointer;
}
.shop-points{
 clear: both;
 color: #000;
 font-size: 13px;
 margin: 0 0 10px;
 padding: 20px 0 13px;
}
.shop-points .shop-points-sm,
.shop-points .shop-points-lg{
 display: inline-block;
 margin-left: -5px;
}
.shop-points .shop-points-sm:before{
 background-position: -43px -251px;
 content: "";
 display: inline-block;
 width: 15px;
 height: 18px;
 margin: 0 5px;
 vertical-align: middle;
}
.shop-points .shop-points-lg:before{
 background-position: -43px -225px;
 content: "";
 display: inline-block;
 width: 22px;
 height: 26px;
 margin: 0 5px;
 vertical-align: middle;
}
.toolbar .shop-points{
 color: #fff;
}
#masthead .menu{
 background: #fff;
 min-height: 80px;
 padding: 0;
}
#masthead .menu .logo{
 height: 57px;
 margin: 15px 0 0;
 position: absolute;
 width: 162px;
}
#masthead .menu .logo span{
 display: none;
}
#masthead .menu .btn.search{
 background-position: 7px -52px;
 border-radius: 0 14px 14px 0;
 height: 28px;
 padding: 0;
 right: 2px;
 text-indent: -9999px;
 top: 2px;
 width: 36px;
}
#masthead .menu .cart{
 border: 1px solid #e1e1e1;
 -webkit-box-shadow: 0 3px 13px -2px #eee, 0 14px 15px -3px #aaa;
 box-shadow: 0 3px 13px -2px #eee, 0 14px 15px -3px #aaa;
 color: #8a8787;
 float: right;
 font-size: 14px;
 margin: 25px 10px 0;
 outline: transparent;
 padding: 6px 15px 3px;
 position: relative;
}
#masthead .menu .cart:hover{
 background-color: #eee;
 background-image: -webkit-linear-gradient(top, #eee, #fff);
 background-image: -moz-linear-gradient(top, #eee, #fff);
 background-image: -o-linear-gradient(top, #eee, #fff);
 background-image: -ms-linear-gradient(top, #eee, #fff);
 background-image: linear-gradient(top, #eee, #fff);
 text-decoration: none;
}
#masthead .menu .cart:before, #masthead .menu .cart:after{
 background: #fff;
 content: "";
 display: block;
 position: absolute;
}
#masthead .menu .cart:before{
 border-top: 1px solid #e1e1e1;
 bottom: -25px;
 height: 25px;
 left: -15px;
 width: 130%;
}
#masthead .menu .cart:after{
 background: #fff;
 bottom: -25px;
 height: 25px;
 left: 0;
 width: 100%;
}
#masthead .menu .cart b{
 font-size: 17px;
 float: left;
 padding: 0 5px 0 0;
}
#masthead .menu .cart span{
 float: left
}
#masthead .menu .cart i{
 background-position: 0 -90px;
 float: right;
 height: 20px;
 margin: 0 0 0 5px;
 text-indent: -9999px;
 width: 20px;
}
#masthead .menu nav{
 float: right;
 line-height: 80px;
 margin: 0 140px 0 0;
 position: relative;
}
#masthead .menu nav li{
  cursor: pointer;
 float: left;
 padding: 0 22px;
 position: relative;
}
.spa #masthead .menu nav li{ /* adjustment for spanish */
 float: left;
 padding: 0 11px;
}
.msa #masthead .menu nav li{ /* adjustment for malay */
 float: left;
 padding: 0 12px;
}
#masthead .menu nav li.open:after{
 content: "";
 background-position: 0 -528px;
 display: block;
 height: 29px;
 position: absolute;
 bottom: -12px;
 width: 48px;
 z-index: 501;
}
#masthead .menu nav a, #masthead .menu nav a:link, #masthead .menu nav a:active, #masthead .menu nav a:visited, #masthead .menu nav a:focus{
 color: #585555;
 font-size: 22px;
 outline: transparent;
 text-decoration: none;
 text-transform: lowercase;
}
.msa #masthead .menu nav a{
 font-size: 18px;
}
#masthead .menu nav a:hover{
 color: #c82754;
}
#masthead .submenu{
 background-color: #fff;
 -webkit-box-shadow: 0 0 10px -1px #ccc inset;
 box-shadow: 0 00 10px -1px #ccc inset;
 display: none;
 position: absolute;
 width: 100%;
 z-index: 500;
}
.no-boxshadow #masthead .submenu{
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}
#masthead .submenu .container{
 padding: 0 0 35px;
}
#masthead .submenu .row a, #masthead .submenu .row a:link, #masthead .submenu .row a:active, #masthead .submenu .row a:visited, #masthead .submenu .row a:focus{
 color: #585555;
 text-decoration: none;
}
#masthead .submenu .row a.txt-secondary, #masthead .submenu .row a.txt-secondary:link, #masthead .submenu .row a.txt-secondary:active, #masthead .submenu .row a.txt-secondary:visited, #masthead .submenu .row a.txt-secondary:focus{
 color: #c82754;
}
#masthead .submenu .row a:hover{
 text-decoration: underline;
}
#masthead aside{
 background: #dcd6d6;
 background-image: -webkit-linear-gradient(top, #dcd6d6, #dcdcdc);
 background-image: -moz-linear-gradient(top, #dcd6d6, #dcdcdc);
 background-image: -o-linear-gradient(top, #dcd6d6, #dcdcdc);
 background-image: -ms-linear-gradient(top, #dcd6d6, #dcdcdc);
 background-image: linear-gradient(top, #dcd6d6, #dcdcdc);
 padding: 0 0 40px;
}
#masthead .submenu .promo{
 float: right;
 width: 300px;
}
#masthead .submenu .promo img{
 max-width: 100%;
}
#masthead .subscribe-bar{
 background: #edebeb;
 background: -webkit-linear-gradient(top, #edebeb, #f7f5f5 25%);
 background: -moz-linear-gradient(top, #edebeb, #f7f5f5 25%);
 background: -o-linear-gradient(top, #edebeb, #f7f5f5 25%);
 background: -ms-linear-gradient(top, #edebeb, #f7f5f5 25%);
 background: linear-gradient(top, #edebeb, #f7f5f5 25%);
 height: 38px;
}
#masthead .subscribe-bar .welcome{
 font-size: 13px;
 height: 26px;
 line-height: 24px;
 margin: 6px 0;
 max-width: 340px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
#masthead .subscribe-bar ul li{
 border-left: 1px solid #d3d2d2;
 display: inline-block;
 float: right;
 height: 26px;
 line-height: 24px;
 margin: 6px 0;
 padding: 0 15px 0 13px;
}
#masthead .subscribe-bar ul li:first-child{
 padding-right: 0;
}
#masthead .subscribe-bar ul li:last-child{
 border-left: none;
 padding-left: 0;
}
#masthead .subscribe-bar .subscribe h6{
 color: #585555;
 line-height: 24px;
 margin: 0;
}
#masthead .subscribe-bar .subscribe a{
 color: #585555;
 text-decoration: none;
}
#masthead .subscribe-bar .subscribe a span{
 color: #c82754;
}
#masthead .subscribe-bar .subscribe a span.brand-name{
 color: #585555;
 font-family: bodonistdregular;
 font-weight: bold;
 text-transform: uppercase;
}
#masthead .subscribe-bar .subscribe a span.brand-name span{
 color: #585555;
 font-size: 70%;
 vertical-align: super;
}
#masthead .subscribe-bar .subscribe a:hover span{
 text-decoration: underline;
}
#masthead .subscribe-bar .subscribe a:hover span.brand-name,
#masthead .subscribe-bar .subscribe a:hover span.brand-name span{
 text-decoration: none;
}
#masthead .subscribe-bar .presented-by{
 font-size: 13px;
 max-width: 490px;
 text-align: right;
 overflow: hidden;
}
#masthead .subscribe-bar .presented-by a{
 color: #585555;
 font-family: texgyreadventorbold;
}
#shop-menu .row{
 margin: 0;
 padding: 20px 0 0;
}
#shop-menu .column{
 border-left: 1px solid #c4c4c4;
 float: left;
 padding: 0 20px 0 10px;
 width: 200px;
}
#shop-menu .column:first-child{
 border-left: none;
}
#shop-menu .promo{
 float: right;
 margin-right: 10px;
 width: 333px;
}
#shop-menu h5{
 font-family: texgyreadventorbold;
 font-size: 19px;
 margin: 0 0 5px;
}
#shop-menu h5.standalone{
 margin: 0 0 20px;
}
#shop-menu ul{
 margin: 0 0 20px;
}
#shop-menu .span4 ul:last-child{
 margin: 0;
}
#shop-menu li{
 padding: 0 0 8px;
}
#shop-menu li a{
 font-size: 14px;
}
#masthead .submenu.generic ul{
 float: left;
 width: 630px;
}
#masthead .submenu.generic li{
 float: left;
 width: 50%;
}
#masthead .submenu.generic li a{
 color: #585555;
 display: block;
 font-size: 22px;
 height: 150px;
 line-height: 1.32em;
 padding: 45px 0 45px 155px;
 text-decoration: none;
}
#masthead .submenu.generic li a:hover{
 color: #c82754;
 text-decoration: none;
}
/*start host menu*/
#masthead #host-menu li.share a{
 background-position: 0 0;
}
#masthead #host-menu li.ideas a{
 background-position: 0 -477px;
}
#masthead #host-menu li.rewards a{
 background-position: 0 -159px;
}
#masthead #host-menu li.faqs a{
 background-position: 0 -636px;
 padding-top: 60px;
}
#masthead #host-menu li.show a{
 background-position: 0 -318px;
}
#masthead #host-menu li.shopbox a{
 background-position: 0 -2862px;
}
/*end host menu*/
/*start join menu*/
#masthead #join-menu li.beauty a{
 background-position: 0 -795px;
 padding-right: 55px
}
#masthead #join-menu li.stories a{
 background-position: 0 -1431px;
 padding-right: 10px
}
#masthead #join-menu li.rewards a{
 background-position: 0 -954px;
 padding-right: 30px
}
#masthead #join-menu li.artist a{
 background-position: 0 -1590px;
 padding-top: 60px;
}
#masthead #join-menu li.started a{
 background-position: 0 -1112px;
}
#masthead #join-menu li.andme a{
 background-position: 0 -1749px;
 padding-top: 60px;
}
#masthead #join-menu li.events a{
 background-position: 0 -1272px;
 padding-top: 60px;
}
/*end join menu*/
/*start love menu*/
#masthead #love-menu.submenu.generic ul{
 width: 705px;
}
#masthead #love-menu.submenu .promo{
 width: 225px;
}
#masthead #love-menu li.story a{
 background-position: 0 -1908px;
 padding-top: 60px;
}
#masthead #love-menu li.team a{
 background-position: 0 -2385px;
}
#masthead #love-menu li.team a b{
 display: block;
}
#masthead #love-menu li.mission a{
 background-position: 0 -2067px;
 padding-top: 60px;
}
#masthead #love-menu li.responsibility a{
 background-position: 0 -2544px;
}
#masthead #love-menu li.la-la a{
 background-position: 0 -2226px;
 padding-top: 60px;
}
#masthead #love-menu li.press a{
 background-position: 0 -2703px;
 padding-top: 60px;
}
#masthead #love-menu li.history a{
 background-position: 0 -2862px;
}
#masthead #love-menu li.collaborations a{
 background-position: 0 -3022px;
}
/*end love menu*/
/*start learn menu*/
#learn-menu ul{
 margin: 15px 0 80px;
}
#learn-menu li{
 float: left;
 width: 20%;
}
#learn-menu li span.img-text{
 margin-top: 160px;
 display: block;
}
#learn-menu li a{
 border-radius: 5px;
 color: #585555;
 display: block;
 height: 170px;
 font-size: 24px;
 line-height: 1.2em;
 margin: 0 auto;
 padding: 17px 0 0;
 text-align: center;
 text-decoration: none;
 width: 170px;
 position: relative;
}
#learn-menu li a:hover{
 color: #c82754;
 text-decoration: none;
}
#learn-menu li a b{
 display: block;
}
#learn-menu li.match a{
 background-position: -9px -2977px;
 background-size: 350px;
}
#learn-menu li.guide a{
 background-position: -9px -3149px;
 background-size: 350px;
}
#learn-menu li.blend a{
 background-position: -9px -3319px;
 background-size: 350px;
}
#learn-menu li.trends a{
 background-position: -9px -3490px;
 background-size: 350px;
}
#learn-menu li.analysis a{
 background-position: -9px -3662px;
 background-size: 350px;
}
/*end learn menu*/
/*start search menu*/
#masthead  .menu nav .search-menu{
 position: absolute;
 right: -115px;
}
#masthead .search-menu .search{
 display: block;
 top: 25px;
 position: absolute;
 right: 0;
 z-index: 2;
}
#masthead  .search-menu .search .search-box{
 background-color: #fff;
 border: 1px solid #c4c4c4;
 border-radius: 30px;
 height: 34px;
 overflow: hidden;
 position: absolute;
 right: 0;
 -webkit-transition: all .5s ease-in;
 -moz-transition: all .5s ease-in;
 -o-transition: all .5s ease-in;
 -ms-transition: all .5s ease-in;
 transition: all .5s ease-in;
 width: 115px;
 z-index: 5;
}
#masthead  .search-menu .search .search-box.search-box-open{
 width: 212px;
}
#masthead  .search-menu .search .search-box button{
 cursor: pointer;
 position: absolute;
}
#masthead  .search-menu .search .search-box fieldset{
 display: inline-block;
 left: 0;
 position: absolute;
}
#masthead  .search-menu .search .search-box fieldset input{
 -webkit-appearance: none;
 background: none;
 border: none;
 border-radius: 14px 0 0 14px;
 color: #646263;
 font-size: 12px;
 height: 28px;
 line-height: initial;
 margin: 2px;
 outline: none;
 padding: 4px 0 4px 8px;
 position: absolute;
 -webkit-transition: all .5s ease-in;
 -moz-transition: all .5s ease-in;
 -o-transition: all .5s ease-in;
 -ms-transition: all .5s ease-in;
 transition: all .5s ease-in;
 width: 71px;
}
#masthead  .search-menu .search .search-box fieldset input:invalid{
 -webkit-box-shadow: none;
 box-shadow: none;
}
/*start type ahead*/
#masthead .search-menu .search .search-box.search-box-open{
 width: 300px;
}
#masthead  .search-menu .search .search-box.search-box-open fieldset input{
 width: 250px;
}
#masthead .search-menu .search .search-box{
 transition: all 0.2s ease-in 0.2s;
}
#masthead .c-autofill{
 background-color: #f2f2f2;
 border-radius: 7px;
 box-shadow: 0 0.4em 0.4em -0.4em, 0 0 0 1px #ccc;
 overflow: hidden;
 position: absolute;
 top: 34px;
 transition: all 0.2s ease-out;
 right: 15px;
 width: 270px;
}
#masthead .c-autofill a{
 transition: all 0.2s ease-out;
 font-size: 12px !important;
 padding: 0 2em 0 10px;
 line-height: 32px;
}
#masthead .c-autofill:not(.is-open-menu){
  box-shadow: none;
  max-height: 0;
}
#masthead .c-autofill.is-open-menu{
  max-height: 100vh;
  z-index: 100;
}
#masthead .c-autofill__group{
  background-color: white;
  position: relative;
}
#masthead .c-nav-group__item{
 color: #8e8e8e;
 display: block;
 margin: 0;
 padding: 0.75em 2em 0.75em 1em;
 position: relative;
 text-align: left;
 z-index: 1;
}
#masthead .c-nav-group__item:before{
 content: ">";
 font-size: 1.25em;
 font-weight: bold;
 position: absolute;
 right: 0.75em;
 top: 50%;
 transform: translateY(-50%);
}
#masthead .c-nav-group__item:after{
 border-bottom: 1px solid #afafaf;
 bottom: -1px;
 content: '';
 left: 0;
 margin: 0 10px;
 position: absolute;
 width: calc(100% - 20px);
}
#masthead .c-nav-group__item:last-child:after{
 border-bottom: 0;
}
#masthead .c-nav-group__item.is-active{
 background-color: #c82754;
 color: white !important;
 text-decoration: none;
}
#masthead .c-nav-group__item.is-active:before{
 color: white !important;
}
#masthead .c-nav-group__item.is-active:after{
 border-bottom: 1px solid transparent;
}
#masthead .c-search-form.is-open-menu{
 border-radius: 7px 7px 0 0;
 border-bottom: 0;
}
/*end type ahead*/
/*start of adjustments for spanish*/
.spa #masthead .search-menu .search .search-box{
 right: 15px;
}
.spa #masthead .menu nav a, .spa #masthead .menu nav a:link{
 font-size: 19px;
}
.spa #masthead .menu nav{
 margin-right: 125px;
}
.spa #masthead .menu nav .search-menu{
 right: -135px;
}
.spa #masthead .c-autofill{
 right: 30px;
}
/*end of adjustments for spanish*/
/*end search menu*/

/* start shell banner - position and size styles only, NO COLORS */
#masthead .c-shell-banner{
  font-size: 0.75em;
  min-height: 26px;
  padding: 3px 45px;
  position: relative;
  text-align: center;
}
#masthead .c-shell-banner p{
  margin: 0;
}
#masthead .c-shell-banner a{
  font-weight: 700;
  text-decoration: underline;
}
#masthead .c-shell-banner a:hover{
  text-decoration: none;
}
#masthead .c-shell-banner__close{
  background-position: -106px -160px;
  height: 22px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22px;
}
/* end shell banner */

/* end of header styles */
/* content styles */
#content{
 background: #fff url(/site/cs/images/layout/bg-body.jpg) no-repeat 50% 0;
 -webkit-box-shadow: inset 0 20px 20px -20px #aaa;
 box-shadow: inset 0 20px 20px -20px #aaa;
 padding: 50px 0 30px;
}
#content .container:after{
 background-image: url(/site/cs/images/layout/footer-shadow-rule.jpg);
 content: "";
 display: block;
 height: 28px;
}
#content .page{
 float: right;
 width: 650px;
 padding-bottom: 30px;
 position: relative;
}
#content .page:before{
 border-left: 1px solid #d3d3d3;
 content: "";
 display: inline-block;
 height: 100%;
 margin-left: -31px;
 position: absolute;
 width: 30px;
}
#content .sidebar{
 float: left;
 width: 310px;
 padding: 0 30px 0 0;
 height: 100%;
}
#content .sidebar ul{
 list-style-type: none;
 padding: 0;
 margin: 0;
}
#content .sidebar ul li{
 padding: 15px 30px;
 font-size: 15px;
 color: #c82754;
 font-family: texgyreadventorbold;
 font-weight: normal;
}
#content .sidebar ul li.active{
 border: 1px solid #d3d3d3;
 border-right-color: #fff;
 position: relative;
}
#content .sidebar ul li.active a, #content .sidebar ul li.active a b{
 font-family: texgyreadventorregular;
 color: #585555;
}
#content .sidebar ul li a{
 text-decoration: none;
}
/* end of content styles */
/* start of footer styles */
#footer .container{
 margin: 0 auto;
 padding: 0;
 position: relative;
 width: 960px;
}
#footer .container.links{
 padding: 0 0 50px;
}
#footer .links div, #footer .links nav{
 border-right: 1px solid #c6c6c6;
 float: left;
 min-height: 200px;
 padding: 0 10px;
}
#footer .links nav{
 padding: 0 30px 0 0;
}
#footer .links nav li{
 font-size: 19px;
 height: 30px;
 line-height: 30px;
 margin: 0 0 12px;
 padding: 0 0 0 55px;
}
#footer .links nav li a:hover{
 text-decoration: none;
}
#footer nav li.shop{
 background-position: -271px 0;
}
#footer nav li.shop:hover{
 background-position: -520px 0;
}
#footer nav li.host{
 background-position: -271px -35px;
}
#footer nav li.host:hover{
 background-position: -520px -35px;
}
#footer nav li.join{
 background-position: -270px -70px;
}
#footer nav li.join:hover{
 background-position: -520px -70px;
}
#footer nav li.love{
 background-position: -271px -105px;
}
#footer nav li.love:hover{
 background-position: -520px -105px;
}
#footer nav li.learn{
 background-position: -271px -140px;
}
#footer nav li.learn:hover{
 background-position: -520px -140px;
}
#footer .links a{
 color: #585555;
 text-decoration: none;
}
#footer .links a:hover{
 color: #c82754;
 text-decoration: underline;
}
#footer .links h5{
 font-family: texgyreadventorbold;
 margin: 0;
}
#footer .links li{
 line-height: 1.9em;
}
#footer .links .motives ul{
 float: left;
}
#footer .links .secondary{
 font-size: 14px;
 margin: 0 0 0 40px;
}
#footer .links .secondary li{
 line-height: 2.35em;
}
#footer .links .lala{
 border-right: none;
 padding: 0 0 0 30px;
}
/*start of grey section of footer*/
#footer .social{
 background: #747474;
 color: #f7f7f7;
 padding: 0 0 105px;
 position: relative;
 text-align: center;
}
/*start of dark bar*/
#footer .page-tools{
 background-color: #333;
 height: 40px;
 margin-bottom: 20px;
 top: 0;
 width: 100%;
}
#footer .page-tools .share-page{
 background: #333;
 border-radius: 15px 15px 0 0;
 bottom: 40px;
 display: none;
 left: -15px;
 padding: 0 30px;
 position: absolute;
 text-align: left;
}
#footer .page-tools .share-page input{
 color: #000;
 width: 100%;
 border: none;
 border-radius: 15px;
 padding: 4px 12px;
 font-size: 12px;
 margin: 0 0 20px;
 box-shadow: 0 0 10px 0px #333 inset;
 height: 30px;
}
#footer .page-tools .share-page input:focus{
 outline: none;
}
#footer .page-tools .share-page .close-share{
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 10px solid #ccc;
 cursor: pointer;
 float: right;
 height: 0;
 margin: -10px -10px 0 0;
 position: relative;
 width: 0;
}
#footer .page-tools .link{
 color: #f7f7f7;
 cursor: pointer;
 display: inline-block;
 float: left;
 font-size: 12px;
 height: 34px;
 line-height: 34px;
 margin: 3px 0;
 padding-left: 31px;
 text-decoration: none;
}
#footer .page-tools .link:hover{
 text-decoration: underline;
}
#footer .page-tools .icon{
 left: 0;
 margin: 6px 5px;
 position: absolute;
}
#footer .page-tools .vertical-center{
 margin: 5px 0;
 height: 30px;
}
#footer img.loren-and-lala{
 position: absolute;
 top: -60px;
 right: -10px;
}
/*begin ez-reg subscribe form*/
.ez-email-signup{
 margin: 3px 0;
 position: relative;
}
.ez-email-signup label{
 font-family: texgyreadventorregular;
 margin: 0;
 text-align: left;
}
.ez-email-signup label.expressConsent-label{
 margin-top: 15px;
}
.ez-email-signup label.loading:after{
 bottom: 12px;
 right: 100px;
}
.ez-email-signup input:not([type=checkbox]){
 border: 1px solid #e1e1e1;
 border-radius: 22px;
 display: inline-block;
 font-family: texgyreadventorregular;
 height: 44px;
 line-height: initial;
 outline: transparent;
 padding: 4px 105px 4px 12px;
 width: 100%;
}
.ez-email-signup button{
 bottom: 3px;
 font-family: texgyreadventorregular;
 font-size: 14px;
 position: absolute;
 right: 4px;
 text-align: center;
}
.ez-email-signup button:hover{
 font-size: 14px;
}
label.lineHeightSm{
 line-height: 1.5em;
}
/*begin cb-overlay signup form*/
#cb-email-overlay .modal-body-inner,
#cb-thanks-overlay .modal-body-inner,
#cb-thanks-overlay-registered .modal-body-inner{
 text-align: center;
 padding: 0 30px;
}
#cb-email-overlay .logo-title,
#cb-thanks-overlay .logo-title,
#cb-thanks-overlay-registered .logo-title{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
#cb-email-overlay .cb-email-signup input{
 border: 1px solid #e1e1e1;
 border-radius: 22px;
 display: inline-block;
 height: 44px;
 line-height: initial;
 outline: transparent;
 padding: 4px 105px 4px 12px;
 width: 100%;
}
#cb-email-overlay .cb-email-signup button{
 margin-top: 10px;
 width: 100%;
}
#cb-email-overlay .cashback-lg:before{
 top: 7px;
}
#cb-email-overlay select.form-control{
 padding: 4px 8px;
}
#cb-email-overlay label.input-danger:after{
 bottom: 11px;
}
#cb-email-overlay .birthday-wrapper{
 margin-left: 22%;
}
#cb-email-overlay .footnote,
#cb-thanks-overlay .footnote,
#cb-thanks-overlay-registered .footnote{
 font-size: 12px;
}
p.disclaimer{
 clear: both;
 margin: 0;
 text-align: right;
}
/*start of signup in footer*/
#footer .ez-email-signup{
 float: right;
}
#footer .ez-email-signup label{
 font-size: 12px;
 margin-right: 80px;
}
#footer .ez-email-signup input:not([type='checkbox']){
 border-radius: 17px;
 color: #000;
 height: 34px;
 margin: 0 0 0 6px;
 padding: 4px 90px 4px 12px;
 width: 260px;
}
#footer .ez-email-signup button{
 bottom: 2px;
 font-size: 12px;
 right: 3px;
}
#footer .ez-email-signup button:hover{
 font-size: 12px
}
#footer .ez-email-signup a{
 color: #eee;
 display: block;
 font-size: 10px;
 line-height: 14px;
 margin: 2px 0 2px 6px;
 position: absolute;
 right: 0;
 text-align: left;
 top: 0;
 width: 70px;
}
/*end of signup in footer*/
/*start of adjustments for spanish*/
.msa #footer .page-tools,
.spa #footer .page-tools{
 height: 75px;
}
.msa #footer .ez-email-signup label,
.spa #footer .ez-email-signup label{
 margin-right: 0;
 text-align: center;
 width: 400px;
}
.msa #footer .ez-email-signup input,
.spa #footer .ez-email-signup input{
 display: block;
 width: 286px;
}
.msa #footer .ez-email-signup button,
.spa #footer .ez-email-signup button{
 right: 110px;
 position: absolute;
}
.msa #footer .ez-email-signup a,
.spa #footer .ez-email-signup a{
 line-height: 11px;
 text-align: center;
 top: 2.6em;
 width: 100px;
}
/*end of adjustments for spanish*/
/*end ez-reg subscribe form*/
/*end of dart bar*/
#footer .instagram{
 color: #f7f7f7;
 outline: transparent;
 position: relative;
 text-decoration: none;
}
#footer .connect{
 border-bottom: 1px solid #eee;
 border-top: 1px solid #eee;
 height: 122px;
 margin: 40px 0 15px;
 padding: 30px 0;
 position: relative;
}
#footer .connect h3{
 display: inline-block;
}
#footer .connect h3 span{
 background: #747474;
 display: block;
 left: 50%;
 margin-left: -75px;
 position: absolute;
 top: -17px;
 width: 150px;
}
#footer .connect p{
 margin: 24px 0;
}
#footer .connect li{
 background: #444;
 background-image: -webkit-linear-gradient(top, #444, #282828);
 background-image: -moz-linear-gradient(top, #444, #282828);
 background-image: -o-linear-gradient(top, #444, #282828);
 background-image: -ms-linear-gradient(top, #444, #282828);
 background-image: linear-gradient(top, #444, #282828);
 -webkit-box-shadow: 0 0 5px 1px #5a5a5a;
 box-shadow: 0 0 5px 1px #5a5a5a;
 border-radius: 30px;
 float: left;
 height: 60px;
 margin: 0 10px;
 text-indent: -9999px;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
 width: 60px;
}
#footer .connect li:hover{
 background-image: -webkit-linear-gradient(top, #282828, #444);
 background-image: -moz-linear-gradient(top, #282828, #444);
 background-image: -o-linear-gradient(top, #282828, #444);
 background-image: -ms-linear-gradient(top, #282828, #444);
 background-image: linear-gradient(top, #282828, #444);
 -webkit-box-shadow: 0 0 30px 0 rgba(255, 255, 255, .25);
 box-shadow: 0 0 30px 0 rgba(255, 255, 255, .25);
}
#footer .connect a{
 display: block;
 height: 43px;
 margin: 10px 0 0 9px;
 width: 44px;
}
#footer .connect .blog a{
 background-position: -48px -483px;
}
#footer .connect .facebook a{
 background-position: -99px -482px;
}
#footer .connect .twitter a{
 background-position: -147px -482px;
}
#footer .connect .youtube a{
 background-position: -1px -483px;
}
#footer .connect .google a{
 background-position: -196px -482px;
}
#footer .connect .instagram a{
 background-position: -246px -482px;
}
#footer .connect .pinterest a{
 background-position: -294px -482px;
}
#footer .social ul{
 display: inline-block;
 margin: 0 auto;
}
.spa #footer .social nav ul{ /*spanish adjustment for wrapping*/
 width: 940px;
}
#footer .social li{
 margin: 0 .725em;
 display: inline-block;
}
#footer .social li a{
 color: #eee;
 font-size: 12px;
 text-decoration: none;
}
#footer .copyright{
 font-size: 14px;
 margin: 24px 0;
 text-align: center;
}
/*end of grey section of footer*/
.spa #footer .motives ul:last-child{ /* adjustment for spanish */
 float: none;
}
#footer .motives li{
 width: 260px;
}
/* end of footer styles */
/* start of login styles */
#login .signin{
 border-right: 1px solid #c3bfbe;
 float: left;
 padding: 0 50px 0 0;
 width: 350px;
}
#login .register{
 float: right;
 width: 550px;
}
#login fieldset label{
 display: block;
}
#login .secondary{
 display: block;
 padding: 0 0 25px;
}
/* end of login styles */
/* start of country selection styles */
#countries ul{
 height: 100px;
}
#countries li{
 width: 10%;
 display: inline-block;
 position: relative;
}
#countries li a{
 font-size: 14px;
 text-align: center;
 text-decoration: none;
 position: absolute;
 width: 100%;
}
#countries li a:hover{
 text-decoration: underline;
}
#countries a span{
 display: block;
 height: 39px;
 margin: 0 auto 5px;
 width: 64px;
}
/* end of country selection styles */
/* start of cart styles */
#mini-cart{
 margin-top: 10px;
}
#mini-cart .items{
 float: left;
 height: 240px;
 width: 750px;
}
#mini-cart .carousel{
 width: 700px;
}
#mini-cart .items li{
 float: right;
 font-size: 13px;
 margin: 0 15px;
 text-align: center;
 width: 145px;
}
#mini-cart .items li a, #mini-cart .items li a:link, #mini-cart .items li a:active, #mini-cart .items li a:visited{
 color: #585555;
 text-decoration: none
}
#mini-cart .items li a:hover{
 color: #c82754;
 text-decoration: underline;
}
#mini-cart .items img{
 display: block;
 margin: 0 auto 10px;
 width: 100px;
}
#mini-cart .items .name{
 display: inline-block;
 max-height: 60px;
 overflow: hidden;
}
#mini-cart .actions{
 border-left: 1px solid #c7c7c7;
 float: right;
 height: 230px;
 padding: 0 0 0 30px;
 text-align: center;
 width: 180px;
}
#mini-cart .actions b, #mini-cart .actions a{
 display: block;
 margin: 0 0 20px;
}
#mini-cart .actions b{
 font-size: 14px;
}
#mini-cart .actions .edit{
 font-size: 12px;
}
#mini-cart .actions p{
 font-size: 12px;
 margin: 0;
 padding: 0;
 text-align: left;
}
#mini-cart .actions p span{
 background-position: 0 -988px;
 float: left;
 height: 20px;
 margin: 5px 5px 0 0;
 width: 20px;
}
#mini-cart .shipping{
 background: #e9e9e9;
 border-bottom: 1px solid #fff;
 height: 40px;
 line-height: 40px;
 text-align: right;
}
#mini-cart .shipping .container{
 position: relative;
}
#mini-cart .shipping p{
 display: inline-block;
 margin: 0 25px 0 0;
 position: relative;
}
#mini-cart .shipping p:before{
 background-position: 0 -1685px;
 content: "";
 display: block;
 height: 25px;
 left: -45px;
 position: absolute;
 top: 0;
 width: 34px;
}
#mini-cart .shipping .popover p:before{
 background: none;
}
#mini-cart .shipping .help{
 background-position: 0 -1729px;
 display: block;
 height: 17px;
 position: absolute;
 right: 0;
 text-align: left;
 text-indent: -9999px;
 top: 12px;
 width: 17px;
}
#mini-cart .tooltip{
 white-space: nowrap;
}
/* end of cart styles */
/*start of share styles*/
.addthis_toolbox ul{
 margin: 10px 0 0 20px;
}
.addthis_default_style li{
 background-color: #888;
 border-radius: 50%;
 float: left;
 margin: 0 3px;
 height: 33px;
 width: 33px
}
.twn .addthis_default_style li{
 height: 31px;
 margin: 0 2px;
 width: 31px;
}
#share-banner .addthis_default_style a, #share-banner .addthis_default_style .link > span, #share-banner .page-tools .link span, #share-banner .addthis_toolbox ul li a.at300b, #share-banner .addthis_toolbox ul li a.at300m{
 display: inline-block;
 height: 48px;
 margin: 0;
 width: 48px;
}
.addthis_default_style a, .addthis_default_style .link > span, .page-tools .link span, .addthis_toolbox ul li a.at300b, .addthis_toolbox ul li a.at300m{
 display: inline-block;
 height: 21px;
 margin: 5px 0 0 6px;
 width: 21px;
}
.page-tools .link span.icon{
 display: inline-block;
 height: 21px;
 width: 21px;
}
.addthis_default_style .email:hover{
 background-color: #972e4b; /*rgb(151, 46, 75);*/
}
.addthis_default_style .link:hover{
 background-color: #26854c; /*rgb(38, 133, 76);*/
}
.addthis_default_style .facebook:hover{
 background-color: #3b5998; /*rgb(59, 89, 152);*/
}
.addthis_default_style .twitter:hover{
 background-color: #00aced; /*rgb(0, 172, 237);*/
}
.addthis_default_style .pinterest:hover{
 background-color: #cc2127; /*rgb(204, 33, 39);*/
}
.addthis_default_style .google:hover{
 background-color: #ff4b39; /*rgb(221, 75, 57);*/
}
.addthis_default_style .instagram:hover{
 background-color: #784cac; /*rgb(120, 76, 172);*/
}
.addthis_default_style .linkedin:hover{
 background-color: #007bb6;
}
.addthis_default_style .weibo:hover{
 background-color: #d52b2a;
}
.addthis_default_style .plurk:hover{
 background-color: #c63;
}
.addthis_default_style .email a{
 background-position: 0 -2138px;
}
.addthis_default_style .link span, .page-tools .link span{
 background-position: -36px -2138px;
 cursor: pointer;
}
.addthis_default_style .facebook a{
 background-position: -72px -2138px;
}
.addthis_default_style .twitter a{
 background-position: -108px -2138px;
}
.addthis_default_style .pinterest a{
 background-position: -144px -2138px;
}
.addthis_default_style .google a{
 background-position: -179px -2138px;
}
.addthis_default_style .instagram a{
 background-position: -217px -2138px;
 margin: 5px 0 0 7px;
}
.addthis_default_style .linkedin a{
 background-position: -254px -2138px;
}
.addthis_default_style .weibo a{
 background-position: -324px -2138px;
}
.addthis_default_style .plurk a{
 background-position: -284px -2138px;
}
/*end of share styles*/
/*start of star rating styles*/
#search .rating .star{
 position: relative;
}
#search .rating .star:before{
 background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1));
 background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1));
 background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1));
 background: -o-linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1));
 background: linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1));
 content: "";
 display: block;
 height: 21px;
 left: 0;
 position: absolute;
 top: 0;
 width: 11px;
 z-index: 1;
}
#search .rating .star:after{
 content: "\2605";
 color: #bfbfbf;
 font-size: 1.55em;
 margin: 0;
}
#search .rating .star.filled:after{
 color: #e85275;
}
#search .rating{
 display: inline-block;
}
/*end of star rating styles*/

/*start of new star decimal styles*/
.c-rating {
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
  text-decoration: none;
}
.c-rating--small .c-rating__badge,
.c-rating--small .c-rating__count {
  font-size: 0.8em;
}
.c-rating--small .c-rating__display {
  width: 70px;
}
.c-rating--small .c-rating__stars {
  background-size: 14px 14px;
  height: 14px;
}
.c-rating--small .c-rating__stars--background {
  width: 70px;
}
.c-rating__badge,
.c-rating__display,
.c-rating__count {
  -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
  margin: 0 0.2em;
  text-decoration: none;
}
.c-rating__badge:first-child,
.c-rating__display:first-child,
.c-rating__count:first-child {
  margin-left: 0;
}
.c-rating__badge:last-child,
.c-rating__display:last-child,
.c-rating__count:last-child {
  margin-right: 0;
}
.c-rating__badge {
  background: #c82754;
  border-radius: 0.2em;
  color: #fff;
  line-height: 1;
  min-width: 2em;
  padding: 0.2em 0.3em;
  text-align: center;
}
.c-rating__display {
  position: relative;
  width: 100px;
}
.c-rating__stars {
  background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='2.7 2.7 26.6 26.6'%3E%3Cpath fill='%23c82754' d='M7.75 28l 8.251-25.314 8.251 25.314-21.564-15.688 26.626 0z'%3E%3C/path%3E%3C/svg%3E") repeat-x left/20px 20px;
  display: block;
  height: 20px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.c-rating__stars--background {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='2.7 2.7 26.6 26.6'%3E%3Cpath d='M7.75 28l 8.251-25.314 8.251 25.314-21.564-15.688 26.626 0z'%3E%3C/path%3E%3C/svg%3E");
  opacity: 0.25;
  position: relative;
  width: 100px;
}
/*end of new star decimal styles*/

/*start of captcha styles*/
.challengeRespImg{
 border-bottom: 1px solid #666;
 border-right: 1px solid #666;
 float: left;
}
/*end of captcha styles*/
/*start of modal styles*/
body.modal-open{
 margin: 0;
}
.modal-header{
 border-bottom: none;
 min-height: 50px;
}
.modal-header .close{
 background-position: 0 -147px;
 height: 35px;
 width: 34px;
}
/*end of modal styles*/
/*start banner styles*/
ol.carousel-indicators{
 background: #fff;
 border-radius: 14px;
 -webkit-box-shadow: 0 0 20px -4px #585555;
 box-shadow: 0 0 20px -4px #585555;
 height: 28px;
 left: inherit;
 margin: 0;
 padding: 4px 6px;
 position: absolute;
 right: 15px;
 top: 30px;
 width: inherit;
}
ol.carousel-indicators:after{
 background: #fff;
 border-radius: 14px;
 content: "";
 display: block;
 height: 0;
 left: 0;
 opacity: .5;
 pointer-events: none;
 position: absolute;
 top: 0;
 width: 100%;
}
.lt-ie9 ol.carousel-indicators:after{
 display: none;
 height: 0;
}
ol.carousel-indicators li{
 background: #ccc;
 border: none;
 height: 12px;
 margin: 0 2px;
 position: relative;
 top: -1px;
 width: 12px;
}
ol.carousel-indicators .active{
 background: #c82754;
 margin: 0 2px;
}
/*end banner styles*/
/*begin carousel styles*/
.carousel-control{
 display: block;
 height: 206px;
 outline: transparent;
 opacity: 1;
 position: absolute;
 text-indent: -9999px;
 top: 0;
 width: 37px;
}
.carousel-control.left{
 background-position: 0 -271px;
 left: -37px;
}
.carousel-control.left:hover{
 background-position: -321px -271px;
}
.carousel-control.right{
 background-position: -42px -271px;
 right: -37px;
}
.carousel-control.right:hover{
 background-position: -363px -271px;
}
/*end carousel styles*/
/*begin is-identified styles*/
.is-identified-false #masthead .subscribe-bar .welcome{
 display: none;
}
.is-identified-true #masthead .subscribe-bar .subscribe{
 display: none;
}
.is-identified-true #footer .ez-email-signup{
 display: none;
}
.msa .is-identified-true #footer .page-tools,
.spa .is-identified-true #footer .page-tools{
 height: 40px;
}
/*end is-identified styles*/
/*begin print styles*/
@media print{
 a[href]:after{
  content: "" !important;
 }
}
/*end print styles*/
/*begin sub-hero styles*/
#sub-hero a:hover{
 box-shadow: 0 0 18px 0px #c82752;
}
#sub-hero a{
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
/*end sub-hero styles*/
/*begin olapic styles*/
#olapic_specific_widget .olapic-slider-widget{
 margin: 0 auto;
 min-height: 265px;
 overflow: hidden;
 width: 1054px;
}
#olapic_specific_widget .olapic-carousel-list-animation{
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
#olapic_specific_widget .olapic-slider-header,
#olapic_specific_widget .olapic-header-column{
 height: 80px;
 margin-top: 12px;
 overflow: hidden;
 width: 1054px;
}
#olapic_specific_widget .olapic-header-column{
 margin: 0 auto;
 position: relative;
 width: 100%;
}
#olapic_specific_widget .olapic-header-column h3{
 margin: 0 auto;
 text-align: center;
 text-transform: uppercase;
 width: 300px;
}
#olapic_specific_widget .olapic-header-column h3:before,
#olapic_specific_widget .olapic-header-column h3:after{
 border-top: 1px solid #231f20;
 content: '';
 height: 1px;
 position: absolute;
 top: 15px;
 width: 200px;
}
#olapic_specific_widget .olapic-header-column h3:before{
 right: 100%;
 margin-right: -325px;
}
#olapic_specific_widget .olapic-header-column h3:after{
 left: 100%;
 margin-left: -325px;
}
#olapic_specific_widget .olapic-header-column p{
 font-size: 14px;
 line-height: 3em;
 text-align: center;
}
#olapic_specific_widget .olapic-slider-wrapper,
#olapic_specific_widget .olapic-slider-body,
#olapic_specific_widget .olapic-carousel-list-container{
 height: 200px;
 width: 1054px;
}
#olapic_specific_widget .olapic-slider-body{
 position: relative;
}
#olapic_specific_widget .olapic-slider-wrapper{
 float: left;
 margin: 0;
 overflow: hidden;
 position: relative;
 width: 960px;
}
#olapic_specific_widget .olapic-carousel{
 border-radius: 15px;
 list-style: none;
 margin: 0;
 padding: 0;
 position: relative;
}
#olapic_specific_widget .olapic-carousel li{
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 box-shadow: 0 0 5px rgba(34, 34, 34, 0.5);
 float: left;
 height: 175px;
 margin: 0 8.5px;
 overflow: hidden;
 width: 175px;
}
#olapic_specific_widget .olapic-carousel li a{
 display: block;
 height: 175px;
 width: 175px;
}
#olapic_specific_widget .olapic-carousel li a:hover{
 border: 3px solid #c82754;
 height: 100%;
 width: 100%;
}
#olapic_specific_widget .olapic-carousel-list-container{
 position: relative;
 width: 999999%;
 left: 0px;
 margin: 0 auto;
 padding-top: 10px;
 top: 0px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#olapic_specific_widget .olapic-pagination{
 bottom: 20px;
 height: 10px;
 list-style: none;
 position: absolute;
 right: 0;
}
#olapic_specific_widget .olapic-pagination ul{
 list-style: none;
}
#olapic_specific_widget .olapic-pagination li{
 float: left;
 height: 10px;
 margin-left: 6px;
 width: 10px;
}
#olapic_specific_widget .olapic-pagination li a{
 display: block;
 height: 10px;
 width: 10px;
}
#olapic_specific_widget .olapic-nav{
 height: 100%;
 position: relative;
 width: 100%;
}
#olapic_specific_widget .olapic-nav-button{
 display: block;
 float: left;
 height: 100%;
 width: 17px;
}
#olapic_specific_widget .olapic-nav-prev{
 background-image: url(/site/cs/images/sprite/motives-cosmetics-sprite.png);
 background-repeat: no-repeat;
 background-position: 0 -271px;
 height: 206px;
 top: 85px;
 left: -50px;
 width: 36px;
}
#olapic_specific_widget .olapic-nav-prev:hover{
 background-position: -321px -271px;
}
#olapic_specific_widget .olapic-nav-next{
 background-image: url(/site/cs/images/sprite/motives-cosmetics-sprite.png);
 background-repeat: no-repeat;
 background-position: -42px -271px;
 height: 206px;
 top: 85px;
 right: -12px;
 width: 42px;
}
#olapic_specific_widget .olapic-nav-next:hover{
 background-position: -363px -271px;
}
#olapic_specific_widget .olapic_slide_vertical .olapic-nav-prev{
 background-image: url(/site/cs/images/sprite/motives-cosmetics-sprite.png);
}
#olapic_specific_widget .olapic_slide_vertical .olapic-nav-next{
 background-image: url(/site/cs/images/sprite/motives-cosmetics-sprite.png);
 margin-top: -5px;
}
#olapic_specific_widget .olapic-slider-noArrows{
 display: none !important;
}
#olapic_specific_widget .olapic-slider-footer{
 float: left;
 margin: 0 auto;
 min-height: 30px;
 width: 960px;
}
#olapic_specific_widget .olapic-footer-buttons{
 height: 35px;
 margin: 0 auto;
 width: 127px;
}
#olapic_specific_widget .olapic-footer-button{
 background-color: #c82754;
 background-position: 8px 8px;
 background-repeat: no-repeat;
 border: 1px solid #eb6c8f;
 border-radius: 30px;
 color: #fff;
 height: 35px;
 overflow: hidden;
 width: 126px;
}
#olapic_specific_widget .olapic-footer-button a{
 color: #FFF;
 display: block;
 font-size: 10px;
 height: 100%;
 line-height: 34px;
 padding-left: 33px;
 text-align: left;
 text-decoration: none;
 width: 100%;
}
#olapic_specific_widget .olapic-see-all{
 float: left;
}
#olapic_specific_widget .olapic-upload{
 margin: auto;
}
#olapic_specific_widget .modal.in .modal-dialog{
 left: 0px;
}
#olapic_specific_widget .modal-header .close{
 margin-top: -20px;
}
#olapic_specific_widget .olapic-slider-copy{
 color: #b2b2b2;
 float: right;
 font-size: 12px;
 margin: 5px 38px 0 0;
}
#olapic_specific_widget img[id*='olapic-track-img']{
 display: none;
}
/*end olapic styles*/
/*start curalte styles*/
.curalate-no-content{
 display: none;
 width: 100%;
 text-align: center;
}
/*end curalte styles*/
/*remove IE search "x" clear button*/
::-ms-clear{
 display: none;
 height: 0;
 width: 0;
}

.eugdpr-main p a{
 color:#8a7878;
 text-decoration: underline;
}
#content .eugdpr-main{
 background:#edebeb;
 padding: 0;
 border-radius: 0 0 10px 10px;
}
.eugdpr-input-text{
 margin-left:3rem;
  margin-right:3rem;
 display:block;
}
.cookieBannerWrapper{
 margin:10px;
}
.cookieBannerContent{
 width:68%;
 margin:auto;
}
.footerNavEU{
 margin: 0.555em !important;
}
@media screen and (min-width: 768px){
 .eugdpr-input-text{
   margin-left:4rem;
   display:block;
 }
 h2{
  font-size: 2rem;
  line-height: 2.4rem;
 }
}/*==END Queri=====*/
p.bbbLogo{
 margin: 15px 0px;
}