html, body {
    height:100%
}
body {
    margin: 0;
    color: #000;
    font-size: 16px; /* reset our baseline font-size */
    line-height: 1.428571429;
}

body,
button,
p {
    font-family: "Poppins", "ITC Avant Garde Gothic", "Avant Garde Gothic", "Avant Garde", "Century Gothic", "CenturyGothic", "Gill Sans Nova", "Segoe UI", "Calibri", sans-serif;
}

.demi{
    font-weight:500;
}
.font-normal {
    font-weight: 500;
}
.font-demi {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}
.font-nowrap {
    word-break: keep-all;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display:block
}

audio,canvas,video {
    display:inline-block;
    *zoom:1
}

audio:not([controls]) {
    display:none;
}

html {
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}

a:hover,a:active,a:focus{
    outline:none;
}

sub,sup {
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}

sup {
    top:-0.5em
}

sub {
    bottom:-0.25em
}

img {
    border: 0;
    outline: 0;
   /* max-width:100%;
    vertical-align:middle;
    -ms-interpolation-mode:bicubic*/
}

button,input,select,textarea {
    margin:0;
    font-size:100%;
    vertical-align:middle
}

button,input {
    *overflow:visible;
    line-height:normal
}

button {
    border: 0;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding:0;
    border:0
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
    cursor:pointer;
    -webkit-appearance:button
}

input[type="search"] {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance:none
}

textarea {
    overflow:auto;
    vertical-align:top
}

.input-tab-group .input-tab-label ~ .input-tab-label {
  margin-left: 30px;
}
.input-tab-group .input-tab-label {
  display: inline-block;
  padding: 24px 0;
  border-bottom: 0 solid transparent;
  color: #b2aea5;
  cursor: pointer;
  transition: all 0.25s ease;
  margin-bottom: 0;
}
label[for] {
  cursor: pointer;
}
.input-tab-group .input-tab-input {
    opacity: 0.001;
    position: absolute;
}

.clear{clear:both;}
.center{text-align:center;}

[class*="span"] {
    float:left;
    margin-left:20px
}

.show-grid .row {
    margin-bottom:20px
}

.show-grid [class*="span"] {
    background:#ed197a;
    color:#fff;
    text-align:center;
    line-height:20px
}

.tooltip{
    display:none;
    z-index:99999;
}

.tooltip .tip,
#tt_tooltip_tax.tooltip .body:after {
    margin:0 auto;
    width:23px;
    height:12px;
    background:url('//fabkids-us-cdn.justfab.com/media/images/boutique/sprites_icons3.png') 0 -318px;
    position:relative;
    z-index:999;
}
#tt_tooltip_tax.tooltip .tip {
    display: none;
}
#tt_tooltip_tax.tooltip .body:after {
    position: absolute;
    content: "";
    bottom: -12px;
    left: 200px;
    background-position: 0 -891px;
}

.tooltip .body{
    margin-top:-1px;
    position:relative;
    background:#FFF;
    border:1px solid #a3a3a3;
    box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:3px 3px rgba(0, 0, 0, 0.5);
    padding:5px 10px;
    font-size:11px;
    z-index:998;
    width:auto;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    font-style:normal;
    text-align:left;
    line-height:14px;
}


.span1 {
    width:60px
}

.span2 {
    width:140px
}

.span3 {
    width:220px
}

.span4 {
    width:300px
}

.span5 {
    width:380px
}

.span6 {
    width:460px
}

.span7 {
    width:540px
}

.span8 {
    width:620px
}

.span9 {
    width:700px
}

.span10 {
    width:780px
}

.span11 {
    width:860px
}

.span12 {
    width:940px
}

/* Fluid Grids */
.container-fluid [class*="span"],
.container-fluid .row {
    margin-left: 0;
}

.container-fluid .row.padded {
    margin-left: -5px;
    margin-right: -5px;
}

.container-fluid .row.padded [class*="span"] {
    padding: 0 5px;
}

.container-fluid img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.container-fluid .span12, .container-fluid .span11, .container-fluid .span10, .container-fluid .span9, .container-fluid .span8, .container-fluid .span7, .container-fluid .span6, .container-fluid .span5, .container-fluid .span4, .container-fluid .span3, .container-fluid .span2 {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container-fluid .span12 {
    width: 100%;
}
.container-fluid .span11 {
    width: 91.66666667%;
}
.container-fluid .span10 {
    width: 83.33333333%;
}
.container-fluid .span9 {
    width: 75%;
}
.container-fluid .span8 {
    width: 66.66666667%;
}
.container-fluid .span7 {
    width: 58.33333333%;
}
.container-fluid .span6 {
    width: 50%;
}
.container-fluid .span5 {
    width: 41.66666667%;
}
.container-fluid .span4 {
    width: 33.33333333%;
}
.container-fluid .span3 {
    width: 25%;
}
.container-fluid .span2 {
    width: 16.66666667%;
}
.container-fluid .span1 {
    width: 8.333333333%;
}

.title#page{
    border-bottom: 2px solid #CCCCCC;
    color: #333333;
    float: left;
    font-size: 18px;
    padding: 10px 1% 5px;
    text-transform: uppercase;
    width: 98%;
}

.cta.action{
    float:left;
    width:100%;
    padding:10px 0;
    margin-top:10px;
    border-top:solid 1px #ccc;
    text-align:center;
}

.container {
    width:940px
}

.container.wide {
    width:980px
}

.offset1 {
    margin-left:100px
}

.offset2 {
    margin-left:180px
}

.offset3 {
    margin-left:260px
}

.offset4 {
    margin-left:340px
}

.offset5 {
    margin-left:420px
}

.offset6 {
    margin-left:500px
}

.offset7 {
    margin-left:580px
}

.offset8 {
    margin-left:660px
}

.offset9 {
    margin-left:740px
}

.offset10 {
    margin-left:820px
}

.offset11 {
    margin-left:900px
}

p {
    margin:0 0 10px;
    font-size:14px;
    line-height: 1.428571429;
}

p small {
    font-size:12px;
    color:#999
}

.lead {
    margin-bottom:20px;
    font-size:20px;
    font-weight:200;
    line-height:30px
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
    font-weight:normal;
    text-rendering:optimizelegibility
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-weight:normal;
    color:#999
}

h1 {
    font-size:30px;
    line-height:40px
}

h1 small {
    font-size:18px
}

h2 {
    font-size:24px;
    line-height:40px
}

h2 small {
    font-size:18px
}

h3 {
    line-height:30px;
    font-size:18px
}

h3 small {
    font-size:14px
}

h4,h5,h6 {
    line-height:20px
}

h4 {
    font-size:14px
}

h4 small {
    font-size:12px
}

h5 {
    font-size:12px
}

h6 {
    font-size:11px;
    color:#999;
    text-transform:uppercase
}

.page-header {
    text-align:center;
    padding-bottom:19px;
    margin:20px 0;
    border-bottom:1px solid #eee
}

.page-header h1 {
    line-height:1
}

ul,ol {
    padding:0;
    margin:0 0 10px 16px
}

ul ul,ul ol,ol ol,ol ul {
    margin-bottom:0
}

ul {
    list-style:disc
}

ol {
    list-style:decimal
}

li {
    line-height:20px
}

ul.unstyled {
    margin-left:0;
    list-style:none
}

/* Lists */

ul.stars {
    margin-left: 0;
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    }
    ul.stars li:before {
        display: inline-block;
        width: 1.25em;
        margin-left: -1.75em;
        margin-right: .5em;
        padding: 0;
        color: #f00083;
        text-align: right;
        font-size: 1.75em;
        letter-spacing: -1px;
        position: relative;
        top: .125em;
        left: .125em;

        font-family: "FabKidsIcon";
        font-weight: normal;
        font-style: normal;
        speak: none;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: baseline;
        line-height: .75;
        content: "\f109";
    }
    ul.stars li {
        margin: 0 0 .875em;
        padding-left: 2.5em;
        padding-right: .75em;
        text-align: left;
        line-height: 1.2;
        font-size: .75rem;
    }

ol.numbered {
    margin-left: 0;
    list-style: none;
    counter-reset: item;
    padding-left: 0;
    padding-right: 0;
    }
    ol.numbered li:before,
    ol.numbered--colored li:after {
        display: inline-block;
        width: 1.25em;
        margin-left: -2em;
        margin-right: .75em;
        padding: 0;
        content: counter(item);
        counter-increment: item;
        color: #f00083;
        text-align: right;
        font-weight: bold;
        font-size: 1.25em;
    }
    ol.numbered li {
        margin: 0 0 .875em;
        padding-left: 2.5em;
        padding-right: .75em;
        text-align: left;
        line-height: 1.2;
        font-size: .75rem;
    }
ol.numbered--colored {
    counter-reset: item_numbered 0;
    }
    ol.numbered--colored li {
        position: relative;
    }
    ol.numbered--colored li:before,
    ol.numbered--colored li:after {
        margin-right: 1em;
        text-shadow: 0 0 1px black;
        font-size: 1.2125em;
        line-height: .875em;
        position: absolute;
        top: .0875em;
        left: 1.5em;
        right: auto;
        content: counter(item_numbered);
    }
    ol.numbered--colored li:before {
        counter-increment: item_numbered;
        color: black;
    }
    ol.numbered--colored li:nth-child(3n-1):after {
        color: #f00083;
    }
    ol.numbered--colored li:nth-child(3n-2):after {
        color: pink;
    }
    ol.numbered--colored li:nth-child(3n):after {
        color: orange;
    }
    ol.numbered--colored li:nth-child(3n+4):after {
        color: #6cb9c2;
    }
    ol.numbered--colored li:after {
        text-shadow: 0 0 1px black;
    }


dl {
    margin-bottom:20px
}

dt,dd {
    line-height:20px
}

dt {
    font-weight:bold
}

dd {
    margin-left:10px
}

hr {
    margin:20px 0;
    border:0;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #fff
}

strong {
    font-weight:bold
}

em {
    font-style:italic
}

.muted {
    color:#999
}

abbr {
    font-size:90%;
    text-transform:uppercase;
    border-bottom:1px dotted #ddd;
    cursor:help
}

blockquote {
    margin:0;
    padding:0
}

q:before,q:after,blockquote:before,blockquote:after {
    content:""
}

address {
    display:block;
    margin-bottom:20px;
    line-height:20px;
    font-style:normal
}

small {
    font-size:100%
}

cite {
    font-style:normal
}

.nowrap {
    white-space: nowrap;
}

.pink {
    color:#ed197a !important;
}

.highlighted {
    color:#ed197a;
}
.gender-f a:hover .highlighted {
    color:#940c4a;
}
.yellow-highlight {
    background: yellow;
    font-weight: bold;
    padding: 1px 5px;
}
.gender-m .highlighted,
.blue {
    color:#1516a2 !important;
}

.name {
    text-transform:capitalize
}

.underline {
    text-decoration:underline
}

form {
    margin:0 0 20px
}

fieldset {
    padding:0;
    margin:0;
    border:0
}

legend {
    display:block;
    width:100%;
    padding:0;
    margin-bottom:0;
    font-size:21px;
    line-height:40px;
    color:#333;
    border:0;
    border-bottom:1px solid #eee
}

legend small {
    font-size:15px;
    color:#999
}

label,
input,
button,
select,
textarea {
    font-size: .875rem;
    line-height: 1.428571429em;
}

label {
    display:block;
    margin-bottom: 0.692307692em;
}

input,textarea,select {
    display:inline-block;
    width:210px;
    height:20px;
    padding:4px;
    margin-bottom:9px;
    font-size:14px;
    line-height:20px;
    color:#555;
    border:1px solid #ccc
}

label input,label textarea,label select {
    display:block
}

input[type="text"],input[type="email"],input[type="password"] {
    -webkit-appearance:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}

input[type="image"],input[type="checkbox"],input[type="radio"] {
    width:auto;
    height:auto;
    padding:0;
    margin:3px 0;
    line-height:normal;
    border:0;
    cursor:pointer
}

input[type="file"] {
    padding:initial;
    line-height:initial;
    border:initial;
    background-color:#fff;
    background-color:initial
}

input[type="button"],input[type="reset"],input[type="submit"] {
    width:auto;
    height:auto;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}

select,input[type="file"] {
    height:28px;
    *margin-top:4px;
    line-height:28px
}

select {
    width:220px;
    background-color:#fff
}

select[multiple],select[size] {
    height:auto
}

textarea {
    height:auto
}

input[type="hidden"] {
    display:none
}

.radio,.checkbox {
    padding-left:19px;
    cursor:pointer
}

.radio input[type="radio"],.checkbox input[type="checkbox"] {
    float:left;
    margin-left:-18px
}

.controls>.radio:first-child,.controls>.checkbox:first-child {
    padding-top:5px
}

.radio.inline,.checkbox.inline {
    display:inline-block;
    margin-bottom:0;
    vertical-align:middle
}

.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline {
    margin-left:10px
}

.controls>.radio.inline:first-child,.controls>.checkbox.inline:first-child {
    padding-top:0
}

input,textarea {
    -webkit-transition:border linear 0.2s;
    -moz-transition:border linear 0.2s;
    -ms-transition:border linear 0.2s;
    -o-transition:border linear 0.2s;
    transition:border linear 0.2s
}

input:focus,textarea:focus,select:focus {
    border-color:#000;
    color:#000;
}

.input-large {
    font-size:28px;
    line-height:40px;
    height:40px
}

input.span1,textarea.span1 {
    width:50px
}

input.span2,textarea.span2 {
    width:130px
}

input.span3,textarea.span3 {
    width:210px
}

input.span4,textarea.span4 {
    width:290px
}

input.span5,textarea.span5 {
    width:370px
}

input.span6,textarea.span6 {
    width:450px
}

input.span7,textarea.span7 {
    width:530px
}

input.span8,textarea.span8 {
    width:610px
}

input.span9,textarea.span9 {
    width:690px
}

input.span10,textarea.span10 {
    width:770px
}

input.span11,textarea.span11 {
    width:850px
}

input.span12,textarea.span12 {
    width:930px
}

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
    background-color:#f5f5f5;
    border-color:#ddd;
    cursor:not-allowed
}

.form-actions {
    padding:19px 20px 20px;
    margin-top:20px;
    margin-bottom:20px
}

:-moz-placeholder {
    color:#999
}

::-webkit-input-placeholder {
    color:#999
}

.placeholder {
    color:#999
}

.help-block {
    margin-top:5px;
    margin-bottom:0;
    color:#999
}

.help-inline {
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin-bottom:9px;
    vertical-align:middle;
    padding-left:5px
}

.input-prepend,.input-append {
    margin-bottom:5px;
    *zoom:1
}

.input-prepend:before,.input-prepend:after,.input-append:before,.input-append:after {
    display:table;
    content:""
}

.input-prepend:after,.input-append:after {
    clear:both
}

.input-prepend input:focus,.input-append input:focus {
    position:relative;
    z-index:2
}

.input-prepend .add-on,.input-append .add-on {
    float:left;
    display:block;
    width:auto;
    min-width:16px;
    height:20px;
    margin-right:-1px;
    padding:4px 5px;
    font-weight:normal;
    line-height:20px;
    color:#999;
    text-align:center;
    text-shadow:0 1px 0 #fff;
    background-color:#f5f5f5;
    border:1px solid #ccc
}

.input-prepend .active,.input-append .active {
    background-color:#1aff1a;
    border-color:green
}

.input-prepend .add-on {
    *margin-top:1px
}

.input-append input {
    float:left
}

.input-append .add-on {
    margin-right:0;
    margin-left:-1px;
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0
}

.input-append input:first-child {
    *margin-left:-160px
}

.input-append input:first-child+.add-on {
    *margin-left:-21px
}

.search-query {
    padding-left:14px;
    padding-right:14px;
    margin-bottom:0
}

.form-search input,.form-search textarea,.form-search select,.form-search .help-inline,.form-inline input,.form-inline textarea,.form-inline select,.form-inline .help-inline,.form-horizontal input,.form-horizontal textarea,.form-horizontal select,.form-horizontal .help-inline {
    display:inline-block;
    margin-bottom:0
}

.form-search .hide,.form-inline .hide,.form-horizontal .hide {
    display:none
}

.form-search label,.form-inline label,.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend {
    display:inline-block
}

.form-search .input-append .add-on,.form-inline .input-prepend .add-on,.form-search .input-append .add-on,.form-inline .input-prepend .add-on {
    vertical-align:middle
}

.form-search .radio,.form-inline .radio,.form-search .checkbox,.form-inline .checkbox {
    margin-bottom:0;
    vertical-align:middle
}

.control-group {
    margin-bottom:10px
}

legend+.control-group {
    margin-top:20px;
    -webkit-margin-top-collapse:separate
}

.form-horizontal .control-group {
    margin-bottom:20px;
    *zoom:1
}

.form-horizontal .control-group:before,.form-horizontal .control-group:after {
    display:table;
    content:""
}

.form-horizontal .control-group:after {
    clear:both
}

.form-horizontal .control-label {
    float:left;
    width:140px;
    padding-top:5px;
    text-align:right
}

.form-horizontal .controls {
    margin-left:160px
}

.form-horizontal .controls .form input,.form-horizontal .controls .form select {
    margin-right:80%;
    margin-bottom:10px
}

.form-horizontal .form-actions {
    padding-left:160px
}

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

.table {
    width:100%;
    margin-bottom:20px
}

.table.numbers td {
    text-align:right
}

.table tr.indent th {
    padding-left:24px
}

.table th,.table td {
    padding:8px;
    line-height:20px;
    text-align:left;
    border-top:1px solid #ddd
}

.table th.number,.table td.number {
    text-align:right
}

.table th.alpha,.table td.alpha {
    text-align:left
}

.table th.nowrap,.table td.nowrap {
    white-space:nowrap
}

.table th {
    font-weight:bold;
    vertical-align:bottom
}

.table td {
    vertical-align:top
}

.table thead:first-child tr th,.table thead:first-child tr td {
    border-top:0
}

.table tbody+tbody {
    border-top:2px solid #ddd
}

.table-condensed th,.table-condensed td {
    padding:4px 5px
}

table table.table-embedded th {
    border-top:0
}

table table.table-embedded th,table table.table-embedded td {
    padding:4px 5px
}

.table-bordered {
    border:1px solid #ddd;
    border-collapse:separate;
    *border-collapse:collapsed
}

.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th {
    border-left:1px solid #ddd
}

.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {
    border-top:0
}

.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
    background-color:#f9f9f9
}

table .span1 {
    float:none;
    width:44px;
    margin-left:0
}

table .span2 {
    float:none;
    width:124px;
    margin-left:0
}

table .span3 {
    float:none;
    width:204px;
    margin-left:0
}

table .span4 {
    float:none;
    width:284px;
    margin-left:0
}

table .span5 {
    float:none;
    width:364px;
    margin-left:0
}

table .span6 {
    float:none;
    width:444px;
    margin-left:0
}

table .span7 {
    float:none;
    width:524px;
    margin-left:0
}

table .span8 {
    float:none;
    width:604px;
    margin-left:0
}

table .span9 {
    float:none;
    width:684px;
    margin-left:0
}

table .span10 {
    float:none;
    width:764px;
    margin-left:0
}

table .span11 {
    float:none;
    width:844px;
    margin-left:0
}

table .span12 {
    float:none;
    width:924px;
    margin-left:0
}

[class^="icon-"] {
    /* display:inline-block; */
    /* width: 1em; */
    /* height: 1em; */
    /* vertical-align:text-top; */
    background-repeat:no-repeat;
    *margin-right:.3em
}

[class^="icon-"]:last-child {
    *margin-left:0
}

[class^="icon-"].large {
    position: relative;
    top: 2px;
    width: .725em;
    height: .725em;
    font-size: 50px;
    margin-top: -20px;
}
[class^="icon-"].large:last-child {
    margin-right: .25em;
}

.icon-loader {
    display:none;
    background-image:url(//fabkids-us-cdn.justfab.com/media/images/ajax-loader.gif);
    background-position:0 0;
    width:15px;
    height:15px
}

.icon-musicnotes:before {
    content: " \266b ";
    position: relative;
    top: -1px;
    left: -1px;
    text-transform: none;
    font-style: normal;
}
p .icon-musicnotes:first-child:before {
    top: 3px;
}

i.encircled,
a.encircled {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    color: #999;
    font-family: Helvetica, sans-serif;
    font-style: normal;
    display: inline-block;
    text-align: center;
    line-height: 1;
    padding: .25em;
    border: 1px solid #999;
}
i.encircled.solid,
a.encircled.solid {
    border: 0;
    color: #fff;
    background-color: #949599;
}
a:hover i.encircled.solid,
i.encircled.solid:hover {
    background-color: #6d7173;
}

.survey .panel a.encircled.solid {
    display: block;
    margin: 0 .325em .75em;
    padding: .5em;
    background-color: #f33e8c;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    line-height: 1.125em;
    font-family: "Poppins", "ITC Avant Garde Gothic", "Avant Garde Gothic", "Avant Garde", "Century Gothic", "CenturyGothic", "Gill Sans Nova", "Segoe UI", "Calibri", sans-serif;
    font-weight: 600;
    font-size: 1em;
    text-align: center;
    letter-spacing: 0;
}
.survey .panel a.encircled.solid:hover,
.survey .panel a.encircled.solid.selected {
    background-color: #5ce0e8;
}
.gender-m .survey .panel a.encircled.solid {
    background-color: #1818A0;
}
.gender-m .survey .panel a.encircled.solid:hover,
.gender-m .survey .panel a.encircled.solid.selected {
    background-color: #ff830f;
}

i.icon-plus {
    font-size: 0.857142857em;
    padding: .125em;
    line-height: .89;
}
i.icon-plus:before {
    content: "+";
}
.expanded i.icon-plus:before,
i.icon-plus.expanded:before {
    content: "–";
}

.loading .icon-loader {
    display:inline-block
}

.loading{
    margin:35px auto;
    /*padding:35px 0px 35px 0px;*/
    width:60px;
    height:100px;
    background:url('//fabkids-us-cdn.justfab.com/media/images/global/elements/loading-lightning-bolt_m.gif') center 0/60px no-repeat;
}
.loading.loading--has-text {
    width: auto;
    padding-top: 57px;
    text-align: center;
}


.collapse {
    -webkit-transition:height 0.35s ease;
    -moz-transition:height 0.35s ease;
    -ms-transition:height 0.35s ease;
    -o-transition:height 0.35s ease;
    transition:height 0.35s ease;
    position:relative;
    overflow:hidden;
    height:0
}

.collapse.in {
    height:auto
}

.close {
    float:right;
    font-size:20px;
    font-weight:bold;
    line-height:20px;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:0.2;
    filter:alpha(opacity=20)
}

.close:hover {
    color:#000;
    text-decoration:none;
    opacity:0.4;
    filter:alpha(opacity=40);
    cursor:pointer
}

.close.close-circle {
    background:#666;
    color:#fff;
    width:21px;
    height:21px;
    line-height:17px;
    text-align:center;
    font-weight:normal;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}

.footnote,
.footnote p {
    font-size: 13px;
}
.footnote p {
    text-indent: -.75em;
    margin-left: 1em;
    line-height: 1.33;
}

.nav {
    margin-left:0;
    margin-bottom:20px;
    list-style:none
}

.nav>li>a {
    display:block
}

.nav>li>a:hover {
    text-decoration:none;
}

.nav>.pull-right {
    float:right
}

.nav-list {
    padding-left:14px;
    padding-right:14px;
    margin-bottom:0
}

.nav-list>li>a,.nav-list .nav-header {
    display:block;
    padding:3px 15px;
    margin-left:-15px;
    margin-right:-15px;
    text-shadow:0 1px 0 rgba(255,255,255,0.5)
}

.nav-list .nav-header {
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    color:#999;
    text-transform:uppercase
}

.nav-list>li+.nav-header {
    margin-top:9px
}

.nav-list .active>a,.nav-list .active>a:hover {
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.2);
    background-color:#ed197a
}

.nav-list .icon {
    margin-right:2px
}

.nav-tabs,.nav-pills {
    *zoom:1
}

.nav-tabs:before,.nav-tabs:after,.nav-pills:before,.nav-pills:after {
    display:table;
    content:""
}

.nav-tabs:after,.nav-pills:after {
    clear:both
}

.nav-tabs>li,.nav-pills>li {
    float:left
}

.nav-tabs>li>a,.nav-pills>li>a {
    padding-right:12px;
    padding-left:12px;
    margin-right:6px;
    line-height:14px
}

.nav-tabs {
    border-bottom:1px solid #ccc
}

.nav-tabs>li>a {
    padding-top:9px;
    padding-bottom:9px;
    background-color:#ddd;
    text-transform:uppercase;
    font-weight: bold;
    color:#000;
    letter-spacing:1px;
    font-size:12px
}

.nav-tabs>.active>a,.nav-tabs>.active>a:hover,
.nav-tabs a.current,
.nav-tabs .tab_on {
    color: #fff !important;
    background-color: #ed197a;
    font-weight: 700;
}
.gender-m .nav-tabs>.active>a,.nav-tabs>.active>a:hover,
.gender-m .nav-tabs a.current,
.gender-m .nav-tabs .tab_on {
    background-color: #1516a2;
}

.nav-pills>li>a {
    padding-top:8px;
    padding-bottom:8px;
    margin-top:2px;
    margin-bottom:2px
}

.nav-pills .active>a,.nav-pills .active>a:hover {
    color:#fff;
    background-color: #ed197a
}

.nav-stacked>li {
    float:none
}

.nav-stacked>li>a {
    margin-right:0
}

.nav-tabs.nav-stacked {
    border-bottom:0
}

.nav-tabs.nav-stacked>li>a {
    border:1px solid #ddd
}

.nav-tabs.nav-stacked>li>a:hover {
    border-color:#ddd;
    z-index:2
}

.nav-pills.nav-stacked>li>a {
    margin-bottom:3px
}

.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom:1px
}

.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu {
    margin-top:1px;
    border-width:1px
}

.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret {
    border-top-color:#ed197a;
    margin-top:6px
}

.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret {
    border-top-color:#940c4a
}

.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret {
    border-top-color:#333
}

.nav>.dropdown {
    cursor:pointer;
}

.nav>.dropdown.active>a:hover {
    color:#000;
    cursor:pointer;
}

.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>.open.active>a:hover {
    color:#fff;
    background-color:#999;
    border-color:#999
}

.nav-catalog-container{
   width: 100%;
   height: auto;
   display: block;
   float: left;
   margin-top: -15px;
}

.nav-catalog-container img{
    float:left;
    width: 70px;
}

.nav-catalog-container a{
    text-decoration:underline;
    display: block;
    padding-top: 20px;
    font-size: 16px;
}

.nav-holiday-container{
    margin-top: -10px;
}
.nav-holiday-container img{
    height: auto;
    display: block;
    margin-top: 10px;
}

.nav-elevator-menu-container{
    margin-top: 10px;
}

.nav .open .caret,.nav .open.active .caret,.nav .open a:hover .caret {
    border-top-color:#fff;
    opacity:1;
    filter:alpha(opacity=100)
}

.tabs-stacked .open>a:hover {
    border-color:#999
}

.tabbable {
    *zoom:1
}

.tabbable:before,.tabbable:after {
    display:table;
    content:""
}

.tabbable:after {
    clear:both
}

.tabs-below .nav-tabs,.tabs-right .nav-tabs,.tabs-left .nav-tabs {
    border-bottom:0
}

.tab-content>.tab-pane,.pill-content>.pill-pane {
    display:none
}

.tab-content>.active,.pill-content>.active {
    display:block
}

.tabs-below .nav-tabs {
    border-top:1px solid #ddd
}

.tabs-below .nav-tabs>li {
    margin-top:-1px;
    margin-bottom:0
}

.tabs-below .nav-tabs>li>a:hover {
    border-bottom-color:transparent;
    border-top-color:#ddd
}

.tabs-below .nav-tabs .active>a,.tabs-below .nav-tabs .active>a:hover {
    border-color:transparent #ddd #ddd #ddd
}

.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li {
    float:none
}

.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a {
    min-width:74px;
    margin-right:0;
    margin-bottom:3px
}

.tabs-left .nav-tabs {
    float:left;
    margin-right:19px;
    border-right:1px solid #ddd
}

.tabs-left .nav-tabs>li>a {
    margin-right:-1px
}

.tabs-left .nav-tabs>li>a:hover {
    border-color:#eee #ddd #eee #eee
}

.tabs-left .nav-tabs .active>a,.tabs-left .nav-tabs .active>a:hover {
    border-color:#ddd transparent #ddd #ddd;
    *border-right-color:#fff
}

.tabs-right .nav-tabs {
    float:right;
    margin-left:19px;
    border-left:1px solid #ddd
}

.tabs-right .nav-tabs>li>a {
    margin-left:-1px
}

.tabs-right .nav-tabs>li>a:hover {
    border-color:#eee #eee #eee #ddd
}

.tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover {
    border-color:#ddd #ddd #ddd transparent;
    *border-left-color:#fff
}

#myfabshop-products-tabs-m,
#myfabshop-products-tabs-f{
    font-size: 16px;
    border-bottom: 1px solid #000;
    margin-left: 10px;
    margin-bottom: 0;
}
#myfabshop-products-tabs-m,
#myfabshop-products-tabs-f {
    border-bottom:  1px solid #999;
}
#myfabshop-products-tabs-m li a,
#myfabshop-products-tabs-f li a,
.filter-bar-two .input-tab-group .input-tab-label {
    background-color: #ddd;
    color: #000;
    font-style: normal;
    padding: 6px 7px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
}
#myfabshop-products-tabs-m li a.current,
#myfabshop-products-tabs-f li a.current,
.filter-bar-two .input-tab-group input:checked + .input-tab-label {
    color: #fff;
    font-style: normal;
    text-align: center;
    margin-bottom: -1px;
    border-bottom: 1px solid #f578c5;
}
.filter-bar-two {
    margin-bottom: -1px;
}
#myfabshop-products-tabs-m li a.current,
.gender-m .filter-bar-two .input-tab-group input:checked + .input-tab-label {
    background-color: #00bfd7;
    border-bottom-color: #00bfd7;
}
#myfabshop-products-tabs-f li a.current,
.gender-f .filter-bar-two .input-tab-group input:checked + .input-tab-label {
    background-color: #f578c5;
}
#myfabshop-products-tabs-m li a.current,
#myfabshop-products-tabs-f li a.current {
    display: block;
}
#myfabshop-products-tabs-m,
#myfabshop-products-tabs-f {
	margin-left: 0;
}
#myfabshop-products-tabs-m li a,
#myfabshop-products-tabs-f li a,
.filter-bar-two .input-tab-group .input-tab-label {
    margin-right: .625rem;
    padding: .625em 1.3125em .425em;
	color: #737373;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	font-size: .8125rem;
    font-weight: 500;
    text-transform: capitalize;
}



/*.modal-open .dropdown-menu {
    z-index:2040
}

.modal-open .dropdown.open {
    *z-index:2040
}

.modal-open .popover {
    z-index:2050
}

.modal-open .tooltip {
    z-index:2060
}

.modal-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1030;
    background-color:#fff
}

.modal-backdrop.fade {
    opacity:0
}

.modal-backdrop,.modal-backdrop.fade.in {
    opacity:0.8;
    filter:alpha(opacity=80)
}

.modal {
    outline:none;
    position:fixed;
    top:50%;
    left:50%;
    z-index:1040;
    overflow:auto;
    width:490px;
    margin:-210px 0 0 -245px;
    background-color:#fff;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,0.3);
    *border:1px solid #999;
    -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding-box;
    background-clip:padding-box
}

.modal.fade {
    -webkit-transition:opacity 0.3s linear,top 0.3s ease-out;
    -moz-transition:opacity 0.3s linear,top 0.3s ease-out;
    -ms-transition:opacity 0.3s linear,top 0.3s ease-out;
    -o-transition:opacity 0.3s linear,top 0.3s ease-out;
    transition:opacity 0.3s linear,top 0.3s ease-out;
    top:-25%
}

.modal.fade.in {
    top:50%
}

.modal-header {
    padding:9px 15px;
    border-bottom:1px solid #eee
}

.modal-header .close {
    margin-top:2px
}

.modal-body {
    overflow-y:auto;
    max-height:400px;
    padding:15px
}*/

.modal-form {
    margin-bottom:0
}

.modal-footer {
    padding:14px 15px 15px;
    margin-bottom:0;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    -webkit-box-shadow:inset 0 1px 0 #fff;
    -moz-box-shadow:inset 0 1px 0 #fff;
    box-shadow:inset 0 1px 0 #fff;
    *zoom:1
}

.modal-footer:before,.modal-footer:after {
    display:table;
    content:""
}

.modal-footer:after {
    clear:both
}

.modal-footer .btn {
    float:right;
    margin-left:5px;
    margin-bottom:0
}

.add-child-modal {
    border:5px solid #ed197a;
    background: #fff;
    text-align:center
}

.gender-n .add-child-modal {
    border:5px solid #ff6d00;
}

.add-child-modal .modal-body {
    max-height:none;
    position:relative;
}

.add-child-modal h1 {
    text-transform:none;
    font-size:30px;
    letter-spacing:normal;
    margin-bottom:2px
}

.gender-n .add-child-modal h1 {
    color: #ff6d00;
}

.gender-n .add-child-modal h2 {
    color: #ff6d00;
}

.add-child-modal h2 {
    color:#000000;
    font-size:20px;
    line-height:28px;
}

.add-child-modal.no-quiz h2 {
    margin-bottom: 15px;
}

.add-child-modal.register h2 {
    font-size: 17px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.add-child-modal .cancel {
    position: absolute;
    right: 10px;
    top:10px;
    font-size:18px;
}

.add-child-modal .cancel a {
    color: #999999;
}

.add-child-modal.no-quiz .title {
    margin: 35px 0px 0px 0px;
}

.add-child-modal.register .title {
    margin: 0px 0px 0px 0px;
}

.add-child-modal.no-quiz h3 {
    margin-bottom: 15px;
}

.add-child-modal .form form {
    margin: 10px 0px 0px 0px;
}
.survey-container-noquiz .add-child-modal .form form {
    padding: 0 1rem;
}

.add-child-modal .age-out-of-range {
    padding-top:8px
}

.add-child-modal .checkbox {
    font-size:11px;
    color:#888;
    margin-bottom:0;
    margin-left:35px;
    text-align:left
}

.add-child-modal #error_text {
    margin-top:-10px;
    margin-bottom:-10px;
}

.add-child-modal .submit .btn {
    margin:5px 5px 15px 5px;
    padding: 10px 20px;
    width: 370px;
    font-size:24px;
}

.add-child-modal .sign-in-links {
    padding-top:10px;
    padding-bottom:5px;
}

.add-child-modal .sign-in-links p {
    margin:0
}

.add-child-modal .sign-in-links p.cancel {
    margin-top:10px
}

.add-child-modal .sign-in-links p.cancel a {
    color:#ccc
}

.add-child-modal .sign-in-links p.cancel a:hover {
    color:#ed197a
}

.add-child-modal .sign-in-links a:hover {
    color:#ed197a
}

#add-child.modal .modal-body {
    padding-top:100px
}

.fancy-yellow-underline,
.fancy-underline {
    display: inline-block;
    line-height: .625em;
    border-bottom: .375rem solid #74e3df;
    margin: .25em 0;
    padding: 0 .25rem;
    color: #404040;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0.05rem;
}

.fancy-yellow-underline {
    border-bottom: 10px solid #FF0;
    line-height: .25em;
}

#colorbox.signin #cboxClose {
    height: .875rem;
    width: .875rem;
    background: url(//fabkids-us-cdn.justfab.com/media/images/global/elements/close-x-dark@2x.png);
    background-size: .875rem .875rem;
    top: 1rem;
    right: 1rem;
}
#colorbox.signin.show-promo #cboxClose {
    height: 1.5rem;
    width: 1.5rem;
    background-size: 1.5rem 1.5rem;
    top: 1rem;
    right: 1rem;
    opacity: .5;
}

#signin.modal .litebox {
    display: block;
    padding: 0;
    float: none;
    /*border: 8px solid #ffa9ce;*/
    min-height: 325px;
    width: 460px;
    background-color: #fff;
    /*background: url(//fabkids-us-cdn.justfab.com/media/images/brand/2016/feb1/signin-stars.png) no-repeat center center #fff;*/
    text-align:center;
}
#signin.modal.modal-show-promo .litebox {
    padding: 4rem 0;
    width: 62em;
    max-width: 100%;
    }
    #signin.modal.modal-show-promo .litebox .registration_info {
        padding: 0;
    }
    #signin.modal.modal-show-promo .litebox .signin-content--wrapper {
        border-left: 1px solid #d9d9d9;
    }
    #signin.modal.modal-show-promo .litebox .signin-content--wrapper,
    #signin.modal.modal-show-promo .signup-promo--wrapper {
        padding: 2rem 15% 1rem;
        box-sizing: border-box;
    }
    .modal-show-promo p.signin-text--intro {
        color: #949494;
        font-size: 0.8125em;
        letter-spacing: 0.026em;
        font-weight: 300;
    }
    #signin.modal.modal-show-promo .signin-content--wrapper h3 {
        margin: .5em 0 1.25em;
        font-size: 2rem;
        font-weight: 300;
        letter-spacing: 0.047em;
    }
    .modal.modal-show-promo .new-vip-text {
        margin: 0 0 1.25em;
        text-transform: uppercase;
        font-size: .875rem;
        letter-spacing: .1625em;
        font-weight: 600;
    }
    #signin.modal.modal-show-promo .promo-text--wrapper .fancy-underline {
        font-size: 2.75rem;
        color: #f00083;
        border-color: #fff659;
    }
    #signin.modal.modal-show-promo .promo-text--wrapper .fancy-underline.sassafras {
        font-size: 2.375rem;
    }
    #signin.modal.modal-show-promo .promo-text--wrapper .fancy-underline.smaller {
        font-size: 1.5rem;
        text-transform: lowercase;
    }
    #signin.modal.modal-show-promo .promo-text--wrapper .fancy-underline.price-point {
        font-size: 3.575rem;
    }
    #signin.modal.modal-show-promo .litebox .btn,
    #signin.modal.modal-show-promo .litebox .btn-primary,
    #signin.modal.modal-show-promo .litebox input.btn {
        border-radius: 3px;
        font-size: 1rem;
    }
    #signin.modal.modal-show-promo .litebox .signup-promo--wrapper .btn-primary {
        display: inline-block;
        width: auto;
        padding-left: 3.5em;
        padding-right: 3.5em;
    }
    .modal.modal-show-promo.promo-is-shoe .promo-text--outfit,
    #signin.modal.modal-show-promo.promo-is-shoe .btn-primary.promo-link--outfit,
    .modal.modal-show-promo.promo-is-outfit .promo-text--shoe,
    #signin.modal.modal-show-promo.promo-is-outfit .btn-primary.promo-link--shoe {
        display: none;
    }
    .modal.modal-show-promo p.free-shipping-msg {
        margin: .25em 0 1.5em;
        font-size: 1.375rem;
        font-weight: 600;
    }
    .modal.modal-show-promo p.endowment-msg {
        margin-bottom: 0;
    }
    #signin.modal.modal-show-promo .litebox input[type="checkbox"] {
        display: none;
        position: relative;
        border: 0;
        outline: 0;
        }
        #signin.modal.modal-show-promo .litebox input[type="checkbox"] + label {
            padding: .25em 0 0 2.75em;
            padding: 0 0 0 2.75em;
            margin: 0;
            font-size: 0.75em; 
            letter-spacing: 0.024em;
            color: #2D2D2D;
            font-weight: 300;
            text-transform: capitalize;
            text-decoration: underline;
        }
        #signin.modal.modal-show-promo .litebox input[type="checkbox"] + label:hover,
        #signin.modal.modal-show-promo .litebox input[type="checkbox"] + label:focus {
            color: #e31c79;
        }
        #signin.modal.modal-show-promo .litebox input[type="checkbox"] + label:before,
        #signin.modal.modal-show-promo .litebox input[type="checkbox"] + label.checkbox:before {
            display: inline-block;
            content: " ";
            width: 1.2875em;
            height: 1.2875em;
            padding: .125em .2125em;
            margin: -.225em .25em 0 0;
            margin-right: .25em;
            text-align: center;
            font-size: 1.125rem;
            line-height: 1;
            color: #000;
            border: 1px solid #bbb;
            background-color: #fff;
            font-family: FabKidsIcon;
            box-sizing: border-box;
        }
        #signin.modal.modal-show-promo .litebox input[type="checkbox"]:checked + label:before,
        #signin.modal.modal-show-promo .litebox input[type="checkbox"]:checked + label.checkbox:before {
            content: "\f110";
            color: #f00a79;
        }
        #signin.modal.modal-show-promo .litebox input[type="checkbox"]:checked + label:after,
        #signin.modal.modal-show-promo .litebox input[type="checkbox"]:checked + label.checkbox:after {
            display: none;
        }

#signin.modal .litebox h3 {
    display: inline-block;
    line-height: .7rem;
    border-bottom: .375rem solid #74e3df;
    margin: 2.25rem 0 1.25rem;
    padding: 0 .25rem;
    color: #404040;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: capitalize;
    letter-spacing: 0.05rem;
}

#signin.modal .litebox .signup-fields {
    list-style: none;
    margin: 0 0 .175em 0;
}

#signin.modal .litebox .row-justified {
    display: flex;
    justify-content: space-between;
}

#signin.modal .litebox .row-justified div {
    position: relative;
}

#signin.modal .litebox .row-justified .forgot-password-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

#signin.modal .litebox .row-justified a {
    font-size: 0.75em; 
    letter-spacing: 0.024em;
    color: #2D2D2D;
    font-weight: 300;
    text-transform: capitalize;
    text-decoration: underline;
}

#signin.modal .litebox .row-justified a:hover,
#signin.modal .litebox .row-justified a:focus {
    color: #e31c79;
}

#signin.modal .litebox input[type="checkbox"] {
    display: inline;
    position: absolute;
    left: 0px;
    top: -5px;
    opacity: 0.01;
    width: 100px;
    height: 15px;
    padding: 0;
    line-height: normal;
    border: 0;
    cursor: pointer;
    z-index: 100;

}

#signin.modal .litebox label.checkbox
{
    padding: 1px 1.25rem;
    position: relative;
    text-align: left;
    font-size: .6875em;
}

#signin.modal .litebox label.checkbox:before
{
    border: 1px solid #bbbcbb;
    position: absolute;
    left: 0;
    content: "";
    width: 1rem;
    height: 1rem;
    margin-top: -1px;
    text-align: center;
    box-sizing: border-box;
}

#signin.modal .litebox input[type="checkbox"]:checked + label.checkbox:after {
    content: "\2713";
    left: 4px;
    font-size: 12px;
    position: absolute;
    top: 0px;
    width: 10px;
}


#signin.modal .litebox input[type="email"],
#signin.modal .litebox input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: .8em;
    border-color: #aaa;
    font-size: 0.875em; 
    letter-spacing: 0.015625em;
    color: #757575;
}
#signin.modal .litebox input[type="email"]:focus,
#signin.modal .litebox input[type="password"]:focus {
    outline-color: #ffa9ce;
    outline-offset: -1px;
    border-color: #999;
}

#signin.modal .litebox .btn-primary {
    margin-top: 1.5rem;
    letter-spacing: .125rem;
    font-size: .75rem;
    font-weight: 600;
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
    background: #e31c79;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}
#signin.modal .litebox .btn-primary:hover,
#signin.modal .litebox .btn-primary:focus {
    background: #e31c79;
}
#signin.modal .litebox .bottom-links p a {
    text-decoration: underline;
    color: #2d2d2d;
}
#signin.modal .litebox .bottom-links p a:hover,
#signin.modal .litebox .bottom-links p a:focus {
    color: #e31c79;
}
#signin.modal .litebox .bottom-links p {
    margin-bottom:0;
    font-size: 0.75em;
    letter-spacing: 0.024em;
    color: #2d2d2d;
    font-weight: 300;
}

#signin.modal .litebox .stars {
    position:absolute;
    right:15px;
    bottom:15px
}

#signin.modal .litebox form {
    margin-bottom:0;
    padding: 0 10px
}

#signin.modal .litebox .registration_info {
    padding:0 70px;
}

.popover {
    position:absolute;
    top:0;
    left:0;
    z-index:1010;
    display:none;
    width:236px;
    padding:1px;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    border:1px solid #ccc;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow:0 5px 10px rgba(0,0,0,0.2)
}

.popover.top {
    margin-bottom:10px
}

.popover.right {
    margin-left:10px
}

.popover.bottom {
    margin-top:10px
}

.popover.left {
    margin-right:10px
}

.popover-title {
    margin:0;
    padding:8px 14px;
    font-size:14px;
    font-weight:normal;
    line-height:18px;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    color:#ed197a;
    font-weight:700
}

.popover-content {
    padding:9px 14px
}

.popover-content p,.popover-content ul,.popover-content ol {
    margin-bottom:0
}

.popover .arrow,.popover .arrow:after {
    position:absolute;
    display:inline-block;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}

.popover .arrow:after {
    content:"";
    z-index:-1
}

.popover.top .arrow {
    bottom:-10px;
    left:50%;
    margin-left:-10px;
    border-width:10px 10px 0;
    border-top-color:#fff
}

.popover.top .arrow:after {
    border-width:11px 11px 0;
    border-top-color:rgba(0,0,0,0.25);
    bottom:-1px;
    left:-11px
}

.popover.right .arrow {
    top:50%;
    left:-10px;
    margin-top:-10px;
    border-width:10px 10px 10px 0;
    border-right-color:#fff
}

.popover.right .arrow:after {
    border-width:11px 11px 11px 0;
    border-right-color:rgba(0,0,0,0.25);
    bottom:-11px;
    left:-1px
}

.popover.bottom .arrow {
    top:-10px;
    left:50%;
    margin-left:-10px;
    border-width:0 10px 10px;
    border-bottom-color:#fff
}

.popover.bottom .arrow:after {
    border-width:0 11px 11px;
    border-bottom-color:rgba(0,0,0,0.25);
    top:-1px;
    left:-11px
}

.popover.left .arrow {
    top:50%;
    right:-10px;
    margin-top:-10px;
    border-width:10px 0 10px 10px;
    border-left-color:#fff
}

.popover.left .arrow:after {
    border-width:11px 0 11px 11px;
    border-left-color:rgba(0,0,0,0.25);
    bottom:-11px;
    right:-1px
}

a.popover-trigger {
    display:inline-block
}

#voucher-popover {
    width:320px;
    margin-top:-10px
}

#voucher-popover .popover-title {
    text-transform:uppercase;
    letter-spacing:1px
}

.btn {
    display:inline-block;
    text-transform:capitalize;
    letter-spacing:1px;
    font-weight: bold;
    padding:5px 12px;
    font-size:12px;
    line-height:16px;
    color: #e31c79;
    text-align:center;
    cursor:pointer;
    background-color: #fff;
    border:1px solid #e31c79;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    *margin-left:.3em;
    -webkit-transition: all linear 0.0875s;
       -moz-transition: all linear 0.0875s;
        -ms-transition: all linear 0.0875s;
         -o-transition: all linear 0.0875s;
            transition: all linear 0.0875s
}

.gender-m .btn {
    color: #1818a0;
}

.btn:first-child {
    *margin-left:0
}

.btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e31c79;
    border: 0;
}

.gender-m .btn:hover {
    background-color: #15158a;
}

.btn:focus {
    outline-offset:-2px
}

.btn-large {
    padding: .875em 1em;
    font-size: 1rem;
    line-height: 1;
    border: 0;
}

.btn-large .icon {
    margin-top:1px
}

.btn-xlarge {
    padding:6px 20px;
    font-size:20px;
    line-height:normal
}

.btn-xlarge .icon {
    margin-top:1px
}

.btn-xxlarge {
    padding: 14px 40px;
    font-size: 25px;
    line-height: normal;
}
.btn-xxlarge .icon {
    margin-top: 1px
}

.btn-small {
    font-size:11px;
    line-height:11px;
    font-weight:700;
    padding:1px 5px
}

.btn-full-width {
    display: block;
    width: 100%;
}

.btn-orange {
    color: #fff;
    background-color: #ff6500;
    border: 0;
}
.btn-orange:hover {
    color: #fff;
    background-color: #ff914a;
    border: 0;
}

.btn-gray {
    color:#fff;
    background-color: #acaca9;
    border: 0;
}
.btn-gray:hover {
    background-color: #999993;
    border: 0;
}

.btn-plain,
.gender-m .btn-plain {
    background-color: #fff;
    color: #777;
    border: 1px solid #777;
    border-radius: 3px;
    font-weight: normal;
}
.btn-plain:hover,
.gender-m .btn-plain:hover {
    background-color: #e0e0e0;
    color: #555;
    border: 1px solid #777;
}

.btn-text {
    /*font-family: georgia, serif;*/
    background: none;
    border-color: transparent;
    text-transform: none;
    font-weight: normal;
    /*font-style: italic;*/
    font-size: 12px;
    letter-spacing: 0.06em;
}
.btn-text:hover {
    border-color: transparent;
    background: none;
    color: black;
    text-decoration: underline;
}
.btn-text.btn-text--no-underline:hover {
    text-decoration: none;
}

body[data-gender="female"] .btn-primary {
    color: #fff;
    background-color: #e31c79;
    border: 0;
}
body[data-gender="female"] .btn-primary:hover,
body[data-gender="female"] .btn-primary:focus {
    background-color: #e31c79;
}

body[data-gender="male"] .btn-primary {
    background-color: #1818a0;
    color: #fff;
    border: 1px solid #1818a0;
}
body[data-gender="male"] .btn-primary:hover,
body[data-gender="male"] .btn-primary:focus {
    background-color: #15158a;
    color: #fff;
}
body[data-gender="female"] .gender-m .btn-primary {
    color: #fff;
    background-color: #1818a0;
    border: 0;
}

.gender-n .btn-primary {
    color:#fff;
    background-color: #e31c79;
    border: 0;
}

.gender-m .btn-primary {
    color: #fff;
    background-color: #1818a0;
    border: 0;
}

.gender-m .btn-primary.btn-orange {
    color: #fff;
    background-color: #ff6500;
    border: 0;
}

.gender-f .btn-primary {
    color: #fff;
    background-color: #e31c79;
    border: 0;
}

.gender-m .btn-primary:hover {
    background-color: #15158a;
    border: 0;
}

.gender-m .submit-panel .btn-primary {
    background-color: #ff6D00;
    border: 0;
}

.btn-primary:hover {
    color: #fff;
    background-color: #e31c79;
    border: 0;
}

.btn-block {
    display:block;
    width:100%;
    padding-left:0;
    padding-right:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.btn-block+.btn-block {
    margin-top:5px
}

.btn-bold {
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    padding: 6px 16px
}

.btn-bold.btn-cancel {
    background-color: #fff;
    border-color: #bfbfbf;
    color: #a3a3a3;
}

.btn-bold.btn-cancel:hover {
    background-color: #fff;
    border-color: #666666;
    color: #666666;
}

.btn-bold.btn-cancel:active {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

.btn-bold.btn-primary {
    background-color: #fff;
    border-color: #F07BAF;
    color: #F07BAF;
}

.btn-bold.btn-primary:hover {
    background-color: #fff;
    border-color: #FB5597;
    color: #FB5597;
}

.btn-bold.btn-primary:active {
    background-color: #fff;
    border-color: #f00083;
    color: #f00083;
}


button.btn,
input[type="submit"].btn {
    *padding-top:2px;
    *padding-bottom:2px
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    padding:0;
    border:0
}

button.btn.large,
input[type="submit"].btn.large {
    *padding-top:7px;
    *padding-bottom:7px
}

button.btn.small,
input[type="submit"].btn.small {
    *padding-top:3px;
    *padding-bottom:3px
}

#colorbox .btn.loading,
.litebox .btn.loading {
    height: auto;
    color: #e5e5e5;
    color: transparent;
    background-size: 1.5em;
    background-position: center center;
    background-color: #ccc;
}


.carousel .next,.carousel .prev {
    position:absolute;
    top:0;
    width:100%
}

.carousel .next {
    left:100%
}

.carousel .prev {
    left:-100%
}

.carousel .next.left,.carousel .prev.right {
    left:0
}

.carousel .active.left {
    left:-100%
}

.carousel .active.right {
    left:100%
}

.carousel-control {
    display:block;
    cursor:pointer;
    border-top:25px solid transparent;
    border-bottom:25px solid transparent;
    width:0;
    height:0;
    position:absolute;
    top:50%;
    margin-top:-50px
}

.carousel-control span {
    display:block;
    position:relative;
    top:-13px;
    border-top:13px solid transparent;
    border-bottom:13px solid transparent
}

.carousel-control.left {
    left:0;
    border-right:25px solid #ccc
}

.carousel-control.left span {
    left:12px;
    border-right:13px solid #fff
}

.carousel-control.left:hover {
    border-right:25px solid #ed197a
}

.carousel-control.right {
    right:0;
    border-left:25px solid #ccc
}

.carousel-control.right span {
    left:-25px;
    border-left:13px solid #fff
}

.carousel-control.right:hover {
    border-left:25px solid #ed197a
}

.alert {
    padding:8px 0;
    font-size:15px;
    margin:0 0 20px;
    text-shadow:0 1px 0 rgba(255,255,255,0.5);
    text-align:center;
    position:absolute;
    width:938px;
}

.alert .close {
    position:relative;
    top:-2px;
    right:10px;
    line-height:18px
}

.alert.alert-warning {
    color:#ed197a;
    background:#fde4f0;
    border:1px solid #f8a7cc;
    border-top:0
}

.alert.alert-notice {
    color:#000;
    border:1px solid #000;
    border-top:0
}

.modal .alert {
    margin-top:-15px;
    border-bottom:0;
    text-align:left
}

body.shaded .content {
    z-index: 2;
}

body.shaded .toplevel {
    position: relative;
    z-index: -1;
}

.header {
    width:100%;
    position:relative;
    text-align:center;
    border-bottom:1px solid #000;
    z-index: 11;
}

.header #holiday-shipping-notice {
    position:absolute;
    top:10px;
    left:0;
}

.header .logo {
    padding: 13px 0 0;
}
svg#fabkids-logo-gray,
#fabkids-logo-symbol-gray,
#fabkids-logo-symbol-gray path {
    fill: #777 !important;
}

.header h1.site-logo {
    }
    .header h1.site-logo .logo-logged-out {
        font-size: 1.5rem;
        text-transform: none;
        line-height: 1;
    }

.header .nav {
    /* *zoom:1; */
    /* text-transform:uppercase; */
    margin:0
}

.header .nav:before,.header .nav:after {
    display:table;
    content:""
}

.header .nav:after {
    clear:both
}

.header .main-nav {
    display: inline-block;
}

.signed-out .header .main-nav {
    margin-left: 0px;
}

.header .main-nav a,
.header .main-nav .no-link {
    font-size: 15px;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: #000;
    white-space: nowrap;
}
.header .main-nav .no-link {
    cursor: default;
}
.header .main-nav a:hover {
    color:#ed197a
}
.gender-m .header .main-nav a:hover {
    color:#1516a2;
}

.header .main-nav span.bull {
    letter-spacing:0
}
.signed-in .header .main-nav ul,
.signed-in .header .main-nav li,
.signed-out .header .main-nav.extended-nav ul,
.signed-out .header .main-nav.extended-nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.signed-in .header .main-nav ul,
.signed-out .header .main-nav.extended-nav ul {
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.signed-in .header .main-nav ul li,
.signed-out .header .main-nav.extended-nav ul li {
    display: table-cell;
}
.signed-in .header .main-nav ul li .dropdown,
.signed-out .header .main-nav ul li.extended-nav .dropdown {
    position: relative;
    display: block;
}
.signed-in .header .main-nav ul > li > a,
.signed-in .header .main-nav ul > li .dropdown > a,
.signed-in .header .main-nav ul > li .dropdown > .no-link {
    line-height: 1;
    display: block;
    text-align: center;
    padding: 8px 24px;
    cursor: pointer;
}
.signed-in .header .main-nav > ul > li:hover > a,
.signed-in .header .main-nav > ul > li:hover > .dropdown > a,
.signed-in .header .main-nav > ul > li:hover > .dropdown > .no-link {
    color: black;
    background: #fff9c4;
}
.signed-in .header .main-nav ul li .dropdown > ul,
.signed-out .header .main-nav.extended-nav ul li .dropdown > ul {
    position: absolute;
    top: 90%;
    left: 0;
    width: auto;
    opacity: 0;
    visibility: hidden;
    background: white;
    border: 1px solid #d1d1d1;
    padding: 16px 0;
    box-shadow: 7px 4px 10px rgba(0,0,0, 0.27);
    transition: all 0.3s ease;
}
.signed-in .header .main-nav ul li:hover .dropdown > ul,
.signed-out .header .main-nav.extended-nav ul li:hover .dropdown > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.signed-in .header .main-nav ul li .dropdown > ul li,
.signed-out .header .main-nav.extended-nav ul li .dropdown > ul li {
    display: block;
}
.signed-in .header .main-nav ul li .dropdown > ul li a,
.signed-out .header .main-nav.extended-nav ul li .dropdown > ul li a {
    display: block;
    text-align: left;
    padding: 4px 14px;
}
.signed-in .header .main-nav ul li .dropdown > ul li .dropdown__image {
    text-align: center;
}
.signed-in .header .main-nav ul li .dropdown > ul li .dropdown__image img {
    display: block;
    margin: 0 auto;
}
.signed-in .header .main-nav ul li .dropdown > ul li .see-more {
    font-size: 12px;
    text-align: center;
}
.signed-in .header .main-nav ul li .dropdown > ul li .see-more:after {
    content: ">";
}


.header .commerce-nav {
    position: absolute;
    top: 6px;
    right: 0;
}
.header .commerce-nav li {
    display: inline-block;
}
.header .commerce-nav li#my_bag_header {
    position: static;
}
.header .commerce-nav li#my_bag_header a#bag {
    background: none;
    letter-spacing: 0;
    padding: 0 6px;
}


.header .commerce-nav a {
    font-size: 18px;
    text-transform: lowercase;
    color: black;
}
.header .commerce-nav > li > a {
    padding: 0 6px;
    border-left: 1px solid black;
}
.header .commerce-nav > li:first-child > a {
    border-left: 0;
}
.header .commerce-nav a:hover {
    color: #ED197A;
}
.gender-m .header .commerce-nav a:hover {
    color: #1516a2;
}

[id="bag"] .count {
    color: #ED197A;
}

.gender-m [id="bag"] .count {
    color: #1516a2;
}

.header .commerce-nav .account {
    position: relative;
    padding-right: 20px;

}
.header .commerce-nav .account > a:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-top: 6px solid black
}
.header .commerce-nav .account ul {
    position: absolute;
    right: 0;
    text-align: right;
    background: white;
    max-width: 200px;
    border-top-width: 0;
    padding: 6px 0;
    border-bottom: 1px solid #e1e1e1;
    opacity: 0;
    top: 150%;
    visibility: hidden;
    transition: opacity 0.3s ease, top 0.3s ease;
}
.header .commerce-nav .account:hover ul {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.header .commerce-nav .account ul li {
    display: block;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.header .commerce-nav .account ul li a {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.075em;
    display: block;
    padding: 6px 16px;
    white-space: nowrap;
}

.header .commerce-nav .menu-vip-gold-status {
	color: #ed197a;
}

.gender-m .header .commerce-nav .menu-vip-gold-status {
	color: #1516a2;
}

.header .nav-account,.header .nav-social {
    position:absolute;
    top:4px
}

.header .nav-account a,.header .nav-social a {
    line-height:20px
}

.header .nav-account {
    right:0;
    font-size:11px
}

.header .nav-account a {
    margin-left:10px;
    display:inline-block;
    font-weight:700
}

.header .nav-account a.register-link {
    margin-left:3px
}

.header .nav-account span {
    color:#000;
    text-transform:none;
    letter-spacing:normal;
    font-family:georgia,serif;
    font-weight:normal;
    font-size:12px
}

.header .nav-account span.greeting {
    font-style:italic;
    color:#999;
    letter-spacing:1px
}

.header .nav-account span.greeting span {
    color:#999
}

.header .nav-account span.greeting .first_name {
    text-transform:capitalize
}

.header .nav-social {
    left:0;
    font-size:10px;
    font-weight:700
}

.header .nav-social a {
    letter-spacing:1px;
    float:left;
    display:block;
    margin-left:8px;
    padding-right:22px;
    background:url(//fabkids-us-cdn.justfab.com/media/images/brand/icons-social.png) no-repeat right 1px
}

.header .nav-social a.twitter {
    background-position:right -26px
}

.header .nav-social a.pinterest {
    background-position:right -53px
}

.header .nav-shipping {
    position:absolute;
    left:0px;
    top:0px;
    padding-top:8px
}

.header #my_bag_header {
    position:absolute;
    right:0;
    top:auto;
    display:inline-block
}

.header #my_bag_header a {
    color:#ed197a;
    /* letter-spacing:1px; */
    /* padding:2px 0 0 20px; */
    /* background:url(//fabkids-us-cdn.justfab.com/media/images/boutique/icon-bag.png) no-repeat */
}
.gender-m .header #my_bag_header a {
    color:#1516a2;
    background:url(//fabkids-us-cdn.justfab.com/media/images/boutique/icon-bag-blue.png) no-repeat
}

.header #my_bag_header a span {
}

.header #my_bag_header a:hover {
    color:#000
}

.header #inline_bag {
    top:87px
}

.free-shipping-header-msg {
    float: left;
    margin-top: -40px;
    background-color: #FFF773;
    padding: 3px 5px;
    font-size: 13px;
    text-transform: uppercase;
}

.header-promo-banner {
    float: left;
    margin-top: -49px;
    font-size: 13px;
    text-transform: uppercase;
}

.header-promo-banner img {
    width: 235px;
    height: 57.5px;
    margin: -.75rem 0;
}

.valentines-header-msg {
    float: left;
    margin-top: -52px;
    margin-left: -5px;
}


.free-shipping-header-msg .header-percent-off {
    color: #ed197a !important;
    text-transform: uppercase;
    font-weight: bold;
}

.free-two-day-shipping-header-msg {
    float: left;
    margin-top: -52px;
    margin-left: -25px;
}

.free-two-day-shipping-pdp-msg {
    color: #ed197a !important;
    background-color: #FFF773;
    padding: 3px;
    margin-top: 10px;
    width: 370px;
    text-transform: uppercase;
}

.free-two-day-shipping-pdp-msg.gender-m {
    color: #1516a2 !important;
    background-color: #FFF773;
    padding: 3px;
    margin-top: 10px;
    width: 370px;
    text-transform: uppercase;
}

.free-two-day-shipping-pdp-date-msg{
    font-style:italic;
    text-transform: uppercase;
}

.free-two-day-shipping-bold{
    text-transform: uppercase;
    font-weight: bold;
}

.free-two-day-shipping-normal{
    text-transform: uppercase;
}

.header .postreg-countdown {
    position: relative;
    float: right;
    margin-top: -22px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
    font-weight: bold;
}
.header .postreg-countdown .static-left {
    font-size: 12px;
}
.header .postreg-countdown .countdown {
    display: inline-block;
    font-size: 15px;
    min-width: 3em;
    text-align: left;
}

#dresses-header-msg {
    position: absolute;
    top: 0;
    left: 0;
}
#dresses-header-msg a {
    display: inline-block;
}

.ten-to-spend-header-msg {
    float: left;
    margin-top: -50px;
    padding: 1px;
    font-size: 8px;
    text-transform: uppercase;
}

.toplevel {
    width: 100%;
    min-height: 40px;
    background-color: #f2f2f2;
    position: relative;
    z-index:9999;
}

.toplevel .nav > li > a{
    display:inline;
}


/**
 * global svg component
 */
[data-svg-image] {
    display: block;
}
.svg [data-svg-image] img,
.no-svg [data-svg-image] svg {
    display: none;
}
[data-gender="male"] [data-svg-image="vip-badge"] .vip-badge--star {
    fill: #1818a0;
}


/* MetaNav / Shop Our Brands */
.toplevel .metanav-wrapper {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.toplevel .metanav .text {
    display: none;
}
.toplevel ul.metanav {
    height: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
    .toplevel .metanav li {
        display: block;
        position: relative;
        margin: 0;
        min-width: 4em;
        max-width: 9em;
        -webkit-transition: all .0625s ease-in-out;
           -moz-transition: all .0625s ease-in-out;
             -o-transition: all .0625s ease-in-out;
                transition: all .0625s ease-in-out;
    }
    .toplevel .metanav li:hover {
        }
        .toplevel .metanav li a {
            display: block;
            height: 40px;
            padding: .875em 1em .25em;
            line-height: 1;
            text-align: center;
            text-decoration: none;
            background: transparent none;
            -webkit-box-sizing: border-box;
               -moz-box-sizing: border-box;
                    box-sizing: border-box;
            -webkit-transition: all .0625s ease-in-out;
               -moz-transition: all .0625s ease-in-out;
                 -o-transition: all .0625s ease-in-out;
                    transition: all .0625s ease-in-out;
        }
        .toplevel .metanav li:not(.fk) a .logo-image {
            opacity: .5;
        }
        .toplevel .metanav li:not(.fk) a:hover .logo-image {
            opacity: .75;
        }
        .toplevel .metanav li:not(.fk) a .logo-image img,
        .toplevel .metanav li:not(.fk) a .logo-image svg {
            max-width: 100%;
            width: auto;
            height: auto;
            height: 1em;
                    filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            }
        .toplevel .metanav li a .logo-image svg {
            height: 1em;
        }

    /* logo sizes */
    .toplevel .metanav li.jf a {
        font-size: .8625em;
        }
        .toplevel .metanav li.jf a div {
            margin-top: .125em;
        }
    .toplevel .metanav li.fk a {
        font-size: 1.0866em;
        background-color: #fff;
        }
        .toplevel .metanav li.fk a div {
            margin-top: -.1em;
        }
    .toplevel .metanav li.sd a {
        font-size: 1em;
        }
        .toplevel .metanav li.sd a div {
            color: #222;
            margin-top: -.2625em;
            margin-right: -.25em;
        }
        .tiolevel .metenav li.sd a [data-svg-image="shoedazzle-logo"] .shoedazzle-logo-content {
            fill: #222;
        }
    .toplevel .metanav li.fl a {
        font-size: .8625em;
        }
        .toplevel .metanav li.fl a div {
        }

    .metanav .metanav-promo-image {
        position: absolute;
        overflow: hidden;
        max-height: 0;
        width: auto;
        left: 0;
        top: 100%;
        padding: 0;
        opacity: 1;
        border: 0;
        background-color: #fff;
        box-shadow: 0px 2px 8px rgba(0,0,0,0);
        z-index: 7888;
        }
        .toplevel .metanav li:hover a:not(.expanded) .metanav-promo-image,
        .metanav .expanded:not([data-metanav-default]) .metanav-promo-image.expanded {
            max-height: 1024px;
            opacity: 1;
            overflow: visible;
            /* width: 100%; */
            /* border-bottom: 1px solid #ddd; */
            box-shadow: 0px 2px 8px rgba(0,0,0,.24);
        }
        .toplevel .metanav li .metanav-promo-image img,
        .metanav .metanav-promo-image img {
            display: block;
            max-height: 1px;
            /* max-width: 100%; */
            height: auto;
            cursor: pointer;
            background-color: #fff;
            /* transition: all .25s ease-in-out; */
        }
        .toplevel .metanav li:hover .metanav-promo-image img,
        .metanav .metanav-promo-image.expanded img {
            max-height: 128px;
            width: auto;
        }


/* Top Bar sub-navigation */
.toplevel .nav a:hover{text-decoration:underline;}
.toplevel .nav ul ul a:hover{text-decoration:none;}

.toplevel .nav,
.toplevel .nav li ul{
    list-style-type:none;
    position:relative;
}

.toplevel .nav:not(.metanav) li {
    display:block;
    /* float:left; */
    position:relative;
    margin:2px 4px 0 0;
    font-size:12px;
    line-height:14px;
}

.toplevel .nav li li{
    font-weight:normal;
    font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin:0;
}

.toplevel .nav li ul{
    display:none;
    position:absolute;
    width:100%;
    -webkit-box-shadow:0 0 2px 2px #ddd;
    -moz-box-shadow:0 0 2px 2px #ddd;
    box-shadow:0 0 2px 2px #ddd;
    text-align:left;
    z-index:100;
    left:0;
    top:0;
    margin:0;
    padding:38px 0 0 0;
}

.toplevel .nav li ul a{
    float:left;
    width:90%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-style:normal;
    padding: 8px 0 8px 10%;
    color:#333 !important;
    border-top:dotted 1px #ccc;
    background-color:#fff;
}

.toplevel .nav li ul a:hover{
    background-color:#f4f4f4;
    color:#333 !important;
}

.toplevel .nav li ul a .pink{
    font-size:12px;
}

.toplevel .nav li:hover ul ul,
.toplevel .nav li:hover ul ul ul,
.toplevel .nav li:hover ul ul ul ul{
    display:none;
}
.toplevel .nav li:hover ul,
.toplevel .nav li li:hover ul,
.toplevel .nav li li li:hover ul,
.toplevel .nav li li li li:hover ul{
    display:block;
}

.toplevel .nav li.submenu{
    background:url('//fabkids-us-cdn.justfab.com/media/images/boutique/header_dd_arrow_black.png') right 18px no-repeat;
    padding:10px 14px 10px 5px;
    margin-top:0;
    position:relative;
    z-index:1000;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    cursor:pointer;
}

.toplevel .nav li.submenu:hover{
    background-color:#fff;
}

.toplevel .nav li.submenu:hover a{
    text-decoration:none;
}

.toplevel .nav li.invite{
    background:url('//fabkids-us-cdn.justfab.com/media/images/icon_bg_invite.png') 2px 0 no-repeat;
    padding-left:16px;
}

.toplevel .nav li.chat{
    background:url('//fabkids-us-cdn.justfab.com/media/images/icon_bg_chat.png') 2px 0 no-repeat;
    padding-left:14px;
}

.toplevel .nav li.skip a {
  color: #ed197a !important;
  font-style: italic;
}

.signed-in .nav-account a {
    color:#999
}

.signed-in .nav-account a:hover {
    color:#000
}

.signed-out .nav-account a {
    letter-spacing:1px
}

.footer {
    width:100%;
    position:relative;
    color:#999;
}
.footer-pad {
    margin-bottom: -1.5rem !important;
    height: 1.5rem;
    background-color: #fff3f7;
}

.footer .container {
    border-top:4px double #ccc;
    padding:8px 0 20px;
    position:relative
}

.footer a {
    color:#999
}

.footer .footer-links {
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px
}

.footer .footer-links a {
    color:#000
}

.footer .footer-links a:hover {
    color:#ed197a
}

.footer .footer-social {
    position:absolute;
    right:0;
    top:8px
}

.footer .footer-social .fb-like,.footer .footer-social .tw-follow,.footer .footer-social .pin-follow {
    float:left;
    margin-left:10px
}

.footer .footer-social .pin-follow {
    position:relative;
}

.footer .copyright {
    font-size:13px
}

.footer .subtext p {
    font-size:11px;
    margin-top:10px;
}

h1 {
    font-weight:700;
    font-size:48px;
    text-transform:uppercase;
    color:#ed197a
}

#statics_contact .content h1 {
    text-align:center;
    font-size:36px;
    padding:30px 0
}

#statics_contact .content h2 {
    margin:40px 0 6px;
    line-height:1;
    font-size:18px
}

#statics_contact .content .intro p {
    margin:0;
    font-weight: bold;
    text-align:center;
    font-size:18px;
    line-height:1.33em
}

#faq h2,#shipping-return h2 {
    font-size: 18px;
    line-height:1;
    padding:30px 0 10px;
    text-transform:uppercase;
    font-weight: bold
}
#shipping-return h2 {
    font-size: 40px;
}
#shipping-return h2 .font-normal {
    font-weight: normal;
}

#faq .return,#shipping-return .return {
    font-weight:bold;
    text-transform:uppercase;
    font-size:12px
}

#faq h2 {
    margin-left:-8px
}

#faq dl {
    margin:0 0 9px
}

#faq dt {
    color:#ed197a;
    cursor:pointer;
    font-weight:normal
}

#faq dt:hover {
    text-decoration:underline
}

#faq dt.active {
    font-weight:bold;
    color:#000
}

#faq dt.active:hover {
    color:#000;
    cursor:default;
    text-decoration:none
}

#faq dd {
    margin-left:0
}

.faq-header{
    color: black;
}

.faq-header:hover {
    text-decoration: underline;
    color: black;
}

.faq-header-border{
    float: right;
    font-size: 13px;
    line-height: 40px;
    color: black;
    border-right: 1px solid #333;
    margin-right: 13px;
    padding-right: 12px;
    height: 14px;
    margin-top: 13px;
}

.invite-header-border{
    float: left;
    font-size: 13px;
    line-height: 40px;
    color: black;
    border-right: 1px solid #333;
    margin-right: 5px;
    height: 14px;
}

.toplevel .nav a.{
    padding:0 4px;
    color:#333 !important;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

.toplevel .nav > li a.invite-nav-link{
}

.static {
    padding:30px 140px
}

.static h1 {
    text-align:center;
    font-size:36px;
}

.static h3 {
    font-size:14px;
    font-weight:700;
    text-decoration:underline;
    margin:20px 0 10px;
    line-height:20px
}

.static .updated {
    text-align:center;
    font-size:11px;
    color:#888;
    padding-top:5px
}

.static .indent {
    padding-left:40px
}

#privacy .table td {
    border:none;
    padding-bottom:0
}

#privacy .table td.indent {
    padding-left:13px
}

#favorites .sidenav {
    margin-top:60px;
    width:190px;
    padding-top:0px
}

#favorites .sidenav .select,#favorites .sidenav .unselect {
    font-size:14px;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:8px 10px;
    margin:2px 0px
}

#favorites .sidenav .select {
    background-color:#ed197a;
    color:white
}

#favorites .sidenav .unselect {
    color:black
}

#favorites .sidenav .unselect a {
    color:black
}

#favorites .products-container {
    border-left:none
}

#favorites .group {
    margin-top:60px;
    margin-left:20px
}

#favorites .group .group-title {
    font-size:18px;
    font-weight:bold;
    letter-spacing:2px;
    color:black;
    border-bottom:1px solid #ed197a;
    padding:2px 0px;
    margin-bottom:10px
}

.statics .meet-christina {
    position:relative
}

.statics .meet-christina img {
    max-width:none;
    position:relative;
}

.statics .meet-christina .btn {
    position:absolute;
    top:720px;
    left:0;
    font-weight:bold;
}

.statics .meet-christina .btn .arrow,
.how-it-works .btn .arrow {
    display:inline-block;
    position:relative;
    top:1px;
    margin-left:4px;
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #fff
}

.statics .our-story .team-row {
    padding-bottom:20px
}

.statics .our-story .team-row .photo {
    padding:10px;
    width:183px;
    height:208px;
    background:url(//fabkids-us-cdn.justfab.com/media/images/brand/team-photo-frame.png) no-repeat
}

.statics .our-story .team-row h3 {
    margin:12px 0 9px;
    color:#ed197a;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:1px
}

.statics .our-story .team-row h3 small {
    color:#ed197a;
    text-transform:none;
    font-size:13px;
    font-weight: bold;
    letter-spacing:0
}

.statics .our-story .team-row p {
    padding-right:10px
}

.statics .press h1 {
    margin:0 0 30px;
    border-bottom:1px solid #000
}

.statics .press .press-header {
    border-bottom:solid 8px #ed197a;
    padding:0px 10px 4px 20px;
    margin-bottom:10px
}

.statics .press #press-logos {
    margin:10px 0;
}

.statics .press #press-logos td {
    padding:0 0 20px 0;
    width:300px;
}

.statics .press #press-logos tr.logos td {
    padding:20px 0 0 0;
}

.statics .press #press-logos td img {
    max-height:70px;
    max-width:230px
}

.statics .press #press-logos td p {
    font-size:15px;
    line-height:20px;
    padding-right:18px
}

.how-it-works {
    margin-top:0px;
}

.how-it-works .block.shaded {
    background-color: #f7f7f7;
}
.how-it-works .block img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}
.how-it-works .fk-xslider.works-slider {
    /* max-width:  48em; */
    margin: 0 auto;
    box-sizing: border-box;
}
.how-it-works .fk-xslider.works-slider div {
    box-sizing: border-box;
}
.how-it-works .fk-xslider.show-overflow .fk-viewport {
    padding-right: 25%;
    max-width:  100%;
}
.how-it-works .fk-xslider.show-overflow .fk-viewport ul.slides {
    width: 100%;
    max-width: 100%;
}
.how-it-works .fk-xslider.show-overflow.fk-slider-active .fk-viewport ul.slides {
    max-width: none;
}

.how-it-works .fk-xslider .fk-direction-nav,
.how-it-works .fk-xslider.dnav-chevrons .fk-direction-nav {
    margin-top: -2em;
    top: 42%;
}
.how-it-works .fk-xslider.dnav-chevrons .fk-direction-nav a,
.how-it-works .products .fk-xslider[data-type*="yal-"] .fk-direction-nav a {
    color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0,0,0,.25);
}
body .how-it-works .fk-xslider .fk-direction-nav a {
    font-size: 4rem;
    max-width: 120px;
    line-height: 1.5;
}
.how-it-works .fk-xslider.controlnav-below .fk-control-nav {
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.how-it-works .how-it-works-detail-container {
    width: 290px;
}

.how-it-works .products .fk-xslider .fk-viewport {
    padding-right: 8em;
}
.how-it-works .products {
    padding-bottom: 3rem;
    background-color: #f7f7f7;
}
.how-it-works .products .fk-xslider[data-type*="yal-"] .fk-direction-nav a {
    top: 42%;
}
.how-it-works .products .fk-xslider .slides li a {
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 0 1em 0 0;
}
.how-it-works .products .fk-xslider .slides li a.col-md-3,
.how-it-works .products .fk-xslider.four-col .slides li a {
    width: 25%;
}
.how-it-works .products .fk-xslider .slides li a.col-md-4,
.how-it-works .products .fk-xslider.three-col .slides li a {
    width: 33.3333%;
}

.invite-tab .table td,.invite-tab .table th {
    padding:2px 0;
    border:0
}

.invite-tab .invites-rewards .cal {
    background:url(//fabkids-us-cdn.justfab.com/media/images/drawing-cal.png) no-repeat;
    width:168px;
    height:100px;
    padding-top:38px;
    float:left;
    text-align:center
}

.invite-tab .invites-rewards .cal p {
    margin:0;
    color:#ed197a;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight: bold;
    font-size:14px;
    line-height:1
}

.invite-tab .invites-rewards .cal p.value {
    font-size:50px;
    padding-top:8px
}

.invite-tab .invites-rewards .cal:first-child {
    margin-right:20px
}

.invite-tab .tips-and-tricks {
    padding-top:20px
}

.invite-tab .tips-and-tricks h2 {
    color:#ed197a;
    border-color:#ed197a;
    display:inline-block;
    margin-bottom:10px;
    font-size:24px
}

.invite-tab .tips-and-tricks li {
    color:#ed197a;
    font-size:16px;
    line-height:20px;
    padding-bottom:5px
}

.referees .content {
    padding-bottom:0
}

.message#good{
    background:#f2fef1 url('//fabkids-us-cdn.justfab.com/media/images/boutique/invite_error_good.png') 13px 22px no-repeat;
    margin: 1em auto;
    width: 442px;
    text-align:left;
    padding: 10px 10px 10px 40px;
}

.message#bad{
    background:#fff4f4 url('//fabkids-us-cdn.justfab.com/media/images/boutique/invite_error_bad.png') 13px 22px no-repeat;
    margin: 1em auto;
    width: 442px;
    text-align:left;
    padding: 10px 10px 10px 40px;
}

.cloud-zoom-loading {
    color:white;
    font-weight:bold;
    background:#000;
    padding:3px
}

#wrap {
    z-index:0 !important
}

#wrap .mousetrap {
    background-image:url(//fabkids-us-cdn.justfab.com/media/images/spacer.png) !important
}

.content #user-input-page,#user-input-page,#user-input-thanks-page {
    text-align:center;
    padding: 0;
}

.content #user-input-page h1,#user-input-page h1,#user-input-thanks-page h1 {
    padding:45px 0 20px;
    margin:0;
    text-transform:none;
    color:#000;
    font-size:25px;
    line-height:24px;
    font-weight: bold;
}

.content #user-input-page h1 .pink,#user-input-page h1 .pink,#user-input-thanks-page h1 .pink {
    font-weight:700
}

.content #user-input-page h2,#user-input-page h2,#user-input-thanks-page h2 {
    padding: 0 0 20px;
    margin:0;
    font-size:25px;
    font-weight:400;
    line-height:25px;
}

.content #user-input-page form,#user-input-page form,#user-input-thanks-page form {
    width:603px;
    height:530px;
    margin: 0 auto;
    background:url(//fabkids-us-cdn.justfab.com/media/images/boutique/form-box.png) no-repeat;
    text-align:left;
    padding: 30px 30px 0;
    box-sizing: border-box;
}

#user-input-page.reset form{
    background:url(//fabkids-us-cdn.justfab.com/media/images/boutique/form-box2.png) no-repeat;
}

.content #user-input-page form label,#user-input-page form label,#user-input-thanks-page form label {
    font-size: .875rem;
    margin-bottom: 3px;
    color: #666;
}

.content #user-input-page form input[type="text"],
#user-input-page form input[type="text"],
#user-input-thanks-page form input[type="text"] {
    width:250px;
    font-size:17px;
    font-weight: 200;
}
.content #user-input-page form input[type="text"],
#user-input-page form input[type="text"],
#user-input-thanks-page form input[type="text"],
.content #user-input-page form select,#user-input-page form select,
#user-input-thanks-page form select,
.content #user-input-page form textarea,#user-input-page form textarea,
#user-input-thanks-page form textarea {
    margin-bottom: 1rem;
}

.content #user-input-page form select,#user-input-page form select,#user-input-thanks-page form select {
    margin-bottom:22px
}

.content #user-input-page form textarea,
#user-input-page form textarea,
#user-input-thanks-page form textarea {
    width: 100%;
    font-size:18px;
    font-weight:200;
    margin-bottom:22px
}

.content #user-input-page form input[type="submit"],#user-input-page form input[type="submit"],#user-input-thanks-page form input[type="submit"] {
    float:right;
    margin-right:64px
}

.content #user-input-page .fineprint,#user-input-page .fineprint,#user-input-thanks-page .fineprint {
    font-size:12px;
    font-style:italic;
    line-height:18px;
    padding-bottom:10px
}

.user-input-thanks-page a {
    width:200px
}

.container {
    width:940px;
    margin-left:auto;
    margin-right:auto;
    *zoom:1
}

.container:before,.container:after {
    display:table;
    content:""
}

.container:after {
    clear:both
}

.content {
   float:left;
   width:100%;
    *zoom:1;
    min-height:400px;
}

.content:before,.content:after {
    display:table;
    content:""
}

.content:after {
    clear:both
}

a {
    color:#ed197a;
    text-decoration:none;
}
.gender-m a {
    color:#1516a2;
}

a:hover {
    color:#940c4a
}
.gender-m a:hover {
    color:#1516a2;
}

.new-quiz.gender-m a:hover {
    color:#ff6d00;
}

.errors {
    margin-bottom:9px
}

.errors .error {
    margin-bottom:0
}

.error {
    color:#ed197a
}
.gender-m .error {
    color:#1516a2;
}

label.error {
    font-size:13px
}

.error ul {
    list-style:none;
    margin-left:0
}

.form_input_error {
    border: 1px solid #fe3c00 !important;
    background-color: #fffff8 !important;
}

.form_label_error_2 {
    background-color: #FFFFCC !important;
    border: 2px solid #FE3C00 !important;
    color: #FE3C00 !important;
    font-weight: bold !important;
}

.error_container{
    float:left;
    width:100%;
    padding:10px 0;
    text-align:center;
    font-size:12px;
}

.product-grid-app .error_container {
    float: none;
}

.error_container .error_text{
    color:#ed197a;
}

.error_container .error_text ul{
    margin:0;
    padding:0;
}

.field_with_errors input,.field_with_errors select,input.error,select.error {
    border-color:#ed197a
}

.progress {
    overflow:hidden;
    height:11px;
    background:#fef07a
}

.progress .bar {
    width:0%;
    height:11px;
    background:#ed197a
}

.gender-n .progress .bar {
    background:#ff6d00;
}

.gender-m .progress .bar {
    background:#1516a2;
}

.progress .bar.active {
    -webkit-transition:width 0.6s ease;
    -moz-transition:width 0.6s ease;
    -ms-transition:width 0.6s ease;
    -o-transition:width 0.6s ease;
    transition:width 0.6s ease
}

.progress .bar-text {
    position:absolute;
    top:2px;
    color:#ed197a;
}

.gender-n .progress .bar-text {
    color:#ff6d00;
}

.gender-m .progress .bar-text {
    color:#1516a2;
}
.registration-links p a {
    color:#666
}

.registration-links p a:hover {
    color:#ed197a
}

#livechat-compact-container {
    width:140px !important
}

.oldie #livechat-compact-container {
    display:none
}

.size-chart.static {
    padding: 2rem 0;
    width: 764px;
}

.size-chart .table {
    margin-top:5px
}

.size-chart h1 {
    text-transform: capitalize;
    font-size: 2.4375rem;
    letter-spacing: 0.0125rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.size-chart h1:before {
    background: url('//fabkids-us-cdn.justfab.com/media/images/pdp/CurledTape.png');
    background-size: 67px 42px;
    content: "";
    display: inline-block;
    height: 42px;
    left: -10px;
    position: relative;
    top: 6px;
    width: 67px;
}

.size-chart h2 {
    font-size: 1.625;
    font-weight: bold;
    letter-spacing: .0125rem;
}

.size-chart .table td, .size-chart .table th {
    text-align:center
}

.size-chart .table th {
    background-color: #fff;
    border-bottom: 1px solid #e31c79;
    border-top: none;
    font-size: 1rem;
    font-weight: 500;
}

.gender-m .size-chart .table th {
    border-bottom:1px solid #1516a2;
}

.size-chart .table td {
    border: none;
    color: #1c1c1c;
    font-size: 1rem;
}

.size-chart .table tr:nth-child(odd) {
    background-color: #f7f7f7;
}


.size-chart .foot {
    padding-top:5px;
    font-size:15px;
    margin-top: ;
    text-align:center
}

.size-chart .foot a {
    color: #609cd4;
}

#colorbox.updated-size-chart-modal #cboxClose,
#colorbox.size-chart-modal #cboxClose {
    right: 45px;
    top: 40px;
}

.size-chart.modal {
    margin-top: 10px;
    padding: 0 25px 15px 25px;
    width:700px;
    height: 80vh;
    overflow-y: scroll;
}

.size-chart.modal::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #fff;
}

.size-chart.modal::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.size-chart.modal::-webkit-scrollbar-thumb
{
    background-color: #d9d9d9;
    border-radius: 4px;
}

@media screen and (max-width: 480px) {
    .size-chart.modal {
        width:446px;
    }
}

#updated-size-guide .litebox,
#size-guide .litebox {
    padding: 25px;
}

#updated-size-guide .litebox .boxed,
#size-guide .litebox .boxed {
    padding: 5px;
}

#updated-size-guide h3,
#size-guide h3 {
    color: #2d2d2d;
    font-size: 1.5rem;
    letter-spacing: .0125rem;
    text-align: center;
    font-weight: 300;
}

#updated-size-guide .size-chart.modal .table tbody {
    border-top: unset;
}


.size-chart.modal h3:before {
    background: url('//fabkids-us-cdn.justfab.com/media/images/pdp/CurledTape.png');
    background-size: 50px 31px ;
    content: "";
    display: inline-block;
    height: 31px;
    left: -10px;
    position: relative;
    top: 6px;
    width: 50px;
}

.size-chart.modal h4 {
    font-size: 1.1875em;
    font-weight: 300;
    letter-spacing: .0125rem;
    margin: 1em 0 .5em;
}



.size-chart.modal .table {
    margin:0
}

.size-chart.modal th {
    font-size: 0.75em;
    font-weight: 300;
    padding-bottom: 0px;
}

.size-chart.modal td {
    font-size: .8125rem;
    font-weight: 300;
}

.size-chart.modal th {
    padding-top:0
}

.size-chart.modal .foot {
    font-size:12px;
    line-height:15px;
    margin-top: 1rem;
    text-align: left;
}

.size-chart .modal-body {
    /*max-height:430px*/
}

.size-chart .how-to-measure-container {
    margin: 0 0 25px;
}
.size-chart .how-to-measure-container .toggle--more-less {
    font-size: .75rem;
}

.size-chart .how-to-measure-container .toggle--more-less:before {
    background: url('//fabkids-us-cdn.justfab.com/media/images/pdp/HowTo-Ruler.png');
    background-size: 30px 10px ;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    width: 30px;
}


.size-chart .how-to-measure-content {
    display: none;
    margin-top: .75rem;
}

.size-chart .how-to-measure-content h4,
.size-chart .how-to-measure-content h2 {
    margin: .5rem 0 1rem;
}

.size-chart .how-to-measure-content li {
    font-size: .875rem;
    margin-bottom: 1rem;
}

.size-chart .how-to-measure-content.expanded {
    display: block;
}

.jspContainer {
    overflow:hidden;
    position:relative
}

.jspPane {
    position:absolute
}

.jspVerticalBar {
    position:absolute;
    top:0;
    right:0;
    width:9px;
    height:100%
}

.jspHorizontalBar {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:9px
}

.jspVerticalBar *,.jspHorizontalBar * {
    margin:0;
    padding:0
}

.jspCap {
    display:none
}

.jspHorizontalBar .jspCap {
    float:left
}

.jspTrack {
    background:#eaeaea;
    position:relative;
    border-left:3px solid #fff;
    border-right:3px solid #fff
}

.jspDrag {
    background:#ed197a;
    width:9px;
    position:relative;
    top:0;
    left:-3px;
    cursor:pointer
}

.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {
    float:left;
    height:100%
}

.jspArrow {
    background:#50506d;
    text-indent:-20000px;
    display:block;
    cursor:pointer
}

.jspArrow.jspDisabled {
    cursor:default;
    background:#80808d
}

.jspVerticalBar .jspArrow {
    height:16px
}

.jspHorizontalBar .jspArrow {
    width:16px;
    float:left;
    height:100%
}

.jspCorner {
    background:#eeeef4;
    float:left;
    height:100%
}

.home {
    margin: 0 auto;
}
.home.home--alternate {
    max-width: 940px;
}

.home img {
    max-width: 100%;
    height: auto;
}

.home .carousel-links {
    *zoom:1;
    padding-top:8px
}

.home .carousel-links:before,.home .carousel-links:after {
    display:table;
    content:""
}

.home .carousel-links:after {
    clear:both
}

.home .carousel-links .link {
    cursor:pointer;
    display:block;
    float:left;
    width:229px;
    margin-left:8px;
    line-height:30px;
    text-align:center;
    background:#ececec;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1px
}

.home .carousel-links .link:hover {
    background:#000;
    color:#fff
}

.home .carousel-links .link:first-child {
    margin-left:0
}

.home .carousel-links .link.current {
    background:#ed197a;
    color:#fff
}

.home .home-modules {
    *zoom:1;
    margin-bottom:20px
}

.home .home-modules:before,.home .home-modules:after {
    display:table;
    content:""
}

.home .home-modules:after {
    clear:both
}

.home .home-modules a,.home .home-modules img {
    display:block
}

.home .home-modules a {
    width:298px;
    float:left;
    margin-left:20px
}

.home .home-modules a:first-child {
    margin-left:0
}

.home .home-press img,.home .home-press a {
    display:block
}

.home .offer-copy {
    width:200px;
}

div.main-img {
    margin-left: -30%;
}

.home.bts div.main-img {
    margin: 0 auto 0px;
}
.home.bts div.main-img:first-child {
    margin-top: 12px;
}
.home.bts div.main-img .legal {
    position: relative;
    top: -5px;
    font-size: .6em;
    line-height: 1.4em;
    color: #000;
    text-align: center;
    background: #cdada8;
    padding: 10px 12px;
}

.free-trial-index .intro {
    border-bottom:6px solid #ed197a;
    background:url(//fabkids-us-cdn.justfab.com/media/images/home/free-trial-intro.jpg) no-repeat;
    height:375px;
    position:relative;
    z-index:1
}

.free-trial-index .intro .circle {
    position:absolute;
    right:-10px;
    top:-44px
}

.free-trial-index .intro .btn-pick-outfit {
    position:absolute;
    left:525px;
    top:285px
}

.free-trial-index .intro .errors {
    clear:both;
    text-align:center
}

.free-trial-index .intro .form {
    position:absolute;
    left:435px;
    top:317px
}

.free-trial-index .intro .form input.email {
    padding:9px 14px;
    float:left;
    margin-right:10px;
    width:190px
}

.free-trial-index .intro .btn .arrow {
    display:inline-block;
    position:relative;
    top:1px;
    margin-left:4px;
    width:0;
    height:0;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:6px solid #fff
}

.free-trial-index .intro input {
    padding:9px 14px;
    margin-right:10px;
    vertical-align:top
}

.free-trial-index.trial-ended .intro {
    background:url(//fabkids-us-cdn.justfab.com/media/images/home/trial-ended-bogo.jpg) no-repeat
}

.free-trial-index .foot {
    height:105px;
    position:relative;
    background:url(//fabkids-us-cdn.justfab.com/media/images/home/free-trial-foot.png) no-repeat;
    margin-bottom:40px
}

.free-trial-index .foot .footer-social {
    position:absolute;
    right:40px;
    top:45px
}

.free-trial-index .foot .footer-social .fb-like,.free-trial-index .foot .footer-social .tw-follow,.free-trial-index .foot .footer-social .pin-follow {
    float:left;
    margin-left:18px
}

.free-trial-index .foot .footer-social .pin-follow {
    position:relative;
    top:-1px
}

.free-trial-index .trial-info {
    border-bottom:4px double #ccc;
    text-align:center
}

.free-trial-index .trial-info .pane-head {
    padding:12px 0 8px;
    border-top:4px double #ccc;
    border-bottom:4px double #ccc
}

.free-trial-index .trial-info .pane-head h2 {
    font-weight: bold;
    font-size:30px;
    letter-spacing:2px
}

.free-trial-index .trial-info .pane-head p {
    font-size:16px;
    letter-spacing:1px
}

.free-trial-index .trial-info .pane-content img {
    display:block
}

.free-trial-index .trial-info .pane-foot {
    padding-bottom:20px
}

.free-trial-index .trial-info .pane-foot .signup {
    display:inline-block
}

.free-trial-index .trial-info .pane-foot .signup .error {
    clear:both
}

.free-trial-index .trial-info .pane-foot input,.free-trial-index .trial-info .pane-foot button {
    float:left
}

.free-trial-index .trial-info .pane-foot input {
    padding:9px 14px;
    margin-right:10px
}

.home-free-trial-main-nav {
    font-size:11px;
    letter-spacing:2px
}

#application_index .content {
    padding-bottom:20px
}

.completed_surveys .nav-account,#users_registrations_new .nav-account {
    display:none
}

#users_registrations_new .footer {
    background:none;
    padding:0
}

.logged-in #quiz.survey-container,
#quiz.survey-container.logged-in {
    background-color: #fff;
}
.survey-container {
    position:relative;
    padding: 5rem 1.875rem 0;
    margin:0 auto;
    display:table;
    text-align:center;
}
#quiz.survey-container {
    width:920px;
    height:480px;
}

.survey-container.survey-container-noquiz,
.survey-container-noquiz {
    display: table;
    margin: 0 auto;
    padding: 3.125rem 30px 0;
    width: auto;
    position: relative;
    text-align: center;
    background: transparent none;
}

.survey-container .stamp{
    position:absolute;
    right:40px;
    top:10px;
    z-index:9999;
}

.survey {
    width:910px;
    overflow:hidden;
    padding:0 5px;
}

.survey-container .celeb{
    width:100%;
}
.survey-container .stripViewer .panelContainer {position:relative;left:0;top:0;}
.survey-container .stripViewer .panelContainer .panel {float:left;height:100%;position:relative;width:920px;}
.survey-container .stripNavL, .stripNavR, .stripNav {display:none;}
.survey .panel .submit {
    height: 70px;
    margin-top: 1rem;
}
.survey-container .start {
    width:100%;
    height:378px;
    text-align:center;
    padding-top:50px;
    position:relative;
    margin-top: 20px;
}

.survey-container .start h2{
    text-transform:none;
}

.survey-container .start h3{
    line-height:20px !important;
}

.survey-container .start .arrow{
    position:absolute;
    top:180px;
    right:310px;
}


.ask-if-skip--outer .panelContainer {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.ask-if-skip--outer .survey-container {
    width: 30rem;
    height: auto;
    margin: 3rem auto 1rem;
    padding: 0 .5rem;
    background-color: #fff;
    box-sizing: border-box;
    }
    .ask-if-skip--outer .skinny-banner.promos {
        display: block;
        margin-bottom: 1.5rem;
        width: 100%;
        text-transform: none;
        border-bottom: 1px solid #000;
        background-color: #fffba9;
        }
        .ask-if-skip--outer .skinny-banner.promos .outer {
            padding: .25rem .5rem .625rem;
            font-weight: bold;
            line-height: 1;
            color: #000;
        }
        .ask-if-skip--outer .skinny-banner.promos div {
            width: 100%;
        }
        .ask-if-skip--outer .skinny-banner.promos .intro {
            display: inline-block;
            margin: 0 0 .25rem;
            font-weight: normal;
            font-size: .75rem;
            color: #000;
            text-transform: uppercase;
        }
    .ask-if-skip--outer .promo-container {
        margin-bottom: 1rem;
        }
        .ask-if-skip--outer .promo-container p {
            margin: 1rem;
        }
    .ask-if-skip--outer .survey-container .start {
        height: auto;
        margin: 0 auto;
        padding: 1rem 2.5rem;
        box-sizing: border-box;
    }
    .ask-if-skip--outer h2 {
        margin: .5rem 0;
        font-size: 1.5rem;
        font-weight: bold;
        text-transform: none;
    }
    .ask-if-skip--outer p {
        font-size: 1.125rem;
    }

    .ask-if-skip--outer .cta.action {
        float: none;
        margin-top: 1.5rem;
        padding: 3rem 0 1.5rem;
        border: 0;
        box-sizing: border-box;
    }

    .ask-if-skip--outer .btn-skip-quiz,
    .ask-if-skip--outer .btn-skip-quiz-lite,
    .ask-if-skip--outer .btn-skip-quiz-main {
        display: block;
        margin: 0 auto 1.75rem;
        padding: 1rem;
        width: 100%;
        height: auto;
        letter-spacing: .1875em;
        font-size: 1.0625rem;
        font-weight: bold;
        text-transform: capitalize;
        border-radius: .25rem;
        box-shadow: 2px 2px 0 rgba(255, 0, 106, .15);
        box-sizing: border-box;
    }
    .ask-if-skip--outer .btn-skip-quiz {
        border-color: #e31c79;
        background-color: #e31c79;
    }
    .ask-if-skip--outer .btn-skip-quiz:hover,
    .ask-if-skip--outer .btn-skip-quiz:active {
        border-color: #e31c79;
        background-color: #e31c79;
    }
    .ask-if-skip--outer .btn-skip-quiz-lite {
        border-color: #e31c79;
        background-color: #e31c79;
    }
    .ask-if-skip--outer .btn-skip-quiz-lite:hover,
    .ask-if-skip--outer .btn-skip-quiz-lite:active {
        border-color: #e31c79;
        background-color: #e31c79;
    }


.survey-container .loader{
    position:absolute;
    width:100%;
    height:100%;
    background:url('//fabkids-us-cdn.justfab.com/media/images/boutique/quickview_bg_cover.png');
    top:0;
    left:0;
    z-index:999999;
}

.survey-container .loader div{
    position:absolute;
    left:460px;
    top:250px;
}

.survey .intro-title {
    font-weight: bold;
    font-size:48px;
    color:#ed197a;
    text-transform:uppercase;
    padding:45px 0px 20px 0px
}

.survey .intro-subtitle {
    font-size:20px;
    padding:5px 0px
}

.survey .intro-image {
    padding-top:10px
}

.survey .intro-help-us {
    position:absolute;
    top:8px;
    left:0;
    padding:2px 5px;
    text-align:left
}

.survey .intro-promo-text {
    position:absolute;
    top:8px;
    right:20px;
    text-align:center;
    text-transform:uppercase;
    font-size:11px;
    line-height:12px
}

.survey .profile-title {
    position:absolute;
    top:8px;
    left:0;
    font-style:italic;
    padding-left:10px;
    color:#ed197a;
    font-family:georgia,serif
}

.survey .profile-title img {
    position:relative;
    top:-1px
}

.survey .profile-title span {
    text-transform:capitalize
}

.survey form:first-child {
    margin-bottom:0
}

.survey .title-spacer {
    padding-top:30px
}

.survey h2 {
    font-weight: bold;
    font-size:28px;
    text-align:center;
    padding:20px 25px 10px 25px;
    text-transform:uppercase;
    line-height:1
}

.survey h2.question {
    font-size:24px;
}

.survey #question {
    font-size:20px;
    text-align:center;
    line-height:36px
}

.survey #question a{
   margin:0 4px;
}

.survey #hero-image {
    padding-left:20px;
    text-align:center
}

.survey .choices-left {
    width:550px;
    align:right
}

.survey .choices-right {
    text-align:center
}

.survey .month {
    min-width:140px
}

.survey .month a {
    font-weight:bold;
    font-size:20px;
    min-width:140px;
    text-transform:uppercase;
    margin:3px 0px;
    color:#ed197a;
    border:1px solid #ed197a
}

.survey #completed_survey_name {
    text-align:center;
    font-size:22px;
    height:30px;
    line-height:30px;
    color:#ed197a
}

.survey .progress-container {
    position:absolute;
    left:0;
    bottom:38px;
    text-align:center;
    width:100%
}

.survey .progress-container .progress-inner {
    display:inline-block;
    height: 20px;
}

.survey .progress-container .btn-image {
    float:left;
    margin-top:-9px
}

.survey .progress-container .btn,.survey .progress-container .bar,.survey .progress-container .bar-text,.survey .progress-container .completed-step {
    float:left;
    text-transform:capitalize;
    font-weight: bold;
    letter-spacing:1px
}

.survey .progress-container .btn {
    margin:0;
    color:#999;
    border-color:#999
}

.survey .progress-container .btn:hover {
    color:#fff;
    border-color:#000
}

.survey .progress-container .btn-disable {
    margin:0;
    color:#949494;
    border-color:#949494
}

.survey .progress-container .btn-disable:hover {
    color:#949494;
    border-color:#949494;
    background-color:white
}

.survey .progress-container .bar,.survey .progress-container .bar-text,.survey .progress-container .completed-step {
    height:28px;
    line-height:28px
}

.survey .progress-container .completed-step {
    background-color:#e31c79
}

.gender-m .survey .progress-container .completed-step {
    background-color:#979bcc
}

.survey .progress-container .bar {
    position:relative;
    color:white;
    text-align:center
}

.survey .progress-container .progress {
    width:760px;
    height:5px;
    float:left;
    margin:0 4px
}

.survey .progress-container #skip_button {
    display:none
}

.survey .progress-container .bottom_promo_msg {
    font-weight:bold;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing: 1px;
}

.survey .progress-container .bottom_promo_hl_msg {
    color:#ed197a;
}

.survey .noa-container {
    text-align:center;
    margin-top:15px;
}
.survey .noa {
    color:white;
    background-color:#bbb;
    position:relative;
    top:-10px;
    height:50px;
    padding:10px 185px;
    font-weight:normal;
    font-size:14px;
    letter-spacing:1px;
}

.survey .error {
    text-align:center
}

.survey .disclaimer {
    position:absolute;
    bottom:40px;
    left:0;
    font-style:italic;
    font-family:georgia,serif;
    font-size:11px;
    width:100%;
    margin:0
}

.survey .skip-text {
    position:absolute;
    right:10px;
    bottom:8px;
    font-style:italic;
    cursor:pointer;
    margin:0
}

.survey .break {
    clear:both;
    height:8px
}

.survey-container .dot-whack {
    position:absolute;
    top:32px;
    right:470px;
    display:block;
    min-width:126px;
    min-height:126px;
    z-index:99
}

.survey-container .dot-whack-m { right:353px; }
.survey-container .dot-whack-f { right:353px; }

.survey-container .survey .dot-whack {
    right:-80px
}

#add-child-new.survey-container {
    width: 983px
}

#add-child-new.survey-container.regpage-v1,
.regpage-v1 .survey.final-step.register-user {
  background-image: none !important;
  width: auto;
  min-height: 0;
}

#add-child-new.survey-container.regpage-v1 {
    width: auto;
    min-width: 48rem;
    max-width: 92%;
    border: 5px solid #fd8ed5;
}

.survey-container #survey-ask .dot-whack {
    right:-90px
}

.survey-container #add-child-new .dot-whack {
    right:-90px
}

.survey-container #add-child-new .submit {
    margin-top:20px
}

.survey-container .new_vip_offer {
    position: absolute;
    top: 13px;
    margin: auto;
    width: 100%;
    letter-spacing: 2px;
    text-decoration: underline;
    margin-left: -30px;
    font-size: 13px;
}

#add-child-confirm .final-step {
    min-height:520px
}

#add-child-confirm .final-step h2 {
    padding-top:80px
}

#add-child-new .survey h2{
    font-size:34px;
    padding-top:50px
}

#add-child-new .intro,
.survey-container-noquiz .intro {
    margin-bottom: 20px;
    font-size: 18px
}
.survey-container-noquiz .intro {
    padding: 1rem;
    max-width: 25rem;
    box-sizing: content-box;
}

.survey.final-step {
    background:url(//fabkids-us-cdn.justfab.com/media/images/signup/v7/bg-survey-outfit-15-f-v3.jpg) no-repeat 0px 0
}

.gender-m.survey.final-step {
    background:url(//fabkids-us-cdn.justfab.com/media/images/signup/v7/bg-survey-outfit-15-m-v3.jpg) no-repeat 0px 0
}

.gender-f.survey.final-step {
}

.survey.final-step.register-user {
    padding-bottom: 0px;
    width: 978px;
    padding-left: 5px;
    padding-right: 0px;
}

#add-child-new .survey.register-user.compressed h2,
.survey.register-user.compressed h2 {
    padding-top: 18px;
    padding-bottom: 5px;
}
#add-child-new .compressed .intro,
.survey.compressed .intro {
    margin-bottom: 10px;
}

.survey.register-user .terms-ca p {
    font-size: 12px;
    line-height: 1.1;
    text-align: left;
    margin: 2px 4px 14px;
}
.survey.register-user .terms-ca a {
    color: #000;
    text-decoration: underline;
}
#sign-up .terms-ca {
	width: 400px;
    max-width: 100%;
	text-align: center;
	margin: auto;
}
#sign-up .reg_title_become_vip {
	position: absolute;
	top: 10px;
	left: 10px;
}
#sign-up .reg_title_promo_text {
	font-size: 38px;
	font-weight: bold;
	letter-spacing: 0.5px;
	width: 500px;
	padding-top: 20px;
}
#sign-up .reg_title_rule {
	border-top: 1px solid #ed197a;
	width: 300px;
	text-align: center;
	margin: 10px auto 0px auto;;
	height: 10px;
}
#sign-up .reg_title_rule_img {
	position: relative;
	top: -15px;
}
#sign-up .reg_title_cover_ship {
	padding-top: 5px;
	padding-bottom: 20px;
}
.submit-panel .terms-us p {
    font-size: 12px;
    line-height: 1.1;
    text-align: left;
    margin-left: 96px;
    margin-top: 5px;
}
.submit-panel .terms-us a {
    color: #000;
    text-decoration: underline;
}
.regpage-v1 .submit-panel .terms-us p {
    margin: 1rem .5rem;
    text-align: center;
}
.regpage-v1 .submit-panel .terms-us a {
    color: #4a4a4a;
}

.survey.final-step.compressed .sign-in-links,
.survey.final-step-sorry.compressed .sign-in-links {
    padding-top: 8px;
}

.survey.final-step.compressed .sign-in-links p,
.survey.final-step-sorry.compressed .sign-in-links p {
    line-height: 1.33;
}

.survey.final-step-free-trial {
    background:url(//fabkids-us-cdn.justfab.com/media/images/signup/v1/bg-survey-final-free-trial.jpg) no-repeat -23px 0
}

.survey.final-step,.survey.final-step-free-trial {
    min-height:580px
}

.survey.final-step .promo,.survey.final-step-free-trial .promo {
    position:absolute;
    left:350px;
    top:15px
}

.survey.final-step h1,.survey.final-step-free-trial h1 {
    margin-top:70px;
    padding:7px 0 16px;
    background:#ed197a;
    color:#fff;
    text-transform:uppercase;
    font-size:60px;
    font-weight: bold;
    position:relative
}

.survey.final-step h1 small,.survey.final-step-free-trial h1 small {
    color:#fff;
    letter-spacing:2px;
    display:block;
    padding-bottom:4px
}

.survey.final-step h1 img,.survey.final-step-free-trial h1 img {
    position:absolute;
    top:-43px;
    left:40px
}

.survey.final-step .error,.survey.final-step-free-trial .error {
    text-align:left;
    margin:0
}

.survey.final-step p.intro,.survey.final-step-free-trial p.intro {
    margin-bottom:20px
}

.survey.final-step .btn a,.survey.final-step-free-trial .btn a {
    color:white
}

.survey.final-step form,
.survey.final-step-free-trial form {
    margin:0 auto
}

.survey.final-step form label,.survey.final-step-free-trial form label {
    text-align:left;
    margin-bottom:1px;
    font-size:11px;
    position:relative
}

.survey.final-step form label.error,.survey.final-step-free-trial form label.error {
    margin:2px 0 5px
}

.survey.final-step form .btn .arrow,
.survey.final-step-free-trial form .btn .arrow,
.signup .btn .arrow,
.outfits-index .btn .arrow {
    display:inline-block;
    position:relative;
    top:1px;
    margin-left:4px;
    width:0;
    height:0;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:6px solid #fff
}

#add-child-new.regpage-v1 .survey h2 {
    text-transform: none;
    font-size: 2.0625rem;
    padding-top: 2rem;
}
#add-child-new.regpage-v1 p.intro {
    // margin-bottom: 0;
}
.regpage-v1 .intro .highlighted-container,
.ask-if-skip--outer .highlighted-container,
.modal .highlighted-container {
    display: inline-block;
    position: relative;
    z-index: 10;
}
.regpage-v1 .intro .highlighted,
.ask-if-skip--outer .highlighted,
.modal .highlighted-container .highlighted {
    display: inline-block;
    position: relative;
    color: black !important;
}
.regpage-v1 .intro .highlighted-container:before,
.ask-if-skip--outer .highlighted-container:before,
.modal .highlighted-container:before {
    display: inline-block;
    content: " ";
    position: absolute;
    margin-left: -3px;
    margin-right: -3px;
    width: 100%;
    width: calc(100% + 6px);
    height: .587em;
    bottom: 0;
    left: 0;
    background-color: #ffff02;
    transform: rotate(-1deg);
    z-index: 0;
}
.regpage-v1 form,
.regpage-v1 .survey.final-step-free-trial form {
    width: auto;
    max-width: 37.5rem;
}
.regpage-v1 label {
    display: none;
}
.regpage-v1 input,
.regpage-v1 input[type="text"],
.regpage-v1 input[type="email"],
.regpage-v1 input[type="password"],
.regpage-v1 select {
    display: block;
    width: 100%;
    height: 2.8125rem;
    padding: .625rem .675rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.875rem;
    letter-spacing: .0625em;
    font-family: "Poppins", "ITC Avant Garde Gothic", "Avant Garde Gothic", "Avant Garde", "Century Gothic", "CenturyGothic", "Gill Sans Nova", "Segoe UI", "Calibri", sans-serif;
    transition: all .2125s ease-out;
}
.regpage-v1 input[type="text"].has-value,
.regpage-v1 input[type="email"].has-value,
.regpage-v1 input[type="password"].has-value,
.regpage-v1 input[type="tel"].has-value,
.regpage-v1 input[type="number"].has-value,
.regpage-v1 select.has-value,
.regpage-v1 .survey.final-step .add-child-modal select.heard-about-us.has-value {
    padding: 1rem .675rem .125rem;
    line-height: 1.587rem;
}

.regpage-v1 input:focus,
.regpage-v1 select:focus {
    outline: 0;
    border-color: #40cfe1;
    caret-color: ##40cfe1;
}
.regpage-v1 select {
    border-radius: 0;
    background: none;
    -webkit-appearance: none;
    background: url('//fabkids-us-cdn.justfab.com/media/images/global/elements/down_arrow_dkgray_m.png') 98% center no-repeat;
}

.survey.final-step .month-year,.survey.final-step-free-trial .month-year {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-birthday-club.png) no-repeat 0px 0;
    text-align:left;
    min-height:98px;
    position:relative
}

.survey.final-step .month-year select#birth_month,.survey.final-step-free-trial .month-year select#birth_month {
    width:120px;
    position:absolute;
    top:57px;
    left:55px
}

.survey.final-step .month-year select#birth_year,.survey.final-step-free-trial .month-year select#birth_year {
    width:65px;
    position:absolute;
    top:57px;
    left:178px
}

.survey.final-step .where-you-hear,.survey.final-step-free-trial .where-you-hear {
    margin-top:15px;
    margin-left:5px;
    text-align:left
}

.survey.final-step .where-you-hear select#user_heard_us,.survey.final-step-free-trial .where-you-hear select#user_heard_us {
    width:320px
}

.survey.final-step .legalese,.survey.final-step-free-trial .legalese {
    font-style:italic;
    font-size:9px;
    text-align:left;
    margin-top:20px
}

.survey.final-step-sorry div.btn {
    display:none
}

.survey.final-step-sorry .oops {
    padding-bottom:20px
}

.survey.final-step-sorry h1 {
    font-size:32px;
    padding:40px 0 15px
}

.survey.final-step-sorry .input-large {
    width:320px;
    font-size:22px;
    padding-left:10px
}

.survey.final-step-sorry p,.survey.final-step-sorry form,.survey.final-step-sorry .error {
    text-align:left
}

.survey.final-step-sorry .intro p {
    font-size:14px;
    line-height:20px
}

.survey.final-step-sorry .error {
    margin:0
}

.survey.final-step-sorry .checkboxes {
    padding:10px 0 1px
}

.survey.final-step-sorry .checkboxes label {
    font-size:11px;
    color:#666
}

.survey.final-step .hint,.survey.final-step-sorry .hint {
    border:1px solid #000;
    margin:50px 66px 0;
    padding:20px;
    text-align:left;
    position:relative
}

.survey.final-step .hint img,.survey.final-step-sorry .hint img {
    padding-left:20px
}

.survey.final-step .hint h3,.survey.final-step-sorry .hint h3 {
    text-transform:uppercase;
    font-weight:bold;
    margin:0 0 10px 0;
    font-size:14px
}

.survey.final-step .submit-panel,.survey.final-step-sorry .submit-panel {
    width:350px;
    margin-left:auto;
    margin-right:auto
}

.survey.final-step .submit,.survey.final-step-sorry .submit {
    margin-top:10px
}

.survey.final-step .submit a,
.survey.final-step-sorry .submit a {
    color:white
}
.regpage-v1 .survey.final-step .submit a,
.regpage-v1 .survey.final-step .submit button,
.regpage-v1 .survey.final-step-sorry .submit button {
    padding: 1rem;
    min-width: 21rem;
    letter-spacing: .125rem;
    line-height: 1;
}

.survey.final-step .sign-in-links,.survey.final-step-sorry .sign-in-links {
    padding-top:20px;
    text-align:center
}

.survey.final-step .sign-in-links p,.survey.final-step-sorry .sign-in-links p {
    margin:0
}
.regpage-v1 .survey.final-step .sign-in-links p,
.regpage-v1 .survey.final-step-sorry .sign-in-links p {
    margin: .5rem 0 1rem;
    font-size: 0.9375rem;
}

.survey.ask,.survey.ask-no-shop-now {
    height:615px;
    padding:0
}

.survey.ask .start-quiz,.survey.ask-no-shop-now .start-quiz {
    margin-top:250px
}

.survey.ask .shop-now,.survey.ask-no-shop-now .shop-now {
    margin-top:185px
}

.survey.ask {
    background:url(//fabkids-us-cdn.justfab.com/media/images/signup/v1/bg-survey-ask.jpg) no-repeat top center
}

.survey.ask-no-shop-now {
    background:url(//fabkids-us-cdn.justfab.com/media/images/signup/v1/bg-survey-ask-no-shop-now.jpg) no-repeat top center
}

.survey .cell,.survey .cell-image,.survey .cell-image-hover,.mini-survey .cell,.mini-survey .cell-image,.mini-survey .cell-image-hover {
    display:inline-block;
    text-align:center
}

.survey .cell a,.survey .cell-image a,.survey .cell-image-hover a,.mini-survey .cell a,.mini-survey .cell-image a,.mini-survey .cell-image-hover a {
    display:block
}

.survey .cell a,.mini-survey .cell a {
    -webkit-transition:color linear 0.2s,border linear 0.2s;
    -moz-transition:color linear 0.2s,border linear 0.2s;
    -ms-transition:color linear 0.2s,border linear 0.2s;
    -o-transition:color linear 0.2s,border linear 0.2s;
    transition:color linear 0.2s,border linear 0.2s;
    border:1px solid #ccc;
    color:#999;
    display:block;
    min-width:22px;
    padding:0 10px
}

.survey .question-group {
    font-size: 1rem;
    }
    .survey .question-group .celeb {
        font-size: .8125em;
    }

.survey .cell a:hover,.mini-survey .cell a:hover {
    color:#000;
    border-color:#000
}

.survey .pink a,.survey .green a,.survey .red a,.survey .blue a,.survey .orange a,.survey .purple a,.survey .yellow a,.survey .brown a,.mini-survey .pink a,.mini-survey .green a,.mini-survey .red a,.mini-survey .blue a,.mini-survey .orange a,.mini-survey .purple a,.mini-survey .yellow a,.mini-survey .brown a {
    font-weight:bold;
    font-size:24px;
    min-width:100px;
    text-transform:uppercase;
    margin:7px 7px
}

.survey .pink a,.mini-survey .pink a {
    color:#f478b1
}

.survey .green a,.mini-survey .green a {
    color:green
}

.survey .red a,.mini-survey .red a {
    color:red
}

.survey .blue a,.mini-survey .blue a {
    color:blue
}

.survey .orange a,.mini-survey .orange a {
    color:orange
}

.survey .purple a,.mini-survey .purple a {
    color:#5c2dc7
}

.survey .yellow a,.mini-survey .yellow a {
    color:#fdce00
}

.survey .brown a,.mini-survey .brown a {
    color:brown
}

.survey .cell-image a,.mini-survey .cell-image a {
    border:8px solid #fff
}

.survey .cell-image a:hover,.mini-survey .cell-image a:hover {
    border-color:#ed197a
}

.new-quiz.gender-n .survey .cell-image a:hover {
    border-color:#ed197a;
}

.gender-n .survey .cell-image a:hover {
    border-color:#ff6d00
}

.gender-m .survey .cell-image a:hover {
    border-color:#1516a2
}

.new-quiz.gender-m .survey .cell-image a:hover {
    border-color:#ff6d00
}
.survey .cell-image-selected a,.mini-survey .cell-image-selected a {
    border:8px solid #f478b1
}

.survey .cell-image-selected a:hover,.mini-survey .cell-image-selected a:hover {
    border:8px solid #ed197a
}

.survey .cell-selected a,.survey .cell-selected a:hover,.mini-survey .cell-selected a,.mini-survey .cell-selected a:hover {
    cursor:default;
    border-color:#ed197a;
    color:#fff;
    background-color:#ed197a
}

.survey a.age,.mini-survey a.age {
    background-image:url(//fabkids-us-cdn.justfab.com/media/images/signup/v1/age-pink.png);
    background-repeat:no-repeat
}

.survey a.age:hover,.survey a.age.select,.mini-survey a.age:hover,.mini-survey a.age.select {
    background-image:url(//fabkids-us-cdn.justfab.com/media/images/signup/v1/age-blue.png)
}

.survey a.top_size,.mini-survey a.top_size {
    background-image:url(//fabkids-us-cdn.justfab.com/media/images/signup/v1/size-pink.png);
    background-repeat:no-repeat
}

.survey a.top_size:hover,.survey a.top_size.select,.mini-survey a.top_size:hover,.mini-survey a.top_size.select {
    background-image:url(//fabkids-us-cdn.justfab.com/media/images/signup/v1/size-blue.png)
}

.survey .age-lt-12-mons,.mini-survey .age-lt-12-mons {
    background-position:0px 0px;
    width:50px;
    height:36px
}

.survey .age-12-18-mons,.mini-survey .age-12-18-mons {
    background-position:-20px 0px;
    width:70px;
    height:36px
}

.survey .age-18-24-mons,.mini-survey .age-18-24-mons {
    background-position:-10px 0px;
    width:50px;
    height:36px
}

.survey .age-1,.mini-survey .age-1 {
    background-position:-50px 0px;
    width:36px;
    height:36px
}

.survey .age-2,.mini-survey .age-2 {
    background-position:-91px 0px;
    width:36px;
    height:36px
}

.survey .age-3,.mini-survey .age-3 {
    background-position:-132px 0px;
    width:36px;
    height:36px
}

.survey .age-4,.mini-survey .age-4 {
    background-position:-173px 0px;
    width:36px;
    height:36px
}

.survey .age-5,.mini-survey .age-5 {
    background-position:-214px 0px;
    width:36px;
    height:36px
}

.survey .age-6,.mini-survey .age-6 {
    background-position:-255px 0px;
    width:36px;
    height:36px
}

.survey .age-7,.mini-survey .age-7 {
    background-position:-296px 0px;
    width:36px;
    height:36px
}

.survey .age-8,.mini-survey .age-8 {
    background-position:-337px 0px;
    width:36px;
    height:36px
}

.survey .age-9,.mini-survey .age-9 {
    background-position:-378px 0px;
    width:36px;
    height:36px
}

.survey .age-10,.mini-survey .age-10 {
    background-position:-419px 0px;
    width:36px;
    height:36px
}

.survey .age-11,.mini-survey .age-11 {
    background-position:-460px 0px;
    width:36px;
    height:36px
}

.survey .age-12,.mini-survey .age-12 {
    background-position:-500px 0px;
    width:36px;
    height:36px
}

.survey .age-gt-12-yrs,.mini-survey .age-gt-12-yrs {
    background-position:-541px 0px;
    width:64px;
    height:36px
}

.survey .age-gt-12,.mini-survey .age-gt-12 {
    background-position:-541px 0px;
    width:64px;
    height:36px
}

.survey .size-lt-12-mons,.mini-survey .size-lt-12-mons {
    background-position:0px 0px;
    width:50px;
    height:36px
}

.survey .size-12-18-mons,.mini-survey .size-12-18-mons {
    background-position:-50px 0px;
    width:40px;
    height:36px
}

.survey .size-18-24-mons,.mini-survey .size-18-24-mons {
    background-position:-90px 0px;
    width:50px;
    height:36px
}

.survey .size-2,.mini-survey .size-2 {
    background-position:-140px 0px;
    width:36px;
    height:36px
}

.survey .size-3,.mini-survey .size-3 {
    background-position:-181px 0px;
    width:36px;
    height:36px
}

.survey .size-4,.mini-survey .size-4 {
    background-position:-221px 0px;
    width:36px;
    height:36px
}

.survey .size-5,.mini-survey .size-5 {
    background-position:-262px 0px;
    width:36px;
    height:36px
}

.survey .size-6,.mini-survey .size-6 {
    background-position:-303px 0px;
    width:36px;
    height:36px
}

.survey .size-7,.mini-survey .size-7 {
    background-position:-344px 0px;
    width:36px;
    height:36px
}

.survey .size-8,.mini-survey .size-8 {
    background-position:-385px 0px;
    width:36px;
    height:36px
}

.survey .size-9,.mini-survey .size-9 {
    background-position:-426px 0px;
    width:36px;
    height:36px
}

.survey .size-10,.mini-survey .size-10 {
    background-position:-467px 0px;
    width:36px;
    height:36px
}

.survey .size-11,.mini-survey .size-11 {
    background-position:-508px 0px;
    width:36px;
    height:36px
}

.survey .size-12,.mini-survey .size-12 {
    background-position:-545px 0px;
    width:36px;
    height:36px
}

.survey .size-gt-12,.mini-survey .size-gt-12 {
    background-position:-586px 0px;
    width:20px;
    height:36px
}

.survey .survey--waiting-in-cart {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 100px;
    height: 100px;
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 400px;
    -moz-border-radius:    400px;
    -ms-border-radius:     400px;
    border-radius:         400px;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, .2);
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
    font-size: .75rem;
}
.survey.register-user .survey--waiting-in-cart {
    top: -50px;
}

.survey .survey--waiting-in-cart img {
    display: block;
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 56px;
    margin: 0 auto;
}

.mini-survey {
    border:10px solid #ed197a;
    height:260px;
    width:304px;
    position:absolute;
    top:0px;
    overflow:hidden
}

.mini-survey #question {
    font-size:12px;
    text-align:center;
    line-height:14px
}

.mini-survey .cell a {
    min-width:10px;
    padding:5px 5px
}

.mini-survey .cell-image a {
    border:5px solid #fff
}

.mini-survey .cell-image-selected a {
    border:5px solid #f478b1
}

.mini-survey .privacy {
    margin-top:5px;
    margin-left:10px;
    font-size:8px;
    font-style:italic
}

.mini-survey .privacy a {
    color:#000
}

.mini-survey .privacy a:hover {
    color:#000
}

.mini-survey.join {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-ask.jpg) no-repeat center center
}

.mini-survey.join .btn-large {
    margin-top:130px;
    margin-left:154px;
    font-size:12px
}

.mini-survey.mini_name_age {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-name-age.jpg) no-repeat center center
}

.mini-survey.mini_name_age .name {
    margin-left:10px;
    margin-top:140px
}

.mini-survey.mini_name_age .name-edit {
    font-size:18px;
    border:1px solid #000;
    height:20px;
    width:180px
}

.mini-survey.mini_name_age #question {
    text-align:left;
    margin-left:10px;
    margin-top:35px;
    font-size:18px;
    font-weight:bold
}

.mini-survey.mini_name_age .error {
    position:absolute;
    margin-left:10px;
    font-size:8px
}

.mini-survey.mini_color,.mini-survey.mini_color_young {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-color.jpg) no-repeat center center;
    text-align:center
}

.mini-survey.mini_color #question,.mini-survey.mini_color_young #question {
    margin-top:90px
}

.mini-survey.mini_celeb,.mini-survey.mini_celeb_young {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-celebrity.jpg) no-repeat center center;
    text-align:center
}

.mini-survey.mini_celeb #question,.mini-survey.mini_celeb_young #question {
    margin-top:68px
}

.mini-survey.mini_style,.mini-survey.mini_style_young {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-style.jpg) no-repeat center center;
    text-align:center
}

.mini-survey.mini_style #question,.mini-survey.mini_style_young #question {
    margin-top:85px
}

.mini-survey.final-step {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-signup.jpg) no-repeat center center
}

.mini-survey.final-step #user_email {
    margin-top:90px;
    font-size:12px;
    border:1px solid gray;
    height:14px;
    line-height:14px;
    width:140px
}

.mini-survey.final-step #user_password {
    margin-top:0px;
    font-size:12px;
    border:1px solid gray;
    height:14px;
    line-height:14px;
    width:140px
}

.mini-survey.final-step .btn-large {
    font-size:12px
}

.mini-survey.final-step #user_email,.mini-survey.final-step #user_password,.mini-survey.final-step .btn-large {
    margin-left:8px;
    margin-bottom:4px
}

.mini-survey.final-step .error {
    margin-top:0px;
    margin-left:8px;
    margin-bottom:0px;
    font-size:8px
}

.mini-survey.final-step .share_email {
    margin-top:5px;
    margin-left:8px;
    font-style:italic;
    font-size:8px
}

.mini-survey.final-step .privacy {
    margin-top:0px;
    margin-left:10px
}

.mini-survey.confirm .child-name {
    font-size:28px;
    color:#ed197a;
    margin-top:25px;
    margin-left:10px
}

.mini-survey.confirm .profile {
    margin-top:10px;
    margin-left:5px
}

.mini-survey.confirm .btn-large {
    font-size:12px;
    margin-top:165px;
    margin-left:10px
}

.mini-survey.confirm.fashionista {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-fashionista.jpg) no-repeat center center
}

.mini-survey.confirm.sweetie {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-sweetie.jpg) no-repeat center center
}

.mini-survey.confirm.prepster {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-prepster.jpg) no-repeat center center
}

.mini-survey.confirm.spirit {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-widget-spirit.jpg) no-repeat center center
}

#inline_bag {
    z-index:1050;
    text-align:center;
    display:none;
    position:absolute;
    right:0;
    padding:8px;
    padding-bottom:18px;
    width:360px;
    background-color:#fff;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,0.3);
    *border:1px solid #999;
    border-top:0;
    -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    box-shadow:0 3px 7px rgba(0,0,0,0.3)
}

#inline_bag p {
    margin:0
}

#inline_bag .line-item {
    padding:10px 0;
    font-size:10px
}

#inline_bag .line-item .name {
    padding:8px 0 2px;
    font-weight:700;
    line-height:14px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px
}

#inline_bag .line-item .qty {
    color:#999;
    font-size:12px
}

#inline_bag .thumb {
    float:left;
    width:95px
}

#inline_bag .desc {
    width:240px;
    float:right;
    text-align:left
}

#inline_bag .promo {
    border-bottom:1px solid #ccc;
    padding:10px 0;
    font-size:14px
}

#inline_bag .free-ship {
    font-family:georgia,serif;
    letter-spacing:1px;
    color:#ed197a;
    padding:10px 0
}
.gender-m #inline_bag .free-ship {
    color:#1516a2;
}

.outfits-index {
    position:relative;
    margin-left: 0;
}
.outfits-index.row {
	margin-left: 0;
}

.outfits-index h1,
.outfits-index .h1-style {
    font-size: 1.428571429em;
    line-height: 1;
    color:#000;
    text-align:center;
    font-weight: 400;
}

.outfits-index h1 b {
    font-weight: bold
}

.logged-out .products-container h1,
.logged-out .products-container .h1-style {
    margin: 1em 0 1em 1em;
    background: none transparent;
    padding: 5px 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 1.214285714em;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.logged-out .products-container h2 {
    margin: 2em 0 .714285714em 1em;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.142857143em;
    letter-spacing: .08em;
    line-height: 1;
}

.logged-out .products-container p {
    font-size: 1.142857143em;
    letter-spacing: .04em;
    line-height: 1.5;
}

.logged-out .outfits-index .padded-content {
    padding-left: 1em;
    padding-right: 1em;
}

.logged-out .products-container .shop-all-container {
    position:relative;
    float:right;
    margin-top:-2.75em;
    font-style:italic;
}

.logged-out .products-container .shop-all-container a {
    color: #000;
}

.logged-out .products-container .cta-container {
    margin: 1.625em 1em 1em;
    text-align: center;
    text-transform: uppercase;
}

.logged-out .products-container .cta-container a:after {
    display: inline;
    content: " \25b8";
    font-style: normal;
}

.logged-out .products-container .promo-text {
    margin-top: -.5em;
    text-align: center;
}
.logged-out .products-container .promo-text a {
    color: #000;
    text-transform: uppercase;
}

/*.outfits-index .carousel-container {
    position:relative
}

.outfits-index .carousel-container .callout {
    position:absolute;
    top:340px;
    right:0
}

.outfits-index .carousel .carousel-control.left {
    left:40px
}

.outfits-index .carousel .carousel-control.right {
    right:40px
}

.outfits-index .carousel .carousel-inner {
    width:auto;
    margin:0 80px
}

.outfits-index .carousel .carousel-inner .item {
    *zoom:1
}

.outfits-index .carousel .carousel-inner .item:before,.outfits-index .carousel .carousel-inner .item:after {
    display:table;
    content:""
}

.outfits-index .carousel .carousel-inner .item:after {
    clear:both
}*/

.outfits-index .carousel .carousel-inner a {
    display:block;
    text-align:center;
    position:relative;
    width:260px;
    float:left;
    min-height:495px
}

.outfits-index .carousel .carousel-inner a .photo {
    width:216px;
    height:463px
}

.outfits-index .carousel .carousel-inner a .sold-out {
    width:70px;
    position:absolute;
    right:10px;
    top:383px
}

.outfits-index .carousel .carousel-inner a .theme-icon {
    position:absolute;
    right:0;
    top:0
}

.outfits-index .carousel .carousel-inner a .outfit-name-price {
    padding-top:15px;
    letter-spacing:1px;
    font-size:12px;
    font-weight:700;
    line-height:18px;
    display:block;
    color:#000;
    text-transform:uppercase;
}

.outfits-index .carousel .carousel-inner a .outfit-name-price em {
    letter-spacing:0;
    font-size:13px
}

.outfits-index .carousel .carousel-inner a .btn {
    margin-top:10px
}

.outfits-index .carousel .carousel-inner a:hover .btn {
    background-color:#000;
    border-color:#000
}

.outfits-index .carousel .carousel-inner a:hover .outfit-name-price {
    color:#ed197a
}

.gender-m .outfits-index .carousel .carousel-inner a:hover .outfit-name-price {
    color:#1516a2;
}

.outfits-index .promo {
    position:absolute;
    top:15px;
    right:-50px
}

#postreg .promo-left {
    margin-top: 20px;
}

.outfits-index .pages {
    padding-top:30px
}

.outfits-index .pages .page {
    *zoom:1;
    position:relative;
    padding-top:30px
}

.outfits-index .pages .page:before,.outfits-index .pages .page:after {
    display:table;
    content:""
}

.outfits-index .pages .page:after {
    clear:both
}

.outfits-index .pages .page:first-child {
    border-top:3px solid #ccc
}

.outfits-index .pages .page a {
    position:relative;
    float:left;
    width:235px;
    text-align:center;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#000
}

.outfits-index .pages .page a span {
    display:block
}

.outfits-index .pages .page a:hover span {
    color:#ed197a
}

.gender-m .outfits-index .pages .page a:hover span {
    color:#1516a2;
}

.outfits-index .pages .page a .sold-out {
    width:70px;
    position:absolute;
    right:10px;
    top:282px
}

.outfits-index .pages .page .photo {
    width:165px;
    height:362px;
    padding-bottom:8px
}

.outfits-index .pages .page .theme-icon {
    position:absolute;
    right:0;
    top:0
}

.outfits-index .see-more {
    position:absolute;
    right:0;
    width:80px;
    top:340px;
    font-size:11px;
    line-height:14px;
    font-style:italic;
    color:#000
}

.outfits-index .see-more:hover {
    color:#ed197a
}

.outfits-index .shop-all {
    margin-top:40px;
    font-weight: bold;
    display:block;
    text-align:center;
    background:#ccc;
    line-height:14px;
    color:#ed197a;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:1px
}
.gender-m .outfits-index .shop-all {
    color:#1516a2;
}

.outfits-index .shop-all span {
    display:inline-block;
    background:#fff;
    padding:0 14px
}

.outfits-index .shop-all:hover {
    background:#000;
    color:#000
}

.outfits-index > .products-container {
    float: none;
    width: auto;
    border: 0;
    flex-wrap: wrap;
}

.outfits-index .products-container h1 .name {
    padding-top: 5px;
    font-size: 32px;
    font-weight: bold;
}
.outfits-index .products-container td,
.outfits-index .products-container .product-photo {
    text-align:center;
    padding:0;
    vertical-align:initial;
}

.outfits-index .products-container td a,
.cart .product-grid a,
.outfits-index .grid .item a,
.product-grid .product-photo,
.product-grid .product-photo h6 {
    display: block;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 700;
}
.outfits-index .products-container td a,
.cart .product-grid a {
    width:246px;
}

.outfits-index .products-container td a,
.cart .product-grid a {
    display: block;
    width: 246px;
}

.outfits-index .products-container .product-grid-wardrobe td a,
.cart .product-grid a {
    width: 370px;
}

.outfits-index .products-container .category-separator {
    padding: 3px 0px 3px 0px;
    background-color: #ed197a;
    margin: 25px 0px 5px 10px;
}

.products-container #mfs-profile-wrapper {
	margin: 1em 0;
	width: auto;
	height: auto;
}
.products-container #mfs-profile-wrapper > div {
	margin: 0.5em 0;
}
.products-container #mfs-profile-wrapper #profile-data  {
	display: flex;
	width: auto;
	height: auto;
	min-height: 0;
	border: 2px solid #f578c5;
	align-items: center;
	background-color: #fff;
}
.gender-m .products-container #mfs-profile-wrapper #profile-data,
.gender-m .products-container #mfs-profile-wrapper #profile-data {
    border-color: #00bfd7;
}

.products-container #mfs-profile-wrapper #profile-data {
    float:left;
    width:291px;
    border:1px solid #E1E1E1;
    min-height: 126px;
}

.outfits-index #mfs-profile-wrapper #profile-data .profile-stats a {
    width: auto;
    display: inline;
    font-weight: 300;
    letter-spacing: .03em;
    color: black;
    font-size: 11px;
    text-transform: capitalize;
}
.outfits-index #mfs-profile-wrapper #profile-data .profile-stats a:hover {
    text-decoration: underline;
}
.outfits-index #mfs-profile-wrapper #profile-data .skip-action a.btn-primary {
    padding: 1px 4px;
    text-transform: capitalize;
}

.product-grid .product-label,
.product-grid h6.product-label {
    display: block;
    margin-top: 1em;
    font-weight: 500;
    text-align: center;
}
.product-grid .product-label,
.product-grid h6.product-label,
.product-grid .price,
.product-grid .price-message {
    margin: .125em -.4125rem;
    font-size: 0.75rem;
    letter-spacing: .06rem;
}
.product-grid .lead-grid-become-vip {
    margin: .375em 0 0;
    font-weight: normal;
    line-height: 1.33;
}

.products-container .product-grid.product-grid-wardrobe tr {
    display:inline-block;
    width:110%;
}

.products-container .product-grid.product-grid-wardrobe td {
    display:inline-block;
}

.products-container .product-grid td a .product-photo-inner {
    position: relative;
    overflow: visible;
    padding-bottom: 5px;
}
.products-container .product-grid.column-count-3 td a .product-photo-inner.static-image img {
    width: 210px;
    height: auto;
}

.products-container .product-grid.product-grid-wardrobe td a .product-photo-inner {
    width: 355px;
    height: 355px;
}

.products-container .product-grid a .stock-msg {
    display: block;
    position: absolute;
    top: 48%;
    bottom: auto;
    width: 100%;
    text-align: center;
}

.products-container .product-grid a .stock-msg span.text {
    display: block;
    width: 72.5%;
    margin: 0 auto;
    padding: 4px 7px;
    text-transform: none;
    font-weight: normal;
    font-size: 13px;
    font-style: italic;
    letter-spacing: .5px;
    color: #e01f7a;
    text-align: center;
    background: #fff000;
    background: rgba(255,255,50,.8);
}

[data-userstatus="vip"] .products-container .product-grid a .stock-msg span.text {
    width: 60%;
    letter-spacing: 0;
}

.shadowed {
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#aaa')";
    -filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    box-shadow: none;
}


[data-layout="catalog-myfabshop"] .tt1,
[data-layout="catalog-myfabshop"] .tt2 {
    font-size: 1.375em;
    line-height: 1;
    color: #959595;
}

#profile-data #profile-data-table caption{
    text-transform:uppercase;
    padding:3px 0;
    font-size:13px;
    letter-spacing:1px;
    font-weight:bold;
    background-color:#ebebeb;
    margin-bottom:5px;
}

#profile-data .profile-header {
    margin: 0 .5em .375em 0;
    padding: 3px 0 7px;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: .125em;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px #ebebeb solid;
}

#profile-data .profile-badge,
#profile-data .profile-details {
	float: left;
	padding: .25em .5em;
}

#profile-data .profile-row {
	text-align: left;
	align-items: center;
	font-weight: 500;
    flex: 1;
}

#profile-data .col-xs {
	float: none;
}
#profile-data .profile-badge {
	float: none;
	display: flex;
	text-align: center;
	align-content: center;
	align-items: center;
	justify-content: center;
}
#profile-data .profile-badge img {
	width: 85px;
}
#profile-data .profile-details {}

#profile-data .profile-details .btn {
	padding: 3px 10px;
}

#profile-data #profile-data-table .vip-member-caption-f {
    color: #ed197a;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px #ebebeb solid;
    margin-right: 20px;
    margin-top: -5px;
}

#profile-data #profile-data-table .vip-member-caption-m {
    color: #1516a2;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px #ebebeb solid;
    margin-right: 20px;
    margin-top: -5px;
}

#profile-data .profile-details .profile-row {
    padding: 0;
    text-transform: capitalize;
    line-height: 1.5;
    font-size: 0.625rem;
    font-weight: 300;
    letter-spacing: .03em;
}

#profile-data .profile-details .skip-action {
	margin-top: .5em;
	text-transform: none;
	color: #979797;
	font-size: .5625;
    text-transform: uppercase;
}

#profile-data .profile-star-vip {
	color: #e5ca38;
	font-size: 11px;
	font-weight: bold;
}

#profile-data .profile-header .profile-see-perk {
	font-size: 12px;
	font-weight: normal;
	text-transform: capitalize;
}

#profile-data .arrow-right {
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid black;
	display: inline-block;
	margin-left: 3px;
}

#profile-data .arrow-right-gold {
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #e5ca38;
	display: inline-block;
	margin-left: 3px;
}

.products-container #mfs-profile-wrapper #mini-slideshow {
    border: 0;
    width: auto;
    height: auto;
    max-height: 9em;
    overflow: hidden;
    float: none;
}
.products-container #mfs-profile-wrapper #mini-slideshow .mfs-slider {
	position: relative;
    margin: 0 1.5em;
}
.products-container #mfs-profile-wrapper #mini-slideshow .mfs-slider img {
	display: block;
	width: 100%;
	height: auto;
}
#products_index #scroll-wrapper .scroll {
	margin-top: 0;
}

#outfit-lightning-loader,
#outfit-lightning-loader-bs-module,
#outfit-lightning-loader-yal-module{
    position: absolute;
    left:0;
    right:0;
    margin:auto;
    top:50%;
    z-index:999999;
}
#outfit-lightning-loader {
    position: fixed;
}
#outfit-lightning-loader-overlay,
#outfit-lightning-loader-bs-module-overlay,
#outfit-lightning-loader-yal-module-overlay{
    top: 0;
    left: 0;
    z-index: 99999;
    overflow: hidden;
    outline: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color:rgba(255, 255, 255, 0.8);
}
.product-slider #outfit-lightning-loader-bs-module,
.product-slider #outfit-lightning-loader-yal-module{
    top:35%;
}
.product-slider #outfit-lightning-loader-bs-module-overlay,
.product-slider #outfit-lightning-loader-yal-module-overlay{
    position:absolute;
}
#outfit-lightning-loader img,
#outfit-lightning-loader-bs-module img,
#outfit-lightning-loader-yal-module img {
    display: block;
    height: 90px;
    margin:auto;
}

.gender-m .outfits-index .products-container .category-separator {
     background-color: #1516a2
}

.outfits-index .products-container .category-separator {
     background-color: #ed197a;
}

.outfits-index .products-container .category-separator .category-separator-left {
    color: white;
    font-weight: bold;
    padding-left: 10px;
}

.outfits-index .products-container .category-separator .category-separator-right {
    font-style: italic;
    position: absolute;
    right: 10px;
}

.outfits-index .products-container .category-separator .category-separator-right a {
    color: white;
}


.outfits-index .products-container .see-more-container,
.outfits-index .products-container .see-less-container,
.products-container .toggle--more-less {
    background-color: #E6E6E6;
    margin: 10px -5px 10px 10px;
    padding: 17px;
    text-align: center;
    color: #878787;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .022rem;
}
.products-container .toggle--more-less {
    margin: 1em;
    letter-spacing: .1em;
}

.outfits-index .products-container .see-more-container:hover,
.outfits-index .products-container .see-less-container:hover,
.products-container .toggle--more-less:hover {
    background: #ececec;
    color: #000;
}

.outfits-index .products-container .see-more-container .see-more-plus,
.outfits-index .products-container .see-less-container .see-less-minus,
.products-container .toggle--more-less .expanded-hide:before,
.products-container .toggle--more-less .expanded-show:before {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
    margin-top: -10px;
    font-size: 30px;
    line-height: 20px;
}
.products-container .toggle--more-less .expanded-hide:before,
.products-container .toggle--more-less .expanded-show:before {
    margin-right: 6px;
}
.products-container .toggle--more-less .expanded-hide:before {
    content: "+";
}
.products-container .toggle--more-less .expanded-show:before {
    content: "-";
}

.outfits-index .products-container .see-more-container .see-more-separator-center,
.outfits-index .products-container .see-less-container .see-less-separator-center {
    font-size: 20px;
    display: inline-block;
    text-transform: uppercase;
}

.see-more-container a, .see-more-container a:hover{
    text-decoration: none;
    color: #878787;
}

.outfits-index .products-container .category-section-divider,
.component-product-grid h2 {
    font-size: 1rem;
    border-bottom: 1px solid #999;
    margin: 0 -5px 0 10px;
    font-size: 1.1875rem;
    font-weight: 400;
    letter-spacing: .02em;
    padding: 30px 0 0 0; 
}
.outfits-index .products-container .category-section-divider a {
    color: #000;
}
[data-layout="catalog-shop_item"] .outfits-index .products-container .category-section-divider {
    color: #000;
    margin-top: -10px;
    margin-right: 0;
    padding: 34px 0 0 .5em;
    line-height: 1.2;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #E2DEDE;
}
[data-layout="catalog-shop_item"] .outfits-index .products-container .bts-section-divider {
    font-size: 14px;
    border-bottom: 1px solid #000;
    margin: 0 -5px 10px 10px;
    font-style: italic;
    padding: 30px 0 0 20px;
}
[data-layout="catalog-shop_item"] .outfits-index .products-container .category-section-divider a{
    color: #000;
}

.outfits-index .products-container .category-section-divider .myfabshop-tab-selected a{
    text-decoration: none;
    color: #fff;
}
.outfits-index .products-container .category-section-divider .myfabshop-tab a{
     text-decoration: none;
     color: #000;
}

.outfits-index .products-container .category-section-divider .myfabshop-tab-selected{
    background-color: #ed197a;
    color: #fff;
    font-style: normal;
    width: 120px;
    padding: 7px 7px;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 1px;
    font-weight: bold;
}

.outfits-index .products-container .category-section-divider .myfabshop-tab{
    background-color: #E6E6E6;
    color: #000;
    font-style: normal;
    width: 140px;
    padding: 7px 1px;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 1px;
    font-weight: bold;
}

.outfits-index > .products-container .shop-all-container {
	position: relative;
    bottom:  -.3125em;
	float: right;
	margin: -2em 0 0 ;
	font-style: italic;
}
[data-layout="catalog-myfabshop"] .outfits-index > .products-container > .shop-all-container a {
	color: #000;
}
[data-layout="catalog-myfabshop"]  .outfits-index > .products-container .shop-all-container {
	font-style: normal;
	font-size: .75em;
	letter-spacing: .05em;
	color: #757575;
    bottom: auto;
}
[data-layout="catalog-myfabshop"]  .outfits-index > .products-container .shop-all-container a {
	color: #979797;
}
[data-layout="catalog-myfabshop"]  .outfits-index > .products-container .shop-all-container a:after {
	color: #000;
	font-size: 1.25em;
	line-height: .625rem;
}

.outfits-index .tabs-content div.shop-all-container {
    text-align: center;
}

.outfits-index .tabs-content div.shop-all-container a {
    color: #000;
    /* font-style: italic; */
}
.outfits-index .tabs-content div.shop-all-container a:after,
.logged-out .products-container .shop-all-container a:after {
    display: inline;
    content: " \25b8";
    font-style: normal;
}

/*
* GRID REDESIGN *
*/

.product-details--wrapper.grid-redesign{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: .475rem;
}

.grid-redesign h6.product-label{
    font-weight: 500;
    text-transform: capitalize;
    margin: 0px 0px;
    text-align: left;
    font-size: .8125rem;
    line-height: 1.375;
    margin-bottom: .4rem;
    letter-spacing: .02em;
}

div.grid-redesign div.row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    min-height: auto;
    margin:0rem 0rem .4rem 0rem;
}

.grid-redesign div.price {
    color: #000;
    margin: 0rem .25rem 0rem 0rem;
    line-height: normal;
    font-size: .75rem;
    line-height: .75rem;
    font-weight: normal;
}

body[data-gender="female"] .grid-redesign div.price.is-promo-price {
    color: #f00083;
}

body[data-gender="male"] .grid-redesign div.price.is-promo-price{
   color: #1516a2;
}

.product-cell.girl .grid-redesign  div.price.is-promo-price {
    color: #f00083;
}

.product-cell.boy .grid-redesign div.price.is-promo-price{
   color: #1516a2;
}

.grid-product-offer-banner{
    display: inherit;
    width: auto;
    height: auto;
    margin: 0rem 0rem .4rem 0rem;
    font-weight: normal;
    line-height: 1.6 !important;
    text-transform: uppercase;
    font-size: .75rem;
}

body[data-gender="female"] div.product-details--wrapper.grid-redesign .grid-product-offer-banner{
    background-color: yellow;
    color: #ea2a83;
}

body[data-gender="male"] div.product-details--wrapper.grid-redesign .grid-product-offer-banner{
    background-color: yellow;
    color: #1516a2;
}

.product-cell.girl div.product-details--wrapper.grid-redesign .grid-product-offer-banner{
    color: #ea2a83;
}

.product-cell.boy div.product-details--wrapper.grid-redesign .grid-product-offer-banner{
    color: #1516a2;
}

body[data-layout="accountinfo-account"] .cart-summary-quickview .star-rating,
body[data-layout="checkout-main"] .cart-summary-quickview .star-rating,
.product-details--wrapper.grid-redesign .star-rating {
    background: none;
    height: 1em;
    display: inline-block;
    text-align:left;
    font-size: .875rem;
    line-height: 1em;
    width: 5em;
    margin: 0rem;
    letter-spacing: 0;
}
body[data-layout="accountinfo-account"] .cart-summary-quickview .star-rating,
body[data-layout="checkout-main"] .cart-summary-quickview .stars,
.product-details--wrapper.grid-redesign .star-rating .stars {
    background: none;
    height: 1em;
    position: relative;
    display: block;
    letter-spacing: 0;
}
body[data-layout="accountinfo-account"] .cart-summary-quickview .star-rating .stars:before,
body[data-layout="accountinfo-account"] .cart-summary-quickview .star-rating .stars:after,
body[data-layout="checkout-main"] .cart-summary-quickview .star-rating .stars:before,
body[data-layout="checkout-main"] .cart-summary-quickview .star-rating .stars:after,
.product-details--wrapper.grid-redesign .star-rating .stars:before,
.product-details--wrapper.grid-redesign .star-rating .stars:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1em;
    font-family: "FabKidsIcon";
    display:inline-block;
    font-weight:normal;
    font-style:normal;
    speak:none;
    text-decoration:inherit;
    text-transform:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    vertical-align: baseline;
    line-height: inherit;
    color: #AFAFAF;
    content: "\f109\f109\f109\f109\f109";
    letter-spacing:0;
}

.product-details--wrapper.grid-redesign .star-rating:hover .stars {
    background: none !important;
}
body[data-layout="female"] .cart-summary-quickview .star-rating .stars:after,
body[data-gender="female"] .product-details--wrapper.grid-redesign .star-rating .stars:after {
    overflow: hidden;
    color: #ea1e77;
}
body[data-layout="male"] .cart-summary-quickview .star-rating .stars:after,
body[data-gender="male"] .gender-m .product-details--wrapper.grid-redesign .star-rating .stars:after {
    overflow: hidden;
    color: #1516a2;
}

.product-cell.girl .product-details--wrapper.grid-redesign .star-rating .stars:after {
    color: #ea1e77 !important;
}
.product-cell.boy .product-details--wrapper.grid-redesign .star-rating .stars:after {
    color: #1516a2 !important;
}

/**/



/*
.gender-m .outfits-index .products-container .see-more-container {
    background-color: #E6E6E6;
    margin: 10px -5px 10px 10px;
    height: 60px;
    text-align: center;
    color: #878787;
    line-height: 1;
    font-weight: bold;
}

.gender-m .outfits-index .products-container .see-more-container .see-more-plus{
    font-size: 30px;
    margin-right: 5px;
    padding-top: 25px;
    margin-top: -7px;
    display: inline-block;
    vertical-align: middle;
}
.gender-m .outfits-index .products-container .see-more-container .see-more-separator-center{
    font-size: 20px;
    padding-top: 25px;
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle;
}

.gender-m .outfits-index .products-container .category-section-divider{
    font-size: 16px;
    border-bottom: 1px solid #000;
    margin: 20px -5px 10px 10px;
    font-style: italic;
    padding-left: 20px;
}

.gender-m .outfits-index .products-container .category-section-divider .myfabshop-tab-selected a{
    text-decoration: none;
    color: #fff;
}
.gender-m .outfits-index .products-container .category-section-divider .myfabshop-tab a{
     text-decoration: none;
     color: #000;
}

.gender-m .outfits-index .products-container .category-section-divider .myfabshop-tab-selected{
    background-color: #FF5921;
    color: #fff;
    font-style: normal;
    width: 160px;
    padding: 7px 7px;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 1px;
    font-weight: bold;
}

.gender-m .outfits-index .products-container .category-section-divider .myfabshop-tab{
    background-color: #E6E6E6;
    color: #000;
    font-style: normal;
    width: 200px;
    padding: 7px 1px;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 1px;
    font-weight: bold;
}

*/

.wardrobes .products-container td a, .products-container td a.wardrobe-photo {
    width:370px;
}

.outfits-index .products-container td a:hover,
.outfits-index .grid .item a:hover,
.outfits-index .products-container .product-grid a.product-photo:hover,
.outfits-index .products-container .product-grid a.product-photo:hover h6 {
    color:#ed197a
}
.gender-m .outfits-index .products-container td a:hover,
.gender-m .outfits-index .grid .item a:hover,
.gender-m .outfits-index .products-container .product-grid a.product-photo:hover,
.gender-m .outfits-index .products-container .product-grid a.product-photo:hover h6 {
    color:#1516a2;
}
.outfits-index .products-container .product-grid .product-cell.boy .product-photo:hover,
.outfits-index .products-container .product-grid .product-cell.boy .product-photo:hover h6.product-label{
    color:#1516a2;
}
.outfits-index .products-container .product-grid .product-cell.girl .product-photo:hover,
.outfits-index .products-container .product-grid .product-cell.girl .product-photo:hover h6.product-label{
    color:#ed197a;
}
.products-container td .sale .member,
.outfit-name-price .member {
    text-transform:none;
    font-style:normal;
    font-weight:normal;
}

.products-container td .sale em.pink,
.outfit-name-price em.pink {
    font-weight:normal;
}

.outfits-index #products-container-style-steal.products-container .product-photo {
    padding:10px 0 0px;
    position:relative;
    line-height: 15px;
}

.outfits-index #products-container-style-steal.products-container .sale .highlighted {
    background-color: yellow;
}

.outfits-index .products-container .product-photo {
    padding: 0;
    position:relative;
    line-height: 1.5;
}

.product-photo-inner {
    position: relative;
}

.product-photo .img2{
    position:absolute;
    top:0;
    left:16px;
}

#favorites .wishlist-wrapper,
.main-product-images .wishlist-wrapper,
.column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist,
.column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper .wishlist,
.column.col-md-5.col-xs-6.pdp .wishlist-wrapper .wishlist {
    display:flex;
    flex-direction: column;
    align-items: center;
}

.main-product-images .wishlist,
.column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist,
.column.col-xs-5.product-media.pdp .wishlist-wrapper .wishlist,
.column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper .wishlist,
.product-photo-inner .wishlist {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top:0;
    right:0;
}
.column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper .wishlist {
    max-width: 457px;
    left: 0;
    z-index: 1000;
}

.main-product-images .wishlist {
    width: 280px;
    top:0;
    right:unset;
}
.column.col-xs-5.product-media.pdp .wishlist-wrapper .wishlist {
    width: 79%;
    top:0;
    right:unset;
}

.column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist {
    width: 86%;
    top:0;
    right:unset;
}

.main-product-images .wishlist i,
.product-photo-inner .wishlist i,
.column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist i,
.column.col-xs-5.product-media.pdp .wishlist-wrapper .wishlist i,
.column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper .wishlist i {
    width: 32px;
    height: 32px;
    margin-right: .3rem;
    margin-top: 0.3rem;
    z-index: 10;
    cursor: pointer;
    position: relative;
    box-shadow: 0 2px 4.5px rgba(0,0,0,0.17);
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-product-images .wishlist i,
.column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist i,
.column.col-xs-5.product-media.pdp .wishlist-wrapper .wishlist i {
    font-size: 1.875rem;
    width: 1.875rem;
    height: 1.875rem;
}

[data-gender="female"] .main-product-images .wishlist i:before,
[data-gender="female"] .product-photo-inner .wishlist i:before,
[data-gender="female"] .column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist i:before,
[data-gender="female"] .column.col-xs-5.product-media.pdp .wishlist-wrapper .wishlist i:before,
[data-gender="female"] .column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper .wishlist i:before {
    background:url('//fabkids-us-cdn.justfab.com/media/images/Girl-Heart-Outline.svg') no-repeat 0 0;
}
.wishlist i.icon-heart.girl:before {
    background:url('//fabkids-us-cdn.justfab.com/media/images/Girl-Heart-Outline.svg') no-repeat 0 0 !important;
}

[data-gender="male"] .main-product-images .wishlist i:before,
[data-gender="male"] .product-photo-inner .wishlist i:before,
[data-gender="male"] .column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist i:before,
[data-gender="male"] .column.col-xs-5.product-media.pdp .wishlist-wrapper .wishlist i:before,
[data-gender="male"] .column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper .wishlist i:before {
    background:url('//fabkids-us-cdn.justfab.com/media/images/Boy-Heart-Outline.svg') no-repeat 0 0;
}
.wishlist i.icon-heart.boy:before {
    background:url('//fabkids-us-cdn.justfab.com/media/images/Boy-Heart-Outline.svg') no-repeat 0 0 !important;
}

[data-gender="female"] .main-product-images .wishlist i.full:before,
[data-gender="female"] .product-photo-inner .wishlist i.full:before,
[data-gender="female"] .column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist i.full:before,
[data-gender="female"] .column.col-xs-5.product-media.pdp .wishlist-wrapper .wishlist i.full:before,
[data-gender="female"] .column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper .wishlist i.full:before {
    background:url('//fabkids-us-cdn.justfab.com/media/images/Girl-Heart-Filled.svg') no-repeat 0 0;
}
.wishlist i.icon-heart.girl.full:before {
    background:url('//fabkids-us-cdn.justfab.com/media/images/Girl-Heart-Filled.svg') no-repeat 0 0 !important;
}

[data-gender="male"] .main-product-images .wishlist i.full:before,
[data-gender="male"] .product-photo-inner .wishlist i.full:before,
[data-gender="male"] .column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist i.full:before,
[data-gender="male"] .column.col-xs-5.product-media.pdp .wishlist-wrapper .wishlist i.full:before,
[data-gender="male"] .column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper .wishlist i.full:before {
    background:url('//fabkids-us-cdn.justfab.com/media/images/Boy-Heart-Filled.svg') no-repeat 0 0;
}
.wishlist i.icon-heart.boy.full:before {
    background:url('//fabkids-us-cdn.justfab.com/media/images/Boy-Heart-Filled.svg') no-repeat 0 0 !important;
}
[data-gender="female"] .column.col-xs-5.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i.full:before,
[data-gender="female"] .column.col-xs-4.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i.full:before,
[data-gender="male"] .column.col-xs-5.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i.full:before,
[data-gender="male"] .column.col-xs-4.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i.full:before
[data-gender="female"] .column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i.full:before,
[data-gender="male"] .column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i.full:before
[data-gender="male"] .product-photo-inner [data-invert-heart="true"].wishlist i.full:before,
[data-gender="female"] .product-photo-inner  [data-invert-heart="true"].wishlist i.full:before {
    color: #fff;
}
[data-gender="female"] .column.col-xs-5.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i,
[data-gender="female"] .column.col-xs-4.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i,
[data-gender="male"] .column.col-xs-5.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i,
[data-gender="male"] .column.col-xs-4.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i,
[data-gender="male"] .column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i,
[data-gender="female"] .column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper [data-invert-heart="true"].wishlist i,
[data-gender="male"] .product-photo-inner [data-invert-heart="true"].wishlist i,
[data-gender="female"] .product-photo-inner [data-invert-heart="true"].wishlist i  {
    -webkit-text-stroke: 1px #fff;
}
.main-product-images .wishlist i:before,
.product-photo-inner .wishlist i:before,
.column.col-xs-4.product-media.pdp .wishlist-wrapper .wishlist i:before,
.column.col-xs-5.product-media.pdp .wishlist-wrapper .wishlist i:before,
.column.col-md-5.col-xs-6.product-media.pdp .wishlist-wrapper .wishlist i:before {
    display: flex;
    align-items: center;
    justify-content: center;
    width:17px;
    height:14px;
}

.products-container .color-options-label {
    color: #999;
    font-size: .625rem;
    display: inline;
}

.wardrobes .product-photo .img2{
    left:7px;
}

.product-grid-wardrobe .product-photo .img2{
    left:3px;
}

.outfits-index .products-container .product-photo .photo {
    height:auto;
    min-height:210px
}

.outfits-index .products-container .product-photo .photo-outline {
    border:solid 2px #d3d3d3
}

.outfits-index .products-container .product-name {
    padding-bottom:10px
}

.outfits-index .products-container .sold-out {
    width:70px;
    position:absolute;
    right:10px;
    bottom:80px
}

.outfits-index .products-container .theme-icon {
    position:absolute;
    right:0;
    top:20px
}

.outfits-index .products-container .shipping {
    text-align:right;
    padding:10px 0px
}

.outfits-index .products-container .header-banner, .outfits-index .products-container .header-banner-2 {
    padding: 0;
    position: relative;
}

.header-banner .fk-xslider,
.header-banner .fk-xslider .fk-viewport {
    max-width: 100%;
    max-height: 500px;
    overflow: hidden;
}
.header-banner .fk-xslider li.slide-item {
    max-width: 72rem;
    float: left;
}
.header-banner > img,
.header-banner a > img,
.header-banner .fk-xslider img {
    width: 100%;
    height : auto;
    max-height: 100%;
    max-width: 100%;
}

.outfits-index .sidenav {
    width: auto;
    float: none;
    padding-top:20px
}

.outfits-index .sidenav h3,
#postreg .sidenav h3,
.outfits-index .sidenav .navigationizer > ul > li > a,
#postreg .sidenav .navigationizer > ul > li > a {
    text-transform: capitalize;
    font-weight: 500;
    padding: 1rem 0 0 10px;
    font-size: 0.75rem;
    letter-spacing: .065em;
    text-indent: 0;
}

.outfits-index .sidenav h3:first-child,
#postreg .sidenav h3:first-child,
.outfits-index .sidenav .navigationizer > ul:first-child > li:first-child > a,
#postreg .sidenav .navigationizer > ul:first-child > li:first-child > a {
    padding-top: 0;
}

.outfits-index .sidenav ul,
#postreg .sidenav ul {
    margin: 0 .75rem 0 0;
    list-style:none
    }
    .outfits-index .sidenav ul.navigationizer ul,
    #postreg .sidenav ul.navigationize ul {
        margin-right: 0;
    }
    .outfits-index .sidenav ul.navigationizer > li.is-sale.has-children > a,
    #postreg .sidenav ul.navigationizer > li.is-sale.has-children > a {
        color: #ed197a;
    }
    .outfits-index .sidenav ul.navigationizer > li.is-sale.has-children.nav-label--clearance > a,
    #postreg .sidenav ul.navigationizer > li.is-sale.has-children.nav-label--clearance > a {
        color: red;
    }

.outfits-index .sidenav ul li,
#postreg .sidenav ul li {
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-transform: lowercase;
    letter-spacing: 1px;
    text-indent: .666666667rem;
}
.outfits-index .sidenav .nav_compressed > ul li,
#postreg .sidenav .nav_compressed > ul li,
.outfits-index .sidenav .nav_compressed .navigationizer > ul li,
#postreg .sidenav .nav_compressed .navigationizer > ul li {
    padding-top: 0.142857143rem;
    padding-bottom: 0.142857143rem;
    font-size: 0.75rem;
    font-weight: 300;
    letter-spacing: .065em;
}
.outfits-index .sidenav .nav_compressed > ul li.active,
#postreg .sidenav .nav_compressed > ul li.active,
.outfits-index .sidenav .nav_compressed .navigationizer > ul li.active,
#postreg .sidenav .nav_compressed .navigationizer > ul li.active {
    padding-bottom: 0;
}

.outfits-index .sidenav h3.outfits-link {
    margin: 0 15px 0 0;
    padding-left: 0;
}

.outfits-index .sidenav h3.outfits-link a {
    display: block;
    padding-left: 10px;
}

.outfits-index .sidenav h3.outfits-link.clearance a{
    color: red;
}
li.items ul li.clearance a{
    font-weight: bold;
    letter-spacing: .03125em;
    text-transform: uppercase;
}
.header .nav--main li.subnav-columns-wrap > ul{
    min-height: 20em;
}
.sidenav h3.clearance.winter-clearance a {
    color: #04aebc;
}
.sidenav h3.clearance.winter-clearance img {
    width: 20px;
    height: auto;
    position: relative;
    right: 0;
    top: 5px;
    line-height: .5;
    margin-right: -.5em;
    margin-top: -8px;
}

h3.end-of-season-nav{
    color: red !important;
    margin-bottom: -15px !important;
    font-size: 12px !important;
    font-style: italic !important;
}


.gender-m .outfits-index .sidenav h3.outfits-link.end-of-season-nav a{
    color: red !important;
    margin-bottom: -15px !important;
    font-size: 12px !important;
    font-style: italic !important;
}

.outfits-index .sidenav h3.outfits-link.end-of-season-nav a{
    color: red !important;
    margin-bottom: -15px !important;
    font-size: 12px !important;
    font-style: italic !important;
}

.outfits-index .sidenav h3.outfits-link.special-offers a{
    color: #ed197a;
}

.gender-m .postreg-special-offers a{
    color: #1516a2 !important;
}

.postreg-special-offers a{
    color: #ed197a !important;
}

.gender-m .outfits-index .sidenav h3.outfits-link.special-offers a{
    color: #1516a2;
}

.outfits-index .sidenav h3.outfits-link.special-offers div {
    padding: 1px 0 0 6px;
    background:#ed197a;
    color:#fff
}

.outfits-index .sidenav h3.outfits-link.shop-catalog a{
    color: #ed197a;
    font-size: 16px;
    font-style: italic;
}

.gender-m .outfits-index .sidenav h3.outfits-link.shop-catalog a{
    color: #1516a2;
    font-size: 16px;
    font-style: italic;
}

.outfits-index .sidenav h3.outfits-link div {
    padding: 1px 0 0 10px;
    background:#ed197a;
    color:#fff
}

.gender-m .outfits-index .sidenav h3.outfits-link div {
    background:#1516a2;
}

.outfits-index .sidenav h3.outfits-link.shop-catalog div {
    background:#ed197a;
    font-size: 16px;
    font-style: italic;
}

.gender-m .outfits-index .sidenav h3.outfits-link.shop-catalog div {
    background:#1516a2;
    font-size: 16px;
    font-style: italic;
}

#postreg .sidenav h3.outfits-link {
    display:none; /* MyFabshop not displayed on postreg left nav */
}

.outfits-index .sidenav span.nav-new {
    margin-left: 8px;
    color: #ed197a;
	font-size: 9px;
	text-align: right;
}

.outfits-index .sidenav li.expandable > a {
    position: relative;
    margin-right: 1rem;
    }
    .outfits-index .sidenav li.expandable > a:after {
        content: '+';
        position: absolute;
        top: 1px;
        right: -1em;
        line-height: 1;
        font-size: 1.1377em;
    }
    .outfits-index .sidenav li.expandable.open > a:after {
        content: '–';
        color: #777;
        right: -.875em;
    }
.outfits-index .sidenav li.expandable.open.active > a {
    margin-right: 0;
    }
    .outfits-index .sidenav li.expandable.open.active > a:after {
        display: none;
    }

.outfits-index .sidenav li.expandable ul {
    display: none;
}
.outfits-index .sidenav li.expandable.open:not(.is-active-path),
#postreg .sidenav li.expandable.open:not(.is-active-path) {
    background: transparent;
}
.outfits-index .sidenav li.expandable.open ul,
#postreg .sidenav li.expandable.open ul {
    display: block;
}
.outfits-index .sidenav li.expandable.open:not(.is-active):not(.is-active-path) ul,
#postreg .sidenav li.expandable.open:not(.is-active):not(.is-active-path) ul {
    background: #fff;
}
.outfits-index .sidenav li.expandable ul li.active,
#postreg .sidenav li.expandable ul li.active {
    /*font-size: .933333333em;*/
    /*text-indent: .666666667em;*/
    /*padding: 0 .25em 0 .666666667em;*/
}
.outfits-index .sidenav li.expandable ul li a,
#postreg .sidenav li.expandable ul li a {
    /*padding: 0 .25em 0 .666666667em;*/
    /*color: #888;*/
    /*font-size: .933333333em;*/
    /*text-indent: .666666667em;*/
}

.outfits-index .sidenav ul li.active,
#postreg .sidenav ul li.active,
.outfits-index .sidenav li.expandable.active,
#postreg .sidenav ul li.expandable.active,
.outfits-index .sidenav li.expandable ul > li.active > a,
.outfits-index .sidenav li.expandable ul > li.active > a:hover,
#postreg .sidenav li.expandable ul > li.active > a,
.outfits-index .sidenav ul.navigationizer li.expandable.open.active > a {
    background:#ed197a;
    color:#fff;
}
.outfits-index .sidenav ul li.open,
#postreg .sidenav ul li.open {
    background: #fbccdb;
}
.outfits-index .sidenav ul ul.subcategory {
    margin: 0;
    background: #fdecee;
}
.outfits-index .sidenav .nav-label--girls-clearance ul.subcategory {
    background: #fdecee !important;
}
.outfits-index .sidenav .nav-label--boys-clearance ul.subcategory {
    background: #e0ebfa !important;
}
.outfits-index .sidenav ul ul.subcategory li,
#postreg .sidenav ul ul.subcategory li {
    padding-left: 1em;
}

.gender-m .outfits-index .sidenav li.expandable.open,
.gender-m #postreg .sidenav li.expandable.open {
    background: #fff;
}

.gender-m .outfits-index .sidenav ul li.active,
.gender-m #postreg .sidenav ul li.active,
.gender-m .outfits-index .sidenav li.expandable.active,
.gender-m #postreg .sidenav ul li.expandable.active,
.gender-m .outfits-index .sidenav li.expandable ul li.active a,
.gender-m #postreg .sidenav li.expandable ul li.active a,
.gender-m .outfits-index .sidenav ul.navigationizer li.expandable.open.active > a {
    background: #1516a2;
    color: #fff;
}
.outfits-index .sidenav ul.navigationizer li.nav-label--girls-clearance.expandable.open.active > a {
    background: #ed197a !important;
}
.outfits-index .sidenav ul.navigationizer li.nav-label--boys-clearance.expandable.open.active > a{
    background: #1516a2 !important;
}
.gender-m .outfits-index .sidenav ul li.open,
.gender-m #postreg .sidenav ul li.open,
.gender-m .outfits-index .sidenav ul.navigationizer li.expandable.open {
    background: #fff;
}
.gender-m .outfits-index .sidenav ul li.open.is-active-path,
.gender-m #postreg .sidenav ul li.open.is-active-path,
.gender-m .outfits-index .sidenav ul.navigationizer li.expandable.open.is-active-path {
    background: #bcd1f0;
}
.gender-m .outfits-index .sidenav ul ul.subcategory {
    background: #e0ebfa;
}



.outfits-index .sidenav ul li.image, #postreg .sidenav ul li.image {
    position:relative;
    left:-8px
}

.outfits-index .sidenav a, #postreg .sidenav a {
    display:block;
    color:#000
}

.gender-f .nav-promo a {
    display:block;
    color:#ed197a !important;
    font-weight: bold;
}

.gender-m .nav-promo a {
    display:block;
    color:#1516a2 !important;
    font-weight: bold;
}

.outfits-index .sidenav a:hover,
#postreg .sidenav a:hover,
.outfits-index .sidenav li.expandable ul li a:hover,
#postreg .sidenav li.expandable ul li a:hover {
    color:#ed197a
}
.gender-m .outfits-index .sidenav a:hover,
.gender-m  #postreg .sidenav a:hover,
.gender-m .outfits-index .sidenav li.expandable li a:hover,
.gender-m #postreg .sidenav li.expandable li a:hover {
    color:#1516a2;
}
.outfits-index .sidenav li.nav-label--girls-clearance a:hover{
    color:#ed197a !important;
}
.outfits-index .sidenav li.nav-label--boys-clearance a:hover{
    color:#1516a2 !important;
}
.outfits-index .sidenav li.active,
#postreg .sidenav li.active {
    /*padding: 0 .25em 0 .666666667em;*/
    text-indent: .666666667em;
}

.outfits-index .sidenav li.active > a,
#postreg .sidenav li.active > a {
    color: #fff;
    cursor: default;
    padding: 0;
}
.gender-m .outfits-index .sidenav li.active > a,
.gender-m  #postreg .sidenav li.active > a {
    color: #fff;
    cursor: default;
}

.outfits-index .sidenav .cat-sale, #postreg .sidenav .cat-sale {
    margin-top:20px;
}

.outfits-index .sidenav li.cat-sale, #postreg .sidenav li.cat-sale {
    font-weight: bold;
    text-transform:uppercase
}

.outfits-index .sidenav li.cat-sale a, #postreg .sidenav li.cat-sale a {
    color:black;
}

.outfits-index .promo-message {
    float:right;
    background:url(//fabkids-us-cdn.justfab.com/media/images/highlight-25.png) no-repeat center center;
    font-size:16px;
    width:246px;
    letter-spacing:1px;
    text-align:center;
    margin-top:6px;
    margin-bottom:0
}

.outfits-index .sidenav h3.summer-sale-header-m{
    color: #1516a2;
    background: #FFF787;
    width: 135px;
    height: 25px;
    padding-top: 0px;
    margin-top: 25px;
    padding-left: 8px;
}

.outfits-index .sidenav h3.summer-sale-header-f{
    color: #ed197a;
    background: #FFF787;
    width: 135px;
    height: 25px;
    padding-top: 0px;
    margin-top: 25px;
    padding-left: 8px;
}

/* Nav with compressed styling */
.sidenav .nav_compressed ul li {
    line-height: 1.3625;
}
.sidenav .nav_compressed h3,
#postreg .sidenav .nav_compressed h3 {
    padding-top: 15px;
    line-height: 1.325;
}

.modal.selected-outfit .photo {
    text-align:center
}

.modal.selected-outfit .photo img {
    width:auto;
    height:auto
}

.modal.selected-outfit p {
    font-size:15px;
    line-height:20px;
    padding-right:20px;
    padding-bottom:18px;
    margin:0
}

.modal.selected-outfit h2 {
    line-height:30px;
    padding:18px 0
}

.modal.selected-outfit .btn-no:hover {
    border:1px solid #555;
    background:#555
}

#child_picker {
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    width:200px;
    text-align: left;
}

#child_picker h3 {
    cursor: pointer;
    color: #ed197a;
    text-indent: 5px;
    font-size: 15px;
    line-height: 28px;
    font-weight: bold;
}
#child_picker.gender-m h3 {
    color:#1516a2;
}

#child_picker h3 .select-icon {
    display: inline-block;
    background: #ed197a;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    text-align: center;
    vertical-align: middle;
}

#child_picker.gender-m h3 .select-icon {
    background-color: #1516a2;
}

#child_picker h3 .select-icon .arrow {
    display:inline-block;
    width:0;
    height:0;
    margin-left:-4px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid white;
    margin-top:6px;
}

#child_picker .children {
    list-style: none;
    opacity: 0;
    top: 150%;
    visibility: hidden;
    transition: opacity 0.3s ease, top 0.3s ease;
}

#child_picker:hover .children {
    opacity: 1;
    visibility: visible;
    top: 99.7%;
    margin-top: 1px;
}

#child_picker .children li {
    border-top: 3px solid #fff;
    background-color: #ff6699;
}
#child_picker .children li.gender-m {
    background-color: #1890cd;
}
#child_picker .children li.add-child {
    background-color: #59D8DA;
}

#child_picker .children li a {
    color: white;
    font-weight: bold;
    line-height: 18px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

#child_picker .children li.add-child a {
    font-weight: normal;
}

#child_picker .children li a:hover {
    color:#000
}

#child_picker .children li:first-child {
    border-top:0
}

#child_picker dl,
#child_picker ul {
    background:#fff;
    width:192px;
    margin:0;
    border:1px solid #efefef;
    border-top:0;
    position:absolute;
    z-index: 1;
    top:120%;
    left:0;
    padding:3px
}

#child_picker dl dt,
#child_picker dl dd,
#child_picker ul dt,
#child_picker ul dd {
    margin:0 10px;
    color:#ed197a;
    line-height:13px
}

#child_picker.gender-m  dl {
  color: #1516a2;
}

#child_picker dl dt,#child_picker ul dt {
    text-transform:uppercase;
    font-weight:700;
    font-size:11px;
    letter-spacing:1px;
    padding-top:1px
}

#child_picker dl dd,#child_picker ul dd {
    text-transform:lowercase;
    border-bottom:1px solid #fac7dd;
    font-family:georgia,serif;
    font-size:12px;
    padding-bottom:2px;
    margin-bottom:6px;
    display:inline-block;
    min-width:80px
}

.alternate-photos {
    float:left;
    margin-top:45px;
    width:45px;
}

.alternate-photos a {
    width:40px;
    height:40px;
    margin-bottom:5px;
    display:inline-block;
    border:1px solid #000
}

.alternate-photos a:hover {
    border-color:#666
}

.alternate-photos a.selected {
    border-color:#ed197a;
    cursor:default
}

.outfit-content {
    position:relative;
    margin-bottom:20px
}

.outfit-content .share {
    float: left;
    padding: 10px 0;
    width: 88%;
}
.outfit-content .share span, .outfit-content .share iframe, .outfit-content .share a {
    float: right;
    font-size: 12px;
    margin:0;
}

.outfit-content .share .fb_iframe {
    height: 21px;
    overflow: hidden;
    width: 84px !important;
}

.outfit-content .promo {
    position:absolute;
    left:-70px;
    top:10px
}

.outfit-content .selects {
    width:100%;
    padding:8px 0 4px;
    white-space: nowrap;
}

.outfit-content .selects label,.outfit-content .selects select,.outfit-content .selects span {
    display:inline-block;
    margin:0
}

.outfit-content .selects label {
    position:relative;
    top:2px;
    color:#666;
    margin-right:6px;
    line-height:20px
}

.outfit-content .selects select {
    padding:0
}

.outfit-content .selects select,.outfit-content .selects span {
    display:inline-block;
    margin-right:20px
}

.outfit-content .selects span {
    position:relative;
    top:2px;
    line-height:20px
}

.outfit-content p.desc {
    font-size:13px;
    line-height:17px;
    letter-spacing:1px
}

.outfit-content a.show-details {
    font-size:11px;
    color:#000;
    font-weight:bold
}

.outfit-content ul.details {
    max-width:300px;
    font-size:13px;
    letter-spacing:1px;
    margin:0;
    padding:10px 12px 10px 8px;
    background-color:#ddd;
    cursor:pointer;
    position:absolute;
    left:-12px;
    bottom:20px;
}

.outfit-content ul.details li {
    line-height:15px;
    margin-left:20px;
    cursor:pointer
}

.outfit-content ul.details li.individual_price {
    font-weight:bold;
    color:#ed197a
}

.outfit-content select {
    width:auto;
    height:auto
}

.outfit-content .hero {
    text-align:center
}

.outfit-content .hero img {
    height:auto;
    width:auto
}

.outfit-content .hero #wrap {
    text-align:center;
    display:inline-block;
    margin:0 auto
}

.outfit-content .hero #wrap .cloud-zoom {
    display:inline-block !important
}

.outfit-content .hero #wrap img {
    min-height:280px;
    max-width:380px
}

.outfit-content .item-hero {
    margin:0 40px
}

.outfit-content .outfit-info {
    padding-top:30px
}

.outfit-content .outfit-info form {
    margin:0
}

.outfit-content .outfit-item p {
    margin:0
}

.outfit-content .outfit-item .span5 {
    margin-left:10px;
    position:relative
}

.outfit-content .outfit-item .outfit-item-photo {
    text-align:center
}

.outfit-content .outfit-item .outfit-item-photo img {
    width:auto;
    max-height:120px
}

.outfit-content .free-gift {
    text-align:center;
    padding-top:8px
}

.outfit-content .free-item-photo {
    width:auto;
    max-height:100px;
    padding-left:10px;
    margin-right:-10px
}

.outfit-content .outfit-items {
    position:relative
}

.outfit-content .outfit-container.with-scroll {
    border:3px dotted #c2c2c2;
    margin-left:-40px;
    width:558px;
    padding:10px 8px
}

.outfit-content .scroll-pane {
    overflow:hidden;
    height:394px
}

.outfit-content .outfit-items .outfit-item:first-child {
    border-top:0
}

.outfit-content .outfit-items.scroll-pane .outfit-item:first-child {
    padding-top:0
}

.outfit-content .size-guide {
    padding-top:24px;
    display:block;
    text-align:right
}

.outfit-content .item-info {
    text-align:center;
    margin:0 40px;
    position:relative
}

.outfit-content .item-info h1 {
    padding-top:20px
}

.outfit-content .item-info .price,.outfit-content .item-info .markdown_price {
    padding:5px 0;
    display: inline-block;
    margin-bottom:  0px;
}

.outfit-content .item-info .markdown_price {
    padding-right: 10px;
    text-decoration: line-through;
    color: #000;
}

.outfit-content .item-info .reg_price, .outfit-intro .reg_price {
    padding-right: 10px;
    color: #000;
    font-weight: 500;
    font-size: 20px;
}

.outfit-content .item-info .stylesteal_price {
    font-weight:700;
    padding: 10px 0px 0px 0px;
    display: inline-block;
}

.outfit-content .item-info .stylesteal_price_normal {
    font-weight:300;
    display: inline-block;
}

.outfit-content .item-info .stylesteal_price_regular {
    font-weight:300;
    font-size: 18px;
    font-style: italic;
    padding: 0px 0px 10px 0px;
}


.outfit-content .item-info .stylesteal_dot_whack {
    position: absolute;
    right: -90px;
    top: -20px;
}

.outfit-content .item-info .desc {
    font-size:15px;
    line-height:18px;
    margin:10px 20px 20px 20px;
}

.outfit-content .item-info .size-guide {
    right:0
}

.outfit-content .item-info .btn {
    margin-top:10px
}

.outfit-content .item-info .selects {
    display:inline-block
}

.outfit-content .item-info .details {
    text-align:left;
    margin-top:20px;
    padding:8px 16px;
    border-top:1px solid #000;
    border-bottom:1px solid #000
}

.outfit-content .item-info .details ul {
    margin:0 0 0 16px
}

.outfit-content .item-info .details ul li {
    line-height:21px
}

.outfit-content .spacer {
    margin-top: 35px;
}

.outfit-content h1 {
    line-height:1;
    color:#000;
    font-size:27px;
    letter-spacing:1px;
    font-weight:700;
}

.outfit-content h2 {
    font-size:13px;
    line-height:1;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:10px 0 4px;
    font-weight:700
}

.outfit-content .price,.outfit-content .markdown_price, .outfit-content .stylesteal_price, .outfit-content .stylesteal_price_normal {
    color:#ed197a;
    font-size:32px;
    letter-spacing:1px
}
.gender-m .outfit-content .price,
.gender-m .outfit-content .markdown_price
{
    color:#1516a2;
}

.gender-m .outfit-content .stylesteal_price,
.gender-m .outfit-content .stylesteal_price_normal
{
    color:#ff6d00;
}

.outfit-content .price del,.outfit-content .markdown_price del {
    background:url(//fabkids-us-cdn.justfab.com/media/images/strikethru.png) no-repeat center center;
    text-decoration:none;
    font-weight: bold;
    color:#000;
    padding:0 10px
}

.outfit-content .price sup,.outfit-content .markdown_price sup {
    font-size:58%
}

.outfit-content .old-price {
    background:url(//fabkids-us-cdn.justfab.com/media/images/strikethru.png) no-repeat center center;
    text-decoration:none;
    font-weight: bold;
    color:#000;
    padding:0 10px
}

.outfit-content .reg-price {
    padding:8px 0 40px;
    width:80px;
    font-size:13px;
    text-align:right
}

.outfit-content .reg-price em {
    font-family:georgia,serif;
    font-size:11px
}

.outfit-content .star-rating {
    margin: 12px 0 0 6px;
}

/* FKKI-441 Desktop Vue PDP */
body[data-layout="shop-viewproduct"] .product-detail-component.desktop [data-vue-pdp="true"] #error {
    font-size: 12px;
    line-height: 1.1;
    margin-top: 10px;
    letter-spacing: 0;
    opacity: 0;
    position: absolute;
    background: white;
    padding: 4px 8px;
    text-align: left;
    max-width: 248px;
    width: 100%;
    right: 0;
    z-index: -1;
}
body[data-layout="shop-viewproduct"] .product-detail-component.desktop [data-vue-pdp="true"] #error.expanded {
    opacity: 1;
    z-index: 4;
}

body[data-layout="shop-viewproduct"] .product-detail-component.desktop [data-vue-pdp="true"] .product-details .item #error.expanded {
    position: relative;
    margin: -16px 0 16px 0;
    width: 100%;
    max-width: unset;
}
body[data-layout="shop-viewproduct"] .product-detail-component.desktop [data-vue-pdp="true"] .product-details .component-add-container #error.expanded {
    position: unset;
}
[data-vue-pdp="true"].row .product-details {
    margin-left: auto;
}
[data-vue-pdp="true"].row .outfit {
    padding: 0;
}
[data-vue-pdp="true"].row .outfit .outfit-section {
    -webkit-box-shadow: none;
    box-shadow: none;
}
body[data-layout="shop-viewproduct"] [data-vue-pdp="true"] #sizing-update-banner {
    margin-top: 1rem;
}
body[data-layout="shop-viewproduct"] [data-vue-pdp="true"] [data-product-type="item"]#sizing-update-banner {
    max-width: 364px;
    margin-left: auto;
    margin-right: auto;
} 
[data-vue-pdp="true"].row .star-rating {
    margin: 6px 0 23px 0;
}
[data-vue-pdp="true"].row .item-image-row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
@media screen and (max-width: 64em) {
    [data-vue-pdp="true"].row .item-image-row {
        display: block;
    }
    body[data-layout="shop-viewproduct"] [data-vue-pdp="true"].row .product {
        margin-left: -4px;
    }
}
body[data-layout="shop-viewproduct"] [data-vue-pdp="true"].row .item-image-row img {
    max-width: 85px;
    max-height: unset;
    margin: unset;
    margin-right: -2rem;
    border: none;
}
[data-vue-pdp="true"] .outfit .label-alt {
    letter-spacing: 0.25px;
    font-size: 14px;
    line-height: normal;
    margin: 30px 0 40px;
    font-weight: 300;
}
body[data-layout="shop-viewproduct"] [data-vue-pdp="true"] .item,
body[data-layout="shop-viewproduct"] [data-vue-pdp="true"] .product {
    margin-bottom: 78px;
    width: 364px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
body[data-layout="shop-viewproduct"] [data-vue-pdp="true"] .product .review-info {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.31px;
    display: block;
    margin-top: unset;
    position: unset;
    margin-left: 0;
}
[data-vue-pdp="true"] .product .review-info .stars-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
[data-vue-pdp="true"] .stars-row {
    margin-left: -2px;
}
[data-vue-pdp="true"] .product .review-info div[class^="pdp-row stars-row product-"] .star-rating {
    position: relative;
    margin: 0 5px 0 0;
    left: unset;
}
[data-vue-pdp="true"] .product .review-info div[class^="pdp-row stars-row product-"] .review-count {
    position: unset;
    margin: 0;
}
[data-vue-pdp="true"] .product .review-info .stars-row .review-count {
    font-size: 12px;
    text-align: center;
    color: #609cd4;
    font-weight: normal;
    margin: 6px 0 8px 4px;
}
[data-vue-pdp="true"] .product .review-info .pdp-row.stars-row[class^="product-"] .star-rating {
    position: relative;
    margin: 0;
}
[data-vue-pdp="true"] #product-detail-accordion {
    font-size: 12px;
    width: 364px;
}
[data-vue-pdp="true"] .product .review-info .star-rating,
[data-vue-pdp="true"] #product-detail-accordion .shelves .shelf .star-rating {
    width: 85px;
}
[data-vue-pdp="true"] #product-detail-accordion .shelves .shelf .shelf-row .review-count {
    left: unset;
    margin-left: 4px;
}
[data-vue-pdp="true"] .product .review-info .star-rating .stars:before, 
[data-vue-pdp="true"] .product .review-info .star-rating .stars:after,
[data-vue-pdp="true"] #product-detail-accordion .shelves .shelf .star-rating .stars:after,
[data-vue-pdp="true"] #product-detail-accordion .shelves .shelf .star-rating .stars:before  {
    letter-spacing: unset;
}
[data-vue-pdp="true"] #size-selector .size-list-container {
    min-width: 362px;
}
/* overriding inline styles we use for mobile pdp with !important*/
[data-vue-pdp="true"] #color-selector #colors,
[data-vue-pdp="true"] #size-selector .size-list-container #sizes {
    width: 100% !important; 
    margin: 0 !important; 
}
[data-vue-pdp="true"] #size-selector .label-row,
[data-vue-pdp="true"] #color-selector .label-row,
[data-vue-pdp="true"] .product .review-info {
    padding: 0 4px;
}
[data-vue-pdp="true"] #color-selector .label-row .list-label,
[data-vue-pdp="true"] #size-selector .label-row .list-label {
    margin: 0;
    font-size: 0.8125em;
    line-height: 1.75;
    letter-spacing: 0.23px;
}
[data-vue-pdp="true"] #size-selector .label-row .list-label .lighter.size-flag {
    background: #fbe94f;
    padding: 0 5px;
}
/* overriding inline styles we use for mobile pdp with !important*/
[data-vue-pdp="true"] #color-selector #colors li,
[data-vue-pdp="true"] #color-selector #colors li.active,
[data-vue-pdp="true"] #color-selector #colors li.disabled {
    height: 40px;
    width: 40px;
    margin-top: 8px !important; 
}
/* overriding inline styles we use for mobile pdp with !important*/
[data-vue-pdp="true"] #size-selector .size-list-container #sizes li,
[data-vue-pdp="true"] #size-selector .size-list-container #sizes li.active,
[data-vue-pdp="true"] #size-selector .size-list-container #sizes li.disabled {
    height: 44px !important; 
    width: 44px !important; 
    min-width: unset !important; 
    margin: 8px 4px 4px 4px !important; 
}
body[data-gender="female"] [data-vue-pdp="true"] #size-selector .size-list-container #sizes li.active,
body[data-gender="female"] [data-vue-pdp="true"] #color-selector #colors li.active {
    border: 2px solid #eb0e82;
}
body[data-gender="male"] [data-vue-pdp="true"] #size-selector .size-list-container #sizes li.active,
body[data-gender="male"] [data-vue-pdp="true"] #color-selector #colors li.active {
    border: 2px solid #1516a2;
}
[data-vue-pdp="true"] .choice--qty {
    padding: 10px 4px;
    display: flex;
    align-items: center;
}
[data-vue-pdp="true"] .choice--qty #item_quantity {
    min-height: 34px;
}
[data-vue-pdp="true"] .choice--qty label {
    display: inline-block;
    margin: 0 4px 0 0;
    font-weight: 500;
}
[data-vue-pdp="true"] .choice--qty input[readonly] {
    background-color: #fff;
    border-color: #fff;
}
[data-vue-pdp="true"].row.outfit-content .size-guide,
[data-vue-pdp="true"].row.outfit-content .updated-size-guide {
    display: inline-block;
    margin-left: 8px;
    padding: unset;
}
[data-vue-pdp="true"] #product-detail-accordion .shelves .shelf:first-child {
    border-top: 1px solid #cacaca;
}
[data-vue-pdp="true"] #product-detail-accordion .shelves .shelf {
    margin: 0 4px;
    padding: 0;
    border-top: none;
    border-bottom: 1px solid #cacaca;
    cursor: pointer;
}
[data-vue-pdp="true"] #product-detail-accordion .shelves .shelf .shelf-row {
    padding: 0;
    height: 49px;
}
[data-vue-pdp="true"] #product-detail-accordion .shelves .shelf .shelf-row h4 {
    margin: unset;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0.23px;
}

.outfit-content .outfit-intro {
    text-align:center;
    padding-bottom:20px
}

.outfit-content .outfit-intro .price {
    font-size:32px;
    padding-top:5px;
    margin-bottom:0
}

.outfit-content .price.free {
    text-decoration:line-through;
    color:#000;
    font-style:italic;
    font-weight:normal;
    font-size:28px;
    padding-bottom:0;
}

.outfit-content .price.discount {
    color:#000;
    font-size:18px;
    padding-bottom:5px;
}

.strikethru { text-decoration:line-through; }

.lead-50-note {
    font-size:18px;
    margin-top:5px;
}

.outfit-content .outfit-intro .note {
    font-style:italic;
    font-size:14px;
    padding-bottom:10px;
    color:#666;
    letter-spacing:1px
}

.outfit-content .note.free {
    font-size:25px;
    color:#ed197a;
    text-transform:uppercase;
    font-style:normal;
}
.gender-m .outfit-content .note.free {
    color: #ff6D00 !important;
}

.outfit-content .outfit-intro .first-just {
    font-style:italic;
    text-transform:uppercase;
    color:#ed197a;
    letter-spacing:1px;
    padding-top:12px;
    font-size:14px;
    margin-bottom:0
}

.outfit-content .shipping {
    text-align:right
}

.lead-grid-become-vip{
    font-size: 10px;
    font-style: italic;
    margin-bottom: -5px;
    text-transform: none;
}

.lead-pdp-become-vip{
    font-size: 10px;
    color: #666;
    font-weight: normal;
    font-style: italic;
    text-transform: none;
}

.sale-on-sale-pdp-price{
    color: red;
}

.wardrobe-content .fk-viewport {
    height: 360px;
}

.item-info .price-container, .outfit-intro .price-container {
    margin:12px 0;
}

.upsell-content {
    background:url(//fabkids-us-cdn.justfab.com/media/images/cart/sep13/bg-girl-vest.jpg) no-repeat left bottom;
    margin: 10px 10px;
    width: 736px;
    height: 516px;
    border:5px solid #ed197a;
    text-align: center;
}

.gender-m .upsell-content {
    background:url(//fabkids-us-cdn.justfab.com/media/images/cart/sep13/bg-boy-hood.jpg) no-repeat left bottom;
    border:5px solid #1516a2;
}

.upsell-content .upsell-controls {
    float: right;
    padding: 300px 75px 0px 0px;
}


.upsell-content .selects {
    width:100%;
    padding:8px 0 4px
}

.upsell-content .selects label,.upsell-content .selects select,.upsell-content .selects span {
    display:inline-block;
    margin:0;
    width: 60px;
}

.upsell-content .selects label {
    position:relative;
    top:2px;
    color:#666;
    margin-right:6px;
    line-height:20px
}

.upsell-content .selects select {
    padding:0
}

.upsell-content .selects select,.upsell-content .selects span {
    display:inline-block;
    margin-right:20px
}

.upsell-content .selects span {
    position:relative;
    top:2px;
    line-height:20px
}

.upsell-content .upsell-add-button {
    margin-top: 20px;
}

.upsell-content .upsell-no-thanks {
    display: block;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 13px;
    letter-spacing: 2px;
    margin-top: 15px;
    font-weight: bold;
}

.upsell-product-container{
    padding-top:5px;
    padding-left:15px;
    margin-bottom:75px;
    position: relative;
    width: 925px;
}

.upsell-product-checkout{
    padding-left:0px;
    display:block;
    height:100px;
    margin-left: -15px;
    margin-bottom: -20px;
}

.upsell-product-checkout img{
    height:40px;
    width:40px;
    float:left;
    margin-top: 25px;
}

.upsell-product-bag-msg{
    display:block;
    float:left;
    margin-top:40px;
    margin-left:20px;
}

.upsell-product-checkout button{
    float:right;
    margin-top:37px;
    width:210px;
}

.upsell-product-sale-logo{
    color:#3FBBE1;
    font-size: 45px;
    height: 50px;
    font-weight:bold;
    width:940px;
    display:block;
    margin-left: -35px;
    margin-bottom: -30px;
}

.upsell-product-sale-msg{
    float:left;
    font-size: 20px;
    margin-top: -12px;
    line-height: 27px;
}

.upsell-product-header-count{
    background-color:#DFDFDF;
    padding: 3px 0px 3px 15px;
    margin-top:10px;
    position: relative;
    width: 925px;
}

.style-steal-content {
    background:url(//fabkids-us-cdn.justfab.com/media/images/cart/2014/jun1/bg-style-steal-f.jpg) no-repeat left bottom;
    width: 941px;
    height: 550px;
    text-align: center;
}

.gender-m .style-steal-content {
    background:url(//fabkids-us-cdn.justfab.com/media/images/cart/2014/jun1/bg-style-steal-m.jpg) no-repeat left bottom;
}

.style-steal-content .choice1 {
    position: absolute;
    left: 34px;
    top: 180px;
    height: 234px;
    width: 220px;
}

.style-steal-content .choice2 {
    position: absolute;
    left: 266px;
    top: 180px;
    height: 234px;
    width: 220px;
}

.style-steal-content .choice3 {
    position: absolute;
    left: 496px;
    top: 180px;
    height: 234px;
    width: 220px;
}

.style-steal-content .choice4 {
    position: absolute;
    left: 726px;
    top: 180px;
    height: 234px;
    width: 220px;
}

.style-steal-content .continue-shopping {
    position: absolute;
    left: 394px;
    top: 478px;
    height: 32px;
    width: 186px;
}

.style-steal-content .no-thanks {
    position: absolute;
    left: 386px;
    top: 514px;
    height: 26px;
    width: 210px;
}

#lead-bogo .litebox {
    padding: 0px;
}

#lead-bogo .litebox .boxed {
    padding: 0px;
}

.lead-bogo-content {
    background:url(//fabkids-us-cdn.justfab.com/media/images/promo/2014/apr1/bg_bogo_popup-v3.jpg) no-repeat left bottom;
    margin: 10px 10px;
    width: 794px;
    height: 569px;
    text-align: center;
    position: relative;
}

.lead-bogo-content .continue-shopping {
    position: absolute;
    left: 310px;
    top: 315px;
    height: 38px;
    width: 185px;
}

.lead-bogo-content .no-thanks {
    position: absolute;
    left: 315px;
    top: 360px;
    height: 13px;
    width: 175px
}

#vip-20.vip-20 .boxed {
    background-color: #ffffff;
}

.vip-20-content {
    background:url(//fabkids-us-cdn.justfab.com/media/images/promo/2014/jun1/bg_vip_20_popup.jpg) no-repeat left bottom;
    margin: 10px 10px;
    width: 753px;
    height: 538px;
    text-align: center;
    position: relative;
}

.vip-20-content .continue-shopping {
    position: absolute;
    left: 465px;
    top: 293px;
    height: 35px;
    width: 175px;
}

.vip-20-content .no-thanks {
    position: absolute;
    left: 470px;
    top: 339px;
    height: 13px;
    width: 167px;
}

.vip-bogo-content {
    background:url(//fabkids-us-cdn.justfab.com/media/images/promo/2014/may1/bg_vip_20_popup.jpg) no-repeat left bottom;
    margin: 10px 10px;
    width: 753px;
    height: 538px;
    text-align: center;
    position: relative;
}

.vip-bogo-content .continue-shopping {
    position: absolute;
    left: 474px;
    top: 276px;
    height: 34px;
    width: 175px;
}

.vip-bogo-content .no-thanks {
    position: absolute;
    left: 481px;
    top: 320px;
    height: 13px;
    width: 167px;
}

.second-outfit-content {
    background:url(//fabkids-us-cdn.justfab.com/media/images/cart/oct15/bg_add_2nd_outfit.jpg) no-repeat left bottom;
    margin: 10px 10px;
    width: 742px;
    height: 522px;
    text-align: center;
    position: relative;
}


.second-outfit-content .continue-shopping {
    position: absolute;
    left: 478px;
    top: 355px;
    height: 34px;
    width: 175px;
}

.second-outfit-content .no-thanks {
    position: absolute;
    left: 482px;
    top: 414px;
    height: 13px;
    width: 163px
}

.below-outfit {
    border-top:1px solid #000
}

.below-outfit .span5 {
    border-right:1px solid #000;
    min-height:300px;
    margin-right:-1px
}

.below-outfit blockquote {
    text-align:center;
    background:url(//fabkids-us-cdn.justfab.com/media/images/quote.png) no-repeat center 30px;
    padding:100px 0 60px
}
.gender-m .below-outfit blockquote {
    background:url(//fabkids-us-cdn.justfab.com/media/images/quote-m.png) no-repeat center 30px;
}

.below-outfit blockquote p {
    margin:0 60px;
    font-size:18px;
    line-height:26px;
    letter-spacing:1px;
    margin-bottom:20px
}

.below-outfit blockquote cite {
    font-size:14px;
    font-style:italic
}

.below-outfit h3 {
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    text-align:center;
    font-weight: bold;
    padding:5px 0 10px
}

.below-outfit .carousel-control {
    border-width:20px;
    margin-top:-20px
}

.below-outfit .carousel-control.left {
    border-width:20px
}

.below-outfit .carousel-control.left span {
    left:9px
}

.below-outfit .carousel-control.left:hover {
    border-width:20px
}

.below-outfit .carousel-control.right {
    border-width:20px
}

.below-outfit .carousel-control.right span {
    left:-22px
}

.below-outfit .carousel-control.right:hover {
    border-width:20px
}

/*.below-outfit .carousel-inner {
    width:auto;
    margin:0 40px
}*/

.below-outfit .carousel-inner a {
    text-align:center;
    display:block;
    float:left;
    width:153px
}

.below-outfit .carousel-inner img {
    width:115px;
    height:247px
}

.pdp-alternate.below-outfit {
    border: none;
}

.social-buttons {
    background:url(//fabkids-us-cdn.justfab.com/media/images/social-share.png) no-repeat;
    position:fixed;
    width:31px;
    height:110px;
    top:50%;
    left:10px;
    margin-top:-60px;
    z-index:99
}

.social-buttons a {
    display:block;
    margin-left:5px;
    width:21px;
    height:21px;
    margin-top:5px
}

.social-buttons a:first-child {
    margin-top:20px
}

.social-buttons a img {
    width:100%;
    height:100%
}

.back-to-outfits {
    font-size:12px;
    font-weight: bold;
    padding:3px 0;
    letter-spacing:1px
}

.back-to-outfits a {
    color:#000;
    position:relative
}

.back-to-outfits a:before {
    content:'';
    display:inline-block;
    position:relative;
    margin-right:5px;
    top:1px;
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid
}

.back-to-outfits a:hover {
    color:#ed197a
}

#styles_show .content {
    position:relative
}

#styles_show .promo,#styles_show .promo-menu {
    background:url(//fabkids-us-cdn.justfab.com/media/images/highlight-25.png) no-repeat center center;
    font-size:16px;
    width:246px;
    letter-spacing:1px;
    text-align:center
}

#styles_show .promo {
    position:absolute;
    top:6px;
    right:0
}

#outfits_show .promo {
    background:url(//fabkids-us-cdn.justfab.com/media/images/highlight-25.png) no-repeat center center;
    font-size:16px;
    width:246px;
    letter-spacing:1px;
    text-align:center;
    position:absolute;
    left:auto;
    right:0px;
    top:-20px
}

#products_index #child_picker dl {
    display:none !important
}

#products_index .promo {
    background:url(//fabkids-us-cdn.justfab.com/media/images/highlight-25.png) no-repeat center center;
    font-size:16px;
    width:246px;
    letter-spacing:1px;
    text-align:center;
    float:right;
    position:static;
    margin-top:15px
}

#products_index .promo-left {
    margin-top:20px
}

#products_index .preorder-message {
    font-style:italic;
    font-weight: normal;
    color: #ed197a;
}

#products_index .sale {
    font-style:italic;
    display:inline;
    font-weight:normal;
}

#products_index .sale .highlighted {
    font-weight: bold;
}
.gender-m #products_index .sale .highlighted {
    color: #ff6d00 !important;
}

.item-shipping {
    position:absolute;
    right:0px;
    padding:10px 0px
}

.memberships .content {
    padding-top:24px
}

.memberships .content h1,.memberships .content h2,.memberships .content h3 {
    font-weight: bold;
    letter-spacing:1px
}

.memberships .content h1 {
    padding-top:30px;
    font-weight:700;
    color:#000;
    text-transform:none;
    font-size:70px;
    line-height:1
}

.memberships .content h2 {
    padding:8px 0 15px;
    font-size:26px;
    line-height:1;
    border-bottom:4px double #000;
    margin-bottom:18px
}

.memberships .content h3 {
    font-style:italic;
    font-weight:normal;
    font-size:20px;
    line-height:30px
}

.memberships .content .btn {
    margin-top:40px
}

.memberships .content .outfit {
    text-align:center;
    position:relative
}

.memberships .content .too-cute {
    position:absolute;
    left:-110px;
    bottom:50px
}

.memberships .content .actions {
    width:300px
}

.memberships .content .actions .btn-block+.btn-block {
    margin-top:15px
}

.memberships .content .price {
    font-style:italic;
    font-size:16px
}

.memberships .content .offer.holiday-fur {
    margin:25px 0 10px;
    position:relative;
    left:-35px
}

.memberships .content .offer.holiday-fur img {
    float:left;
    width:284px;
    height:180px
}

.memberships .content .offer.holiday-fur .text {
    position:relative;
    left:-35px;
    top:75px
}

.memberships .content .offer.holiday-fur .text .name {
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:25px
}

.memberships .content .offer.holiday-fur .text .description {
    font-size:16px;
    color:#555
}

.cart .banner.banner--mini {
    margin-bottom: 10px;
}

.cart .banner.banner--mini img {
    max-width: 100%;
    height: auto;
}

.cart .steps .action {
    float: right;
}

.cart .steps .action .inline {
    top: -2px;
    display:inline-block;
}

.cart .breakdown .action {
    float:right;
    width:350px;
}

.cart .breakdown .action .inline {
    top: -2px;
    display:inline-block;
}

.cart .breakdown .action button.btn.btn-primary {
    vertical-align:top;
}
.cart .breakdown .action button.btn.btn-primary,
.cart .payship .primary button.btn.btn-primary,
.cart .header .action button.btn.btn-primary {
    font-size: 1rem;
    text-transform: capitalize;
    border-radius: 3px;
    height: 48px;
    min-width: 126px;
    letter-spacing: .5px;
}


.checkout-promo {
    border:1px solid #000;
    border-top:0;
    text-transform:uppercase;
    font-weight:400;
    text-align:center;
    padding:20px 5px 5px;
    letter-spacing:1px
}

.checkout-promo p {
    font-size:17px;
    line-height:1;
    margin-bottom:5px
}

.checkout-promo b {
    font-weight: bold
}

.checkout-promo .disclaimer {
    text-align:right;
    margin:0;
    font-family:georgia,serif;
    text-transform:none;
    font-size:10px;
    font-style:italic;
    letter-spacing:0;
    color:#999
}

.checkout-content {
    padding-top:20px
}

.checkout-content h2 {
    color:#ed197a;
    font-size:28px;
    text-transform:uppercase;
    font-weight: bold;
    line-height:1;
    border-bottom:1px solid #ccc;
    padding-bottom:3px
}

.checkout-content h3 {
    font-weight:700;
    font-size:14px;
    line-height:16px;
    color:#000;
    letter-spacing:1px;
    text-transform:uppercase
}

.checkout-content h3 a {
    color:#000
}

.checkout-content h3 a:hover {
    color:#ed197a
}

.checkout-content .shipping-text {
    font-style:italic;
    font-size:13px;
    color:#ed197a;
    display:inline;
    text-transform:none;
    letter-spacing:none;
    font-weight:700;
    padding-left:10px
}

.checkout-content .continue-shopping {
    float:right;
    padding-top:5px
}

.checkout-content .continue-shopping a {
    color:#999;
    font-style:italic;
    font-family:georgia,serif
}

.checkout-content .continue-shopping a:hover {
    color:#000
}

.checkout-content .module {
    border-bottom:1px solid #ccc;
    padding:10px 0 4px;
    position:relative
}

.checkout-content .summary {
    display:none
}

.checkout-content form {
    margin-bottom:0
}

.checkout-content form .error_messages {
    margin:12px 0;
    color:#ed197a;
    font-size:15px
}

.checkout-content .btn-edit {
    position:relative;
    top:-2px;
    margin-left:10px;
    color:#fff
}

.checkout-content .btn-edit:hover {
    color:#fff
}

.checkout-content select {
    width:auto
}

.checkout-content .qty {
    position:absolute;
    right:0;
    top:14px
}

.checkout-content .remove {
    position:absolute;
    bottom:0;
    right:0;
    font-style:italic;
    font-family:georgia,serif;
    font-size:12px;
    color:#999
}

.checkout-content .remove:hover {
    color:#000
}

.checkout-content .line-item-group .size {
    margin-top:14px
}

.checkout-content .line-item {
    *zoom:1
}

.checkout-content .line-item:before,.checkout-content .line-item:after {
    display:table;
    content:""
}

.checkout-content .line-item:after {
    clear:both
}

.checkout-content .line-item h3 {
    margin-top:3px
}

.checkout-content .line-item .item-photo {
    margin-right:15px;
    float:left;
    display:block;
    width:140px
}

.checkout-content .line-item .item-info {
    width:550px
}

.checkout-content .line-item .item-info h3 {
    padding-right:70px;
    padding-bottom:4px
}

.checkout-content .line-item .group-item {
    float:left;
    min-width:90px;
    padding-right:5px;
    height:220px;
    text-align:center
}

.checkout-content .line-item .group-item .photo-holder {
    width:95px;
    display:table-cell;
    height:156px;
    line-height:156px;
    position:relative;
    vertical-align:middle
}

.checkout-content .line-item .group-item .photo-holder img {
    width:85px;
    height:auto
}

.checkout-content .line-item .size span {
    color:#999;
    font-size:12px;
    padding-top:1px;
    display:inline-block
}

.checkout-content .shopping-bag .empty_bag {
    color:#ed197a;
    font-style:italic;
    font-family:georgia,serif;
    padding-top:20px
}

.checkout-content .shopping-bag .price {
    font-style:italic;
    font-family:georgia,serif;
    font-size:14px
}

.checkout-content .shopping-bag .pinky-promise {
    padding:10px 50px 4px 25px
}

.checkout-content .shopping-bag .pinky-promise h3 {
    padding-bottom:10px
}

.checkout-content .shopping-bag .pinky-promise p {
    font-style:italic
}

.checkout-content .shopping-bag .gwp-banner {
    margin-top:20px;
    display:block
}

.checkout-content .shopping-bag .ship-banner {
    margin-top:20px;
    display:block
}

.checkout-content .checkout h3 {
    padding-bottom:10px
}

.checkout-content .checkout label {
    font-size:13px;
    margin-bottom:1px
}

.checkout-content .checkout label.error {
    margin-top:-7px
}

.checkout-content .checkout .radio,.checkout-content .checkout .checkbox {
    font-style:italic;
    font-size:13px;
    margin-bottom:10px;
    font-family:georgia,serif
}

.checkout-content .checkout input[type="text"] {
    width:290px
}

.checkout-content .checkout select {
    width:300px
}

.checkout-content .checkout #payment-info img.credit_cards {
    position:absolute;
    right:0;
    top:4px
}

.checkout-content .checkout #payment-info select {
    width:auto
}

.checkout-content .checkout #cart_promo_code,.checkout-content .checkout input.zip {
    width:130px
}

.checkout-content .checkout #card_code {
    width:50px
}

.checkout-content .checkout .shipping_street2 {
    display:block
}

.checkout-content .checkout #gift-cards-promo fieldset {
    display:none
}

.checkout-content .checkout #gift-cards-promo fieldset .apply {
    vertical-align:top
}

.checkout-content .checkout #order .table {
    width:auto;
    float:right;
    min-width:180px
}

.checkout-content .checkout #order .table td {
    border:0;
    font-size:16px;
    padding-left:0;
    padding-right:0
}

.checkout-content .checkout #order .table td.value {
    padding-left:30px;
    text-align:right
}

.checkout-content .checkout #order .table .total td {
    border-top:1px solid #ccc;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1px;
    font-size:18px
}

.checkout-content .checkout #order .icon-loader {
    margin-top:-8px;
    margin-right:8px
}

.checkout-content .checkout #order .purchase {
    clear:both;
    text-align:right
}

.checkout-content .checkout #order .btn {
    margin-bottom:20px;
    width:160px
}

.checkout-content .checkout #order .outfit_credit_notice p {
    line-height:16px;
    font-size:12px;
    margin-bottom:6px
}

.checkout-content .checkout #order p {
    font-family:georgia,serif;
    font-size:10px;
    line-height:14px;
    margin-bottom:6px;
    color:#000
}

.checkout-content .checkout #order p.disclaimer {
    color:#999
}

.checkout-content .cart-errors {
    color:#ed197a;
    font-size:20px
}

.checkout-content .cart-errors p {
    margin:30px 12px
}

.checkout-content .popover-trigger {
    position:relative;
    top:-1px
}

#form_input_card_code {
    width: 90px !important;
}

#gifts_new .content {
    padding:14px 0 0;
    position:relative
}

.gifts h1,.gifts h2 {
    text-align:center
}

.gifts h1 {
    position:relative;
    color:#000;
    text-transform:lowercase;
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    font-size:46px;
    line-height:1;
    letter-spacing:3px;
    padding:20px 40px 14px 0
}

.gifts h1 img {
    position:absolute;
    top:30px;
    right:40px
}

.gifts h2 {
    line-height:22px;
    font-size:18px;
    font-weight:300;
    letter-spacing:2px;
    margin-bottom:40px;
    padding-right:40px
}

.gifts .redeem-link {
    position:absolute;
    top:8px;
    font-weight:bold;
    right:0;
    text-transform:uppercase;
    font-size:11px
}

.gifts .redeem-link .btn {
    margin-left:5px
}

.gifts .gift-photo {
    margin:50px 0 0 40px
}

.gifts #new_gift {
    position:relative
}

.gifts .members-only {
    position:absolute;
    right:-70px;
    top:-113px
}

.gifts #step1 {
    display:block
}

.gifts #step2 h3 {
    padding-bottom:10px
}

.gifts #step3 h3 {
    padding-bottom:10px
}

.gifts #step3 h3 span {
    font-size:14px
}

.gifts #step3 h3 b {
    color:#000
}

.gifts #step3 hr {
    margin:8px 0
}

.gifts #step3 img {
    width:135px;
    margin:0 0 8px 0
}

.gifts #step4 h3 {
    font-size:29px;
    line-height:1
}

.gifts #step4 h3 span {
    font-weight:300;
    letter-spacing:0;
    color:#000
}

.gifts #step4 p {
    font-size:20px;
    text-transform:uppercase;
    line-height:24px;
    border-top:1px solid #ed197a;
    border-bottom:1px solid #ed197a;
    padding:46px 0
}

.gifts #step4 .rewards {
    font-size:16px;
    line-height:24px;
    padding:5px 0
}

.gifts #step4 .actions {
    bottom:20px
}

.gifts .step {
    display:none;
    min-height:292px;
    width:77%;
    margin-bottom:30px;
    position:relative;
    border:1px solid #cfcdcd;
    padding:18px 20px 62px;
    text-align:center
}

.gifts .step h3 {
    color:#ed197a;
    font-size:22px;
    text-transform:uppercase;
    line-height:24px;
    font-weight: bold;
    letter-spacing:2px;
    padding-bottom:30px
}

.gifts .step .radio {
    position:relative;
    text-align:left;
    font-size:20px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:24px;
    margin-left:50px
}

.gifts .step .radio span {
    font-weight: bold
}

.gifts .step .radio input {
    margin-left:-28px
}

.gifts .step .radio .callout {
    position:absolute;
    top:28px;
    left:20px
}

.gifts .step input[type="text"],.gifts .step input[type="email"],.gifts .step textarea {
    width:278px;
    margin-bottom:5px;
    display:block
}

.gifts .step input.cvv {
    width:auto;
    display:inline-block
}

.gifts .step select {
    width:auto;
    margin-bottom:5px
}

.gifts .step .corner {
    width:0;
    height:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:15px solid #cfcdcd;
    position:absolute;
    *display:none
}

.gifts .step .corner.top-left {
    top:-6px;
    left:-14px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    zoom:1
}

.gifts .step .corner.top-right {
    top:-6px;
    right:-14px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    zoom:1
}

.gifts .step .corner.bot-left {
    bottom:-6px;
    left:-14px;
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    transform:rotate(-135deg);
    zoom:1
}

.gifts .step .corner.bot-right {
    bottom:-6px;
    right:-14px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg);
    zoom:1
}

.gifts .step .actions {
    bottom:10px;
    position:absolute;
    width:100%;
    left:0
}

.gifts .step .actions input {
    margin:0;
    position:relative;
    top:-1px
}

.gifts .step .actions .errors {
    margin-bottom:5px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#ed197a
}

.gifts .fineprint {
    margin:0 0 18px;
    font-size:12px;
    line-height:14px
}

.gifts #outfit_credits {
    padding:5px 0 9px 2px
}

.gifts #outfit_credits .radio {
    cursor:pointer
}

.gifts .row.active-card {
    position:relative;
    margin-left:0
}

.gifts .row.active-card .edit {
    position:absolute;
    right:0
}

.gifts .row.active-card .edit a {
    display:block;
    color:#999;
    border-bottom:1px solid
}

.gifts .row.active-card .edit a:hover {
    color:#333
}

.gifts .row.continue,.gifts .row.order {
    padding-top:9px
}

.gifts .row.continue i,.gifts .row.order i {
    margin:-1px 0 0 5px
}

.gifts #error label {
    margin:0
}

.gifts #sender-summary {
    position:relative
}

.gifts #sender-summary .credit-desc {
    display:block;
    padding-bottom:9px
}

.gifts #sender-summary .edit {
    position:absolute;
    right:0;
    top:0
}

.gifts #sender-summary .edit a {
    color:#555;
    text-decoration:underline
}

.ie8 .gifts .corner {
    display:none
}

.gifts.received,.gifts.enter-code {
    background:url("//fabkids-us-cdn.justfab.com/media/images/bg-redeem.jpg") no-repeat scroll center top transparent;
    height:565px;
    padding:0 70px 0 470px;
    text-align:center;
}

.gifts.received h1,.gifts.enter-code h1 {
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 65px 0 20px;
    text-align: center;
    text-transform: none;
}

.gifts.received h1 img,.gifts.enter-code h1 img {
    right:auto;
    top:auto;
    position:relative
}

.gifts.enter-code .input-large {
    width:65%;
    margin-bottom:18px
}

.gifts.received p {
    font-size:16px;
    line-height:20px;
    margin-bottom:10px
}

.gifts.received p b {
    font-weight: bold
}

.addToPreOrderMessage {
    margin-top: .25rem;
    padding: 0 0 5px 0;
    font-size: .75rem;
    line-height: 1;
    color: #ed197a;
    letter-spacing: 2px;
}

.litebox .waitlist-content {
    margin:0px 5px 0px 5px;
    margin-top: -17px;
    background-color:#fff;
    -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.2);
}

.litebox .waitlist{
    width: 730px;
    height: 340px;
    background: url('//fabkids-us-cdn.justfab.com/media/images/boutique/bg-waitlist.jpg') no-repeat scroll center center #ffffff;
}

.litebox .gender-m .waitlist{
    background: url('//fabkids-us-cdn.justfab.com/media/images/boutique/bg-waitlist-m.jpg') no-repeat scroll center center #ffffff;
}

.litebox .waitlist .selections{
    float: left;
    width:190px;
    height:auto;
    margin:60px 0 0 60px;
}

.litebox .waitlist .selections .waitlist_product_label{
    font-weight:bold;
}

.litebox .waitlist .selections .waitlist_product_image{
    padding-top: 0px;
}

.litebox .waitlist #notified{
    float:right;
    width:350px;
    font-size:13px;
    margin:60px 50px 0 0;
}

.litebox .waitlist #notified a{
    font-size:12px;
    font-style:italic;
    text-decoration:underline;
}

.litebox .waitlist #notified .title{
    font-size:18px;
    text-transform: uppercase;
    font-weight: bold;
}

.litebox .waitlist #notified .message{
    margin-top: 5px;
    font-size:16px;
}

.litebox .waitlist #notified .within-preorder, .litebox .waitlist #notified .within-waitlist {
    margin-top: 20px;
}

.litebox .waitlist #notified .confirm {
}

.litebox .waitlist #notified .confirm .yes {
    color:#ed197a;
    padding: 0px 5px 0px 3px;
}


.litebox .waitlist #notified .btn{
    margin-top: 20px;
}

.gender-m .litebox .waitlist #notified .btn{
    background-color: #1818a0;
}

.litebox .waitlist #notified select {
    width: 100px;
}

.litebox .waitlist #notified .option{
    float:left;
    width:100%;
    margin-top:15px;
}

.litebox .waitlist #notified .option .chkbox{
    float:left;
    width:20px;
}

.litebox .waitlist #notified .option .answer{
    float:left;
    width:380px;
}

.litebox .waitlist #notified span{
    font-size:14px;
}

.litebox .waitlist #notified .option button{
    float:right;
    margin-right:6px;
}

.waitlist {
}

.waitlist .body {
    font-size: 14px;
    padding: 20px 0px;
}

.waitlist .line1 {
    font-weight: bold;
}

.waitlist .line2 {
}

.waitlist .line3 {
    font-weight: bold;
}

.waitlist .line4 {
}

.waitlist .closet {
    font-size: 14px;
}

.waitlist h1 {
    font-size:40px;
    padding-top:6px;
    margin-bottom:10px;
    color:#000;
    text-transform:none;
}

.waitlist p {
    font-size:18px;
    line-height:24px;
    margin-bottom:30px
}

.waitlist label.error {
    display:none !important
}

.waitlist .submit {
    padding-top:9px
}

.waitlist .waitlist-thanks h1 {
    color:#ed197a;
    text-align:center
}

.waitlist .waitlist-thanks p {
    text-align:center;
    font-weight: bold;
    font-size:24px;
    line-height:1
}

.waitlist .product-label {
}

.waitlist .product-label-size {
    font-size: 11px;
    color:#666;
}

#waitlist .title {
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0px;
    text-align: center;
}

#waitlist #intro {
    text-align: center;
}

#waitlist.modal {
    width:558px;
    border:10px solid #ed197a
}

#waitlist.modal .modal-body {
    width:558px;
    height:390px;
    padding:0;
    background:url(//fabkids-us-cdn.justfab.com/media/images/modals/waitlist-bg.png) no-repeat top center #fff
}

#waitlist.modal .modal-body .text {
    width:340px;
    height:262px;
    position:relative;
    left:40px;
    top:40px;
    text-align:center
}

#waitlist.modal .modal-body .text h1 {
    font-size:24px;
    text-transform:none;
    letter-spacing:1px
}

#waitlist.modal .modal-body .text p {
    font-size:15px;
    line-height:26px;
    margin:15px 16px;
    color:#333
}

#waitlist.modal .modal-body .text form {
    text-align:center
}

#waitlist.modal .modal-body .text form input {
    display:block
}

#waitlist.modal .modal-body .text form input[type="submit"] {
    margin:20px auto
}

#waitlist.modal .modal-body .text form input.email {
    margin:30px auto 0;
    font-size:15px
}

#waitlist.modal .modal-body .text form a.cancel {
    display:block;
    color:#999;
    text-decoration:underline
}

#waitlist.modal .modal-body .text.thanks p {
    font-size:18px
}

#waitlist.modal .modal-body .text.thanks .signature {
    display:block;
    margin:40px 0
}

#waitlist.modal .modal-body p.sign-in {
    display:block;
    width:340px;
    position:absolute;
    bottom:0;
    left:40px;
    text-align:center
}

.selections .remove_item{
    position:relative;
    left: 65%;
    top: 1rem;
    z-index: 10;
    background:url('//us-cdn.justfab.com/media/images/boutique/litebox_close.png');
    width:30px;
    height:30px;
    cursor:pointer;
    opacity: .7;
}
.selections .remove_item:hover {
    opacity: 1;
}
.selections .remove_item + img {
    -webkit-transition: .2s all ease;
        -ms-transition: .2s all ease;
            transition: .2s all ease;
}
.selections .remove_item:hover + img {
    opacity: .7;
}

.selections .notification{
    position:absolute;
    background:url('//us-cdn.justfab.com/media/images/boutique/sprites_text.png');
    width:160px;
    height:30px;
    top:142px;
    cursor:pointer;
    z-index:1000;
}

.selections .autopay{background-position:0 -270px;}
.selections .emailme{background-position:0 -300px;}

#orders_thanks .footer {
    padding-top:0;
    background:none
}

body.express_enrollments .content {
    padding-bottom:0
}

.order-table h3 {
    padding-top:0
}

.order-table td {
    vertical-align:middle
}

#rewards_index .rewards-table {
    margin:10px 0 30px
}

.signin-landing {
    padding-top:20px
}

.signin-landing h1 {
    font-weight:400;
    font-size:40px;
    padding-top:60px
}

.signin-landing p {
    font-size:15px;
    padding:6px 0 10px
}

.signin-landing form {
    width:300px
}

.signin-landing form input[type="email"],.signin-landing form input[type="password"],.signin-landing form input[type="text"] {
    width:290px
}

.signin-landing form .forgot-pass {
    font-family:georgia,serif;
    font-style:italic;
    color:#666
}

.signin-landing form .forgot-pass:hover {
    color:#ed197a
}

.signin-landing form .btn {
    margin-top:12px
}

.signin-landing form label.error {
    margin:-7px 0 7px
}

.signin-landing .external-sign-in-links p {
    font-size:13px
}

.signin-landing .pull-left {
    width:100px
}

.voucher.redeem {
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-voucher-redemption.jpg) no-repeat;
    min-height:528px;
    padding-left:60px
}

.voucher.redeem h1 {
    font-size:33px;
    line-height:1;
    padding-top:60px;
    margin-bottom:8px;
    text-transform:none
}

.voucher.redeem h2,.voucher.redeem p {
    margin-bottom:20px;
    letter-spacing:1px;
    line-height:25px
}

.voucher.redeem h2 {
    font-size:18px
}

.voucher.redeem p {
    font-size:15px
}

.voucher.redeem p .highlight {
    background:url(//fabkids-us-cdn.justfab.com/media/images/highlight-to-get-started.png) no-repeat center left;
    display:inline-block;
    padding:0 12px;
    margin-left:-12px;
    margin-right:-3px
}

.voucher.redeem .input-large {
    width:370px
}

#friendsandfamily.voucher.redeem {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}

#friendsandfamily.voucher.redeem .main {
    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/christina-bg.jpg) no-repeat scroll 0 0 transparent;
    height: 461px;
    margin: 0 0 15px;
    padding: 50px 35px 0 480px;
    text-align: center;
    width: 425px;
}

/*  #free-trial-oct-catalog overrides .landing-free-trial */
#free-trial-oct-catalog form#get-set {
    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/oct13/landing/free-trial/FT_OctCatalog_landingpage_PT_02.jpg) no-repeat scroll 0 0 transparent !important;
    padding-top: 330px;
}

#free-trial-oct-catalog form#school-cool {
    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/oct13/landing/free-trial/FT_OctCatalog_landingpage_PT_05.jpg) no-repeat scroll 0 0 transparent !important;
}

#free-trial-oct-catalog form#outfits {
    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/oct13/landing/free-trial/FT_OctCatalog_landingpage_PT_06.jpg) no-repeat scroll 0 0 transparent !important;
}

#free-trial-oct-catalog form#email {
    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/oct13/landing/free-trial/FT_OctCatalog_landingpage_PT_07.jpg) no-repeat scroll 0 0 transparent !important;
}

.landing-free-trial form#get-set {
    width: 308px;
    height: 315px;
    margin: 0;
    padding: 280px 52px 0 600px;

    text-align: center;
    color: #FFF;

    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/sep15/landing/free-trial/form-youll-love-fabkids.jpg) no-repeat scroll 0 0 transparent !important;
    overflow: hidden;
}

.landing-free-trial form#get-set label {
    width: 297px;
    margin: 0 0 2px 0;

    font-size: 16px;
    font-style: italic;
}

.landing-free-trial input {
    text-align:center;
    font-size: 18px;
}

.landing-free-trial form#get-set input {
    width: 287px;
    height: 30px;

    margin-bottom: 15px;
    padding: 4px;
    border: 1px;
}

.landing-free-trial form#get-set button {
    margin-top: 20px;
}


.landing-free-trial form#school-cool {
    width: 750px;
    height: 1316px;
    margin: 0;
    padding: 69px 0 0 210px;

    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/aug13/landing/free-trial/form-school-cool-2.png) no-repeat scroll 0 0 transparent !important;
    overflow: hidden;
}

.landing-free-trial form#school-cool input {
    width: 294px;
    height: 36px;
    margin: 0 15px 0 0;
}


.landing-free-trial form#big-style-small-price {
    width: 750px;
    height: 1318px;
    margin: 0;
    padding: 69px 0 0 210px;

    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/sep15/landing/free-trial/form-big-style-small-price.png) no-repeat scroll 0 0 transparent !important;
    overflow: hidden;
}

.landing-free-trial form#big-style-small-price input {
    width: 294px;
    height: 36px;
    margin: 0 15px 0 0;
}



.landing-free-trial form#outfits {
    width: 750px;
    height: 1280px;
    margin: 0;
    padding: 69px 0 0 210px;

    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/sep15/landing/free-trial/form-outfits.jpg) no-repeat scroll 0 0 transparent !important;
    overflow: hidden;
}

.landing-free-trial form#outfits input {
    width: 294px;
    height: 36px;
    margin: 0 15px 0 0;
}


.landing-free-trial form#email {
    width: 750px;
    height: 56px;
    margin: 0;
    padding: 73px 0 0 210px;

    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/aug13/landing/free-trial/form-email-no-bottom-border.png) no-repeat scroll 0 0 transparent !important;
    overflow: hidden;
}

.landing-free-trial form#email input {
    width: 294px;
    height: 36px;
    margin: 0 15px 0 0;
}


.landing-body.lp.v1 .main {
    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/july23/FT_JF_webpage_main_03.jpg) no-repeat scroll 0 0 transparent !important;
    height:615px !important;
    padding:30px 85px 0 460px !important;
    position:relative;
    margin: 10px 0px 0px 0px !important;
}

.landing-body.lp.v1 .main label{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    font-size:10px;
    color:#7a7a7a;
    margin:0;
    display:inline-block;
}

.landing-body.lp.v1 .stamp1 {
    position:absolute;
    top:-30px;
    right:10px;
    z-index:999;
}

.landing-body.lp.v1 .stamp2 {
    position:absolute;
    bottom:30px;
    right:10px;
}

.landing-body.lp.v1 .main p{
    font-size:22px !important;
}

.landing-body.lp.v1 .pt17{
    font-size:17px !important;
    text-transform:none !important;
}

.landing-body.lp.v1 .pt32{
    font-size:32px !important;
    text-transform:none !important;
    font-weight:bold;
}

.landing-body.lp.v1 .pt75{
    font-size:75px !important;
}

.landing-body.lp.v1 .main .shipping{
    position:absolute;
    right:40px;
    bottom:40px;
    font-size:12px;
    font-style:italic;
}

.landing-body.lp.v1 .fields{
    width:300px;
    text-align:left;
    margin:0 auto;
    clear:both;
}

.landing-body.lp.v1 input{
    width:98%;
    text-align:center;
    color:#000;
    height:30px;
    font-size:15px;
}

.landing-body.lp.v1 .steps{
    float:right;
    width:700px;
    text-align:center;
    font-size:17px;
}

.landing-body.lp.v1 .step{
    float:left;
    width:33%;
}

.landing-body.lp.v1 .step h2{
    font-size:20px;
    font-weight:bold;
    line-height:24px;
    text-transform:uppercase;
    padding-bottom:10px;
    letter-spacing:2px;
}

.landing-body.lp.v1 .step .crossout{
    color:#6a6a6a;
    text-decoration:line-through;
}

.landing-body.lp.v1 .xoxo{
    float:left;
    width:900px;
    height:167px;
    padding:65px 40px 0 0;
    text-align:center;
    font-size:18px;
    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/FT_JF_webpage_main_11.png);
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:3px;
    position:relative;
}

.landing-body.lp.v1 .xoxo input{
    width:30%;
}

.landing-body.lp.v1 .closet{
    float:left;
    width:940px;
    height:908px;
    font-size:16px;
    background: url(//fabkids-us-cdn.justfab.com/media/images/brand/FT_JF_webpage_main_11.jpg) bottom left no-repeat;
    position:relative;
    font-size:24px;
    color:#fff;
    line-height:30px;
    padding-top:30px;
    margin-bottom:20px;
}

.landing-body.lp.v1 .closet div{
    position:absolute;
    width:370px;
}

.landing-body.lp.v1 .closet div span{
    width:375px;
    font-size:38px;
    line-height:42px;
}

.landing-body.lp.v1 .closet input{
    width:195px;
    font-size:12px;
    outline:none;
}

.landing-body.lp.v1 .closet .btn-primary{
    background-color:#e61772;
}

.landing-body.lp.v1 .divider{
    float:left;
    width:100%;
    height:1px;
    background:url(//fabkids-us-cdn.justfab.com/media/images/brand/lp_bg_dot.png);
    margin:20px 0;
}

.landing-body.lp.v1 .headtoe{
    float:left;
    width:100%;
    text-align:center;
    font-size:28px;
    line-height:26px;
    position:relative;
}

.landing-body.lp.v1 .headtoe .large{
    font-size:44px;
    text-transform:uppercase;
    line-height:60px;
    letter-spacing:2px;
}

.landing-body.lp.v1 .headtoe .stamp{
    position:absolute;
    top:75px;
    right:-30px;
}

.landing-body.lp.v1 .headtoe .lblue{color:#37ceee;}
.landing-body.lp.v1 .headtoe .dblue{color:#ff6500;}
.landing-body.lp.v1 .headtoe .orange{color:#fe940a;}

#friendsandfamily.voucher.redeem .main h1, #friendsandfamily.voucher.redeem .main h2 {
    color: #ED197A;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
#friendsandfamily.voucher.redeem .main h1 {
    font-size: 50px;
}
#friendsandfamily.voucher.redeem .main h2 {
    font-size: 26px;
}
#friendsandfamily.voucher.redeem .main p {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 28px;
    margin-top: 100px;
}
#friendsandfamily.voucher.redeem .main p.prompt {
    color: #ED197A;
    font-size: 18px;
    margin: 0;
}
#friendsandfamily.voucher.redeem .main .submit input {
    box-shadow: 4px 4px 0 #000000;
}

.landings #livechat-compact-container {
    display:none !important;
    visibility:hidden !important
}

.landings .content.modal-backdrop {
    min-height:2104px;
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-shop-all-fake.jpg) no-repeat top center
}

.modal-landings {
    border:5px solid #ed197a;
    width:660px;
    margin-left:-333px;
    margin-top:0;
    top:70px;
    position:absolute;
    overflow:visible
}

.modal-landings .modal-header {
    margin:0 15px;
    border-bottom:4px double #eee;
    text-align:center;
    position:relative
}

div.modal-header h4{
    font-weight: bold;
}

.modal-landings .burst {
    position:absolute;
    right:-30px;
    top:20px
}

.modal-landings .logo {
    padding:10px 0 10px
}

.modal-landings h1 {
    text-transform:none;
    font-size:28px;
    color:#000
}

.modal-landings h1 b {
    color:#ed197a
}

.modal-landings .span4 h1 {
    text-align:center;
    font-weight:500;
    font-size:24px;
    line-height:28px;
    padding-bottom:20px
}

.modal-landings .span4 h1 b {
    font-weight:500
}

.modal-landings .modal-body {
    padding:20px;
    min-height:0;
    max-height:none;
    overflow:hidden
}

.modal-landings .modal-body.no-header h2 {
    font-size:18px;
    margin:10px 10px
}

.modal-landings .modal-body.no-header .submit {
    margin-top:30px
}

.modal-landings h2 {
    color:#ed197a;
    font-weight: bold;
    font-size:24px;
    line-height:1;
    margin:5px 0;
    text-align:center
}

.modal-landings #sign-up {
    text-align:center
}

.modal-landings #sign-up input[type="text"],.modal-landings #sign-up input[type="number"],.modal-landings #sign-up input[type="password"] {
    width:290px
}

.modal-landings #sign-up .child-info {
    padding:9px 0
}

.modal-landings #sign-up input.child-name {
    width:197px;
    float:left
}

.modal-landings #sign-up input.child-age {
    width:80px;
    float:right
}

.modal-landings .current-member {
    padding-top:18px
}

.modal-landings .current-member p {
    margin:0
}

.modal-landings .step1 input.email {
    height:26px;
    font-size:15px
}

.modal-landings h2.step2 {
    line-height:22px;
    font-size:18px
}

.modal-landings h3 {
    text-align:center
}

.modal-landings h3 b {
    color:#ed197a
}

.landing-body .center-image {
    border-bottom:1px solid #000
}

.landing-body .quotes {
    margin-top:10px
}

.landing-footer {
    padding-bottom:10px
}

.landing-footer .double-lines {
    border-top:1px solid #ed197a;
    border-bottom:1px solid #ed197a;
    padding:2px 0px 1px 0px;
    margin-bottom:20px
}

.landing-footer .favorites {
    color:#ed197a;
    font-size:16px;
    padding-bottom:15px;
    text-transform:uppercase;
    letter-spacing:2px
}

.landing-footer .favorites a {
    color:#ed197a
}

.landing-footer .favorites a:hover {
    color:#555
}

.landing-footer .others {
    font-size:12px
}

#landings_show .content {
    padding-bottom:0px
}

.landing-body .sign-up-content {
    padding-top:300px;
    padding-left:130px
}

.landing-body .form .email {
    width:344px
}

.landing-body .form .name {
    width:240px
}

.landing-body .form .age {
    width:82px
}

.landing-body .form label {
    text-transform:capitalize;
    margin-bottom:5px;
    font-size:12px
}

.landing-body .form .name-age-container {
    margin-top:10px
}

.landing-body .form .name-age {
    display:table-row
}

.landing-body .form .name-panel {
    display:table-cell
}

.landing-body .form .age-panel {
    padding-left:8px
}

.landing-body .submit {
    margin-left:75px;
    margin-top:35px
}

.landing-body .submit .btn-primary {
    background-color:#1946ba;
    border:1px solid blue;
    letter-spacing:3px;
    min-width:180px
}

.landing-body .submit .btn-primary:hover {
    background:#000;
    border:1px solid #000
}

.credit_purchases .content {
    padding-bottom:0
}

.prepay-container {
    height:644px;
    background:url(//fabkids-us-cdn.justfab.com/media/images/bg-fur-holiday.jpg) no-repeat;
    position:relative;
    overflow:hidden
}

.prepay-inner {
    padding:30px 0 0 50px;
    width:374px;
    text-align:center
}

.prepay-inner .intro {
    margin-bottom:26px
}

.prepay-inner .callout {
    position:absolute;
    right:324px;
    top:78px
}

.prepay-inner .screen1 .callout {
    right:338px;
    top:84px
}

.prepay-inner .screen1 .shadow-box {
    text-align:left
}

.prepay-inner .screen2,.prepay-inner .screen3 {
    padding-top:100px
}

.prepay-inner .screen3 {
    padding-top:100px
}

.prepay-inner .screen3 .head {
    margin-top:-90px;
    margin-bottom:17px;
    display:inline-block
}

.prepay-inner h2 {
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:17px
}

.prepay-inner h3 {
    font-style:italic;
    font-weight:bold;
    font-size:18px;
    letter-spacing:1px;
    margin-bottom:30px
}

.prepay-inner p.total,.prepay-inner p.happy {
    font-size:30px;
    color:#ed197a;
    margin-bottom:30px;
    font-weight:bold;
    letter-spacing:1px
}

.prepay-inner form .error_messages {
    margin:0 0 18px;
    color:#ed197a
}

.prepay-inner form .error_messages ul {
    list-style:none;
    margin:0
}

.prepay-inner form .field_with_errors {
    display:inline
}

.prepay-inner .shadow-box {
    background:#fff;
    -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    padding:20px;
    margin-bottom:20px
}

.prepay-inner .jacket-size {
    border-top:1px solid #ccc;
    font-weight:bold;
    font-style:italic;
    font-size:18px;
    padding:14px 0 0 23px
}

.prepay-inner .jacket-size select {
    width:auto;
    margin:0 0 0 5px
}

.prepay-inner .submit .btn {
    margin:0;
    letter-spacing:2px
}

.prepay-inner .submit .btn img {
    margin-left:8px;
    position:relative;
    top:2px
}

.prepay-inner .radio {
    letter-spacing:1px;
    font-size:18px;
    padding-left:24px;
    padding-bottom:8px
}

.prepay-inner .radio input {
    margin:0 0 0 -24px
}

.prepay-inner .radio .option {
    text-transform:uppercase;
    color:#ed197a
}

.prepay-inner .radio .option-note {
    display:block;
    font-style:italic;
    font-size:15px
}

.prepay-inner .note {
    padding-top:20px;
    font-style:italic
}

@media only screen and (max-device-width:480px), only screen and (min-device-width:640px) and (max-device-width:1136px) and (-webkit-min-device-pixel-ratio:2) {
    #livechat-compact-container {
    display:none !important;
    visibility:hidden !important
}


}

.be-member {
    padding-top:30px
}

.be-member h1 {
    font-size:40px;
    line-height:2;
    padding-top:6px;
    margin-bottom:10px;
    color:#000;
    text-transform:none;
}

.be-member p {
    font-size:18px;
    line-height:24px;
    margin-bottom:30px
}

.be-member label.error {
    display:none !important
}

.be-member .submit {
    padding-top:9px
}

#be-member.modal,#jf-optin.modal {
    width:558px;
    border:10px solid #ed197a
}

#be-member.modal .modal-body,#jf-optin.modal .modal-body {
    width:558px;
    height:390px;
    padding:0
}

#be-member.modal .modal-body .text,#jf-optin.modal .modal-body .text {
    width:340px;
    height:262px;
    position:relative;
    left:30px;
    top:40px;
    text-align:center
}

#be-member.modal .modal-body .text h1,#jf-optin.modal .modal-body .text h1 {
    font-size:24px;
    text-transform:none;
    letter-spacing:1px
}

#be-member.modal .modal-body .text p,#jf-optin.modal .modal-body .text p {
    font-size:15px;
    line-height:26px;
    margin:15px 16px;
    color:#333
}

#be-member.modal .modal-body p.sign-in,#jf-optin.modal .modal-body p.sign-in {
    display:block;
    width:340px;
    position:absolute;
    bottom:0;
    left:40px;
    text-align:center
}

#be-member.modal .modal-body {
    background:url(//fabkids-us-cdn.justfab.com/media/images/modals/be-member-bg.png) no-repeat top center #fff
}

#jf-optin.modal .modal-body {
    background:url(//fabkids-us-cdn.justfab.com/media/images/modals/jf-optin-bg.jpg) no-repeat top center #fff
}

.spring-sale {
    padding-top:30px
}

.spring-sale h1 {
    font-size:40px;
    line-height:2;
    padding-top:6px;
    margin-bottom:10px;
    color:#000;
    text-transform:none;
}

.spring-sale p {
    font-size:18px;
    line-height:24px;
    margin-bottom:30px
}

.spring-sale label.error {
    display:none !important
}

.spring-sale .submit {
    padding-top:9px
}

#spring-sale.modal {
    width:558px;
    border:10px solid #ed197a
}

#spring-sale.modal .modal-body {
    width:558px;
    height:355px;
    padding:0;
    background:url(//fabkids-us-cdn.justfab.com/media/images/modals/spring-sale-bg.jpg) no-repeat top center #fff
}

#spring-sale.modal .modal-body .text {
    width:340px;
    height:262px;
    position:relative;
    top:50px;
    text-align:center
}

#spring-sale.modal .modal-body .text h3 {
    font-size:24px;
    font-weight:700;
    color:#ed197a;
    text-transform:none;
    letter-spacing:1px
}

#spring-sale.modal .modal-body .text p {
    font-size:15px;
    line-height:26px;
    margin:25px 16px;
    color:#333
}

#spring-sale.modal .modal-body p.sign-in {
    display:block;
    width:340px;
    position:absolute;
    bottom:0;
    left:40px;
    text-align:center
}

.clearfix {
    *zoom:1
}

.clearfix:before,
.clearfix:after,
.media:before,
.media:after {
    display:table;
    content:"";
    width: 0;
}

.clearfix:after,
.media:after {
    clear:both
}

.pull-right {
    float:right
}

.pull-left {
    float:left
}

.hide {
    display:none
}

.show {
    display:block
}

.ir {
    display:block;
    border:0;
    text-indent:-999em;
    overflow:hidden;
    background-color:transparent;
    background-repeat:no-repeat;
    text-align:left;
    direction:ltr;
    *line-height:0
}

.ir br {
    display:none
}

.hidden {
    display:none;
    visibility:hidden
}

.litebox {
    /* float:left; */
    padding:10px;
    text-align:left;
}
.litebox:before,
.litebox:after {
    content: "";
    display: table;
}
.litebox:after {
    clear: both;
}

.litebox .boxed {
    padding:10px;
    background-color:#fff;
    -webkit-box-shadow:1px 1px 2px 2px #ddd;
    -moz-box-shadow:1px 1px 2px 2px #ddd;
    box-shadow:1px 1px 2px 2px #ddd;
}
.litebox .boxed:before,
.litebox .boxed:after {
    content: "";
    display: table;
}
.litebox .boxed:after {
    clear: both;
}

.press .boxed{
    padding:10px 60px;
    width:700px;
    text-align:center;
}

.press .boxed .inner{
    float:left;
    width:700px;
    height:530px;
    overflow:auto;
}

a.prev.disabled, a.next.disabled{
    visibility:hidden;
}

a.prev.arrow, a.next.arrow{
    float:left;
    width:25px;
    height:50px;
    cursor:pointer;
}

a.prev.arrow{background:url('//fabkids-us-cdn.justfab.com/media/images/arrow_prev_off.png');}
a.prev.arrow:hover{background:url('//fabkids-us-cdn.justfab.com/media/images/arrow_prev_on.png');}
a.next.arrow{background:url('//fabkids-us-cdn.justfab.com/media/images/arrow_next_off.png');    }
a.next.arrow:hover{background:url('//fabkids-us-cdn.justfab.com/media/images/arrow_next_on.png');}

.carousel{
    position:relative;
    overflow:hidden;
    float:left;
    margin-bottom:20px;
}

.carousel .items{
    width:20000em;
    position:absolute;
    clear:both;
}

/*** outfits main page ***/
.outfits-index a.prev.arrow,
.outfits-index a.next.arrow{
    margin:250px 24px 0 24px;
}

.outfits-index .carousel{
    width:780px;
    height:575px;
}

.outfits-index .carousel .item{
    float:left;
    width:780px;
}

.outfits-index em.free{
    text-decoration:line-through;
    font-weight:normal;
}

.outfits-index span.free{
    font-weight:normal;
}

/*** outfits on pdp ***/
.other-outfits a.prev.arrow,
.other-outfits a.next.arrow{
    margin:90px 5px 0 5px;
}

.other-outfits .carousel{
    width:460px;
    height:275px;
}

.other-outfits .carousel .item{
    float:left;
    width:460px;
}


.popup_review .close{
    float:right;
    cursor:pointer;
    margin-bottom:10px;
    clear:both;
}

.popup_review .action{
    float:left;
    width:100%;
    text-align:center;
    padding-top:10px;
    margin-top:10px;
    border-top:solid 1px #ccc;
}

.popup_review .inner{
    /* float:left; */
    width:640px;
    padding:20px;
    background-color:#fff;
}

.popup_review .inner a{
    color:#ff0066;
    font-size:12px;
    text-transform:uppercase;
}

.popup_review .inner .strong{
    font-size:12px;
}

.popup_review .inner .title{
    padding:5px 0px;
    text-align:center;
    background-color:#ebebed;
    text-transform:uppercase;
    font-size:14px;
    margin-top: 3px;
}

.popup_review .inner .column{
    float:left;
    width:50%;
    margin-bottom: 20px;
    text-align:center;
}

.popup_review .bag .read{
    margin:0px auto;
    clear:both;
    width:70%;
}

.popup_review .inner .survey{
    float:right;
    width:40%;
    text-align:left;
    padding:4px 0px 4px 35px;
    border-left:solid 1px #ccc;
    line-height:18px;
}

.popup_review .inner table td{
    padding:6px 4px;
    text-align:right;
    font-size:12px;
    border:0 !important;
}

.popup_review .inner #all{
    float:left;
    width:630px;
    padding:15px;
    height:200px;
    overflow:auto;
    border:solid 1px #ccc;
    margin-top:20px;
    position:relative;
}

.popup_review .bag #all{
    height:330px !important;
}

.popup_review .inner .history{
    width:42%;
    padding:0px 20px;
    text-align:left;
}

.popup_review .inner .history table td,
.popup_review .returnitem table td{
    text-align:left !important;
    border:0 !important;
}

.popup_review .inner .history td{
    padding:0px 5px 10px 5px !important;
}

.popup_review .inner .history .head{
    font-weight:bold;
}

.popup_review .inner .history .item{
    float:left;
    width:100%;
    margin-bottom:10px;
}

.popup_review .inner .list{
    float:left;
    width:95px;
}

.popup_review .inner .list img{
    border:solid 1px #ccc;
    margin-top:8px;
}

.popup_review .inner .desc{
    float:left;
    width:180px;
    margin-top:5px;
}

.popup_review .inner .desc td{
    padding-bottom:4px !important;
}

.popup_review .returnitem{
    max-height:440px;
    overflow:auto;
    padding:10px 20px !important;
    width:360px !important;
}

.popup_review .returnitem .title2{
    float:left;
    width:100%;
    text-align:center;
    color:#ff0066;
    font-size:14px;
}

.popup_review .returnitem .item{
    margin:5px auto;
    width:300px;
    clear:both;
    display:table;
}

.popup_review .returnitem .disabled{
    filter:alpha(opacity=60);
    -khtml-opacity:0.6;
    -moz-opacity:0.6;
    opacity:0.6;
}

.popup_review .returnitem .item .select{
    float:left;
    margin-top:5px;
    width:22px;
}

.popup_review .returnitem .item .select input{
    padding:0px !important;
    border:0px !important;
}

.popup_review .inner .desc{
    width:180px !important;
}

.popup_review .returnitem .desc .final_sale{
	color:#ed197a;
    font-size:12px;
    font-weight:500;
    text-align:left;
    padding-bottom:5px;
}

.popup_review .returnitem .desc td{
    padding:0px 4px 4px 4px !important;
}

.popup_review .inner .details{
    margin:15px auto;
    width:610px;
    border-top:solid 2px #666;
    border-bottom:solid 1px #ccc;
    padding:15px 0px 30px 0px;
    display:table;
    clear:both;
}

.popup_review .inner .details .info{
    float:left;
    width:33%;
    font-size: .875rem;
}

.popup_review .inner .details .info span{
    color:#ff0066;
    line-height:24px;
    font-size:12px;
}

#info #edit_cancel_my_account .popup_video{
    margin-bottom:20px;
}

#info #edit_cancel_my_account .popup_video .close{
    float:right;
    cursor:pointer;
}

#button_cancel_cancel_my_account{
     margin-bottom:10px;
}

#info #edit_cancel_my_account .popup_video #perks_nonvip{
    float:left;
    width:285px;
    padding:0px;
    margin-top:80px;
    margin-left:40px;
}

#info #edit_cancel_my_account .nonvip{
    margin-bottom:20px;
}

#info #review .title {
    margin: 20px 0 0 0;
}

#info #review .item {
    display: inline-block;
    padding: 10px 20px 20px 0;
    text-align: center;
}

#info #review .item .name {
    color: black;
}

#info #review .item .review_now,
#info #review .item .see_review {
    font-weight: bold;
}

#preview .popup_review .recommend {
    margin: 20px 20px 0;
}


#message_cancel_my_account_error{
    color:#f00;
    padding-bottom:15px;
    font-size:11px;
}

#skipmonth #copy {
    float: left;
    width: 450px;
}

#skipmonth #copy h1 {
    padding-top: 30px;
    font-weight: 700;
    color: #000;
    text-transform: none;
    font-size: 70px;
    line-height: 1;
}

#skipmonth #copy h2 {
    padding: 8px 0 15px;
    font-size: 30px;
    line-height: 1;
    border-bottom: 4px double #000;
    margin-bottom: 18px;
}

#skipmonth #copy a.btn {
    margin: 30px 0;
}

#unsubscribe.remove{
    float:left;
    width:880px;
    height:389px;
    background:url('//fabkids-us-cdn.justfab.com/media/images/unsubscribe_bg_content.jpg') top left no-repeat;
    margin-top:6px;
    padding:50px 0px 0px 60px;
    color:#333;
    font-size:13px;
}

#unsubscribe.remove p{
    font-size:16px;
    text-transform:uppercase;
    margin-bottom:20px;
}

#unsubscribe.remove .result{
    font-size:18px;
    padding-top:40px;
}

#unsubscribe.remove .result span{
    font-size:13px;
}

#unsubscribe.remove .result strong{
    color:#000;
}

#unsubscribe.remove .option{
    float:left;
    width:565px;
    clear:both;
    background-color:#fff;
    padding:0px 10px 10px 10px;
    margin-bottom:6px;
}

#unsubscribe.remove .option .check{
    float:left;
    width:25px;
    margin-top:8px;
    *margin-top:5px;
}

#unsubscribe.remove .option .check input{
    border:0px !important;
    padding:0px !important;
}

#unsubscribe.remove .option .copy{
    float:left;
    width:540px;
    color:#666;
}

#unsubscribe.remove .option .copy strong{
    color:#000;
    font-size:12px;
    text-transform:uppercase;
    line-height:28px;
}

#unsubscribe.remove .confirm{
    background:none !important;
    text-align:center;
    margin-top:20px;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;outline:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #quizClose, #cboxSlideshow{cursor:pointer; font-size:0;}

#cboxPrevious, #cboxNext{
    width:25px;
    height:50px;
    position:absolute;
    top:250px;
    cursor:pointer;
}

#cboxPrevious{
    background:url('//fabkids-us-cdn.justfab.com/media/images/arrow_prev_off.png');
    left:25px;
}

#cboxPrevious:hover{
    background:url('//fabkids-us-cdn.justfab.com/media/images/arrow_prev_on.png');
}

#cboxNext{
    background:url('//fabkids-us-cdn.justfab.com/media/images/arrow_next_off.png');
    right:25px;
}

#cboxNext:hover{
    background:url('//fabkids-us-cdn.justfab.com/media/images/arrow_next_on.png');
}

#cboxOverlay{background-color:#666666;}
#cboxOverlay.loader{background-color:rgba(255,255,255,0.8);}

#colorbox button{
    margin:0;
    border:0;
    overflow:hidden;
    cursor:pointer; /* hand-shaped cursor */
    cursor:hand; /* for IE 5.x */
}

#cboxContent{}
#cboxLoadedContent{overflow:hidden;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:relative; top:-90px; right:0; left:0; display:none !important;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxLoadingGraphic{background:url('//fabkids-us-cdn.justfab.com/media/images/ajax-loader.gif') center center no-repeat;}
#cboxClose, #quizClose {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 14px;
    height: 14px;
    background: url('//fabkids-us-cdn.justfab.com/media/images/global/elements/close-x-dark@2x.png');
    background-size: 14px 14px;
    text-indent: -9999px;
    z-index: 3;
    transition: all .5s ease;
    transition-delay: .375s;
}
#cboxClose {
    opacity: 0;
}
#cboxLoadedContent ~ #cboxClose {
    opacity: 1;
}
#quizClose{
    border: 0 none;
    cursor: pointer;
    margin: 0;
    overflow: hidden;}

.invisible {
    display: none;
    visibility: hidden;
}

.invisible.expanded {
    display: block;
    visibility: visible;
}

#page.header{
    border-bottom: 2px solid #CCCCCC;
    color: #333333;
    float: left;
    font-size: 18px;
    padding: 10px 1% 5px;
    text-transform: uppercase;
    width: 98%;
    text-align: left;
}

.rma.wizard{
    border:solid 4px #ccc;
    margin:20px auto;
    width:800px;
    padding:20px;
}

.rma.wizard input,
.rma.wizard select{
    float:none;
    display:inline-block;
    margin:0;
}

.rma.wizard label{
    float:none;
    display:inline-block;
    margin-left:10px;
}

.rma.wizard #chooseSize strong,
.rma.wizard #chooseColor strong,
.rma.wizard #chooseSize span,
.rma.wizard #chooseColor span,
.rma.wizard #sizes span{
    font-size:11px;
}

.rma.wizard #copy{
    padding-top:0px;
}

.rma.wizard ul{
    list-style:none;
}

.rma.wizard ul.tabs{
    list-style:none;
    margin:0 !important;
    padding:0 20px;
}

.rma.wizard ul.tabs li{
    float:left;
    padding-bottom:10px;
}
.rma.wizard ul.tabs li div{
    color:#ff0066;
    font-size:11px;
    font-weight:bold;
    margin-top:2px;
    text-align:center;
    width:88px;
}

.rma.wizard ul.tabs li.disabled div{
    color:#999;
}

.rma.wizard ul.tabs li a.current,
.rma.wizard ul.tabs li.disabled a{
    cursor:default;
}

.rma.wizard ul.tabs li a{
    border:solid 5px #DDD;
    display:block;
    padding:4px;
    margin-right:30px;
}

.rma.wizard ul.tabs li a.current{
    border:solid 5px #ff0066;
}

.rma.wizard .pane .process{
    float:left;
    width:780px;
    padding:10px 0px 20px 20px;
}

.rma.wizard .pane .process .return_credit,
.rma.wizard .pane .process .return_refund{
    width:400px;
}

.rma.wizard .pane .process .disabled{
    filter:alpha(opacity=70);
    -khtml-opacity:0.7;
    -moz-opacity:0.7;
    opacity:0.7;
}

.rma.wizard .pane .reason{
    float:left;
    width:780px;
    padding:10px 0px 20px 20px;
}

.rma.wizard .pane .reason .note{
    color:#666;
    float:left;
}

.rma.wizard .pane .reason .chat{
    float:left;
    margin:25px 0 0 20px;
}

.rma.wizard .pane .reason input{
    margin:3px 3px 3px 20px;
}

.rma.wizard .pane .reason label{
    margin:3px 3px 3px 3px;
    line-height:20px;
}

.rma.wizard .pane .reason input.other{
    border:1px solid #CCC;
    height:18px;
    margin:0 10px;
    width:180px;
}

.rma.wizard .pane .reason #single{
    float:left;
    width:140px;
}

.rma.wizard .pane .reason #selection{
    float:left;
    width:620px;
}

.rma.wizard .shoeSize{
    float:left;
    width:28px;
    height:16px;
    text-align:center;
    padding:3px 0px;
    border:solid 1px #ddd;
    color:#000;
    margin:1px;
    line-height:15px;
    font-size:12px;
}

.rma.wizard .error-message {
    font-size:12px;
    color: #999;
}

.rma.print {
	font-size: 14px;
	padding-top: 20px;
	margin-left: 10px;
}

.rma.print .copy {
	margin-top: 10px;
}

.rma.print .howto {
	margin-top: 30px;
	margin-bottom: 10px;
}

.rma.print .guideline {
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 16px;
}

.rma.print .shouldknow {
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 16px;
}

.rma.print ul {
	margin-left: 40px;
}

.rma.print li {
	margin-bottom: 20px;
}

.rma.print .button {
	margin-top: 10px;
	margin-bottom: 20px;
}

.rma.print .list {
	margin-top: 10px;
}

.rma.print .desc {
	margin-bottom: 10px;
}

.rma.print .bullets {
	margin-left: 40px;
}

.rma.print .bullets li {
	margin-bottom: 10px;
}

.rma.print .note {
	margin-top: 50px;
}

#postreg {
    padding-top: 5px;
}

#postreg .boxes .offer {
    float: left;
    margin-right: 12px;
}

#postreg .boxes .offer img {
    display: block;
    border-top: solid 4px #ed197a;
    border-right: solid 4px #ed197a;
    border-left: solid 4px #ed197a;
}
.gender-m #postreg .boxes .offer img {
    border-top: solid 4px #1516a2;
    border-right: solid 4px #1516a2;
    border-left: solid 4px #1516a2;
}

#postreg .boxes .offer .timebar div {
    float: left;
    color: #FFF;
    font-size: 12px;
    background-color: #ed197a;
    width: 190px;
    margin-top: 10px;
    padding: 4px;
    position: relative;
    top: -10px;
    text-align: center;
    text-transform: uppercase;
}
.gender-m #postreg .boxes .offer .timebar div {
  background-color: #1516a2;
}

#postreg .boxes .offer .timebar div.remaining {
    width: 197px;
    background-color: #FFF;
    color: #000;
    margin-top: 0;
    font-size: 38px;
    font-weight: bold;
    border: solid 4px #ed197a;
    padding: 8px;
}
.gender-m #postreg .boxes .offer .timebar div.remaining {
    border: solid 4px #1516a2;
}

#postreg .timebar.timebar-compact {
    text-align: center;
    text-transform: uppercase;
    margin: 1em;
    position: relative;
}

#postreg .timebar.timebar-compact h2 {
    position: relative;
    font-weight: 700;
    line-height: 1;
    font-size: 36px;
}

#postreg .timebar.timebar-compact h3 {
    font-weight: 500;
    font-size: 16px;
    overflow: hidden;
}

#postreg .timebar.timebar-compact h3 span {
    display: inline;
    position: relative;
}

#postreg .timebar.timebar-compact h3.rule-centered span:before,
#postreg .timebar.timebar-compact h3.rule-centered span:after {
    position: absolute;
    margin: 0 1em;
    content: '';
    height: 1px;
    border-bottom: 1px solid #ccc;
    top: 48%;
    width: 500px;
}

#postreg .timebar.timebar-compact h3.rule-centered span:before {
    right: 100%;
}

#postreg .timebar.timebar-compact h3.rule-centered span:after {
    left: 100%;
}

#postreg .timebar.timebar-compact .remaining {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1.2;
    padding: 2px 6px;
    border: 1px solid #000;
    font-size: 24px;
}

#postreg .boxes .perks {
    float: left;
}

#postreg .products {
    clear: both;
	width: auto;
}

/* #postreg .products .outfits-index .sidenav {
    float: left;
    width: 200px;
    padding-top: 0;
}

#postreg .products .outfits-index .products-container {
    float: right;
    padding: 0 4px;
    width: 728px;
    border-left: 1px solid #ccc;
    border-top: 0;
} */

#postreg .products ul.nav:not(.navigationizer) {
    margin: 0;
    padding: 12px 0 0 204px;
}
#postreg .products ul.nav.nav-tabs {
    padding: 0;
}
#postreg .products ul.nav.nav-tabs > li > a {
    padding: 8px 15px;
}

.gender-m-orange,
.gender-m .color--strong {
    color:#ff6d00;
}

.gender-m-blue {
    color:#1516a2;
}

.gender-f-pink,
.gender-f .color--strong {
    color:#ed197a;
}

.back_top_cta {
    background: transparent url('//fabkids-us-cdn.justfab.com/media/images/boutique/backtotop-black.png') center center no-repeat;
    font-size: 0;
    height: 4rem;
    position: fixed;
    right: 6rem;
    top: 600px;
    transition: all .25s ease-in-out;
    visibility: hidden;
    width: 4rem;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.back_top_cta:hover {
    opacity: 0.85;
}
.back_top_cta.visible {
    opacity: 1;
    visibility: visible;
}

/* Back To Top ALTERNATE view */
.back_top_cta.back_top_cta--alternate {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    background-image: url('//fabkids-us-cdn.justfab.com/media/images/global/icons/arrow-back.svg');
    background-position-y: 0.5rem;
    border-color: #ed1183;
    border: 1px solid rgba(237, 17, 131, 0.2);
    border-radius: 50%;
    color: #ed1183;
    font-size: .875rem;
    font-weight: 500;
    height: auto;
    letter-spacing: .025em;
    line-height: 1.33;
    margin-top: 0.375em;
    opacity: 1;
    padding: .625rem .3125rem;
    text-align: center;
    text-transform: uppercase;
    width: 2.5rem;
    z-index: 10;
}
.back_top_cta.back_top_cta--alternate.visible {
    opacity: 1;
}
.back_top_cta.back_top_cta--alternate:before {
    content: '';
    display: block;
    height: 0.75rem;
    width: 0.75rem;
}
.back_top_cta.back_top_cta--alternate:hover {
    margin-top: 0;
}

@media screen and (max-width: 1020px) {
    .back_top_cta.back_top_cta--alternate {
        display: none;
    }
}


/**
 * Header Revamp - logged out
 */
.color-pink {
    color: #ED197A;
}

.container.signed-out {
    position: relative;
    padding-top: 8px;
}
.signed-out .fk-logo {
    margin-right: 40px;
    display: inline-block;
}
.nav-utility a:hover {
    text-decoration: underline;
}
.signed-out .shop-ca-picks {
    float: right;
    color: black;
    font-size: 12px;
    line-height: 13px;
}
.signed-out .shop-ca-picks:hover {
    color: #ED197A;
}
.signed-out .shop-ca-picks img {
    float: left;
    margin-right: 8px;
}
.signed-out .shop-ca-picks span {
    float: left;
    margin-top: 6px;
}
.signed-out .shop-ca-picks strong {
    display: block;
}
.signed-out .new-member-promo {
    font-size: 15px;
    letter-spacing: 0.08em;
    color: black;
    display: inline-block;
    vertical-align: text-bottom;
    margin-bottom: 12px;
}
.signed-out .new-member-promo:hover {
    color: #940C4A;
}
.signed-out .new-member-promo span {
    font-weight: bold;
}

.signed-out .nav.main-nav {
    display: table;
    width: 60%;
    font-size: 16px;
    margin-bottom: 0;
    margin: 0 auto;
}
.signed-out .nav.main-nav a {
    display: table-cell;
    text-align: center;
    color: black;
    white-space: nowrap;
    line-height: 1;
    padding: 10px 15px;
    letter-spacing: 0.08em;
    text-transform: none;
    font-size: 14px;
}
.signed-out .nav.main-nav a:hover {
    color: #ED197A;
}

.signed-out .header .main-nav.extended-nav > ul {
    width: auto;
    margin: 0 auto;
    padding: 0;
    clear: both;
}
.signed-out .nav.main-nav.main-nav.extended-nav > ul > li {
    display: table-cell;
    position: relative;
}
.signed-out .nav.main-nav.main-nav.extended-nav > ul > li > a,
.signed-out .nav.main-nav.main-nav.extended-nav > ul > li > .dropdown > a {
    display: block;
    text-transform: uppercase;
}
.signed-out .header .main-nav.extended-nav ul li .dropdown > ul {
    padding: 7px 0;
}
.signed-out .header .main-nav.extended-nav ul li .dropdown > ul .parent-item {
    margin-top: 8px;
    text-transform: uppercase;
    font-weight: bold;
}
.signed-out .header .main-nav.extended-nav ul li .dropdown > ul li:first-child .parent-item {
    margin-top: 0;
}

.signed-out #scroll-wrapper {
    margin-top: 0;
}
.signed-out #scroll-wrapper .scroll {
    margin: 0;
}

/**
 * Flexbox-based Navigation to distrubite spacing while maintaining justification
 */
.flexbox .signed-in .header .main-nav > ul,
.flexboxlegacy .signed-in .header .main-nav > ul {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flexbox .signed-in .header .main-nav > ul > li,
.flexboxlegacy .signed-in .header .main-nav > ul > li {
    display: list-item;
}

.flexbox .signed-in .header .main-nav ul li > a,
.flexboxlegacy .signed-in .header .main-nav ul li > a,
.flexbox .signed-in .header .main-nav ul li .dropdown > a,
.flexboxlegacy .signed-in .header .main-nav ul li .dropdown > a,
.flexbox .signed-in .header .main-nav ul li .dropdown > .no-link,
.flexboxlegacy .signed-in .header .main-nav ul li .dropdown > .no-link {
    padding-left: 20px;
    padding-right: 20px;
}

/**
 * Begin POSTREG-2013-03 Test
 */
#child_picker .banner {
    font-size: 11px;
    text-transform: lowercase;
    letter-spacing: 0.1em;
    padding: 0 6px;
    background-color: #FFDFEF;
    position: absolute;
    top: -20px;
    left: 0;
    cursor: pointer;
}

#child_picker.gender-m .banner {
    background-color: #DFF3FF;
}

.csstransforms #child_picker .banner {
    top: 0;
    -webkit-transform: rotate(-6deg) translate(-30%, -60%);
       -moz-transform: rotate(-6deg) translate(-30%, -60%);
            transform: rotate(-6deg) translate(-30%, -60%);
}


/**
 * PostReg D
 */
[data-view-page^="postreg"] .toplevel > .container .nav:not(.metanav) {
    display: none;
}
#postreg {
    padding-top: 0;
}

#postreg .boxes .offer-container .floating-timebar {
    font-weight: 500;
    max-width: 268px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1rem;
    background-color: #fff;
    text-transform: uppercase;
    padding: 0rem 1.5rem;
    -webkit-box-shadow: 0px 9px 17px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 9px 17px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 9px 17px -5px rgba(0,0,0,0.75);
}

#postreg .boxes .offer-container .floating-timebar span:nth-child(2){
    font-size: 2rem;
    font-weight: 700;
}

#postreg .boxes .offer {
    float: none;
    margin: 0 0 10px;
    background: #E5E5E5;
    text-align: center;
    font-size: 15px;
    padding: 10px 0 4px;
    position: relative;
}

#postreg .boxes .offer-container {
    float: none;
    margin: 0px;
    text-align: center;
    font-size: 15px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#postreg .boxes .offer-container img{
    max-width: 1152px;
    max-height: 254px;
}

#postreg .boxes p {
    font-size: 18px;
}

#postreg .boxes .offer .lead {
    font-size: 1.5em;
    margin-bottom: 10px;
    color: #ED197A;
}
.gender-m #postreg .boxes .offer .lead {
    color: #1516A2;
}
#postreg .boxes .offer h1 {
    color: #ED197A;
    font-size: 50px;
}
#postreg .boxes .offer h2 {
    color: #ED197A;
}
.gender-m #postreg .boxes .offer h1 {
    color: #1516A2;
    font-size: 50px;
}
.gender-m #postreg .boxes .offer h2 {
    color: #1516A2;
}
#postreg .boxes .offer .timebar {
    display: inline-block;
    background: white;
    border: 1px solid #D1D1D1;
    text-transform: uppercase;
    height: 4.375rem;
    font-size: 1rem;
    line-height: 1.1;
    padding: 0 2.25em;
    margin-bottom: .625em;
}
#postreg .boxes .offer .timebar .static,
#postreg .boxes .offer .timebar .remaining {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}
#postreg .boxes .offer .timebar .remaining {
    font-size: 3.75em;
    font-weight: bold;
    padding: 0 .3333em;
}
#postreg .boxes .offer .timebar.small {
    margin-bottom: 1rem;
    padding: .625rem 2rem;
    height: auto;
    border: 0;
}
#postreg .boxes .offer .timebar.small .static {
    font-size: .75rem
}
#postreg .boxes .offer .timebar.small .remaining {
    font-size: 1.5rem;
}

#postreg .boxes .offer .ft-outfit-header ~ .timebar {
    height: auto;
    font-size: .83125rem;
}

#postreg .boxes .offer .ft-outfit-header ~ p {
    font-size: 1rem;
    margin-bottom: .75rem;
}

#postreg .products .outfits-index .products-container {
    width: auto;
    border: 0;
}
#postreg .products .outfits-index .products-container td a {
    width: 233px;
}


/* FKBN-1642 Postreg Banner - all */
[data-test*=post-reg-banner-]#postreg .boxes .offer .lead {
    margin-bottom: .125em;
}
[data-test*=post-reg-banner-]#postreg .boxes .offer h1 {
    font-size: 50px;
    line-height: 1;
}
[data-test*=post-reg-banner-]#postreg .boxes .offer .timebar {
    line-height: 58px;
    height: 60px;
    padding: 0 30px;
}
[data-test*=post-reg-banner-]#postreg .boxes .offer .timebar .remaining {
    font-size: 50px;
}
[data-test*=post-reg-banner-]#postreg .boxes .offer .timebar .static {
    font-size: 14px;
}

/* FKBN-1642 Postreg Banner - Girls - B */
[data-test="post-reg-banner-go-2015-04-B"]#postreg .boxes .offer {
    background: url('//fabkids-us-cdn.justfab.com/media/images/boutique/2015/apr10/postreg-banner-girl-1.jpg') no-repeat;
    padding: 10px 0 6px 130px;
}

/* FKBN-1642 Postreg Banner - Girls - C */
[data-test="post-reg-banner-go-2015-04-C"]#postreg .boxes .offer {
    background: url('//fabkids-us-cdn.justfab.com/media/images/boutique/2015/apr10/postreg-banner-girl-2.jpg') no-repeat;
}

/* FKBN-1642 Postreg Banner - Boys - B */
[data-test="post-reg-banner-bo-2015-04-B"]#postreg .boxes .offer {
    background: url('//fabkids-us-cdn.justfab.com/media/images/boutique/2015/apr10/postreg-banner-boy-1.jpg') no-repeat;
    padding: 10px 0 6px 230px;
}

/* FKBN-1642 Postreg Banner - Boys - C */
[data-test="post-reg-banner-bo-2015-04-C"]#postreg .boxes .offer {
    background: url('//fabkids-us-cdn.justfab.com/media/images/boutique/2015/apr10/postreg-banner-boy-2.jpg') no-repeat;
    padding: 10px 200px 6px 0;
}
[data-test="post-reg-banner-bo-2015-04-C"]#postreg .boxes .offer * {
    color: #000 !important;
}

/* FKBN-1642 Postreg Banner - Girls Shoe */
[data-test="post-reg-banner-gs-2015-04-B"]#postreg .boxes .offer {
    background: url('//fabkids-us-cdn.justfab.com/media/images/boutique/2015/apr10/postreg-banner-girlshoe-1.jpg') no-repeat;
}
[data-test="post-reg-banner-gs-2015-04-B"]#postreg .boxes .offer h1 {
    font-size: 60px;
    line-height: .9;
}
[data-test="post-reg-banner-gs-2015-04-B"]#postreg .boxes .offer p.promo-conditions {
    position: absolute;
    bottom: -22px;
    right: 28.5%;
    font-size: 12px;
    line-height: 1;
}
[data-test="post-reg-banner-gs-2015-04-B"]#postreg .boxes .offer .timebar .remaining {
    font-size: 44px;
}


/**
 * PostReg Bogo mix
 */

#postreg .boxes .offer h1.bogo-mix {
    display: inline-block;
    position: relative;
    margin: 18px auto 0;
    padding: 10px;
    color: #000;
    font-size: 66px;
}
#postreg .boxes .offer h1.bogo-mix span.conjunction {
    display: inline-block;
    text-transform: none;
    font-size: 30px;
    font-style: italic;
    text-decoration: underline;
    transform: skew(0deg, -9deg) translateY(-15px);
}
#postreg .boxes .offer h1.bogo-mix sup {
    position: relative;
    font-size: 28px;
    margin-left: -6px;
    vertical-align: super;
    top: -7px;
}
#postreg .boxes .offer h1 .banner.banner--new-vip-offer {
    position: absolute;
    left: -54px;
    top: -18px;
    padding: 4px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: #fff;
    -webkit-transform: rotate(-8deg) translateY(6px);
       -moz-transform: rotate(-8deg) translateY(6px);
        -ms-transform: rotate(-8deg) translateY(6px);
            transform: rotate(-8deg) translateY(6px);
    box-shadow: -1px 1px 2px rgba(0, 0, 0, .15);
}
#postreg .boxes .offer h2.bogo-mix {
    color: #000;
    text-transform: uppercase;
}
#postreg .boxes .offer h2.new-vip-offer {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
}

/**
 * Toolbar
 */

#sort-div {
    position: relative;
}

.toolbar {
    /*display: flex;*/
    margin: 1rem 0 .875rem;
    height: 50px;
    z-index: 3;
}
.toolbar form {
    margin: 0;
    /*display: flex;*/
    justify-content: space-between;
    width: 100%;
}

.toolbar .filters-header {
    float: left;
    font-size: .6875rem;
    letter-spacing: .05em;
    padding-top: .5em;
}

/* FKBN-5678 price filter */

.toolbar .filter-options .choice.choice--price {
    display: block;
    padding-left:  10%;
    padding-right: 10%;
    overflow: visible;
}

.toolbar .filter-options .choice.choice--price div.price-range-values {
    margin-bottom: 1.5rem;
    font-size: 1.375rem;
    font-weight: bold;
    letter-spacing: .05em;
    text-align: center;
}

#price-range-slider {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.display-plus:after {
    content: "+";
}

.filter-choice-container {
    min-width: 75px;
    left: 0;
    float: left;
    position: relative;
}

.filter-choice-close-button {
    cursor: pointer;
    text-indent: -9999em;
    background: transparent url(//fabkids-us-cdn.justfab.com/media/images/global/elements/m.chkout-close.png) center center no-repeat;
    background-size: .875rem;
    width:  .875rem;
    height: .875rem;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .875;
    border-radius: 0;
}

.filter-choice-clear-button {
    cursor: pointer;
    font-size: 10px;
    padding: 0 10px 10px 10px;
    text-align: right;
}

.filter-choice-clear-button a {
    color: #000;
}


.toolbar [type="submit"] {
    float: right;
    /*flex-shrink: 1;*/
}
/*
.toolbar .choice,
.toolbar .filter-optgroup {
    vertical-align: top;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
*/
.toolbar .choice.choice--sort-by {
    /*display: block;*/
    /*flex-shrink: 1;*/
}

.toolbar .filter-header {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 7px 30px 7px 15px;
    text-transform: capitalize;
    letter-spacing: .3px;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.2;
    border: 1px solid transparent;
    box-sizing: border-box;
    z-index: 20;
}

.toolbar .filter-header span.fancy-underline:after {
    content:"";
    position:absolute;
    left:13px;
    bottom:6px;
    right:28px;
    margin:auto;
    height:4px;
}

.toolbar .filter-header.size-header span.fancy-underline:after {
    background:#9be7e3;
}

.toolbar .filter-header.color-header span.fancy-underline:after {
    background:#afafea;
}

.toolbar .filter-header.price-header span.fancy-underline:after {
    background:#f8b1cf;
}

.toolbar .filter-header:after {
    font-family: FabKidsIcon;
    font-size: 1em;
    font-weight: normal;
    position: absolute;
    right: 7px;
    top: 10px;
    content: "\f10c";
    color: #000;
}
/*
.toolbar .filter-header.expanded {
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}
*/
.toolbar .filter-header.expanded:after {
    content: "\f10d";
    font-size: 1em;
    top: 8px;
}

.toolbar .filter-optgroup-header {
    display: block;
    width: 100%;
    margin: 0 0 1em 15px;
    font-size: 12px;
}
.toolbar .filter-optgroup:first-child .filter-optgroup-header {
  margin-top: .2em;
}
.toolbar .choice label {
    display: inline-block;
    min-width: 3em;
    margin: 0 .375em .375em 0;
    padding: .875em .57em;
    text-transform: uppercase;
    text-align: center;
    font-size: .6875rem;
    line-height: 1.2;
    background: #eee;
}
.toolbar .sort-options .choice :checked + label {
    background: #e4f9f8;
    border: none;
    border-bottom: 1px solid #ebebeb;
    font-weight: 700;
}
.toolbar .sort-options .choice :checked + label:after {
    font-family: FabKidsIcon;
    content: "\f110";
    color: #67c8cb;
    position: absolute;
    right: 20px;
    font-size: 1.2em;
}

.toolbar .sort-options .choice label:nth-of-type(2n+2) {
    margin-right: -.375em;
}

.toolbar .filter-options {
    /*flex-grow: 1;*/
    position: relative;;
}

.toolbar .filter-options .choice {
    background: #fff;
    border: solid 1px #d9d9d9;
    top: 100%;
    z-index: 10;
    padding-top: 0;
    }
    .toolbar .filter-options .choice.expanded {
        padding-top: 35px;
    }

.toolbar .filter-options .choice label {
    margin: 0 0 10px 10px;
    padding: 5px 0;
    text-align: center;
    width: 55px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-weight: 400;
}

.toolbar .filter-options .choice label:hover,
.toolbar .filter-options .choice label:active {
    background: #b9eae7;
    border: 1px solid #7ad5e5;
    font-weight: bold;
}

.toolbar .filter-options .choice :checked + label {
    background: #e4f9f8;
    border: 1px solid #7ad5e5;
    font-weight: bold;
}
.toolbar input[type="checkbox"]:checked + label:before {
    font-family: FabKidsIcon;
    content: "";
}


.toolbar .filter-options .choice.choice--color label {
    background-color: #ddd;
    border: none;
    border-radius: 0px;
    height: 57px;
    margin: 0 0 30px 0;
    padding: 0;
    text-transform: capitalize;
    width: 76px;
}

.toolbar .filter-options .choice.choice--color label:before {
    background: url("//fabkids-us-cdn.justfab.com/media/images/global/filter-toolbar/m.star.png") no-repeat 0 0;
    content: "";
    display: inline-block;
    background-size: 100%;
    height: 57px;
    width: 76px;
}

.toolbar .filter-options .choice.choice--color :checked + label {
    border: none;
    font-weight: bold;
}

.toolbar .filter-options .choice.choice--color :checked + label:before {
    background: url("//fabkids-us-cdn.justfab.com/media/images/global/filter-toolbar/m.star-selected.png") no-repeat 0 0;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 57px;
    width: 76px;
}

/* white requires its own punchout background image with a border */
.toolbar .filter-options .choice.choice--color input#color_13 + label:before {
    background: url("//fabkids-us-cdn.justfab.com/media/images/global/filter-toolbar/White_KO-Border.png") no-repeat 0 0;
    content: "";
    display: inline-block;
    background-size: 100%;
    height: 57px;
    width: 76px;
}

.toolbar .filter-options .choice.choice--color input#color_13:checked + label:before  {
    background: url("//fabkids-us-cdn.justfab.com/media/images/global/filter-toolbar/White_KO-BorderSelected.png") no-repeat 0 0;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 57px;
    width: 76px;
}

/* Color fills */
.toolbar .filter-options .choice.choice--color input[data-color="black"] + label {
    background: #000;
}

.toolbar .filter-options .choice.choice--color input[data-color="blue"] + label {
    background: #1D7CD5;
}

.toolbar .filter-options .choice.choice--color input[data-color="tan"] + label {
}

.toolbar .filter-options .choice.choice--color input[data-color="gold"] + label {
    background: url("//fabkids-us-cdn.justfab.com/media/images/global/filter-toolbar/gold_152x114.jpg") no-repeat 0 0;
}

.toolbar .filter-options .choice.choice--color input[data-color="green"] + label {
    background: #B6CF3E;
}

.toolbar .filter-options .choice.choice--color input[data-color="grey"] + label {
    background: #D9D9D9;
}

.toolbar .filter-options .choice.choice--color input[data-color="multi"] + label {
    background: url("//fabkids-us-cdn.justfab.com/media/images/global/filter-toolbar/Multi-152x114.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.toolbar .filter-options .choice.choice--color input[data-color="orange"] + label {
    background: #F2673E;
}

.toolbar .filter-options .choice.choice--color input[data-color="pink"] + label {
    background: #F2B6D3;
}

.toolbar .filter-options .choice.choice--color input[data-color="purple"] + label {
    background: #A657DD;
}

.toolbar .filter-options .choice.choice--color input[data-color="red"] + label {
    background: #E40202;
}

.toolbar .filter-options .choice.choice--color input[data-color="silver"] + label {
    background: url("//fabkids-us-cdn.justfab.com/media/images/global/filter-toolbar/silver_152x114.jpg") no-repeat 0 0;
    background-size: 100% 100%;
}

.toolbar .filter-options .choice.choice--color input[data-color="white"] + label {
    background: #fff;
}

.toolbar .filter-options .choice.choice--color input[data-color="yellow"] + label {
    background: #FEEB49;
}

/* "display" form of selections that runs below main form */
.sort-selections-display-fixed-container {
    position: absolute;
    top: 35px;
    width: 100%
}

.sort-selections-display-outer{
    height: 50px;
    position: relative;
}

.sort-selections-display-inner{
    float: left;
    position: relative;
}

.sort-selections-display-clear-all {
    cursor: pointer;
    font-size: 10px;
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    position: relative;
    text-transform: capitalize;
}

.sort-selections-display-item-container{
    border: 1px solid;
    box-sizing: border-box;
    float: left;
    height: 24px;
    margin-right: 3px;
    padding: 0px 5px;
    position: relative;
}

.sort-selections-display-inner.size .sort-selections-display-item-container {
    background-color: #e4f9f8;
    border-color: #7ad5e5;
    text-transform: uppercase;
}

.sort-selections-display-inner.color .sort-selections-display-item-container {
    background-color: #f1f1ff;
    border-color: #afafea;
    text-transform: capitalize;
}

.sort-selections-display-inner.price .sort-selections-display-item-container {
    background-color: #fef4f8;
    border-color: #f8b1cf;
}

.sort-selections-display-item-label {
    float: left;
    font-size: 10px;
    position: relative;
}

.sort-selections-display-item-close-btn {
    color: #7f7f7f;
    cursor: pointer;
    float: left;
    font-size: 12px;
    padding-left: 8px;
    position: relative;
}

.gender-m .toolbar .btn-primary,
body[data-gender="male"] .toolbar .btn-primary {
    background-color: #1818a0;
    border-color: #1818a0;
    font-weight: 700;
}

.toolbar .choice--sort-by label {
    border: 0;
    background: #fff;
    padding: .75em 0;
    line-height: 1.42;
    box-sizing: border-box;
    margin: 0;
    letter-spacing: .05em;
    text-transform: none;
    text-align: left;
}

.toolbar .choice--sort-by .selectize-control {
    float: right;
    min-width: 9em;
}

.toolbar .choice--sort-by .selectize-control .selectize-dropdown {
    border: 1px solid #ddd;
    border-top: none;
    /*padding-left: 15px;*/
}

.toolbar .choice--sort-by .selectize-control .selectize-input {
    box-sizing: border-box;
    border: 1px solid transparent;
    font-size: .875rem;
    font-weight: bold;
    letter-spacing: .3px;
    line-height: 1.2;
    padding: 7px 30px 7px 15px;
    }
    .toolbar .choice--sort-by .selectize-control.single .selectize-input input {
        display: none !important;
        position: absolute;
    }

.toolbar .choice--sort-by .selectize-control .selectize-input div.item {
    border-bottom: 4px solid #FFF540;
    line-height: 0.8em;
}

.toolbar .choice--sort-by .selectize-control .selectize-input.input-active {
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

.toolbar .choice--sort-by .selectize-control.single .selectize-input:after{
    border: none;
    font-family: FabKidsIcon;
    font-size: 1em;
    font-weight: normal;
    position: absolute;
    right: 23px;
    top: 11px;
    content: "\f10c";
    color: #000;
}

.toolbar .choice--sort-by .selectize-control.single .selectize-input.input-active:after {
    border: none;
    content: "\f10d";
    font-size: 1em;
    /*top: 8px;*/
}

.toolbar .choice--sort-by .selectize-input.dropdown-active::before {
    background: #fff;
}

/* attempted fancy-underline on sort by filter - no good for now, always takes up width of div, can't access text within */
/*
.toolbar .choice--sort-by .selectize-input .item:after {
    background:#9be7e3;
    content:"";
    position:absolute;
    left:13px;
    bottom:6px;
    right:28px;
    margin:auto;
    height:4px;
}
*/

.toolbar .choice--sort-by .selectize-dropdown-content {
    padding: 0 0 5px 0;
}

.toolbar .choice--sort-by .selectize-dropdown .option {
    background: #fff;
    display: block;
    margin: 0;
    padding: 3px 0 3px 15px;
    text-align: left;
}

.toolbar .choice--sort-by .selectize-dropdown .option.selected,
.toolbar .choice--sort-by .selectize-dropdown .option.active {
    color: #000;
    font-weight: bold;
}

.toolbar .choice--sort-by .selectize-dropdown .option.active {
    background: #e4f9f8;
}

.toolbar .choice--sort-by .selectize-dropdown .option.selected {
    background: #C9F4F3;
}

.toolbar input[type="checkbox"]:not(.option-box-input),
.toolbar input[type="radio"]:not(.option-box-input) {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width: auto;
}

.choice--size {
  padding-left: 0px;
  /*overflow: hidden; FKRR-8033 */
  width: 300px;
}

.choice--color {
  padding-left: 0px;
  overflow: hidden;
  width: 400px;
}

.choice--price {
  padding-left: 0px;
  overflow: hidden;
  width: 250px;
}

.filter-clear-all {
    position: relative;
    float: left;
    padding: 13px 0 0 1.25em;
    line-height: 1;
    box-sizing: border-box;
    margin: 0;
    letter-spacing: .05em;
    font-size: .6875rem;
}

.filter-clear-all a {
    color: #000;
}

/* old selectize filter option styles; preserving for now */
/*
.toolbar .choice > * {
    display: inline-block;
    vertical-align: top;
}
.toolbar .choice label,
.toolbar label.filters-label {
    display: inline-block;
    text-transform: uppercase;
    margin: 0 6px 0 0;
    font-size: 12px;
    line-height: 30px;
}
.toolbar .choice .selectize-control {
    min-width: 8rem;
    line-height: 1;
}
.toolbar .choice--sort-by .selectize-close {
    display: none;
}
.toolbar .choice--size .selectize-control {
    min-width: 132px;
}
.toolbar .choice [data-select-clear] {
    font-size: 12px;
    line-height: 30px;
    margin-left: 2px;
}
.toolbar .choice select:empty ~ [data-select-clear] {
    display: none;
}
*/
.products-container .product-grid.content-loading {
    position: relative;
    z-index: 1;
    min-height: 270px;
}
.products-container .product-grid.content-loading:before {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9) url('//fabkids-us-cdn.justfab.com/media/images/global/elements/loading-lightning-bolt_m.gif') center 75px/60px no-repeat;
}

/* PDP UPDATE - Essentials moved to global */
.row .essentials {
    position: relative;
    margin-bottom: 1.3125em;
    padding: 1.5em 1.5em 1.5em 1em;
    min-height: 140px; /* this resolves the absolutely positioned reviews colliding with the CTA */
    background-color: #f2f0f0;
    }
    [data-show-new-sizing-notice="true"].row .essentials {
        margin-bottom: .5em;
    }
    [data-vue-pdp="true"].row .essentials {
        background-color: #fff;
        border-bottom: solid 1px #ededed;
        padding: 0;
    }
    [data-vue-pdp="true"].row [data-product-type="item"].essentials {
        min-height: auto;
    }
    [data-vue-pdp="true"].row [data-product-type="shoe"].essentials .row .pdp-row.stars-row .star-rating,
    [data-vue-pdp="true"].row [data-product-type="item"].essentials .row .pdp-row.stars-row .star-rating {
        margin-bottom: 0;
    }
    [data-vue-pdp="true"].row .component-add-btn .cart-btn,
    [data-vue-pdp="true"].row .item .cart-btn,
    [data-vue-pdp="true"].row .essentials .add-to-cart-btn .cart-btn {
        width: 100%;
        max-width: 248px;
        height: 48px;
        border-radius: 3px;
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.6px;
        color: #ffffff;
        text-transform: capitalize;
    }
    [data-vue-pdp="true"].row .component-add-btn{
        max-width: 248px;
        margin: 10px 0px 78px auto;
    }
    [data-vue-pdp="true"].row .item .add-to-cart-btn {
        max-width: unset;
        margin-bottom: 2rem;
        padding: 0 4px;
    }
    [data-vue-pdp="true"].row .item .add-to-cart-btn .cart-btn {
        margin-left: unset;
        max-width: unset;
    }
    [data-vue-pdp="true"].row .essentials .has-size-error {
        position: absolute;
        top: 0;
        right: 0;
        margin-left: auto;
        text-align: center;
        max-width: 248px;
        width: 100%;
        z-index: -1;
        visibility: hidden;
    }
    [data-vue-pdp="true"].row .component-add-container {
        position: relative;
    }
    [data-vue-pdp="true"].row .component-add-container .has-size-error {
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        z-index: -1;
        visibility: hidden;
    }
    [data-vue-pdp="true"].row .item .has-size-error {
        visibility: hidden;
        height: 0;
    }
    [data-vue-pdp="true"].row .item .has-size-error.expanded {
        height: auto;
    }
    [data-vue-pdp="true"].row .has-size-error.expanded {
        position: relative;
        z-index: 1;
        visibility: unset;
    }
    [data-vue-pdp="true"].row .has-size-error.expanded span {
        position: absolute;
        box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0.24px;
        z-index: 1;
        top: 52px;
        right: -20px;
        border: solid 2px #e6e6e6;
        width: 90%;
    }
    [data-vue-pdp="true"].row .has-size-error.expanded span.bottom {
        max-width: 237px;
        top: 3px;
        right: -20px;
        background: #fff;
        text-align: center;
    }
    [data-vue-pdp="true"].row .has-size-error.expanded span.item.bottom {
        max-width: 145px;
        right: 140px;
        text-align: center;
        padding: 15px;
    }
    [data-vue-pdp="true"].row .has-size-error.expanded span:before,
    [data-vue-pdp="true"].row .has-size-error.expanded span:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    [data-vue-pdp="true"].row .has-size-error.expanded span:before {
        border-color: transparent;
        border-bottom-color: #e6e6e6;
        border-width: 10px;
        margin-left: -69px;
    }
    [data-vue-pdp="true"].row .has-size-error.expanded span:after {
        border-color: transparent;
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -67px;
    }
    [data-vue-pdp="true"].row .add-to-cart-btn.disabled .cart-btn {
        background: #949494;
        border: 1px solid #949494;
        transition: all .25s ease;
    }

.row .essentials .rewards-points {
    color: #ed197a;
    font-size: .75rem;
    text-transform: uppercase;
}

.row .essentials .product-name {
    color: #000;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

/* CTA – outfits only position */
.row .essentials .cta {
    float: right;
    text-align: right;
    margin: 0;
    max-width: 50%;
    position: relative;
}

.row .cta .error {
    font-size: 12px;
    line-height: 1.1;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: none;
    position: absolute;
    background: white;
    border: 1px solid red;
    padding: 4px 8px;
    top: 100%;
    text-align: left;
    box-shadow: 0 0 5px rgba(0,0,0, 0.2);
    z-index: 4;
}
.row .cta .error ul {
    font-size: 13px;
    color: black;
    line-height: 1;
    text-transform: none;
    margin: 5px 0 0;
    border-top: 1px solid #EEE;
    padding-top: 5px;
}
.row .cta .error ul li {
    line-height: 1.1;
}

.row .cta .loading {
    margin: 0 auto;
}

.product-details .item-info {
    margin-left: 1em;
}

.row .essentials h1 {
    color: #000;
    font-size: 1.125em;
    line-height: 1;
}
[data-vue-pdp="true"].row .essentials h1 {
    text-transform: capitalize;
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.02em;
}

/* PRICING */
.row .essentials .price-container {
    margin: 0;
}
body[data-layout="shop-viewproduct"] [data-vue-pdp="true"].row .outfit .outfit-section {
    margin-top: 0;
}
body[data-layout="shop-viewproduct"] [data-vue-pdp="true"].row .outfit .outfit-section:last-child .item-image-row .product {
    margin-bottom: 60px;
}
[data-vue-pdp="true"].row .essentials .price-container {
    margin: 8px 0;
}
[data-vue-pdp="true"].row [data-product-type="shoe"].essentials,
[data-vue-pdp="true"].row [data-product-type="item"].essentials {
    max-width: 364px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 4px;
    border-bottom: none;
    min-height: unset;
}
[data-vue-pdp="true"].row [data-product-type="item"].essentials .price-container {
    margin: 16px 0 25px 0;
}
[data-vue-pdp="true"].row [data-product-type="outfit"].essentials .price-container,
[data-vue-pdp="true"].row [data-product-type="outfit"][data-has-reviews="true"].essentials .price-container {
    margin: 0 0 8px 0;
}
[data-vue-pdp="true"].row [data-product-type="outfit"][data-has-reviews="true"].essentials .row .star-rating {
    margin: 6px 0;
}
[data-vue-pdp="true"].row [data-product-type="item"][data-has-reviews="true"].essentials .price-container {
    margin: 8px 0 25px 0;
}
[data-vue-pdp="true"].row [data-product-type="shoe"][data-has-reviews="true"].essentials .price-container {
    margin: 8px 0 0 0;
}
[data-vue-pdp="true"].row .essentials {
    min-height: 120px;
    margin-top: 1rem;
}
.row .essentials .price-container .price {
    font-size: 1em;
    line-height: 1.5;
    color: #ED197A;
    letter-spacing: inherit;
}
.row .essentials .price-container .price--vip {
    color: #000;
    font-size: .9375rem;
    font-weight: bold;
}
.row .essentials .price-container .price--gshop + .price--vip {
    font-weight:normal;
}
.row .essentials .price-container .price--extra_sale {
    color: #000;
}
.row .essentials .price-container .price--sale {
    color: #ED197A;
}
.row .essentials .price-container .price--retail {
    color: #919090;
}
.row .essentials .price-container .price--gshop {
    font-weight: bold;
}
[data-userstatus="visitor"] .row .essentials .price.price--retail {
    text-decoration: line-through;
    font-size: .8125rem;
}
.row .essentials .price-container .price--retail .price-value {
    text-decoration: line-through;
}
.row .essentials .price-container .price--promo {
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    padding: 0.5em 0.3333em;
    margin: 0.25em 0 0 -0.3333em;
    display: inline-block;
}
.row .essentials .price-container .price--promo .price-label {
	/*padding-left: 5px;*/
	padding-right: 5px;
}
.row .essentials .price-container .price--promo .price-value {
	background: #FFF952;
	padding: 0px 5px;
}
.row .essentials .price-container .price--clearance {
    color: #000;
}
.row .essentials .review-summary {
    position: absolute;
    text-align: center;
    right: 1.5em;
    bottom:  .75em;
    line-height: 1.2;
}
.row .essentials .review-summary .star-rating {
    display: block;
}
.row .essentials .review-summary .total_reviews {
    font-size: 12px;
    color: black;
    text-decoration: underline;
}

[data-vue-pdp="true"].row .essentials .price-container .price {
    line-height: 1.57;
    letter-spacing: 0.22px;
    font-size: 14px;
    padding-top: 0;
    margin-top: 0;
}
[data-vue-pdp="true"].row .essentials .price-container .price--vip {
    line-height: normal;
}
[data-vue-pdp="true"].row .essentials .price-container .price--promo span:not(.price-value) {
    text-transform: none;
}

/**
 * Cart Updates
 */
.litebox.litebox--simple {
    background: white;
    float: none;
    padding: 0;
}
#colorbox.cart #cboxClose {
    font-size: 1rem;
    line-height: 25px;
    top: 1rem;
    right: 1rem;
    visibility: visible;
}
.cart-contents {
    min-width: 580px;
}
.cart-contents h1 {
    margin: .875rem 1.125rem;
    line-height: 1.6;
    color: black;
    font-size: .8125em;
    font-weight: 300;
    letter-spacing: 0.03em;
}
.cart-contents h1 .count {
    font-size: 0.72em;
}
.cart-contents .add_freeship {
    font-size: 1.2rem;
    font-weight: 500;
}


.cart-contents .line-item {
    padding-right: 2.5rem;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
}
.cart-contents .products {
    max-height: 226px;
    overflow-y: auto;
    padding: 0 .75rem;
    box-sizing: border-box;
    width: 100%;
    }
    .cart-contents .products.has-scroll--vertical {
      padding-right: 0rem;
    }
.cart-contents .line-item--product {
    display: table;
    width: 100%;
    padding: 0;
    border-top: 1px solid #E0E0E1;
}
.cart-contents .line-item--product:first-child {
    border: 0;
}
.cart-contents .line-item--product > * {
    padding-top: 24px;
    padding-bottom: 24px;
    display: table-cell;
    vertical-align: top;
}
.cart-contents .line-item--product > *:last-child {
    padding-right: 1.875rem;
    }
    .cart-contents .products.has-scroll--vertical .line-item--product > *:last-child {
        padding-right: 1.625rem;
    }
.cart-contents .line-item--product .thumb {
    width: 90px;
    text-align: center;
    padding: 6px 0;
}
.cart-contents .line-item--product .thumb img {
    max-height: 100px;
    width: auto;
}
.cart-contents .line-item--product .name {
    text-align: left;
    font-size: .8125em;
    font-weight: 300;
    letter-spacing: 0.03em;
}
.cart-contents .line-item--product .qty {
    display: none;
}
.cart-contents .line-item--product .price-container {
    font-size: .8125em;
    letter-spacing: .03em;
    line-height: 1.25;
    text-transform: capitalize;
}
.cart-contents .line-item--product .price-container .price--vip {
    font-weight: 500;
}
.cart-contents .line-item--product .price-container .price--retail,
.cart-contents .line-item--product .price-container .price--vip.price--grayed {
    font-weight: 300;
    color: #7f7f7f;
}
.cart-contents .line-item--product .price-container .price--vip.price--sale,
.cart-contents .line-item--product .price-container .price--vip.price--promo {
    color: #ED197A;
}
.cart-contents .line-item--product .price-container .price--grayed ~ .price.price--promo {
    color: #ED197A;
}
.cart-contents .line-item--product .price-container .promo-available {
    color: #ed197a;
    font-size: 11px;
    font-style: italic;
    font-family: Georgia, serif;
    padding-top:5px;
}
.cart-contents .line-item--subtotal,
.cart-contents .line-item--shipping {
    padding-top:    .75rem;
    padding-bottom: .75rem;
}
.cart-contents .line-item--subtotal {
    background: #ebebeb;
    line-height: 1.5rem;
    font-size: .8125rem;
    font-weight: 300;
    letter-spacing: 0.03em;
}
.cart-contents .line-item--subtotal .subtotal {
    font-weight: 500;
    padding-top: .25em;
    font-size: .8125rem;
    font-weight: 500;
    letter-spacing: 0.03em;
}
.cart-contents .line-item--subtotal .savingstotals{
    /*font-size: 1rem;*/
}
.cart-contents .line-item--subtotal .highlightsavings{
    color: #ed197a;
}

.cart-contents .line-item--subtotal .promo {
    font-size: 11px;
    color: #E31C79;
    font-size: 0.75rem;
}
.cart-contents .line-item--subtotal .savings {
    font-size: 12px;
}
.cart-contents .line-item--shipping {
    font-size: 18px;
    text-align: center;
    padding-right: 0;
    font-weight: 300;
}
.cart-contents .line-item--shipping .add-to-cart-modal--promo-message {
    font-weight: bold;
    text-align: center;
}
.cart-contents .line-item--your-saving {
    text-align: right;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: .03em;
}

.cart-contents .hightlightship{
    color: #ed197a;
    font-weight: bold;
}
.cart-contents .line-item--shipping em {
    font-style: normal;
}
.cart-contents .line-item--buttons .continue {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.58;
    letter-spacing: 0.38px;
    color: #2d2d2d;
    text-decoration: underline;
}
body[data-gender="female"] .cart-contents .line-item--buttons .continue:hover,
body[data-gender="female"] .cart-contents .line-item--buttons .continue:focus {
    color: #e31c79;
}
body[data-gender="female"] .cart-contents .line-item--shipping .free-shipping-message-strong {
    color: #ed197a;
}
body[data-gender="male"] .cart-contents .line-item--shipping .free-shipping-message-strong {
    color: #ed197a;
}
body[data-gender="male"] .cart-contents .line-item--buttons .continue:hover,
body[data-gender="male"] .cart-contents .line-item--buttons .continue:focus {
    color: #e31c79;
}
.cart-contents .line-item--shipping .extra-line {
    font-style: italic;
    font-size: 12px;
}
.cart-contents .line-item--buttons {
    text-align: right;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cart-contents .line-item--buttons .btn.btn-primary {
    width: 166px;
    border-radius: 3px;
    box-sizing: border-box;
    height: 48px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-contents .banner {
    padding-bottom: 24px;
}
.cart-contents .banner a {
    display: block;
    text-align: center;
}
.cart-contents .banner a img {
    display: block;
    margin: 0 auto;
    border-top: 1px solid black;
}
#colorbox.cart #cboxClose {
    width:  1.5625rem;
    height: 1.5625rem;
    background: transparent url('//fabkids-us-cdn.justfab.com/media/images/global/elements/close-x@2x.png');
    -webkit-background-size: 1.5625rem;
    background-size: 1.5625rem;
}

/**
 * Membership Option CSS
 */
#colorbox.cart {
    background-color: #FFF;
}

#colorbox.cart #membership_option {
    height: 730px;
    width: 830px;
    margin: 30px 30px;
    text-align: left;
    border: 4px solid #ed197a;
}

#colorbox.cart #membership_option .line_items {
    margin: 0px 20px 0px 20px;
    overflow-y: auto;
    height: 340px;
}

#colorbox.cart #membership_option .line_items table {
    margin: 0px;
    vertical-align: top;
}

#colorbox.cart #membership_option .line_items .order_summary_header td {
    padding: 0px 10px 0px 10px;
    font-size: 20px;
    letter-spacing:3px;
    height: 50px;
    border-bottom: 1px #ccc solid;
}



#colorbox.cart #membership_option .line_items .row {
    width: 100%;
}

#col.cartorbox #membership_option .line_items .row:not(:last-child) {

}

#colorbox.cart #membership_option .line_items .row td {
    padding: 20px 10px 10px 10px;
    vertical-align:top;
}

#colorbox.cart #membership_option .line_items .row .image {
    width: 100px;
}

#colorbox.cart #membership_option .line_items .row .items {
    margin: 20px;
    width: 540px;
}

#colorbox.cart #membership_option .line_items .row .item {
    float:left;
    width: 170px;
    text-align: center;
    margin-bottom: 10px;
}

#colorbox.cart #membership_option .line_items .row .prices {
    width: 100px;
}

#colorbox.cart #membership_option .options-section {
    width: 100%;
    height: 380px;
}

#colorbox.cart #membership_option .options {
    margin: 0px 20px 15px 20px;
}

#colorbox.cart #membership_option .options .program-header {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    color:#fff;
}

.header-regular{
    background-color: #9F9F9F;
}

.header-vip{
    background-color: #ed197a;
    width: 395px;
}

#colorbox.cart #membership_option .options .option {
    vertical-align: top;
    padding: 0px 0px 5px 0px;
}

#colorbox.cart #membership_option .options ul {
    list-style: none;
    padding-top:10px;
    margin:0;
}

#colorbox.cart #membership_option .options li {
    padding-left: 1em;
    text-indent: -.7em;
}

#colorbox.cart #membership_option .options li:before {
    content: "• ";
    color: #000;
}

#colorbox.cart #membership_option .options .prices {
    text-align: right;
    vertical-align:top;
}

#colorbox.cart #membership_option .options .vip  {
    border-left: 1px #9F9F9F solid;
}

#colorbox.cart #membership_option .options td.vip table {
    width: 100%;
}

#colorbox.cart #membership_option .options .vip .promo {
    color: #ed197a;
    font-size: 16px;
}

#colorbox.cart #membership_option .options .regular {
    width: 380px;
}

#colorbox.cart #membership_option .options td.regular table {
    width: 100%;
}

#colorbox.cart #membership_option .options .option td {
    padding: 5px 15px 5px 15px;
}

#colorbox.cart #membership_option .options .option p {
    font-size: 16px;
    margin-bottom: -10px;
}

#colorbox.cart #membership_option .options .checkout {
    text-align: right;
}

#colorbox.cart #membership_option .options .checkout .btn {
    font-size: 17px;
}

#colorbox.cart #membership_option .options .checkout .regular .btn {
    border-color: #9F9F9F;
    background-color: #9F9F9F;
    color: white;
    margin-right: 15px;
}

#colorbox.cart #membership_option .options .checkout .regular .btn:hover {
    background-color: black;
    border-color: black;
}

#summary-terms {
    text-decoration: underline;
    float: right;
    cursor: pointer;
    font-size: .75rem;
}

#summary-terms:hover{
    text-decoration: underline;
}

.regular-outfit{
    margin-top: 25px;
}

.vip-outfit{
    font-weight: bold;
    font-size: 18px;
    margin-top: 5px;
    margin-left: 5px;
    width: 200px;
}

.free-shipping-msg{
    margin-left: 315px;
    margin-top: 5px;
}

/**
 * Membership Option
 */
.membership-option--alternate {}
.membership-option--alternate .options-section {
    position: relative;
    margin: 20px;
    font-size: 14px;
}
.membership-option--alternate .options-section > * {
    vertical-align: top;
}
.membership-option--alternate .options-section [class*="--retail"],
.membership-option--alternate .options-section [class*="--vip"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0 20px;

    font-size: 0.8125em;
    letter-spacing: 0.026em;
    font-weight: 300;
    color: #2d2d2d;
}
.membership-option--alternate .options-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 1px;
    background: #acaca9;
}
.membership-option--alternate .options-section .heading {
    padding: 0 20px;
}
body[data-gender="female"] .membership-option--alternate .options-section .heading--vip,
body[data-gender="female"] .membership-option--alternate .options-section .btn-primary {
    background-color: #e31c79;
}
body[data-gender="male"] .membership-option--alternate .options-section .heading--vip,
body[data-gender="male"] .membership-option--alternate .options-section .btn-primary {
    background-color: #1818a0;
}
.membership-option--alternate .options-section .heading--retail {
    background-color: #949494;
}
body[data-gender="female"] .membership-option--alternate .options-section .btn-primary:hover,
body[data-gender="female"] .membership-option--alternate .options-section .btn-primary:focus{
    background-color: #cc196d;
}
body[data-gender="male"] .membership-option--alternate .options-section .btn-primary:hover,
body[data-gender="male"] .membership-option--alternate .options-section .btn-primary:focus{
    background-color: #15158a;
}
.membership-option--alternate .options-section .heading > * {
    letter-spacing: 0.06em;
    font-size: 1em;
    line-height: 2em;
    font-weight: 500;
    color: #fff;
}
.membership-option--alternate .options-section .heading h1 {
    float: left;
    margin: 0;
    text-transform: capitalize;
}
.membership-option--alternate .options-section .heading .price {
    text-align: right;
}
.membership-option--alternate .options-section .promos,
.membership-option--alternate .options-section .details,
.membership-option--alternate .options-section .cta {
    margin-top: 1rem;
}
.membership-option--alternate .options-section .promo ul,
.membership-option--alternate .options-section .promo ul li {
    margin: 0;
    padding: 0;
    list-style: none outside none;
}
.membership-option--alternate .options-section .details ul li {
    line-height: 1.1;
    margin-top: 0.5em;
}
.membership-option--alternate .options-section .details ul li:first-child {
    margin-top: 0;
}
.membership-option--alternate .options-section .promo {
    font-size: 1.142857143em;
    font-weight: bold;
}
.membership-option--alternate .options-section .cta {
    text-align: right;
}
.membership-option--alternate .options-section .cta .btn {
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 3px;
    height: 32px;
    min-width: 126px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 126px;
    margin-left: auto;
}
.membership-option--alternate .options-section .cta .btn.btn-gray {
    background-color: #949494;
}
.membership-option--alternate .options-section .cta i {
    font-style: normal;
}

#colorbox.cart #membership_option.membership-option--alternate {
    width: auto;
    margin: 0;
    border: none;
    height: auto;
}
#colorbox.cart #membership_option.membership-option--alternate .options-section {
    width: auto;
    height: auto;
}

.cart-contents .line-item--disclosure {
    padding-right: 0;
}
.cart-contents.type--inline-disclosure .line-item--product .price-container {
    font-size: .875rem;
}
.cart-contents.type--inline-disclosure .line-item--product .price-container .price--vip {
    font-weight: normal;
}
.cart-contents.type--inline-disclosure .line-item--product .price-container .price--retail .value {
    text-decoration: line-through;
}
.cart-contents.type--inline-disclosure .line-item--subtotal .promo {
    font-family: inherit;
    font-style: normal;
}
.cart-contents.type--inline-disclosure .line-item--subtotal .promo,
.cart-contents.type--inline-disclosure .line-item--subtotal .savings {
    font-size: .875rem;
    line-height: 1.4;
}

/*
 * Our Story
 */

.angled-highlight {
    display: inline-block;
    background: #fff8a0;
    color: #ed197a;
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1;
    padding: 0.333em 0.5em;
}
.csstransforms .angled-highlight {
    background: none;
    position: relative;
    z-index: 2;
}
.csstransforms .angled-highlight:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transform: rotate(-1deg);
    background: #fff8a0;
}

.statics .about-us.about-us--alternate {
    text-align: center;
    font-size: 16px;
}
.statics .about-us.about-us--alternate div {
    display: block;
}
.statics .about-us.about-us--alternate img {
    max-width: 100%;
    height: auto;
}
.statics .about-us.about-us--alternate .btn {
    font-size: 1.5em;
    width: 75%;
    text-transform: capitalize;
    padding: 0.5em 0;
}
.statics .about-us.about-us--alternate .btn:after {
    font-size: 0.75em;
    margin-left: 0.5em;
    content: "▶";
}
.statics .about-us.about-us--alternate .lead {
    font-size: 1.5em;
    line-height: 1.583333333;
    padding: 1.5em;
    margin: 0;
}
.statics .about-us.about-us--alternate .masthead {
    margin-bottom: 3em;
}
.statics .about-us.about-us--alternate .section {
    padding: 0;
}
.statics .about-us.about-us--alternate .section--press {
    margin-bottom: -2em;
}
.statics .about-us.about-us--alternate .section--products .cta {
    margin-top: 20px;
}
.statics .about-us.about-us--alternate .section h1 {
    margin-bottom: 1.5em;
}
.statics .about-us.about-us--alternate .items {
    margin-left: -2.0833333%;
}
.statics .about-us.about-us--alternate .items .item {
    box-sizing: border-box;
    float: left;
    width: 31.25%;
    margin: 0 0 2.0833333% 2.0833333%;
}
.statics .about-us.about-us--alternate .items .item--press {
    min-height: 225px;
    margin-bottom: 2em;
}
.statics .about-us.about-us--alternate .items .item--press .press-logo {
    height: 4em;
    margin-bottom: 20px;
}
.statics .about-us.about-us--alternate .items .item--press .press-logo img {
    width: auto;
    max-height: 100%;
    max-width: 60%;
    vertical-align: bottom;
}
.statics .about-us.about-us--alternate .items .item--press .press-quote {
    line-height: 1.3;
    padding: 0 1em;
}

 @media screen and (max-width: 767px) {
    .hidden--mobile {
        display: none !important;
    }
    .statics .about-us.about-us--alternate {
        font-size: 14px;
    }
    .statics .about-us.about-us--alternate .items .item {
        width: 47.916666667%;
    }
}
 @media screen and (min-width: 768px) {
    .hidden--desktop {
        display: none !important;

    }
}
/**
 * Media Object OOCSS
 */
.media {}
.media .media__image {
    float: left;
    margin-right: 20px;
}
.media .media__body {
    overflow: hidden;
}

.wardrobe-item .media__image {
    width: 120px;
}

/**
 * Chat Window
 */
.gmschat {
    min-width: 550px;
    margin: 0 auto;
}
.gmschat .top-bar {
    color: white;
    background: #545454;
    padding: 0 1.25em;
    font-size: 16px;
    line-height: 2;
}
.gmschat form {
    font-size: 13px;
    padding: 1.5em;
    margin: 0;
}
/*
.gmschat .chat-heading {
    color: white;
    background: #333;
    padding: 2em;
}
*/
.gmschat .chat-heading legend {
    display: block;
    font-weight: normal;
    font-size: 1.857142857em;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.gmschat .chat-heading h1 {
    font-size: 36px;
}
.gmschat .chat-heading .lead {
    margin-bottom: 0;
    line-height: 1.1;
}
.gmschat .error-container {
    padding: 1.5em;
    background: #FFF7F7;
    color: red;
    font-size: 0.9em;
}
.gmschat .error-container .lead {
    margin: 0 0 0.5em;
    font-weight: bold;
}
.gmschat .error-container .error-list {
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 0;
}
.gmschat .error-container .error-item a:hover {
    text-decoration: underline;
}
.gmschat fieldset {
    border: none;
    margin: 0;
    padding: 1.5em 0;
    text-align: left;
}
.gmschat .form-group {
    margin-top: 1.5em;
}
.gmschat .form-group span {
    color: #CCCCCC;
    display: inline-block;
    margin-left: .5rem;
}
.gmschat .form-group:first-child {
}
.gmschat label {
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.5em;
}
.gmschat .error label {
    color: red;
}
.gmschat label[data-required]:after {
    content: "*";
}
.gmschat [type="text"],
.gmschat textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 1em;
    padding: 0.6em;
    border: 1px solid #CCCCCC;
    width: 100%;
    height: auto;
    font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
}
.gmschat [type="text"]:focus,
.gmschat [type="text"]:active,
.gmschat textarea:focus,
.gmschat textarea:active {
    border-color: #999;
}
.gmschat .error [type="text"],
.gmschat .error textarea {
    border-color: red;
}
.gmschat .error [type="text"]:focus,
.gmschat .error [type="text"]:active,
.gmschat .error textarea:focus,
.gmschat .error textarea:active {
    box-shadow: inset 0 1px 2px rgba(0,0,0, 0.2), 0 0 5px rgba(255, 0, 0, 0.25);
}
.gmschat .button {
    font-size: 1em;
    background-image: none;
    padding: 0 2em;
    line-height: 3;
}
.gmschat .button:hover {
    background-color: #de2e2e;
}

/** FAUX CHECKBOX **/
.gmschat [type="checkbox"] {
    opacity: 0.01;
    position: absolute;
}
.gmschat [type="checkbox"] + label {
    display: inline;
    padding-left: 2em;
    position: relative;
    cursor: pointer;
}
.gmschat [type="checkbox"] + label:before,
.gmschat [type="checkbox"] + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
}
.gmschat [type="checkbox"] + label:before {
    border: 1px solid #CCCCCC;
    background: white;
    width: 16px;
    height: 16px;
    border-radius: 3px;
}
.gmschat [type="checkbox"] + label:after {
    display: none;
    width: 10px;
    height: 10px;
    margin: 4px;
    background: #f9423a;
    border-radius: 1px;
}
.gmschat [type="checkbox"]:checked + label:after {
    display: block;
}

/* outfit swap images */
.swatches img.swatchSelected {
    border-color: #bfbfbf;
}

.hoverCursor{
    cursor:pointer;
}

.swatchImage{
    /*border:solid 1px #fff;*/
    /*padding:2px;*/
}

.swatches img {
    width: 18px;
    height: 18px;
    padding: 2px;
    border: 1px solid transparent;
}

.wysiwyg-color-black {
  color: black;
}

.wysiwyg-color-silver {
  color: silver;
}

.wysiwyg-color-gray {
  color: gray;
}

.wysiwyg-color-white {
  color: white;
}

.wysiwyg-color-maroon {
  color: maroon;
}

.wysiwyg-color-red {
  color: red;
}

.wysiwyg-color-purple {
  color: purple;
}

.wysiwyg-color-fuchsia {
  color: fuchsia;
}

.wysiwyg-color-green {
  color: green;
}

.wysiwyg-color-lime {
  color: lime;
}

.wysiwyg-color-olive {
  color: olive;
}

.wysiwyg-color-yellow {
  color: yellow;
}

.wysiwyg-color-navy {
  color: navy;
}

.wysiwyg-color-blue {
  color: blue;
}

.wysiwyg-color-teal {
  color: teal;
}

.wysiwyg-color-aqua {
  color: aqua;
}

.wysiwyg-color-orange {
  color: orange;
}

.hp-box{
    width:943px;
    position:relative;
    margin:0 auto;
}

.hp-box .balloon{
    position:absolute;
    top:470px;
    right:-35px;
}


.scroll{
    position:relative;
    overflow:hidden;
    float:left;
}

.scroll .items{
    width:20000em;
    position:absolute;
    clear:both;
}


/**
 * Lookbook
 */
.lookbook {
    /*float: left;*/
    /*width: 100%;*/
    background-color: #f1f1f1;
    text-align: center;
    position: relative;
}

.lookbook .scroll {
    width: 713px;
    height: 494px;
    margin: 0 auto;
    float: none;
}

.lookbook .slide {
    float:left;
    width: 713px;
    height: 494px;
    position: relative;
}

.lookbook .slide img.tts {
    position: absolute;
}

.lookbook .navi {
    display: inline-block;
    margin: 0 auto;
}

.lookbook .navi a {
    float: left;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: relative;
    z-index: 100;
    margin: 0 4px;
    border: 1px solid #999;
    border-radius: 20px;
}

.lookbook .navi a.active {
    background-color: #ED197A;
    border-color: #ED197A;
    opacity: 1;
    filter: alpha(opacity=100);
}

.lookbook .activity {
    width: 90%;
    min-height: 210px;
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 auto;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    padding-top: 60px;
}

.lookbook .activity p {
    margin: 0;
    text-align: left;
    padding-left: 156px;
    width: 360px;
}

.lookbook .activity.clearance, .lookbook .fit-finds, .activity.special-offers {
    text-align: center;
    color: #333;
    font-size: 23px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    padding-left: 0px;
    padding-right: 0px;
}
.lookbook .activity h1 {
    font-family: "Arapey", serif;
    font-style: italic;
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 10px;
    letter-spacing: 0.06em;
    line-height: 1;
    display: inline;
    border: 1px solid;
    padding: 6px;
}

.lookbook .activity small {
    margin-top: 14px;
    display: block;
    text-transform: none;
    font-size: 16px;
}
.lookbook .activity .footnote {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    text-transform: none;
}
.lookbook .activity .footnote a {
    text-decoration: underline;
}
.lookbook .activity strong{
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 24px;
}

[id="lookbook-content"] {
    position: absolute;
    visibility: hidden;
}

[id="colorbox"] [id="lookbook-content"] {
    position: static;
    visibility: visible;
}


.lookbook.litebox {
    background: #fff;
}

.lookbook.litebox .fk-direction-nav {
    top: 40%;
}

.lookbook.litebox .inner{
    padding: 16px;
    max-width:none;
}

.litebox #banner {
    float: left;
    width: 713px;
    position: relative;
    padding-bottom: 10px;
}

.litebox .social {
    float:left;
    width:275px;
    margin-bottom:10px;
}

.litebox .social div {
    float: left;
    height: 20px;
    overflow: hidden;
    padding: 10px;
    border-right:solid 1px #e5e5e5;
}

.litebox .social .twitter { width:80px;border-left:solid 1px #e5e5e5; }
.litebox .social .facebook { width:80px; }
.litebox .social .pinit { width:45px; }


/**
 * scroll direction nav
 */
.litebox .fk-direction-nav,
.litebox .fk-direction-nav li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.litebox .fk-direction-nav a {
    position: absolute;
    top: 40%;
    z-index: 2;
    /*margin-top: -1em;*/
    width: 100px;
    height: 2em;
    font-size: 48px;
    font-family: "CourierNew", "Courier New", Courier, monospace;
    font-weight: bold;
    line-height: 2;
    display: block;
    text-align: center;
    color: #999;
    opacity: 0.8;
    transition: all 0.2s ease;
}
.litebox .fk-direction-nav a:hover {
    color: #ED197A;
    opacity: 1;
}
/*.litebox .fk-direction-nav a:active,*/
.litebox .fk-direction-nav a:active {
    margin-left: -5px;
    margin-right: -5px;
}
.litebox .fk-direction-nav a:before {
    font-size: inherit;
    color: inherit;
    font-family:"FabKidsIcon";
    display:inline-block;
    font-weight:normal;
    font-style:normal;
    speak:none;
    text-decoration:inherit;
    text-transform:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    vertical-align: baseline;
    line-height: inherit;
}
.litebox .fk-direction-nav a.fk-prev {
    left: -45px;
}
.litebox .fk-direction-nav a.fk-prev:before {
    content: "\f102";
}
.litebox .fk-direction-nav a.fk-next {
    right: -62px;
}
.litebox .fk-direction-nav a.fk-next:before {
    content: "\f103";
}

/******************************************************************************
 * MFS Sliders
 *
 */
.mfs-slider {
    position: relative;
    overflow: visible;
    z-index: 1;
    cursor: pointer;
}
.mfs-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mfs-slider .fk-direction-nav a {
    position: absolute;
    top: 33.5%;
    z-index: 2;
    /*margin-top: -1em;*/
    width: 1em;
    height: 2em;
    font-size: 25px;
    /*font-family: "CourierNew", "Courier New", Courier, monospace;*/
    font-weight: bold;
    line-height: 2;
    display: block;
    text-align: center;
    color: #DDD;
    opacity: 0.8;
    transition: all 0.2s ease;
}
.mfs-slider .fk-direction-nav a:hover {
    color: #ED197A;
    opacity: 1;
}
.mfs-slider .fk-direction-nav a:active {
    margin-left: -5px;
    margin-right: -5px;
}
.mfs-slider .fk-direction-nav a:before {
    font-size: inherit;
    color: inherit;
    font-family:"FabKidsIcon";
    display:inline-block;
    font-weight:normal;
    font-style:normal;
    speak:none;
    text-decoration:inherit;
    text-transform:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display: inline-block;
    vertical-align: baseline;
    line-height: inherit;
}
.mfs-slider .fk-direction-nav .fk-prev {
    left: 0;
}
.mfs-slider .fk-direction-nav .fk-prev:before {
    content: "\f102";
}
.mfs-slider .fk-direction-nav .fk-next {
    right: -2px;
}
.mfs-slider .fk-direction-nav .fk-next:before {
    content: "\f103";
}

/* ARROWS */
.arrow-after {
    pointer-events: all;
}
.arrow-after:after {
    content: "▸";
    color: inherit;
}
.button.arrow-after:after {
    display: inline-block;
    margin-left: .625em;
}

.landing-page .header-banner {
    margin-bottom: 10px;
}

.landing-page .bricks {
    margin-bottom: -10px;
}

.landing-page .brick {
    margin-bottom: 10px;
    position: relative;
}

.landing-page .bricks a {
    display: block;
}
.landing-page .bricks a:hover img {
    opacity: .85;
}
.landing-page .brick.video a {
	position: relative;
}

.sidenav a.bts-deals {
    margin-top: 10px;
    height: 44px;
    overflow: hidden;
}

.sidenav a.bts-deals img {
    position: relative;
    top: 0;
    left: -4%;
    width: auto;
    max-width: 100%;
}

.sidenav a.bts-deals:hover img {
    top: -44px;
}

.violator {
    position: absolute;
}

.skinny-banner {
    display: block;
    text-align: center;
}
.skinny-banner.skinny-banner--blue {
    background: #1A3381;
}
.skinny-banner.yellow {
    background: #fff799;
}

.home .skinny-banner a {
    display: block;
    padding: 0.25em 0;
}

.skinny-banner.promos {
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
}

.skinny-banner.promos a,
.skinny-banner.promos .outer {
    padding: .6375em 0 .587em;
    text-align: center;
    color: #f33e8c;
}
.skinny-banner.promos .inner {
    display: inline-block;
}

.skinny-banner.promos .mini-link {
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: .2125em;
    font-weight: bold;
    font-size: .7em;
    line-height: 14px;
}
.skinny-banner.promos a .mini-link {
    text-decoration: underline;
}
.skinny-banner.promos a.no-link-style .mini-link {
    text-decoration: none;
}
.skinny-banner.promos a:after {
    display: inline;
    content: " \003e";
    font-style: normal;
}
.skinny-banner.promos a.no-link-style:after {
    display: none;
}
[data-gender="male"] .skinny-banner.promos a,
[data-gender="male"] .skinny-banner.promos a strong,
.gender-m .skinny-banner.promos a,
.gender-m .skinny-banner.promos a strong,
[data-gender="male"] .skinny-banner.promos .outer,
[data-gender="male"] .skinny-banner.promos .outer strong,
.gender-m .skinny-banner.promos .outer,
.gender-m .skinny-banner.promos .outer strong {
    color: #1818A0;
}
.skinny-banner.split-lines .free-shipping {
    display: block;
}

.home.bts.brandsite,
[data-layout="home-main"] .container {
    min-width: 768px;
}
[data-layout="home-main"] .content img,
[data-layout="home-main"] .is-responsive:not(.toplevel) img {
    max-width: 100%;
    height: auto;
}

.home.bts.brandsite .skinny-banner {
    background: #f8ff2d;
}
.home.bts.brandsite .skinny-banner.promos {
    margin: 0 auto;
    width: 100%;
    max-width: none;
}
.home.bts.brandsite .skinny-banner.promos .promo {
    margin: 0 auto;
}
.home.bts.brandsite .skinny-banner.promos .promo.outer {
    padding: .4125em 0 .325em;
    color: #000;
    font-weight: bold;
    font-size: 1em;
    letter-spacing: .12em;
}
.home.bts.brandsite .skinny-banner.promos .mini-link {
    text-transform: none;
    font-weight: normal;
    font-size: .769230769em;
}


/**
 * Loaders
 */
@-webkit-keyframes loading {
    0% {
        -webkit-transform: scaleX(0.01);
                transform: scaleX(0.01);
    }
    100% {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}
@keyframes loading {
    0% {
        -webkit-transform: scaleX(0.01);
                transform: scaleX(0.01);
    }
    100% {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}


/**
 * Quickview
 */
.quickview-container.pdp-alternate {
    margin: 0;
}
[id="colorbox"].quickview,
[id="colorbox"].quickview .quickview-container {
    background: white;
    width: 675px;
}
[id="colorbox"].quickview img {
    max-width: 100%;
    height: auto;
}
[id="colorbox"].quickview .quickview-container {
    padding: 40px 40px 40px 0;
}
[id="colorbox"].quickview .litebox {
    float: none;
    padding: 0;
    width: auto;
}
.quickview-container [id="media"] {
    float: left;
    max-width: 40%;
    margin: 0 .5% 0 0;
    position: relative;
    padding: 0 5.9275%;
    max-height: 400px;
}
.quickview-container .alternate-photos {
    display: none;
}
.quickview-container .fk-control-paging {
    display: none;
}
.quickview-container .scroll {
    width: 270px;
    height: 405px;
    border: 1px solid #E6E6E6;
    z-index: 2;
}
.quickview-container .scroll .items {
    height: 100%;
}
.quickview-container .scroll .slide {
    float: left;
    width: 270px;
}
.quickview-container [id="media"] .prev,
.quickview-container [id="media"] .next {
    background: none;
    float: none;
    position: absolute;
    margin: 0;
    top: 0;
    width: 45px;
    height: 100%;
    text-align: center !important; /* shame.css */
    vertical-align: middle;
    line-height: 407px;
    font-size: 32px;
    color: #B5B5B5;
}
.quickview-container [id="media"]:hover .prev,
.quickview-container [id="media"]:hover .next {
    color: #999;
}
.quickview-container [id="media"] .prev:hover,
.quickview-container [id="media"] .next:hover {
    color: black
}
.quickview-container [id="media"] .prev {
    left: 5px;
}
.quickview-container [id="media"] .next {
    right: 5px;
}
.quickview-container [id="media"] a i:before {
    line-height: inherit;
}
.quickview-container .details {
    margin: 0;
    padding: 0;
    float: left;
    max-width: 47%;
    width: 47%;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
}
.quickview-container .details .essentials {
    min-height: 0;
}
.quickview-container .details .name {
    font-size: 1.133333333em;
    text-transform: uppercase;
    margin-bottom: 0;
}
.quickview-container .details .price-container {
    font-size: 1.066666667em;
}
.quickview-container .details .price-container .price {
    line-height: 1.33;
}
.quickview-container .details .price-container .price--vip {
    color: #f33e8c;
}
.quickview-container .details .price-container .price--retail {
    color: #999999;
    text-decoration: line-through;
}
.quickview-container[data-quickview-layout="rewards_item"] .details .price-container .price--retail {
    display: none;
}
.quickview-container[data-quickview-layout="rewards_item"] .details .price-container .price--vip {
    font-weight: bold;
}
.quickview-container.pdp-alternate .item-container {
    padding: 0 .725em;
}
.quickview-container.pdp-alternate .item-container .selects {
    padding: 0;
    margin: 0;
}
.quickview-container .details #chooseColor,
.quickview-container .details #chooseSize,
.quickview-container .details #chooseQuantity,
.quickview-container .details #chooseLength {
    margin: 0 0 0.75em;

}
.quickview-container .details [id="chooseSize"] .size-chart {
    float: right;
    display: none;
}
.quickview-container .details .option-box.option-box--color .option-box-input + label,
.quickview-container .details [id="swatches"] .swatchImage {
    padding: 0;
}
.quickview-container .details [id="chooseColor"] .selectedColor {
    text-transform: capitalize;
}
.quickview-container .details .option-title span {
    min-width: 0;
}
.pdp-alternate.quickview-container .details-container .selects .choice-wrapper.one-choice > label ~ select {
    display: block;
}
.quickview-container .details form[name="AddToCart"] .button-new {
    transition: all 0.2s ease;
}
.quickview-container .details form[name="AddToCart"] .cta {
    text-align: left;
    position: relative;
}
.quickview-container .details form[name="AddToCart"] .status-message {
    margin-top: .75em;
    color: #999;
    font-weight: 500;
    text-transform: uppercase;
}
.quickview-container .details form[name="AddToCart"] .status-message-lead {
    font-weight: 500;
    margin-top: 1em;
    color: #F9423A;
}
.quickview-container .details form[name="AddToCart"] .status-message.success {
    color: #027808;
}
.quickview-container .details form[name="AddToCart"] .status-message.error,
.quickview-container .details form[name="AddToCart"] .status-message.error a {
    color: #F9423A;
}
.quickview-container .details form[name="AddToCart"] .status-message a:hover {
    text-decoration: underline;
}
.quickview-container .details form[name="AddToCart"] .cta .links {
    display: block;
    margin: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transform: all .5s ease;
}
.quickview-container .details form[name="AddToCart"] .cta .links.success {
    height: auto;
    margin: .75em -.725em 0 0;
    opacity: 1;
    visibility: visible;
}
.quickview-container .details form[name="AddToCart"] .status-message .checkout {

}
.quickview-container .details form[name="AddToCart"] .status-message .continue-shopping {
    float: right;
}
.quickview-container.row .details .cta .error,
.quickview-container.row .details .cta .error[data-error-type="size"] {
    text-align: left;
    display: block;
}
.quickview-container.row .details .cta #error.error {
    display: none;
}
body.quickview-invoked-loading,
body .quickview-loader,
.loader-line {
    position: relative;
    z-index: 10;
}
body.quickview-invoked-loading:before,
body .quickview-loading:before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: default;
    z-index: 11;
    background: rgba(255, 255, 255, 0.8) url('//fabkids-us-cdn.justfab.com/media/images/ajax-loader.gif') center 40% no-repeat;
}

#colorbox .quickview-container button[disabled] {
    background: #bbb;
    color: #fff;
    cursor: default;
}

.quickview-container[data-quickview-layout^="rewards"] .choice-wrapper.product-quantity {
    display: none;
}

h2.breadcrumbs {
    margin: .375em 0 .25em;
    padding-left: 20px;
    line-height: 2;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight: bold;
    font-size: 17px;
}
h2.category-heading {
    margin: 0 0 1rem;
    padding: 16px 20px;
    background: #f5f5f5;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1;
}

#pdp-recommendations-wrapper {
    margin-top: 1em;
}

#pdp-recommendations-wrapper .header-banner,
#pdp-recommendations-wrapper .sidenav .nav-holiday-container,
#pdp-recommendations-wrapper .sidenav a[href*="myfabshop"] {
    display: none;
}
#pdp-recommendations-wrapper .sidenav {
    margin-top: 1.5em;
    margin-left: 1em;
}
#pdp-recommendations-wrapper .sidenav h3 {
    text-align: left;
}
#pdp-recommendations-wrapper .header {
    padding: 10px 20px;
    background: #F5F5F5;
    box-sizing: border-box;
}
#pdp-recommendations-wrapper .header h2,
#pdp-recommendations-wrapper .products-container .toolbar h2 {
    float: none;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}
#pdp-recommendations-wrapper .products-container .toolbar {
    display: none;
    margin-left: -40%;
}
#pdp-recommendations-wrapper .products-container .toolbar form#priceSort {
  display: none;
}
#pdp-recommendations-wrapper .products-container .toolbar select {
    margin-bottom: 0;
}

#pdp-recommendations-wrapper .yal-slider,
#pdp-recommendations-wrapper .below-outfit {
    display: none;
}

/* metanav ad tag popup */
.nav-item--ad a *,
a.metanav-ad-tag-cta * {
    pointer-events: none;
}
.metanav-ad-tag-lightbox {
    width: 600px;
    background-color: #fff;
    }
    .metanav-ad-tag-lightbox img {
        width: 600px;
        max-width: 100%;
        height: auto;
    }
    .metanav-ad-tag-lightbox .top-copy {
        padding: .5rem 1rem;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
        .metanav-ad-tag-lightbox .top-copy p {
            margin-bottom: 0;
            color: #555;
            font-size: .6875rem;
        }


/**
 * Elevator Navigation / Sticky top nav
 *  - Formerly only for Gift Guide. Making this global
 */
.elevator-nav,
.gift-shop-page .gift-guide-nav {
    border-bottom: 1px solid #636363;
    background: rgba(255,255,255, 0.9);
    z-index: 100;
}
.elevator-nav.has-images,
.gift-shop-page .gift-guide-nav:not(.stickynav-stuck).has-images {
    border: 0;
}

.elevator-nav .elevator-nav-categories,
.gift-shop-page .gift-guide-nav-categories {
    /*position: relative;*/
    overflow: hidden;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
            -webkit-align-content: center;
            align-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.elevator-nav ul,
.gift-guide-nav ul {
    margin: 0;
    listy-style: none;
}
.stickynav-stuck ul.elevator-nav-categories,
.stickynav-stuck ul.gift-guide-nav-categories {
    margin-left: 0;
    padding-right: 16.666%;
    box-sizing: border-box;
}
.stickynav-stuck ul.elevator-nav-categories {
    margin-left: 0;
}
.stickynav-stuck ul.elevator-nav-categories.display-table {
    margin: 0 6em 0 auto;
}

.elevator-nav li,
.gift-guide-nav li {
    font-size: 13px;
    line-height: 1;
    list-style: none;
    border: 1px solid #636363;
    border-width: 0 1px 0 0;
}
.elevator-nav .display-table,
.gift-guide-nav .display-table {
    display: table;
    width: 100%
}
.elevator-nav .display-table li,
.gift-guide-nav .display-table li {
    display: table-cell;
    width: auto;
    text-align: center;
    border-width: 0 0 0 1px;
}
.elevator-nav li:first-child,
.elevator-nav.stickynav-stuck ul.elevator-nav-categories.display-table li:first-child,
.gift-guide-nav li:first-child,
.gift-shop-page .stickynav-stuck ul.gift-guide-nav-categories.display-table li:first-child {
    border-left-width: 1px;
}
.elevator-nav ul.elevator-nav-categories.display-table li:first-child,
.gift-guide-nav ul.gift-guide-nav-categories.display-table li:first-child {
    border-left-width: 0;
}

.elevator-category {
    padding-top: 36px;
    margin-top: -20px;
}
.elevator-nav-category a,
.gift-guide-nav .gift-guide-nav-category a {
    font-weight: bold;
}
.elevator-nav a:hover,
.gift-guide-nav a:hover {
    text-decoration: underline;
}
.elevator-nav .elevator-nav-heading,
.elevator-nav .elevator-nav-back a,
.elevator-nav .elevator-nav > i,
.elevator-nav-category a,
.gift-shop-page .gift-guide-nav-heading,
.gift-shop-page .gift-guide-nav-back a,
.gift-shop-page .gift-guide-nav > i,
.gift-shop-page .gift-guide-nav-category a {
    padding: 1.25em 2em;
    display: block;
    box-sizing: border-box;
    position: relative;
}
.stickynav:not(.stickynav-stuck) li.has-image {
    border: 0;
    vertical-align: top;
}
.stickynav:not(.stickynav-stuck) li.has-image:first-child a {
    margin-left: -1px;
}
.stickynav:not(.stickynav-stuck) li.has-image a {
    padding: 0;
    text-decoration: underline;
    font-weight: 500;
    letter-spacing: .03125em;
    font-size: .75rem;
}
.elevator-nav ul li.elevator-nav-back,
.gift-shop-page ul li.gift-guide-nav-back {
    display: none;
}
.elevator-nav.stickynav-stuck .elevator-nav-back,
.gift-guide-nav.stickynav-stuck .gift-guide-nav-back {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    border-width: 0;
    -ms-flex-item-align: end;
            -webkit-align-self: flex-end;
            align-self: flex-end;
}
.elevator-nav.stickynav-stuck ul.display-table li.elevator-nav-back,
.gift-guide-nav.stickynav-stuck ul.display-table li.gift-guide-nav-back  {
    display: table-cell;
}
.elevator-nav .elevator-nav-back a,
.gift-shop-page .gift-guide-nav-back a {
    display: inline-block;
    margin-top: 1px;
}
.elevator-nav .elevator-nav-back a {
    padding-left: 1.325em;
    padding-right: 1.325em;
}

.elevator-nav .elevator-nav-back a:after,
.gift-shop-page .gift-guide-nav-back a:after {
    content: "\25b2";
}

.gift-shop-page.outfits-index .products-container .category-section-divider {
    margin-top: -10px;
    margin-right: 0;
    padding: 55px 0 0 .5em;
    line-height: 1.2;
    text-transform: none;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #E2DEDE;
}

.products[data-campaign="denim_shop_girls"] .gift-shop-page.outfits-index .products-container .category-section-divider {
    margin-bottom: .5em;
    text-align: center;
    border: 0;
    letter-spacing: .1625em;
    font-size: 1.5em;
    font-weight: 500;
}
.products[data-campaign="denim_shop_girls"] .gift-shop-page.outfits-index .products-container p.header-text {
    margin: .5em 0 1em;
    text-align: center;
    letter-spacing: .04125em
}
.products[data-campaign="denim_shop_girls"] .gift-shop-page.outfits-index .products-container .product-grid {
    padding: .5em 4.5% 0;
}
.products[data-campaign="denim_shop_girls"] .gift-shop-page.outfits-index .products-container img.img-responsive {
    margin: 0 auto;
}
.products[data-campaign="denim_shop_girls"] .gift-shop-page.outfits-index .products-container .category-section-divider img.img-responsive {
    display: block;
    margin: 0 auto;
    width: 380px;
    max-width: 100%;
    height: auto;
}

.mommy-me-img-wrap {
    display: block;
    text-align: center;
}

.mommy-me-img-wrap img {
    max-width: 100%;
}

#girls_denim_shop_jeans {
    position: relative;
}

.outfits-index .products-container .elevator-nav ~ div[data-index="1"],
.gift-shop-page.outfits-index .products-container [data-index="1"] {
    margin-top: -20px;
}

@media screen and (min-width: 1100px) {
    .elevator-nav ul.elevator-nav-categories.display-table,
    .gift-shop-page ul.gift-guide-nav-categories.display-table {
        display: table;
        width: 100%;
        margin: 0 auto 0 auto;
    }
    .elevator-nav ul.elevator-nav-categories.display-table li,
    .gift-shop-page ul.gift-guide-nav-categories.display-table li {
        display: table-cell;
        width: auto;
        text-align: center;
        border-width: 0 0 0 1px;
    }
    .elevator-nav.stickynav-stuck ul.elevator-nav-categories.display-table li,
    .gift-shop-page .stickynav-stuck ul.gift-guide-nav-categories.display-table li {
        border-width: 0 0 0 1px;
    }
    .stickynav-stuck ul.elevator-nav-categories.display-table,
    .stickynav-stuck ul.gift-guide-nav-categories.display-table {
        padding-left: 200px;
    }
    .elevator-nav ul.elevator-nav-categories.display-table li.elevator-nav-back,
    .gift-shop-page ul.gift-guide-nav-categories.display-table li.gift-guide-nav-back {
        display: none;
    }
    .elevator-nav.stickynav-stuck ul.elevator-nav-categories.display-table li.elevator-nav-back,
    .gift-shop-page .stickynav-stuck ul.gift-guide-nav-categories.display-table li.gift-guide-nav-back {
        display: inline-block;
        background: rgba(255,255,255,.8);
    }

    .gift-shop-page.outfits-index[data-campaign="denim_shop_girls"] .products-container .product-grid {
        padding: 0 2.5rem;
    }
}
@media screen and (min-width: 1300px) {
    .elevator-nav.stickynav-stuck ul.elevator-nav-categories.display-table li:nth-last-child(2),
    .gift-shop-page .stickynav-stuck ul.gift-guide-nav-categories.display-table li:nth-last-child(2) {
        border-right-width: 1px;
    }
}
/**
 * StickyNav Module
 */
.stickynav {}
.stickynav + .stickynav-placeholder {
    visibility: hidden;
    display: none;
}
.stickynav.stickynav-stuck + .stickynav-placeholder {
    display: block;
}
.stickynav.stickynav-stuck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.stickynav img.nav-image--preview {
    display: block;
    margin: 0 auto .5rem;
    max-width: 100%;
    height: auto;
}
.stickynav.stickynav-stuck img.nav-image--preview {
    display: none;
}
.stickynav a {
    color: #000;
}
.stickynav a.on {
    color: #f33e8c;
}
.gender-m .stickynav a.on {
    color: #1516a2;
}


.flexbox .product-list--flexible {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.product-list--flexible .product {
    display: inline-block;
    max-width: 25%;
    box-sizing: border-box;
}
.flexbox .product-list--flexible .product {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
}
.product-list--flexible img {
    max-width: 100%;
    height: auto;
}


/**
 * Toggle Expand Basic CSS
 */
[data-toggle-expand] i[class*="up"],
[data-toggle-expand].expanded i[class*="down"],
[data-toggle-expand] .expanded-show,
[data-toggle-expand].expanded .expanded-hide {
    display: none;
}
[data-toggle-expand].expanded i[class*="up"] {
    display: inline-block;
}
[data-toggle-expand].expanded span.expanded-show {
    display: inline;
}
[data-toggle-expand].expanded div.expanded-show {
    display: block;
}


/**
 * Layout utilities
 */
.float-l {
    float: left;
}
.float-r {
    float: right;
}
.float-n {
    float: none;
}

.hide {
    display: none !important;
}

/**
 * Text/Font utilities
 */
.txt-ta-l {
    text-align: left;
}
.txt-ta-c {
    text-align: center;
}
.txt-ta-r {
    text-align: right;
}
.txt-ta-j {
    text-align: justify;
}

.txt-fs-n {
    font-style: normal;
}
.txt-fs-i {
    font-style: italic;
}

.txt-fw-n {
    font-weight: normal;
}
.txt-fw-b {
    font-weight: bold;
}

.txt-fz-1 {
    font-size: 1em;
}
.txt-fz-1 {
    font-size: 1em;
}
.txt-fz-1-25 {
    font-size: 1.25em;
}
.txt-fz-1-5 {
    font-size: 1.5em;
}
.txt-fz-2 {
    font-size: 2em;
}

.txt-ls-02 {
    letter-spacing: .2em;
}
.txt-ls-015 {
    letter-spacing: .15em;
}
.txt-ls-01 {
    letter-spacing: .1em;
}
.txt-ls-005 {
    letter-spacing: .05em;
}
.txt-ls-0066 {
    letter-spacing: .066em;
}

.circle-badge {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    background-color: #696969;
    background-color: rgba(105, 105, 105, .92);
    text-align: center;
    color: white;
    border-radius: 50%;
}
.circle-badge .circle-badge-contents {
    width: 100%;
    height: 100%;
    padding-left: 12%;
    padding-right: 12%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
        left: 0;
        position: absolute;
    box-sizing: border-box;
}


.drop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}
.drop.expanded {
    height: auto;
    overflow: inherit;
    opacity: 1;
    visibility: visible;
    background: #fff;
    z-index: 7780;
}

.drop-static {
    position: relative;
    overflow-y: hidden;
    max-height: 0;
    height: inherit;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.drop-static.expanded {
    max-height: 1024px;
    opacity: 1;
    visibility: visible;
}

/*
	Star VIP
*/
#star-vip {
	text-align:center;
}

#star-vip .title-area {
	margin-top: 20px;
	margin-bottom: 100px;
}

#star-vip .title {
	margin: 0px 0px 20px 0px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #e5ca38;
	text-align: left;
	position:absolute;
	position: relative;
	top: 40px;
}

#star-vip .desc {
	font-size: 18px;
	margin-bottom: 30px;
	text-align: left;
	position: relative;
	top: 40px;
	line-height: 26px;
}

#star-vip .icon {
	padding: 10px 20px 10px 50px;
	text-align: left;
	display: inline-block;
	float: left;
}

#star-vip .star-vip-header {
	font-size: 16px;
	font-weight: bold;
	padding: 0px 20px 0px 20px;
	text-transform: uppercase;
	clear: both;
}

#star-vip .star-vip-table {
	border: 1px solid #ccc;
	margin: auto;
	width: 90%;
}

#star-vip .star-vip-header .perk, #star-vip .star-vip-header .vip, #star-vip .star-vip-header .star_vip {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
}

#star-vip .star-vip-header .perk {
	width: 50%;
	background-color: #b6b6b6;
	color:white;
}

#star-vip .star-vip-header .vip {
	width: 25%;
	background-color: #f578c5;
	color:white;
}

#star-vip .star-vip-header .star_vip {
	width: 25%;
	background-color: #e5ca38;
	color: white;
}

#star-vip .star-vip-row {
	font-size: 14px;
	padding: 0px 20px 0px 20px;
}

#star-vip .star-vip-row .perk, #star-vip .star-vip-row .vip, #star-vip .star-vip-row .star_vip {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
}

#star-vip .star-vip-row .perk {
	width: 50%;
	text-align:left;
}

#star-vip .star-vip-row .vip {
	width: 25%;
	color: #f578c5;
	background-color: #fef8fc;
}

#star-vip .star-vip-row .star_vip {
	width: 25%;
	color: #f0cd35;
	background-color: #fefdf2;
}

#star-vip .star-new-collection {
	margin-top: 30px;
}

#star-vip .star-btn {
	color: black;
	font-size: 16px;
	padding: 15px 40px;
	border: 2px solid black;
}

#star-vip .star-btn:hover {
	color: black;
	background-color: white;
}

#star-vip .star-btn .star-link {
	color: black;
}

#star-vip .star-btn .arrow-right {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid black;
	display: inline-block;
	margin-left: 3px;
}

#star-vip .disclosure {
	color: #cccccc;
	text-align: right;
	padding-top: 20px;
	padding-right: 10px;
	font-size: 12px;
}

#star-vip li {
	font-size: 24px;
	position: relative;
	top: 3px;
}

.product-table-item {
	position:relative;
	padding: 20px 40px;
	text-align: center;
	height: 369px;
	display: table-cell;
	vertical-align:bottom;
}

/* Video */
.video-outer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
}
.video-inner {
	visibility: visible;
	opacity: 1;
	transition: all .15s ease;
}
.video-inner.hidden {
	visibility: hidden;
	opacity: 0;
}
iframe.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-over {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background: rgba(255,255,255,.0001);
	left: 0;
	top: 0;
}

.vip-pricing-video.hide-inline-video .video-launch__modal-wrapper {
    display: none;
}

/* FKBN-3538: VIP auto login */
/**
 * Member auto login password modals
 */
.si-modal h3 {
	font-size: 17px;
	font-weight: 300;
}

.si-modal h3.upper {
	margin-bottom: 25px;
	font-weight: 300;
}

.si-modal p, .si-modal .validate-success-message {
	line-height: 18px;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 15px;
	margin-top: 15px;
}
.si-modal .validate-success-message.alert-warning {
    margin-bottom: 0;
}
.si-modal .validate-success-message {
	padding: 10px 5px;
	margin-top: 0;
}

.si-modal form {
	margin-bottom: 15px;
}

.si-modal .password-challenge-forgot-password-link, .si-modal .password-challenge--goback {
	margin-top: 18px;
	font-size: 12px;
}

.si-modal .password-challenge-forgot-password-link {
	text-decoration: underline;
}

.si-modal .password-challenge-forgot-password-link {
	display: inline-block;
}

[id="authentication-prompt"] {
	width:612px;
	background-color:white;
}

.si-modal .litebox {
	padding: 28px 40px;
}

#authentication-prompt .sim-password-field {
	width: 70% !important;
	padding-left: 2%;
	margin-right: 1%;
	border: 1px solid #ebebeb;
	height: 42px;
}

.si-modal .button.button-new {
	padding: .93em 2em;;
	width: 21.7%;
	font-size: 14px;
	height: 46px;
}

/**
 * FBL-2862: Password Authentication
 */
[id="authentication-prompt"]:not(.expanded) [id="password_forgot_form"],
[id="authentication-prompt"].expanded [id="password_challenge_form"] {
	display: none;
}
.password-challenge-forgot--passwordlink {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 15px;
}
.si-modal .validate-success-message.alert.alert-warning {
	color: red;
	border: none;
	background: none;
	padding: 0;
	width: 300px;
	text-align: right;
	float: right;
	position: relative;
	top:2px;
}
.si-modal .validate-success-message.alert.alert-success {
	background: none;
	border: none;
	padding: 0 10px 0 0;
	font-size: 11px;
	color: #10b21c;
	width: 300px;
	text-align: right;
	float: right;
	position: relative;
	top:2px;
}
.si-modal .password-challenge-entry .validate-success-message.alert.alert-warning,
.si-modal .password-challenge-forgot .validate-success-message.alert.alert-warning,
.si-modal .password-challenge-forgot .password-challenge--goback,
.si-modal .password-challenge-forgot .validate-success-message.alert.alert-success {
	display: none;
}
.si-modal .password-challenge-entry.sim-active .validate-success-message.alert.alert-warning,
.si-modal .password-challenge-forgot.sim-active .password-challenge--goback,
.si-modal .password-challenge-forgot.sim-active .validate-success-message.alert.alert-success,
.si-modal .password-challenge-forgot.sim-active .validate-success-message.alert.alert-warning {
	display: block;
}
.si-modal .password-challenge-forgot .go-back {
	white-space: nowrap;
}

@media screen and (max-width: 480px) {
	[id="authentication-prompt"] {
		width: auto;
	}
	.si-modal .litebox {
		padding: 0;
	}
	#authentication-prompt .sim-password-field {
		width: 97%;
		display: block;
		margin-bottom: 20px;
	}
	.si-modal .button.button-new {
		width: 100%;
	}
	[id=drawer] .si-modal a:not(.button) {
		color: #F9423A;
	}
	.si-modal .password-challenge-forgot-password-link, .si-modal .password-challenge--goback {
		margin: 38px 0;
	}
	.si-modal h3.upper {
		margin-bottom: 19px;
		letter-spacing: -1px;
    }
	[id="authentication-prompt"]:not(.expanded) [id="password_forgot_form"],
	[id="authentication-prompt"].expanded [id="password_challenge_form"] {
		display: inherit;
	}
	.si-modal .password-challenge-entry, .si-modal .password-challenge-forgot {
		position: absolute;
	}
	.si-modal .password-challenge-entry.sim-active, .si-modal .password-challenge-forgot.sim-active {
		opacity: 1;
		z-index: 2;
	}
	.si-modal .password-challenge-entry, .si-modal .password-challenge-forgot {
		opacity: 0;
		z-index: 1;
	}
	.si-modal .button.button-new, .si-modal p {
		width: 97%;
	}
	.si-modal .password-challenge-forgot--passwordlink {
		display: inline-block;
		margin-top: 0;
	}
	.si-modal {
		min-height: 365px;
	}
	.si-modal .password-challenge-forgot-password-link, .si-modal .password-challenge--goback {
		margin: 0;
	}
	.validate-success-message.alert.alert-success,{
		width: 87%;
	}
	.si-modal h3.upper {
		margin-bottom: 10px;
	}
	.si-modal p {
		margin-top: 0;
	}
 }

/* Holiday Shipping dealine */
.holiday-shipping-header {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #ed197a;
    font-size: 12px;
}

.holiday-shipping-msg {
    font-size:12px;
    margin-bottom: 20px;
}

.holiday-shipping-arrow{
    display:inline-block;
    font-style:normal;
    font-size:10px;
    transition:all 0.2s;
    transform:rotate(-90deg);
}

.holiday-shipping-header.expanded .holiday-shipping-arrow{
    transform:rotate(0deg);
}

/* Product grid */
.grid .item {
    float:left;
    width:271px;
    position:relative;
    /* margin:0 0 10px 10px; */
    text-align: center;
}

.grid .item a.product-photo {
  display: block;
}

.grid .item .shot {
    display: block;
    width:100%;
    height:407px;
    position:relative;
}
.grid .item .shot img {
    max-width: 100%;
    height: auto;
}

.grid .item .shot [class^="img"],
.grid-element [class^="img"],
.grid-product-image img {
    position:absolute;
    top: 0;
    left: 0;
}

.grid .item .shot:hover .img1,
.grid-element:hover .img1,
.grid-product-image-hover:hover .img1,
.grid .item .shot .img2,
.grid-element .img2,
.grid-product-image-hover .img2 {
    display: none;
}

.grid .item .shot:hover .img2,
.grid-element:hover .img2,
.grid-product-image-hover:hover .img2 {
    display: block;
}

.grid .item .shot.noHover:hover .img1 {
    display: block !important;
}
.grid .item .shot.noHover .img2,
.grid .item .shot.noHover:hover .img2 {
    display: none !important
}
.grid .item .name,
.grid .item .price {
    text-transform: uppercase;
    line-height: 1.25;
}


/* FKBN-4929 - updated grids */
.product-grid-app {
    position: relative;
    z-index: 1;
}

#product-grid-app .category-section-divider {
    margin-top: -10px;
    margin-right: 0;
    margin-left: 0;
    padding: 55px 0 0 0;
    line-height: 1.2;
    text-transform: none;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #E2DEDE;
}

.product-grid-app .product-cell a .product-photo-inner {
    margin: 0;
    position: relative;
    height: 0 !important;
    }
    .product-grid-app .product-cell[data-image-ratio="7:15"] a .product-photo-inner {
        padding-bottom: 214.2857143%;
    }
    .product-grid-app .product-cell[data-image-ratio="7:10"] a .product-photo-inner {
        padding-bottom: 142.8571429%;
    }
    .product-grid-app .product-cell[data-image-ratio="1:1"] a .product-photo-inner {
        padding-bottom: 100%;
    }
    .product-grid-app .product-cell a .product-photo-inner.loading {
        margin: 0;
        width: auto;
        background-position: center;
    }
    .product-grid-app .product-cell:nth-child(7n+1) a .product-photo-inner.img-loading {
        background-color: #f00083;
        background-color: rgba(233, 32, 118, 0.12);
    }
    .product-grid-app .product-cell:nth-child(7n+2) a .product-photo-inner.img-loading {
        background-color: #00bfd7;
        background-color: rgba(0, 191, 215, 0.12);
    }
    .product-grid-app .product-cell:nth-child(7n+3) a .product-photo-inner.img-loading {
        background-color: #f578c51e;
        background-color: rgba(245, 120, 197, 0.12);
    }
    .product-grid-app .product-cell:nth-child(7n+4) a .product-photo-inner.img-loading {
        background-color: #ffde00;
        background-color: rgba(255, 222, 0, 0.12);
    }
    .product-grid-app .product-cell:nth-child(7n+5) a .product-photo-inner.img-loading {
        background-color: #f00083;
        background-color: rgba(233, 32, 118, 0.12);
    }
    .product-grid-app .product-cell:nth-child(7n+6) a .product-photo-inner.img-loading {
        background-color: #00bfd7;
        background-color: rgba(0, 191, 215, 0.12);
    }
    .product-grid-app .product-cell:nth-child(7n+7) a .product-photo-inner.img-loading {
        background-color: #ffde00;
        background-color: rgba(255, 222, 0, 0.12);
    }
    .product-grid-app .product-cell a .product-photo-inner img {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
    }
    .product-grid-app .product-cell  a .product-photo-inner img.deadcell-image {
        position: unset!important;
    }
    .component-product-grid .product-cell a:hover .product-photo-inner[data-has-hover="true"] .img1 {
        opacity: 0 !important;
    }
    .component-product-grid .product-cell a:hover .product-photo-inner[data-has-hover="true"] .img2 {
        opacity: 1 !important;
    }


/* Responsive Grid */
.grid.grid--flexible:not(.arbitrary-specificity) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0;
    -ms-flex-line-pack: start;
            -webkit-align-content: flex-start;
            align-content: flex-start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
            justify-content: flex-start;
}
.gridgrid--flexible .item {
    padding: 10px;
}
.grid.grid--flexible:not(.arbitrary-specificity) .item {
    /* margin: 0 0 1em; */
    width: auto;
    float: none;
    max-width: 327px;
    box-sizing: border-box;
    -ms-flex-preferred-size: 49%;
            -webkit-flex-basis: 49%;
            flex-basis: 49%;
}
.grid.grid--flexible:not(.arbitrary-specificity) .full-width-item {
    -ms-flex-preferred-size: 100%;
            -webkit-flex-basis: 100%;
            flex-basis: 100%;
}
.grid.grid--flexible.grid--three-across .item {
    -ms-flex-preferred-size: 33.3333%;
            -webkit-flex-basis: 33.3333%;
            flex-basis: 33.3333%;
}

.grid.grid--flexible.grid--ignore-flexorder [data-flex-order] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
}
@media screen and (min-width: 48em) {
    .grid.grid--flexible:not(.arbitrary-specificity) .item {
        -ms-flex-preferred-size: 33.33333%;
                -webkit-flex-basis: 33.33333%;
                flex-basis: 33.33333%;
    }
}
@media screen and (min-width: 64em) {
    .grid.grid--flexible:not(.arbitrary-specificity) .item {
        -ms-flex-preferred-size: 25%;
                -webkit-flex-basis: 25%;
                flex-basis: 25%;
    }
}


/** product grid placeholder sizing */
.grid .item .shot,
.product-grid .item .shot,
.grid-product-image {
    position: relative;
    height: 0 !important;
    padding-bottom: 142.8571429% !important; /* this is a ratio-based amount. calculated from the product image size */
}
.grid .item[data-product-type="bundle"] .shot,
.product-grid .item[data-product-type="bundle"] .shot,
[data-product-type="bundle"] .grid-product-image {
    position: relative;
    height: 0 !important;                    /* new image size same as items */
    padding-bottom: 142.8571429% !important; /* this is a ratio-based amount. calculated from the product image size */
}


/* SERP Filter*/
#filters.sidenav {
    padding: 1em 1em 0 0;
}
[id="filters"].sidenav.sidenav-phase1 .filter-item:not(.filter-item-input-container),
[id="filters"].sidenav.sidenav-phase1 .filter-item .filter-item-label {
    padding: 1.2em 0;
}
#filters.sidenav.sidenav-phase1 .filter-item.filter-heading {
    font-size: 13px;
    color: #333;
    margin-bottom: .5em;
    text-transform: uppercase;
    padding-top: 0;
    padding-bottom: 0;
    cursor: default;
}
#filters.sidenav.sidenav-phase1 .filter-item.filter-heading h3 {
    padding: 0;
    line-height: 1;
}
#filters.sidenav.sidenav-phase1 .filter-heading ~ .filter-item {
    /*border-bottom: 1px solid #E9E9E9;*/
    border-bottom: 1px solid rgba(0,0,0, 0.1);
    position: relative;
}
[id="filters"].sidenav.sidenav-phase1 .filter-item,
[id="filters"].sidenav.sidenav-phase1 .filter-item .filter-item-input + label.filter-item-label {
    font-size: 12px;
    line-height: 1;
    /* color: #b2aea5; */
    text-transform: capitalize;
    transition: all 0.25s ease;
}
#filters.sidenav.sidenav-phase1 .filter-item:not(.filter-heading):hover,
#filters.sidenav.sidenav-phase1 .filter-item .filter-item-input + label.filter-item-label:hover {
    color: #888;
}
#filters.sidenav.sidenav-phase1 .filter-item.filter-active,
#filters.sidenav.sidenav-phase1 .filter-item .filter-item-input:checked + label.filter-item-label {
    color: #333;
}
#filters.sidenav.sidenav-phase1:not(.serp-filters) .filter-item:not(.filter-item-input-container) .filter-item:not(.filter-item-input-container),
#filters.sidenav.sidenav-phase1:not(.serp-filters) .filter-item-input-container .filter-item-input ~ .filter-item-input-container .filter-item-label {
    padding: 0.9em 0 0.9em 2em;
}
#filters.sidenav.sidenav-phase1 .filter-item:not(.filter-item-input-container) .filter-item:not(.filter-item-input-container),
#filters.sidenav.sidenav-phase1 .filter-item-input-container .filter-item-input ~ .filter-item-input-container .filter-item-label,
#filters.sidenav.sidenav-phase1 .filter-item-input-container .filter-item-input ~ .filter-item-input-container .filter-item-label ~ .filter-item:not(.filter-item-input-container) {
    display: none;
}
#filters.sidenav.sidenav-phase1:not(.serp-filters) .filter-item-input-container .filter-item-input ~ .filter-item-input-container:last-child .filter-item-label {
    padding-bottom: 1.5em;
}
#filters.sidenav.sidenav-phase1 .filter-item:not(.filter-item-input-container).filter-active .filter-item:not(.filter-item-input-container),
#filters.sidenav.sidenav-phase1 .filter-item-input-container .filter-item-input:checked ~ .filter-item-input-container > .filter-item-label,
#filters.sidenav.sidenav-phase1 .filter-item-input-container .filter-item-input.expanded ~ .filter-item-input-container > .filter-item-label {
    display: block;
}
#filters.sidenav.sidenav-phase1 .filter-item .filter-item .filter-item-input:checked + label.filter-item-label {
    font-weight: 500;
}
.filter-item-input-container .filter-item-expander {
    position: absolute;
    top: 9px;
    right: 0;
    width: 20px;
    text-align: center;
    display: none;
}
.filter-item-input-container .filter-item-expander:hover {
    color: #333;
    background: #F8F8F8;
}
.filter-item-input:not(.expanded):not(:checked) ~ label.filter-item-label > .filter-item-open,
.filter-item-input.expanded:not(:checked) ~ label.filter-item-label > .filter-item-close {
    display: block;
}
[id="filters"].sidenav .filter-item.filter-item-input-container.filter-item-input-visible > .filter-item-input + .filter-item-label,
[id="filters"].sidenav .filter-item.filter-item-input-container.filter-item-input-visible > .filter-item-input ~ .filter-item-expander {
    /* line-height: 20px;
    height: 20px; */
    margin: 0;
}
[id="filters"].sidenav .filter-item.filter-item-input-container.filter-item-input-visible > .filter-item-input + .filter-item-label {
    padding: .687em 0;
    padding-left: 1.625rem;
    position: relative;
}
[id="filters"].sidenav .filter-item.filter-item-input-container.filter-item-input-visible.filter-item-parent > .filter-item-input + .filter-item-label {
    padding-right: 1.625rem;
}
[id="filters"].sidenav .filter-item.filter-item-input-container.filter-item-input-visible > .filter-item-input + .filter-item-label:before,
[id="filters"].sidenav .filter-item.filter-item-input-container.filter-item-input-visible > .filter-item-input + .filter-item-label:after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    margin-top: -10px;
    text-align: center;
    box-sizing: border-box;
}
[id="filters"].sidenav .filter-item.filter-item-input-container.filter-item-input-visible > .filter-item-input + .filter-item-label:before {
    border: 1px solid #D9D9D9;
}
[id="filters"].sidenav .filter-item.filter-item-input-container.filter-item-input-visible > .filter-item-input:checked + .filter-item-label:after {
    border: 3px solid black;
    border-width: 0 0 3px 3px;
    height: 12px;
    margin-top: -8px;
    -webkit-transform: rotate(-50deg) scale(0.5);
            transform: rotate(-50deg) scale(0.5);
}

[id="filters"].sidenav label,
[id="filters"].sidenav .filter-item {
    display: block;
    cursor: pointer;
    text-transform: uppercase;
}
[id="filters"].sidenav .filter-item.filter-heading {
    color: #999;
}
[id="filters"].sidenav label:hover {
    color: black;
}

[id="filters"].sidenav .subtype {
    margin: 0 0 0.5em 1em;
}

[id="filters"].sidenav .subtype label {
    text-transform: none;
}

[id="filters"].sidenav input,
[id="filters"].sidenav.sidenav-new input[type="radio"] {
    position: absolute;
    left: 0px;
    opacity: 0.01;
}

[id="filters"].sidenav input:checked + span,
[id="filters"].sidenav.sidenav-new input[type="radio"]:checked + label.filter-item,
[id="filters"].sidenav.sidenav-new .filter-active {
    font-weight: 500;
    color: #f9423a;
}
[id="filters"] > .sale-sidenav:not(:first-of-type) {
    border-top: 1px solid #e5e5e5;
    padding: 14px 0;
    margin-top: 12px;
}
/* new mens sidenav */
[id="filters"].sidenav.sidenav-new {
    padding-top: 65px;
    font-size: 14px;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[id="filters"].sidenav.sidenav-new .filter-item {
    padding: 0.75em 0;
}
.sale-sidenav .type {
    margin-left: 10px;
}
.shopping {
    overflow: hidden;
}

.shopping .filter_bar {
    padding:12px 25px;
    background-color:#f1f1f1;
    margin: 10px 0 10px 10px;
    width: 784px;
}

.shopping [id="product_grid_content"]:first-child {
    padding-top: 40px;
}
.shopping .filter_bar .sort {
    float: right;
}

.shopping .filter_bar .clear_filters {
    font-size: 12px;
    color: #f9423a;
    display: inline-block;
    margin-left: 5px;
}

.container-filter-phase-1 .filter-bar-two {
    text-transform: uppercase;
    border-bottom: 1px solid #a3a3a3;
    background-color: white;
    padding: 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}
.container-filter-phase-1 .filter-bar-two.stickynav {
    top: 0;
}
[data-layout^="catalog-shop"]:not([data-layout="catalog-shop_serp"]) .filter-bar-two {
    border-top-width: 0;
}
.filter-bar-two .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
         -ms-flex-align: stretch;
            align-items: stretch;
    position: relative;
}
.filter-bar-two.filter-bar-equal-widths .container {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.filter-bar-two .input-tab-group {
    font-size: 1rem
}
.filter-bar-two .input-tab-group .input-tab-label {
    margin: 0;
    letter-spacing: .06em;
    font-size: 1rem;
    padding: .5em 2.5em;
}
.filter-bar-two .container .close {
    padding: 0;
}
.filter-bar-two .container .close .close-button {
    border: 1px solid white;
    border-width: 24px 15px;
}
.filter-bar-two .container .sort,
[data-layout^="catalog-shop"]:not([data-layout="catalog-shop_serp"]) .filter-bar-two .container .filter {
    padding: 0;
}
.filter-bar-two .filter {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.filter-bar-two .nav-back-top {
    color: #858787;
    border: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 24px;
    transition: all 0.25s ease;
}
.filter-bar-two .nav-back-top:hover {
    color: #333;
}
.filter-bar-two .container .filter .clear_filters,
.filter-bar-two [type="reset"].button-text {
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    color: #999999;
    margin-left: 20px;
}
.filter-bar-two .filter > label {
    margin-right: 30px;
}
.filter-bar-two label {
    display: inline-block;
    margin: 0;
}
.filter-bar-two .per-page .styledSelect,
.filter-bar-two .sort .styledSelect {
    margin-left: 15px;
}

.filter-bar-two .selectize-control.single {
    float: right;
    margin-left: .5em;
    min-width:  7em;
    }
    .filter-bar-two .selectize-control.single .selectize-dropdown.single {
        border: 1px solid #b8b8b8;
        border-radius: 0;
    }
    .filter-bar-two .selectize-control.single .selectize-dropdown-content {
        padding: .5em 0 0;
        margin: 0;
        }
        .filter-bar-two .selectize-control.single .selectize-dropdown .option {
            float: none;
            display: block;
            margin: 0 .5em .5em;
            padding: .25em .5em;
            text-transform: uppercase;
            text-align: left;
        }

.container.container-filter-phase-1 {
    display: block;
    width: auto;
}
.container.container-wide {
    display: block;
    margin-right: auto;
    margin-left: auto;
}



.hover-tip {
    position: relative;
}
.hover-tip .hover-tip-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%) scale(0.1);
            transform: translateX(-50%) scale(0.1);
    transition: all 0.25s ease 0.15s;
    background: white;
    border: 1px solid #D9D9D9;
    padding: 0.25em 0.75em;
}
.hover-tip:hover .hover-tip-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}


/* Filter Pagination */
/**
 * controls based on the icon-arrow item
 */
.pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-transform: none;
    color: #999999;
    font-size: 12px;
}
.pagination a {
    color: inherit;
    padding: 0 0.375em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
/* .icon-arrow.pagination-first:after,
.icon-arrow.pagination-last:after {
    display: inline-block;
    font-style: normal;
    content: "|";
    font-weight: bold;
    margin-left: -0.15em;
    -webkit-transform: scaleX(1.2) scaleY(0.75);
            transform: scaleX(1.2) scaleY(0.75);
}
 */
.icon-arrow.pagination-first:before,
.icon-arrow.pagination-last:before {
    /* line-height: 0.75; */
    border: 2px solid transparent;
    border-color: inherit;
    letter-spacing: -.3em;
    border-width: 0 2px 0 0;
}
.icon-arrow.pagination-first,
.icon-arrow.pagination-previous {
    display: inline-block;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.pagination .icon-arrow {
    font-size: 1.375em;
}
.pagination .pagination-control,
.pagination .pagination-current-page {
    /* line-height: 0.75; */
    color: #333;
    padding: 9px;
    margin: 0;
    border: none;
    min-width: 0;
    width: auto;
}
.pagination .pagination-control:hover {
    /*text-shadow: 0 0 5px rgba(0,0,0, 0.5);*/
    background-color: rgba(0,0,0, 0.03);
}
.pagination .pagination-current-page {
    text-align: center;
}
.pagination .pagination-current-page:not([type]) {
    margin-left: 0.5em;
}
.pagination .pagination-current-page[type=number]::-webkit-inner-spin-button,
.pagination .pagination-current-page[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pagination .pagination-current-page,
.pagination .pagination-total-pages {
    padding-right: 0;
    padding-left: 0;
    min-width: 35px;
}
.pagination .pagination-total-pages {
    text-align: center;
}
.pagination .pagination-control.pagination-total-pages {
    margin-right: 0.5em;
}
.pagination .pagination-view-per-page {
    margin-left: 2em;
    text-transform: uppercase;
}

/* pagination working with our numeric input js */
.pagination .pagination-control.numeric-input-limited {
    opacity: 0.2;
    cursor: default;
    pointer-events: none;
}

.serp-results-shell.container-filter-phase-1 .filter-bar-two .pagination {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

/* Address auto complete */
.pac-container {
	z-index: 2147483647 !important;
}
.pac-container.force-hide {
	display: none !important;
}
.pac-container .pac-icon-marker {
	display: none;
}
.pac-container .pac-item-query {
	font-size: 11px;
}


.become-vip-circle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -13rem;
    padding: .9625em .575em .25em;
    width:     3.75rem;
    height:    3.75rem;
    max-width: 3.75rem;
    border: 1px solid #000;
    border-radius: 50%;
    font-weight: 500;
    font-size: .587em;
    line-height: 1.42;
    text-align: center;
    text-transform: uppercase;
    background-color: white;
    transform: rotateZ(-14deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    body:not([data-regpage-version="2"]) .ft-outfit-header .become-vip-circle,
    #postreg .ft-outfit-header .become-vip-circle {
        margin-left: 0;
        left: 7%;
        padding: .9625em .575em .25em;
        font-size: .875em;
        width:     6rem;
        height:    6rem;
        max-width: 6rem;
        border: 2px solid #000;
    }
    #postreg .ft-outfit-header .become-vip-circle {
        font-size: .9625rem;
    }
    [data-regpage-version="2"] .mp-freetrial .survey.final-step .ft-outfit-header .become-vip-circle,
    [data-regpage-version="2"] #postreg .mp-freetrial .survey.final-step .ft-outfit-header .become-vip-circle {
        margin-left: 0;
        left: .375rem;
        top: 0;
        font-size: 10px;
    }
    .survey-container-noquiz .ft-outfit-header .become-vip-circle {
    }
    .survey-container-noquiz .ft-outfit-header .rule--smile:before,
    .survey-container-noquiz .ft-outfit-header .rule--smile:after {
        width: 7rem;
    }
    #postreg .become-vip-circle {
        left: 7%;
        margin-left: 0;
        font-size: .5755rem;
    }

.ft-outfit-header {
    position: relative;
    /*margin: .75rem 0 1rem;*/
    padding: 0;
    }
    #quiz .ft-outfit-header {
        margin-bottom: 2rem;
    }
    .ft-outfit-header h1,
    #postreg .ft-outfit-header h1,
    #postreg .boxes .offer .ft-outfit-header h1,
    [data-regpage-version="2"] .mp-freetrial .survey.final-step h1 {
        margin: .5rem 0 .125em;
        font-size: 3.125rem;
        font-weight: 500;
        text-align: center;
        text-transform: none;
        line-height: 1;
        color: black;
    }
    .survey-container-noquiz .ft-outfit-header h1 {
        font-size: 2rem;
        padding-left:  3rem;
        padding-right: 3rem;
        min-width: 21rem;
    }
    [data-regpage-version="2"] .mp-freetrial .survey.final-step h1 {
        font-size: 2.3125rem;
    }
    #postreg .ft-outfit-header h1 {
        margin-top: 0;
    }
    .ft-outfit-header p {
        margin: 0 0 1em;
        text-align: center;
        font-size: 1rem;
        letter-spacing: 0.00625rem;
    }
    #postreg .ft-outfit-header p {
        margin-bottom: .25em;
    }
    .ft-outfit-header .rule--smile {
        display: inline-block;
        margin: 0;
        color: #f00a79;
        text-align: center;
        font-size: 1.5rem;
        line-height: 1;
        }
        .ft-outfit-header .rule--smile img,
        #postreg .boxes .offer .ft-outfit-header img {
            display: inline-block;
            padding: 0 .375em;
            max-width: 1em;
            height: auto;
            border: 0;
        }
        .ft-outfit-header .rule--smile:before,
        .ft-outfit-header .rule--smile:after {
            display: inline-block;
            width: 11.5rem;
            border-top: 2px solid #f00a79;
            content: " ";
            position: relative;
            top: -.4125em;
        }


/* Inline labels */
.select-wrapper {
    position: relative;
    width:100%;
}

.input-col,
form .input-col {
    padding-left: .5rem;
    padding-right: .5rem;
}
.input-col:first-child,
form .input-col:first-child {
    padding-left: 0;
}
.input-col:last-child,
form .input-col:last-child {
    padding-right: 0;
}

input[type="text"].inline-label-v1,     .inline-labels-v1 input[type="text"],
input[type="email"].inline-label-v1,    .inline-labels-v1 input[type="email"],
input[type="password"].inline-label-v1, .inline-labels-v1 input[type="password"],
input[type="tel"].inline-label-v1,      .inline-labels-v1 input[type="tel"],
input[type="number"].inline-label-v1,   .inline-labels-v1 input[type="number"],
select.inline-label-v1,                 .inline-labels-v1 select,
textarea.inline-label-v1,               .inline-labels-v1 textarea {
    margin: 0;
    padding: .5rem .675rem;
    height:      2.8125rem;
    line-height: 2.8125rem;
    width: 100% !important;
    border: 1px solid #b3b3b3;
    border-radius: 0 !important;
    background-color: white;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2125s ease-out;
    transition: all .2125s ease-out;
    font-size: 0.875em; 
    letter-spacing: 0.015625em;
}
select.inline-label-v1,  .inline-labels-v1 select, .litebox select.inline-label.input-row.row-v1,
.cart select.inline-label-v1, .cart input.inline-labels-v1,
.litebox select.inline-label-v1, .litebox input.inline-labels-v1 {
    padding-right: 1.625rem;
    border-radius: .25rem !important;
    width:100% !important;
    background: none;
    line-height: 1.2;
    -webkit-appearance: none;
    background: url('//fabkids-us-cdn.justfab.com/media/images/global/elements/down_arrow_dkgray_m.png') 98% center no-repeat;
}

input[type="text"].inline-label-v1.has-value,     .inline-labels-v1 input[type="text"].has-value,
input[type="email"].inline-label-v1.has-value,    .inline-labels-v1 input[type="email"].has-value,
input[type="password"].inline-label-v1.has-value, .inline-labels-v1 input[type="password"].has-value,
input[type="tel"].inline-label-v1.has-value,      .inline-labels-v1 input[type="tel"].has-value,
input[type="number"].inline-label-v1.has-value,   .inline-labels-v1 input[type="number"].has-value,
select.inline-label-v1.has-value,                 .inline-labels-v1 select.has-value {
    padding: .875rem .675rem .125rem;
}
select.inline-label-v1.has-value,  .inline-labels-v1 select.has-value {
    padding-right: 1.625rem;
}

textarea.inline-label-v1,
.inline-labels-v1 textarea {
    display: block;
    height: auto;
    padding: .5rem .375rem 1.25rem .6875rem;
    line-height: 1.42;
}
textarea.inline-label-v1.has-value,
.inline-labels-v1 textarea.has-value {
    padding: 1.25rem .375rem .5rem .6875rem;
}

input[type="text"].inline-label-v1:focus,     .inline-labels-v1 input[type="text"]:focus,
input[type="email"].inline-label-v1:focus,    .inline-labels-v1 input[type="email"]:focus,
input[type="password"].inline-label-v1:focus, .inline-labels-v1 input[type="password"]:focus,
input[type="tel"].inline-label-v1:focus,      .inline-labels-v1 input[type="tel"]:focus,
input[type="number"].inline-label-v1:focus,   .inline-labels-v1 input[type="number"]:focus,
select.inline-label-v1:focus,                 .inline-labels-v1 select:focus,
textarea.inline-label-v1:focus,               .inline-labels-v1 textarea:focus {
    border-color: #40cfe1;
    caret-color: #40cfe1;
    box-shadow: none;
    outline: 0;
}
input[type="text"].inline-label-v1.form_input_error:focus,     .inline-labels-v1 input[type="text"].form_input_error:focus,
input[type="email"].inline-label-v1.form_input_error:focus,    .inline-labels-v1 input[type="email"].form_input_error:focus,
input[type="password"].inline-label-v1.form_input_error:focus, .inline-labels-v1 input[type="password"].form_input_error:focus,
input[type="tel"].inline-label-v1.form_input_error:focus,      .inline-labels-v1 input[type="tel"].form_input_error:focus,
input[type="number"].inline-label-v1.form_input_error:focus,   .inline-labels-v1 input[type="number"].form_input_error:focus,
select.inline-label-v1.form_input_error:focus,                 .inline-labels-v1 select.form_input_error:focus,
textarea.inline-label-v1.form_input_error:focus,               .inline-labels-v1 textarea.form_input_error:focus {
    border-color: #e20000;
    caret-color: #e20000;
}
input.inline-label-v1 + label,  .inline-labels-v1 .has-value + label,
select.inline-label-v1 + label, .inline-labels-v1 .has-value + label,
textarea.inline-label-v1 + label {
    display: inline-block;
    position: absolute;
    padding: 0;
    top: 1rem;
    left: .6875rem;
    font-size: .625rem;
    text-transform: capitalize;;
    color: #aaa;
    line-height: 1;
    letter-spacing: .0625rem;
    opacity: 0;
    transition: all .2125s ease-out;
    pointer-events: none;
}
input.inline-label-v1.has-value + label,  .inline-labels-v1 .has-value + label,
select.inline-label-v1.has-value + label, .inline-labels-v1 .has-value + label,
textarea.inline-label-v1.has-value + label {
    top: .5rem;
    opacity: 1;
}

.inline-label-v1.has-html-placeholder::placeholder                 { display:none !important; visibility:hidden; }
.inline-label-v1.has-html-placeholder::-webkit-input-placeholder   { display:none !important; visibility:hidden; }
.inline-label-v1.has-html-placeholder::-moz-placeholder            { display:none !important; visibility:hidden; }
.inline-label-v1.has-html-placeholder:-ms-input-placeholder        { display:none !important; visibility:hidden; }
.inline-labels-v1 .has-html-placeholder::placeholder               { display:none !important; visibility:hidden; }
.inline-labels-v1 .has-html-placeholder::-webkit-input-placeholder { display:none !important; visibility:hidden; }
.inline-labels-v1 .has-html-placeholder::-moz-placeholder          { display:none !important; visibility:hidden; }
.inline-labels-v1 .has-html-placeholder:-ms-input-placeholder      { display:none !important; visibility:hidden; }

.inline-label-v1.has-html-placeholder   ~ .placeholder-html,
.inline-labels-v1 .has-html-placeholder ~ .placeholder-html {
    position: absolute;
    top: .5rem;
    left: .6875rem;
    color: #aaa;
    font-size: 0.8125rem;
    line-height: 1.42;
    letter-spacing: .05em;
    pointer-events: none;
}

.inline-label-v1.has-html-placeholder.has-value   ~ .placeholder-html,
.inline-labels-v1 .has-html-placeholder.has-value ~ .placeholder-html {
    display: none;
    visibility: hidden;
}

.inline-label-v1.has-html-placeholder   ~ .placeholder-html span.label,
.inline-labels-v1 .has-html-placeholder ~ .placeholder-html span.label {
    color: black;
}
.inline-label-v1.has-html-placeholder   ~ .placeholder-html a,
.inline-labels-v1 .has-html-placeholder ~ .placeholder-html a {
    color: #609cd4;
    pointer-events: all;
}


::placeholder {
    color: #aaa;
    text-transform: capitalize;
}
::-webkit-input-placeholder {
    color: #aaa;
    text-transform: capitalize;
    opacity: 1;
}
:-moz-placeholder {
    color: #aaa;
    text-transform: capitalize;
    opacity: 1;
}
::-moz-placeholder {
    color: #aaa;
    text-transform: capitalize;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #aaa;
    opacity: 1;
}
.inline-label-v1::placeholder {
    color: #aaa;
    text-transform: capitalize;
}
.inline-label-v1::-webkit-input-placeholder {
    color: #aaa;
    text-transform: capitalize;
}
.inline-label-v1:-moz-placeholder {
    color: #aaa;
    text-transform: capitalize;
}
.inline-label-v1::-moz-placeholder {
    color: #aaa;
    text-transform: capitalize;
}
.inline-label-v1:-ms-input-placeholder {
    color: #aaa;
    text-transform: capitalize;
}

.input-row {
    position: relative;
}

input.inline-label-v1 + label,
select.inline-label-v1 + label {
    display: inline-block;
    position: absolute;
    padding: 0;
    top: 1rem;
    left: .6875rem;
    font-size: .625rem;
    text-transform: capitalize;
    color: #aaa;
    line-height: 1;
    letter-spacing: .0625rem;
    opacity: 0;
    transition: all .2125s ease-out;
    pointer-events: none;
}
input.inline-label-v1.has-value + label,
select.inline-label-v1.has-value + label {
    top: .5rem;
    opacity: 1;
}
#ship_form .input-row.row, 
#registration_form .input-row.row, 
#payment_info .input-row.row,
#bill_form .input-row.row {
    margin: 0 0 1em;
}

input#form_input_shipping_address1 {
    width: 90% !important;
}

/* FKBN-5519: CC expiring feature */
.icon-info:before { content: 'i'; }
.icon-info-circled:before { content: 'i'; }
.icon-style-circle, .icon-style-square {
        display: inline-block;
        width: 1.0em;
        height: 1.0em;
        color: #fff;
        background: #609cd4;;
        text-align: center;
        line-height: 1em;
        padding-top: .37em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.icon-style-circle {
        border-radius: 50%;
}
.nav-item--account .icon-style-circle {
	position: absolute;
	top: 2px;
	right: 18px;
	font-style: normal;
	width: 15px;
	height: 15px;
	font-family: Baskerville;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.3px;
	line-height: 8px;
}

/** Rewards Shop Styling **/
/**************************/
.points-for-promos-quickview-modal {
    background-color: #fff;
}
.points-for-promos-quickview {
    padding: 35px 25px;
    display: flex;
    justify-content: center;
}
.points-for-promos.inner-wrap {
    display: flex;
    max-width: 680px;
    flex: 1;
    justify-content: center;
}
.points-for-promos.inner-wrap .top {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.points-for-promos.inner-wrap .left-pane {
    margin-right: 30px;
}
 .points-for-promos.inner-wrap .right-pane {
    margin-right: 30px;
}
.points-for-promos.inner-wrap .right-pane .title.redeemed {
    margin-bottom: 22px;
}
.points-for-promos.inner-wrap .right-pane .offer-redeemed-blurb {
    text-align: center;
    margin: 12px 0 28px;
}
.points-for-promos.inner-wrap .right-pane .promos-bottom p {
    margin-bottom: 28px;
}
.points-for-promos.inner-wrap img {
    margin: 0 auto;
}
.points-for-promos.inner-wrap .title {
    line-height: 22px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 16px;
    text-align: center;
}
.points-for-promos.inner-wrap .subtitle {
    line-height: 22px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 18px;
    text-align: center;
}
.points-for-promos.inner-wrap .subtitle .points-value {
    font-weight: bold;
    text-transform: uppercase;
}
.points-for-promos.inner-wrap div.select-wrapper {
    width: 100%;
    max-width: 270px;
}
.points-for-promos.inner-wrap select.inline-label-v1 {
    padding: 0 .125rem 0 .6875rem;
}
.points-for-promos.inner-wrap .redeem-blurb {
    font-size: 12px;
    line-height: 1.17;
    margin-top: 16px;
    padding: 0 10px;
    margin-bottom: 20px;
    text-align: center;
}

.pfp-redeem-button {
    background-color: #fb5597;
    border-radius: 4px;
    padding: 14px 0;
    width: 100%;
    display: block;
    text-align: center;
    padding: 14px 0;
    text-transform: uppercase;
}

.pfp-redeem-button span {
    font-size: 15px;
    height: 16px;
    font-weight: bold;
    letter-spacing: 0.7px;
    line-height: 1.07;
    color: #fff;
}
.pfp-redeem-button--disabled {
    background-color: #fb5597;
    border-radius: 4px;
    padding: 14px 0;
    width: 100%;
    display: block;
    text-align: center;
    padding: 14px 0;
    text-transform: uppercase;
    background-color: #f8b1cf;
}
.pfp-redeem-button--disabled span {
    font-size: 15px;
    height: 16px;
    font-weight: bold;
    letter-spacing: 0.7px;
    line-height: 1.07;
    color: #fff;
}
.pfp-redeem-button.redeemed {
    background-color: #f8b1cf;
}
#points-for-promos-quickview .promos-bottom {
    width: 100%;
    max-width: 270px;
}
#points-for-promos-quickview .promos-bottom p.reward-needs-redemption {
    padding-left: 30px;
    position: relative;
    margin-top: 20px;
}
#points-for-promos-quickview .promos-bottom p.reward-needs-redemption::before {
    margin:0 auto;
    width:20px;
    height:17px;
    content: '';
    top: 4px;
    left: 0;
    background:url(//fabkids-us-cdn.justfab.com/media/images/account/warning_icon.png) 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}
#points-for-promos-quickview .promos-bottom p.offer-redeemed-blurb {
    padding-left: 30px;
    position: relative;
    font-size: 12px;
}
#points-for-promos-quickview .promos-bottom p.offer-redeemed-blurb::before {
    margin:0 auto;
    width:22px;
    height:20px;
    content: '';
    top: -3px;
    left: 0;
    background:url(//fabkids-us-cdn.justfab.com/media/images/account/checkmark_icon.png) 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}
#continue-shopping-cta-wrap {
    text-align: center;
    margin-top: 8px;
}
#continue-shopping-cta-wrap a {
    color: #609cd4;
    font-size: 14px;
}

.rewards-quickview-error-wrap p {
    text-align: center;
    font-size: 12px;
    color: #d0021b;
}

#colorbox.layout--rewards_item #cboxLoadedContent {
    overflow: hidden!important;
}

/* FKBN-7070 Points for Promos Checkout Rewards */
.rewards-cart-error-wrap {
    position: relative;
}
.rewards-cart-error-wrap::before {
    margin:0 auto;
    width:21px;
    height:18px;
    content: '';
    top: 29%;
    left: 0;
    background:url(//fabkids-us-cdn.justfab.com/media/images/account/red_alert_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}
.rewards-cart-error-message {
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: 0.2px;
    color: #e20000;
    text-align: center;
    margin-top: 12px;
    margin-left: 30px;
}
#checkout-rewards-wrapper .bold {
    font-weight: 500;
}
.checkout-rewards-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .02em;
}
.checkout-rewards-header-wrap .available-to-redeem-wrap {
    display: flex;
}
.checkout-rewards-header-wrap .available-to-redeem-wrap .available-to-redeem {
    margin-right: 12px;
    display: inline-block;
}

.rewards-header {
    font-size: 1rem;
}
.rewards-css-arrow {
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #404040;
    transform: rotate(135deg);
    transform-origin: center;
    transition-duration: 100ms;
}
.rewards-css-arrow.expanded {
    transform: rotate(-45deg);
    transition-duration: 100ms;
    margin-top: 8px;
}
#checkout-rewards-collapsible {
    padding: 12px 24px 0 0;
}
#checkout-rewards-collapsible .reward-remark {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.3px;
    color: #2d2d2d;
    margin-bottom: 14px;
    display: block;
}
.reward-wrap {
    display: flex;
    font-size: 14px;
}
.reward-wrap.active .saved {
    opacity: 0.4;
}
.reward-wrap.saved {
    opacity: 0.4;
}

.reward-three-up-wrap .reward-three-up-item.saved {
    opacity: 0.4;
}

#checkout-rewards-collapsible .checkout-rewards-title-wrap {
    display: flex;
    justify-content: space-between;
}

#checkout-rewards-collapsible .checkout-rewards-title-wrap .reward-remark {
    font-size: 13px;
}

.reward-wrap .reward-title {
    display: block;
    font-weight: 600;
    letter-spacing: 0.2px;
}
.reward-wrap .reward-title.active {
    margin-top: 30px;
}
.reward-wrap .reward-redeemed-date {
    display: block;
}
.reward-wrap .reward-expiry-date {
    display: block;
}
#checkout-rewards-collapsible .select-wrapper {
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #a3a3a3;
}

#checkout-rewards-collapsible select.inline-label-v1 {
    padding: 0 0 0 12px;
    border: none;
    margin-bottom: 0;
    width: 100% !important;
}
#checkout-rewards-collapsible select.inline-label-v1.has-value {
    padding: 0 0 0 12px;
}
#checkout-rewards-collapsible select.inline-label-v1:focus {
    caret-color: inherit;
    border-color: inherit;
}

#checkout-rewards-collapsible .redeem-text.reward-remark {
    margin-bottom: 4px;
    font-weight: 500;
}
.two-pane.reward-wrap {
    display: flex;
    min-height: 232px;
}
.two-pane.reward-wrap.active {
    min-height: 0;
}

.two-pane.reward-wrap .img-wrap {
    width: 26%;
    padding: 10px 30px 10px 10px;
}

.two-pane.reward-wrap.active .img-wrap {
    width: 24%;
    padding: 10px 30px 10px 10px;
    text-align: center;
}

.two-pane.reward-wrap.active .promo-description {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.two-pane.reward-wrap.active .single-reward {

}
.two-pane.reward-wrap.active img {
    max-height: 177px;
    width: auto;
}
.two-pane.reward-wrap.active .select-wrapper {
    width: 250px;
}
.two-pane.reward-wrap .left-pane {
    width: 60%;
    border-right: solid 1px #d9d9d9;
    padding: 15px 0 15px;
}
.two-pane.reward-wrap .right-pane {
    width: 40%;
    padding: 15px 32px 0 35px;
}
.reward-three-up-wrap {
    display: flex;
    justify-content: space-around;
}
.reward-three-up-wrap .three-up-anchor {
    width: 24%;
    padding: 10px
}
.reward-three-up-wrap .reward-three-up-item {
    padding: 10px 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
}

.reward-three-up-wrap .reward-three-up-item:last-item {
    margin-right: 0;
}

.reward-three-up-wrap .reward-three-up-item img {
    margin-bottom: 10px;
    height: auto;
    width: 80px;
    min-width: 80px;
}
.reward-three-up-wrap .reward-three-up-item.selected {
    border: 2px solid #f00083;
}

.reward-three-up-wrap .reward-three-up-item.locked .overlay-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .reward-three-up-wrap .reward-three-up-item.locked .overlay {
    background-color: #666;
    opacity: 0.69;
    width: 100%;
    height: 100%;
    background-image: url(//fabkids-us-cdn.justfab.com/media/images/account/padlock-icon.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 25px;
  }

.reward-three-up-wrap .reward-three-up-item .reward-point-text {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -4px;
    text-align: center;
    color: #2d2d2d;
}
.reward-three-up-wrap .reward-three-up-item .reward-point-text.description {
    font-weight: 400;
    margin-bottom: 12px;
}
.redeem-reward-points-description {
    margin-bottom: 24px;
    font-weight: 300;
}
.save-for-later {
    font-size: 11px;
    letter-spacing: 0.2px;
    color: #666;
    margin: 14px 0 4px;
    display: block;
    margin-top: 30px;
}

.reward-add-more {
    color: #2d2d2d;
    font-size: 14px;
    margin-bottom: 20px;
    display: block;
}
.reward-add-more .reward-info-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    padding: .1875em;
    font-size: 1rem;
    font-family: serif;
    background-color: #609CD4;
    margin-right: 8px;
    color: #fff;
    text-align: center;
    line-height: 1;
    border-radius: 50%;
}

.margin-sides--s {
    margin-right: .5rem;
    margin-left:  .5rem;
}
.margin-sides--m {
    margin-right: .875rem;
    margin-left:  .875rem;
}
.margin-sides--l {
    margin-right: 1.25rem;
    margin-left:  1.25rem;
}
.padded-sides,
.padded-sides--s {
    padding-right: .5rem;
    padding-left:  .5rem;
}
.padded-sides--m {
    padding-right: .75rem;
    padding-left:  .75rem;
}
.padded-sides--l {
    padding-right: 1rem;
    padding-left:  1rem;
}
@media (min-width: 22em) {
    .margin-sides--s {
        margin-right: .625rem;
        margin-left:  .625rem;
    }
    .margin-sides--m {
        margin-right: 1rem;
        margin-left:  1rem;
    }
    .margin-sides--l {
        margin-right: 1.5rem;
        margin-left:  1.5rem;
    }
    .padded-sides,
    .padded-sides--s {
        padding-right: .625rem;
        padding-left:  .625rem;
    }
    .padded-sides--m {
        padding-right: 1rem;
        padding-left:  1rem;
    }
    .padded-sides--l {
        padding-right: 1.5rem;
        padding-left:  1.5rem;
    }
}

#error .forgot-password {
    cursor: pointer;
}

#prop65-lead{
    padding-bottom: 20px;
    margin-left: 14px;
}

#prop65-lead .column {
    float: left;
    padding: 5px;
}

#prop65-lead .txt {
    font-size: 8px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 0.2px;
    color: #000000;
    width: 700px;
}

#prop65-lead .imag {
    width: 10.5px;
    height: 9.7px;
    opacity: 0.7;
    vertical-align: top;
}

#prop65-vip{
    padding-bottom: 20px;
}

#prop65-vip .column {
    float: left;
    padding: 5px;
}

#prop65-vip .txt {
    font-size: 8px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 0.2px;
    color: #000000;
    width: 350px;
}

#prop65-vip .imag {
    width: 10.5px;
    height: 9.7px;
    opacity: 0.7;
    vertical-align: top;
}

.sizing-update-row {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
}
#sizing-update-banner {
    background-color: #e4fbf9;
    padding: .3125rem;
    color: #333 !important;
    font-size: 1rem;
    min-height: 2.5rem;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
}
#sizing-update-banner .bold-text {
    font-weight: 500;
}
#sizing-update-banner .link-text {
    color: #333;
    text-decoration: underline;
    padding-top: unset;
    text-align: unset;
    display: unset;
}
[data-show-new-sizing-notice="false"] .is-sizing-update-notice,
[data-has-updated-sizing="false"] a.updated-size-guide,
[data-has-updated-sizing="true"] a.updated-size-guide ~ a.size-guide,
[data-has-updated-sizing="true"] a.updated-size-guide ~ a.size-guide-license,
[data-show-updated-size-chart="true"] a.updated-size-guide ~ a.size-guide,
[data-show-updated-size-chart="true"] a.updated-size-guide ~ a.size-guide-license {
    display: none !important;
}
[data-show-updated-size-chart="true"] a.updated-size-guide {
    display: unset !important;
}
.sizing-popup-trigger {
    position: absolute;
    left: 0;
    height: 55px;
    background: transparent;
    width: 100%;
    z-index: 0;
    transform-origin: 100% 0% 0px;
}
.sizing-popup-tooltip {
    background: rgba(0,0,0,.6);
    position: absolute;
    margin: .5rem;
    padding: .5rem .5rem;
    border-radius: 3px;
    z-index: 10;
    transition: all .2s ease;
    color: #fff;
    font-size: .75rem;
    text-align: left;
}
.sizing-popup-tooltip.is-sizing-update-notice.hide {
    width: 0;
    height: 0;
    font-size: 0;
    background-color: transparent;
    padding: 0;
}
[data-view-page="shop-product"] .sizing-popup-tooltip{
    left: 89px;
    right: -8px;
    bottom: 82px;
}
[data-view-page="shop-product"] .sizing-popup-tooltip {
    left: auto;
    right: 0;
    bottom: 0;
}
.sizing-popup-tooltip span {
    position: unset !important;
    top: unset !important;
    line-height: unset !important;
    margin-right: unset !important;
}

.surcharge-tooltip-container {
    display: inline-block;
    position: relative;
}

.surcharge-tooltip-title {
    font-weight: bold; 
    text-align: center; 
    margin-bottom: 0.5rem;
}

.surcharge-tooltip-trigger {
    position: relative;
    top: 0.072rem;
}

.surcharge-tooltip-window {
    left: -114px;
    position: absolute;
    top: 1rem;
    white-space: normal;
    width: 15rem;
}

.surcharge-tooltip-window .body {
    font-weight: normal;
    text-transform: none;
}

.surcharge-tooltip-window .body#override {
    font-weight: normal;
    padding: 2rem;
    text-transform: none;
    width: 22rem;
}

.tooltip-header {
    font-size: 1.125rem;
    font-weight: bold;
}

.tooltip-hr#dark {
    border: 1px solid #404040;
}

.tooltip-hr#light {
    border: 1px solid #dddddd;
}

.tooltip-surcharge-summary {
    font-size: 0.5625rem;
    margin-top: -0.5rem;
}

.tooltip-tax-line {
    display: flex;
    font-size: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.tooltip-tax-line-container {
    margin: 1rem 0rem;
}

.tooltip-tax-total-container {
    display: flex;
    justify-content: space-between;
}

.tooltip-tax-total-container span {
    font-size: 0.75rem;
    font-weight: bold;
}

#INDmenu-btn{
	display:none!important;
}
/* End main styles. Place new CSS above this line. */
.custom-select {
    position: relative;
    display:inline-block;
  }
  
  .custom-select select {
    display: none !important; 
  }
  
  .select-selected {
    background-color: white;
    width: 65px;
    height: 40px;
    display:inline-block;
  }
  
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
  }
  
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #d3d3d3 transparent;
    top: 7px;
  }
  .select-selected{
    border: solid 1px #d3d3d3;
  }

  .select-items div,.select-selected {
    color: black;
    padding: 8px 16px;
    border-radius: 1px;
    cursor: pointer;
  }

  .select-items div:first-child{
      border-top:none;
  }
  
  .select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: solid 1px #d3d3d3;
    border-top:none;
  }

  .select-hide {
    display: none;
  }
  .gender-m .select-items div:hover, .gender-m .same-as-selected {
    background-color: #1518a2;
    color:white;
  }

  .gender-f .select-items div:hover, .gender-f .same-as-selected {
    background-color: #e31c79;
    color:white;
  }

#supportFrame {
    border: 0;
    height: 1250px; 
    width: 100%; 
}

.payment-edit-paypal-button {
    margin-top: 0.5rem;
}

#pp-bt-error-container {
    color: red;
    margin: 0.5rem 0rem;
    text-align: left;
}

#cont-w-pp {
    color: #2d2d2d;
    font-family: Poppins;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 24px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    width: 313px;
}

#pp-bt-complete-payment {
    color: #666666;
    font-family: Poppins;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    height: 21px;
    letter-spacing: 0.41px;
    line-height: 1.62;
    width: 577px;
}

#pp-bt-container {
    margin: 2rem 0rem;
}

  /* End main styles. Place new CSS above this line. */