@media only screen and (max-width: 600px) { /* Change the background color of the element to "lightblue" when the browser window is 600px wide or less: */ .containerx { display: flex; justify-content: center; align-content: center; flex-wrap: wrap; /* flex-flow: wrap-reverse; */ flex-flow: column-reverse; } .green { width: 100%; } .blue { width: 100%; } } @media only screen and (max-width: 373px) { .insideblue{ zoom:0.72; } .contractboxzoom{ zoom:0.72; } #contractboxzoom{ zoom:0.72; } } .containerx { display: flex; justify-content: center; align-content: center; flex-wrap: wrap; } .red { /* background: orangered; */ display: flex; flex-direction: column; } .green { /* background: yellowgreen; */ width: 70%; } .blue { /* background: steelblue; */ width: 30%; } .containerx div { /* color: white; */ flex: 1; } .contentlimited { margin-right: 5px; margin-left: 5px; max-width: 1160px; margin: 0 auto !important; float: none !important; /* padding-right: 2rem; padding-left: 2rem; */ } .contentcenterhor { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } .row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-flow: row wrap; margin-right: -0.5rem; margin-left: -0.5rem; } .row.reverse { flex-direction: row-reverse; } .col.reverse { flex-direction: column-reverse; } .col-xs { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .col-xs-1 { box-sizing: border-box; flex: 0 0 8.33333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 8.33333%; } .col-xs-2 { box-sizing: border-box; flex: 0 0 16.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 16.6667%; } .col-xs-3 { box-sizing: border-box; flex: 0 0 25%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 25%; } .col-xs-4 { box-sizing: border-box; flex: 0 0 33.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 33.3333%; } .col-xs-5 { box-sizing: border-box; flex: 0 0 41.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 41.6667%; } .col-xs-6 { box-sizing: border-box; flex: 0 0 50%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 50%; } .col-xs-7 { box-sizing: border-box; flex: 0 0 58.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 58.3333%; } .col-xs-8 { box-sizing: border-box; flex: 0 0 66.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 66.6667%; } .col-xs-9 { box-sizing: border-box; flex: 0 0 75%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 75%; } .col-xs-10 { box-sizing: border-box; flex: 0 0 83.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 83.3333%; } .col-xs-11 { box-sizing: border-box; flex: 0 0 91.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 91.6667%; } .col-xs-12 { box-sizing: border-box; flex: 0 0 100%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 100%; } .col-xs-offset-1 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-xs-offset-2 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.6667%; } .col-xs-offset-3 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-xs-offset-4 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.3333%; } .col-xs-offset-5 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.6667%; } .col-xs-offset-6 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-xs-offset-7 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.3333%; } .col-xs-offset-8 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.6667%; } .col-xs-offset-9 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-xs-offset-10 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.3333%; } .col-xs-offset-11 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.6667%; } .col-xs-offset-12 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-xs { flex-grow: 1; flex-basis: 0px; max-width: 100%; } .start-xs { justify-content: flex-start; text-align: start; } .center-xs { justify-content: center; text-align: center; } .end-xs { justify-content: flex-end; text-align: end; } .top-xs { align-items: flex-start; } .middle-xs { align-items: center; } .bottom-xs { align-items: flex-end; } .around-xs { justify-content: space-around; } .between-xs { justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .col-sm-1 { box-sizing: border-box; flex: 0 0 8.33333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 8.33333%; } .col-sm-2 { box-sizing: border-box; flex: 0 0 16.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 16.6667%; } .col-sm-3 { box-sizing: border-box; flex: 0 0 25%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 25%; } .col-sm-4 { box-sizing: border-box; flex: 0 0 33.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 33.3333%; } .col-sm-5 { box-sizing: border-box; flex: 0 0 41.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 41.6667%; } .col-sm-6 { box-sizing: border-box; flex: 0 0 50%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 50%; } .col-sm-7 { box-sizing: border-box; flex: 0 0 58.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 58.3333%; } .col-sm-8 { box-sizing: border-box; flex: 0 0 66.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 66.6667%; } .col-sm-9 { box-sizing: border-box; flex: 0 0 75%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 75%; } .col-sm-10 { box-sizing: border-box; flex: 0 0 83.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 83.3333%; } .col-sm-11 { box-sizing: border-box; flex: 0 0 91.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 91.6667%; } .col-sm-12 { box-sizing: border-box; flex: 0 0 100%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 100%; } .col-sm-offset-1 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-sm-offset-2 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.6667%; } .col-sm-offset-3 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-sm-offset-4 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.3333%; } .col-sm-offset-5 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.6667%; } .col-sm-offset-6 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-sm-offset-7 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.3333%; } .col-sm-offset-8 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.6667%; } .col-sm-offset-9 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-sm-offset-10 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.3333%; } .col-sm-offset-11 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.6667%; } .col-sm-offset-12 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-sm { flex-grow: 1; flex-basis: 0px; max-width: 100%; } .start-sm { justify-content: flex-start; text-align: start; } .center-sm { justify-content: center; text-align: center; } .end-sm { justify-content: flex-end; text-align: end; } .top-sm { align-items: flex-start; } .middle-sm { align-items: center; } .bottom-sm { align-items: flex-end; } .around-sm { justify-content: space-around; } .between-sm { justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media only screen and (min-width: 62em) { .container { width: 61rem; } .col-md { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .col-md-1 { box-sizing: border-box; flex: 0 0 8.33333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 8.33333%; } .col-md-2 { box-sizing: border-box; flex: 0 0 16.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 16.6667%; } .col-md-3 { box-sizing: border-box; flex: 0 0 25%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 25%; } .col-md-4 { box-sizing: border-box; flex: 0 0 33.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 33.3333%; } .col-md-5 { box-sizing: border-box; flex: 0 0 41.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 41.6667%; } .col-md-6 { box-sizing: border-box; flex: 0 0 50%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 50%; } .col-md-7 { box-sizing: border-box; flex: 0 0 58.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 58.3333%; } .col-md-8 { box-sizing: border-box; flex: 0 0 66.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 66.6667%; } .col-md-9 { box-sizing: border-box; flex: 0 0 75%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 75%; } .col-md-10 { box-sizing: border-box; flex: 0 0 83.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 83.3333%; } .col-md-11 { box-sizing: border-box; flex: 0 0 91.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 91.6667%; } .col-md-12 { box-sizing: border-box; flex: 0 0 100%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 100%; } .col-md-offset-1 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-md-offset-2 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.6667%; } .col-md-offset-3 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-md-offset-4 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.3333%; } .col-md-offset-5 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.6667%; } .col-md-offset-6 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-md-offset-7 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.3333%; } .col-md-offset-8 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.6667%; } .col-md-offset-9 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-md-offset-10 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.3333%; } .col-md-offset-11 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.6667%; } .col-md-offset-12 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-md { flex-grow: 1; flex-basis: 0px; max-width: 100%; } .start-md { justify-content: flex-start; text-align: start; } .center-md { justify-content: center; text-align: center; } .end-md { justify-content: flex-end; text-align: end; } .top-md { align-items: flex-start; } .middle-md { align-items: center; } .bottom-md { align-items: flex-end; } .around-md { justify-content: space-around; } .between-md { justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .col-lg-1 { box-sizing: border-box; flex: 0 0 8.33333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 8.33333%; } .col-lg-2 { box-sizing: border-box; flex: 0 0 16.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 16.6667%; } .col-lg-3 { box-sizing: border-box; flex: 0 0 25%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 25%; } .col-lg-4 { box-sizing: border-box; flex: 0 0 33.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 33.3333%; } .col-lg-5 { box-sizing: border-box; flex: 0 0 41.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 41.6667%; } .col-lg-6 { box-sizing: border-box; flex: 0 0 50%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 50%; } .col-lg-7 { box-sizing: border-box; flex: 0 0 58.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 58.3333%; } .col-lg-8 { box-sizing: border-box; flex: 0 0 66.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 66.6667%; } .col-lg-9 { box-sizing: border-box; flex: 0 0 75%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 75%; } .col-lg-10 { box-sizing: border-box; flex: 0 0 83.3333%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 83.3333%; } .col-lg-11 { box-sizing: border-box; flex: 0 0 91.6667%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 91.6667%; } .col-lg-12 { box-sizing: border-box; flex: 0 0 100%; padding-right: 0.5rem; padding-left: 0.5rem; max-width: 100%; } .col-lg-offset-1 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-lg-offset-2 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.6667%; } .col-lg-offset-3 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-lg-offset-4 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.3333%; } .col-lg-offset-5 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.6667%; } .col-lg-offset-6 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-lg-offset-7 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.3333%; } .col-lg-offset-8 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.6667%; } .col-lg-offset-9 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-lg-offset-10 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.3333%; } .col-lg-offset-11 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.6667%; } .col-lg-offset-12 { box-sizing: border-box; flex-grow: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-lg { flex-grow: 1; flex-basis: 0px; max-width: 100%; } .start-lg { justify-content: flex-start; text-align: start; } .center-lg { justify-content: center; text-align: center; } .end-lg { justify-content: flex-end; text-align: end; } .top-lg { align-items: flex-start; } .middle-lg { align-items: center; } .bottom-lg { align-items: flex-end; } .around-lg { justify-content: space-around; } .between-lg { justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } .flex-center { justify-content: center !important; align-items: center !important; } .flex-center__x { justify-content: center !important; } .flex-center__y { align-items: center !important; } .flex-column__lg, .flex-column__md, .flex-column__sm { display: none !important; } .flex-column { flex-direction: column; } @media (max-width: 48em) { .flex-column__xs { flex-direction: column; } } @media (max-width: 64em) and (min-width: 48em) { .flex-column__sm { flex-direction: column; } } @media (max-width: 75em) and (min-width: 64em) { .flex-column__md { flex-direction: column; } } @media (min-width: 75em) { .flex-column__lg { flex-direction: column; } } @media (max-width: 48em) { .hidden-xs { display: none !important; } } @media (max-width: 64em) and (min-width: 48em) { .hidden-sm { display: none !important; } } @media (max-width: 75em) and (min-width: 64em) { .hidden-md { display: none !important; } } @media (min-width: 75em) { .hidden-lg { display: none !important; } } .visible-xs-block { display: none !important; } @media (max-width: 48em) { .visible-xs-block { display: block !important; } } .visible-sm-block { display: none !important; } @media (max-width: 64em) and (min-width: 48em) { .visible-sm-block { display: block !important; } } .visible-md-block { display: none !important; } @media (max-width: 75em) and (min-width: 64em) { .visible-md-block { display: block !important; } } .visible-lg-block { display: none !important; } @media (min-width: 75em) { .visible-lg-block { display: block !important; } } .visible-xs-inline-block { display: none !important; } @media (max-width: 48em) { .visible-xs-inline-block { display: inline-block !important; } } .visible-sm-inline-block { display: none !important; } @media (max-width: 64em) and (min-width: 48em) { .visible-sm-inline-block { display: inline-block !important; } } .visible-md-inline-block { display: none !important; } @media (max-width: 75em) and (min-width: 64em) { .visible-md-inline-block { display: inline-block !important; } } .visible-lg-inline-block { display: none !important; } @media (min-width: 75em) { .visible-lg-inline-block { display: inline-block !important; } } .visible-xs-inline { display: none !important; } @media (max-width: 48em) { .visible-xs-inline { display: inline !important; } } .visible-sm-inline { display: none !important; } @media (max-width: 64em) and (min-width: 48em) { .visible-sm-inline { display: inline !important; } } .visible-md-inline { display: none !important; } @media (max-width: 75em) and (min-width: 64em) { .visible-md-inline { display: inline !important; } } .visible-lg-inline { display: none !important; } @media (min-width: 75em) { .visible-lg-inline { display: inline !important; } } .visible-xs { display: none !important; } @media (max-width: 48em) { .visible-xs { display: flex !important; } } .visible-sm { display: none !important; } @media (max-width: 64em) and (min-width: 48em) { .visible-sm { display: flex !important; } } .visible-md { display: none !important; } @media (max-width: 75em) and (min-width: 64em) { .visible-md { display: flex !important; } } .visible-lg { display: none !important; } @media (min-width: 75em) { .visible-lg { display: flex !important; } } meta.foundation-version { font-family: "/5.5.3/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0px; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 551px)/"; width: 0px; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:551px)/"; width: 551px; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:551px) and (max-width:801px)/"; width: 551px; } meta.foundation-mq-large { font-family: "/only screen and (min-width:801px)/"; width: 801px; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:801px) and (max-width:1261px)/"; width: 801px; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:1261px)/"; width: 1261px; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/"; width: 1261px; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:1681px)/"; width: 1681px; } meta.foundation-data-attribute-namespace { font-family: false; } .u-block { display: block !important; } .u-inlineBlock { display: inline-block !important; max-width: 100% !important; } .u-hidden { display: none !important; } .u-hiddenVisually { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .is-srOnly { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .u-textAlignCenter { text-align: center !important; } .u-textAlignLeft { text-align: left !important; } .u-textAlignRight { text-align: right !important; } .u-textBreak { overflow-wrap: break-word !important; } .u-textInheritColor { color: inherit !important; } .u-textKern { text-rendering: optimizelegibility !important; font-feature-settings: "kern" !important; font-kerning: normal !important; } .u-textLead { line-height: 1.6 !important; font-size: 1.1em !important; } .u-textNoWrap { white-space: nowrap !important; } .u-textTruncate { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; overflow-wrap: normal !important; } .u-fontSmoothing { -webkit-font-smoothing: antialiased !important; } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0px; } mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0px; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0px; padding: 0px; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0px; } td, th { padding: 0px; } *, ::after, ::before { box-sizing: border-box; } body, html { height: 100%; } body { background: rgb(255, 255, 255); color: rgb(51, 51, 51); cursor: auto; margin: 0px; padding: 0px; position: relative; } body { -webkit-font-smoothing: antialiased; } a:hover { cursor: pointer; } figure { margin: 0px 0px 1.5rem; } img {/* display: inline-block; *//* height: auto; *//* max-width: 100%; *//* vertical-align: middle; */} button { background: 0px 0px; border: 0px; } button:active, button:focus { box-shadow: none; outline: 0px; } textarea { height: auto; min-height: 50px; } select { width: 100%; } blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul { margin: 0px; padding: 0px; } html { font-size: 14px; } @media (min-width: 551px) { html { font-size: 14px; } } @media (min-width: 801px) { html { font-size: 14px; } } @media (min-width: 1261px) { html { font-size: 14px; } } #masterblock{ *width: 80%; max-width:850px; } body { font-family: Merriweather, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.5; } a { color: rgb(51, 51, 51); line-height: inherit; text-decoration: underline; } a:focus, a:hover { color: rgb(117, 117, 117); } p { margin-bottom: 1.5rem; } h1, h2, h3, h4, h5, h6 { color: rgb(68, 68, 68); font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.25px; margin-bottom: 0.78571rem; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: rgb(117, 117, 117); font-size: 60%; line-height: 0; } h1 { font-size: 28px; } h2 { font-size: 25px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 15px; } h6 { font-size: 13px; } .subheader { font-weight: 400; line-height: 24px; margin-bottom: 0.78571rem; } hr { border-style: solid; border-color: rgb(229, 229, 229); border-image: initial; border-width: 1px 0px 0px; clear: both; height: 0px; margin: 2rem 0px 1.92857rem; } em, i { font-style: italic; line-height: inherit; } b, strong { font-weight: 700; line-height: inherit; } small { font-size: 60%; line-height: inherit; } dl, ol, ul { list-style-position: outside; margin-bottom: 1.5rem; } ol ol, ol ul, ul ol, ul ul { margin-left: 1.2rem; margin-bottom: 0px; } ul { margin-left: 1.15rem; } ol { margin-left: 1.15rem; } dl dt { font-weight: 700; margin-bottom: 0.35714rem; } dl dd { margin-bottom: 1.5rem; } abbr, acronym { border-bottom: 1px dotted rgb(204, 204, 204); color: rgb(51, 51, 51); cursor: help; font-size: 90%; text-transform: uppercase; } abbr { text-transform: none; } blockquote, blockquote p { font-size: 22px; line-height: 29px; } cite { color: rgb(153, 153, 153); display: block; font-size: 1rem; } .icon { height: 1.14286rem; width: 1.14286rem; display: inline-block; vertical-align: middle; } .icon svg { display: inline-block; fill: rgb(117, 117, 117); height: 100%; vertical-align: top; width: 100%; } .inlineList { list-style: none; margin: 0px 0px 1.21429rem -1.57143rem; overflow: hidden; padding: 0px; } .inlineList > li { display: block; float: left; list-style: none; margin-left: 1.57143rem; } .inlineList > li > * { display: block; } .table { border: 1px solid rgb(229, 229, 229); margin-bottom: 2rem; table-layout: auto; width: 100%; } .table thead { background: rgb(229, 229, 229); } .table thead tr td, .table thead tr th { font-size: 1rem; font-weight: 700; padding: 0.78571rem 1.5rem; } .table tr td, .table tr th { padding: 0.78571rem 1.5rem; text-align: left; } .table tbody tr td, .table tbody tr th, .table tfoot tr td, .table tfoot tr th, .table thead tr th, .table tr td { display: table-cell; } .table td.table-cell--numericData, .table th.table-header--numericData { text-align: right; } .table-thead { border: 1px solid rgb(229, 229, 229); } .table-tfoot { border: 1px solid rgb(229, 229, 229); } .table-tbody tr { border-bottom: 1px solid rgb(229, 229, 229); } .table-tbody tr:last-child { border-bottom: 0px; } .button { -webkit-appearance: none; border-style: solid; border-width: 1px; cursor: pointer; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; line-height: normal; margin: 0px 0px 1rem; position: relative; text-align: center; text-decoration: none; display: inline-block; background-color: transparent; border-color: rgb(204, 204, 204); color: rgb(102, 102, 102); font-size: 1rem; padding: 0.85714rem 2.28571rem; border-radius: 4px; outline: 0px; vertical-align: middle; } .button.active, .button.is-active, .button:focus, .button:hover { background-color: transparent; border-color: rgb(153, 153, 153); color: rgb(51, 51, 51); } .button:active { background-color: transparent; border: 1px solid rgb(117, 117, 117); color: rgb(0, 0, 0); } .button.active, .button.is-active, .button:focus { outline: 0px; } @media (min-width: 481px) { .button + .button { margin-left: 0.78571rem; } } .button--primary { background-color: rgb(34, 59, 89); border-color: rgb(34, 59, 89); color: rgb(255, 255, 255); } .button--primary.active, .button--primary.is-active, .button--primary:focus, .button--primary:hover { background-color: rgb(37, 69, 106); border-color: rgb(37, 69, 106); color: rgb(255, 255, 255); } .button--primary:active { background-color: rgb(37, 69, 106); border: 1px solid rgb(37, 69, 106); color: rgb(255, 255, 255); } .button[disabled] { background-color: rgb(204, 204, 204); border-color: rgba(0, 0, 255, 0); color: rgb(255, 255, 255); cursor: default; } .button--large { font-size: 15px; } .button--small { font-size: 13px; padding: 0.57143rem 1.5rem; } .button--slab { display: block; width: 100%; } .button + .button--slab { margin-left: 0px; } .button--icon { font-size: 1rem; padding: 0.78571rem; } .button--icon svg { fill: rgb(117, 117, 117); } .buttonGroup { display: inline-block; } .buttonGroup > .button { border-radius: 0px; border-right-width: 0px; float: left; margin-left: 0px; } .buttonGroup > .button:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .buttonGroup > .button:last-child { border-bottom-right-radius: 4px; border-right-width: 1px; border-top-right-radius: 4px; } .dropdown-menu { display: none; left: -9999px; list-style: none; margin-left: 0px; position: absolute; background: rgb(229, 229, 229); font-size: 1rem; height: auto; width: 100%; z-index: 89; max-width: 200px; } .dropdown-menu.open { display: block; } .dropdown-menu > :first-child { margin-top: 0px; } .dropdown-menu > :last-child { margin-bottom: 0px; } .dropdown-menu--content { display: none; left: -9999px; list-style: none; margin-left: 0px; position: absolute; background: rgb(229, 229, 229); font-size: 1rem; height: auto; padding: 0.78571rem; width: 100%; z-index: 89; max-width: 200px; } .dropdown-menu--content.open { display: block; } .dropdown-menu--content > :first-child { margin-top: 0px; } .dropdown-menu--content > :last-child { margin-bottom: 0px; } .dropdown-menu-item { cursor: pointer; font-size: 1rem; line-height: 1.5; margin: 0px; padding: 0.35714rem 0.71429rem; } .dropdown-menu-item a { display: block; padding: 0.35714rem; } .dropdown-menu-item a { margin: -0.35714rem; } .form { margin: 0px 0px 1.5rem; } .form-fieldset { border-width: 0px; margin: 0px; padding: 0px; } .form-legend { background: 0px 0px; border-style: solid; border-color: rgb(153, 153, 153); border-image: initial; border-width: 0px 0px 1px; display: block; line-height: 32px; margin-bottom: 0.78571rem; padding: 0px; width: 100%; } .form-label { color: rgb(102, 102, 102); cursor: pointer; display: block; font-size: 1rem; line-height: 1.5; margin-bottom: 0.5rem; } .form-label small { color: rgb(117, 117, 117); font-size: 0.71429rem; text-transform: uppercase; vertical-align: bottom; } .form-input { -webkit-appearance: none; background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px; border-radius: 4px; color: rgb(102, 102, 102); display: block; font-family: inherit; font-size: 1rem; -webkit-font-smoothing: antialiased; height: 3rem; margin: 0px; padding: 0.75rem 1rem; transition: border-color 0.1s ease-out 0s; width: 100%; } .form-input:disabled { background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); cursor: not-allowed; } .form-input[readonly] { background-color: rgb(229, 229, 229); border-color: rgb(153, 153, 153); color: rgb(117, 117, 117); cursor: text; } .form-input:focus { border-color: rgb(153, 153, 153); outline: 0px; } .form-input[rows] { height: auto; } .form-input[type="search"] { box-sizing: border-box; } .form-input::-webkit-input-placeholder { color: rgb(153, 153, 153); } .form-select { background-color: rgb(255, 255, 255); background-image: url(""); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: rgb(204, 204, 204); color: rgb(102, 102, 102); font-family: inherit; font-size: 1rem; line-height: normal; padding: 0.75rem; border-radius: 0px; cursor: pointer; height: 3rem; margin: 0px; outline: 0px; -webkit-appearance: none !important; } .form-select.radius { border-radius: 4px; } .form-select:focus { border-color: rgb(153, 153, 153); } .form-select:disabled { background-color: rgb(255, 255, 255); cursor: not-allowed; } .form-select:focus { border-color: rgb(153, 153, 153); } .form-body { background-color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); box-shadow: rgba(255, 255, 255, 0.13) 0px 1px 2px; margin-bottom: 1.5rem; max-width: none; padding: 1.5rem; } .form-row { margin: 0px -0.75rem; max-width: none; width: auto; } .form-row::after, .form-row::before { content: " "; display: table; } .form-row::after { clear: both; } .form-row .form-field { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; max-width: none; } @media (min-width: 551px) { .form-row--half .form-field { width: 50%; } .form-row--third .form-field { width: 33.3333%; } .form-row--quarter .form-field { width: 25%; } } .form-field { display: block; margin: 0px 0px 2rem; max-width: none; } .form-field::after, .form-field::before { content: " "; display: table; } .form-field::after { clear: both; } .form-select[multiple] { height: auto; } .form-select[multiple] option { padding: 5px; } .form-checkbox, .form-radio { border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .form-checkbox + .form-label, .form-radio + .form-label { display: inline-block; font-size: 1rem; font-weight: 400; margin-bottom: 0.35714rem; padding-left: 1.85714rem; position: relative; vertical-align: baseline; width: 100%; } .form-checkbox + .form-label::after, .form-checkbox + .form-label::before, .form-radio + .form-label::after, .form-radio + .form-label::before { content: ""; display: block; position: absolute; transition: all 50ms ease-out 0s; } .form-checkbox + .form-label::before, .form-radio + .form-label::before { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); height: 1.14286rem; left: 0px; top: 0px; width: 1.14286rem; } .form-checkbox + .form-label::after, .form-radio + .form-label::after { height: 1rem; left: 1px; opacity: 0; top: 1px; transform: scale(0); width: 1rem; } .form-checkbox:checked + .form-label::after, .form-radio:checked + .form-label::after { opacity: 1; transform: scale(1); } .form-checkbox[disabled] + .form-label, .form-radio[disabled] + .form-label { cursor: default; } .form-checkbox[disabled] + .form-label::before, .form-radio[disabled] + .form-label::before { background-color: rgb(255, 255, 255); } .form-checkbox + .form-label::before { border-radius: 4px; } .form-checkbox + .form-label::after { background-image: url(""); background-position: 50% center; background-repeat: no-repeat; background-size: 100%; color: rgb(51, 51, 51); content: ""; font-size: 1rem; line-height: 1; text-align: center; } .form-radio + .form-label::before { border-radius: 50%; } .form-radio + .form-label::after { background: rgb(51, 51, 51); border: 3px solid rgb(255, 255, 255); border-radius: 1rem; } .form-input.has-action { float: left; padding-right: 2.85714rem; } .form-input.has-action + .button--inputAction { background: 0px 0px; border: 0px; border-radius: 0px; float: left; height: 2.85714rem; margin: 0.07143rem 0px 0px -2.92857rem; width: 2.85714rem; } .form-input.has-icon { float: left; padding-right: 2.57143rem; } .form-input.has-icon + .icon { height: 3rem; margin-left: -2.57143rem; width: 1.42857rem; } .form-prefixPostfix { display: flex; flex-flow: row nowrap; } .form-prefixPostfix .form-input { flex: 1 1 0%; } .form-prefixPostfix .button { height: 3rem; } .form-prefixPostfix-input { border-radius: 0px; } .form-prefixPostfix-label { background-color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); flex: 1 1 0%; font-weight: 300; height: 3rem; line-height: normal; max-width: 6.42857rem; padding: 0.75rem; text-align: center; } .form-prefixPostfix-label--prefix { border-radius: 0px; border-width: 1px 0px 1px 1px; } .form-prefixPostfix-label--prefix + .form-input { border-radius: 0px; } .form-prefixPostfix-label--postfix { border-radius: 0px; border-width: 1px 1px 1px 0px; } .form-prefixPostfix-button--prefix { margin: 0px 0.75rem 0px 0px; } .form-prefixPostfix-button--postfix { margin: 0px 0px 0px 0.75rem; } .switch-checkbox { border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .switch-checkbox:focus + .switch-toggle { border-color: rgb(117, 117, 117); box-shadow: rgba(117, 117, 117, 0.4) 0px 0px 4px; } .switch-toggle { background-color: rgb(117, 117, 117); border: 1px solid rgb(117, 117, 117); border-radius: 2rem; cursor: pointer; display: inline-block; height: 2rem; position: relative; transition: all 0.1s ease-out 0s; vertical-align: middle; width: 4.28571rem; } .switch--important .switch-toggle { background-color: rgb(241, 165, 0); border-color: rgb(241, 165, 0); } .switch--checked .switch-toggle { background-color: rgb(0, 138, 6); border-color: rgb(0, 138, 6); } .switch--disabled .switch-toggle { background-color: rgb(229, 229, 229); border-color: rgb(153, 153, 153); cursor: default; } .switch-toggle::before { background: rgb(255, 255, 255); border-radius: 1.4286rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; content: ""; height: 1.4286rem; left: 0.21427rem; position: absolute; top: 0.21427rem; transition: all 0.1s ease-out 0s; width: 1.4286rem; } .switch--checked .switch-toggle::before { left: 2.49999rem; } .switch-label { color: rgb(255, 255, 255); height: 26px; line-height: 1.92857; position: absolute; right: 0.42857rem; text-transform: uppercase; transition: all 0.1s ease-out 0s; } .switch--checked .switch-label { font-weight: 600; left: 0.42857rem; right: auto; } .switch--disabled .switch-label { color: rgb(117, 117, 117); } .switch-label--icon.icon { height: 1.85714rem; width: 1.85714rem; } .switch-label--icon.icon svg { height: 1.85714rem; width: 1.85714rem; fill: rgb(255, 255, 255); } .switch--disabled .switch-label--icon.icon svg { fill: rgb(117, 117, 117); } .switch-description--off { color: rgb(0, 0, 0); margin-right: 5px; } .switch--checked .switch-description--off { color: rgb(117, 117, 117); } .switch-description--on { color: rgb(117, 117, 117); margin-left: 5px; } .switch--checked .switch-description--on { color: rgb(0, 0, 0); } .switch-ariaDescription { border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .form-actions { background: 0px 0px; border: 0px; text-align: center; } @media (min-width: 481px) { .form-actions { text-align: left; } } .form-actions > * { display: inline-block; margin-bottom: 1rem; width: 100%; } @media (min-width: 481px) { .form-actions > * { vertical-align: baseline; width: auto; } } @media (min-width: 481px) { .form-actions--fixed { background: rgb(255, 255, 255); border-top: 1px solid rgb(153, 153, 153); bottom: 0px; left: 0px; padding: 1.5rem 2rem; position: fixed; right: 0px; text-align: right; z-index: 20; } } .form-input-indicator { height: 1.57143rem; width: 1.57143rem; float: left; margin: 0px 0px 0px -2.14286rem; position: relative; top: 0.71429rem; } .form-prefixPostfix .form-input-indicator { top: 0px; } .form-input-indicator > svg { fill: rgb(0, 138, 6); } .form-field-errors { list-style: none; margin-left: 0px; clear: both; margin-bottom: 0px; margin-top: 0.21429rem; } .form-field-errors ol, .form-field-errors ul { list-style: none; margin-bottom: 0px; } .form-inlineMessage { display: inline-block; line-height: 24px; margin: 0.35714rem 0px -0.5rem; width: 100%; } .form-field--error .form-input, .form-field--success .form-input, .form-field--warning .form-input { float: left; } .form-field--success .form-checkbox + .form-label::before, .form-field--success .form-input, .form-field--success .form-prefixPostfix-label, .form-field--success .form-radio + .form-label::before, .form-field--success .form-select { border-color: rgb(0, 138, 6); } .form-field--success .form-field-error, .form-field--success .form-inlineMessage { color: rgb(0, 138, 6); } .form-field--success .form-input-indicator > svg { fill: rgb(0, 138, 6); } .form-field--error .form-checkbox + .form-label::before, .form-field--error .form-input, .form-field--error .form-prefixPostfix-label, .form-field--error .form-radio + .form-label::before, .form-field--error .form-select { border-color: rgb(204, 71, 73); } .form-field--error .form-field-error, .form-field--error .form-inlineMessage { color: rgb(204, 71, 73); } .form-field--error .form-input-indicator > svg { fill: rgb(204, 71, 73); } .form-field--warning .form-checkbox + .form-label::before, .form-field--warning .form-input, .form-field--warning .form-prefixPostfix-label, .form-field--warning .form-radio + .form-label::before, .form-field--warning .form-select { border-color: rgb(241, 165, 0); } .form-field--warning .form-field-error, .form-field--warning .form-inlineMessage { color: rgb(241, 165, 0); } .form-field--warning .form-input-indicator > svg { fill: rgb(241, 165, 0); } .panel { position: relative; } .panel-header { background-color: rgb(229, 229, 229); margin: 0px; padding: 1.5rem 2rem 0px; } .panel-title { line-height: 1.5; margin: 0px; } .panel-body { margin-bottom: 1.5rem; padding: 1rem 2rem 1.5rem; background: rgb(229, 229, 229); } .panel-body > :first-child { margin-top: 0px; } .panel-body > :last-child { margin-bottom: 0px; } .panel-body > :last-child { margin-bottom: 0px; } .breadcrumbs { display: block; list-style: none; margin-left: 0px; overflow: hidden; } .breadcrumb { color: rgb(117, 117, 117); float: left; font-size: 13px; margin: 0px; line-height: 1.5; } .breadcrumb a { color: rgb(117, 117, 117); } .breadcrumb.current { color: rgb(117, 117, 117); cursor: default; } .breadcrumb.current a { color: rgb(117, 117, 117); cursor: default; } .breadcrumb.current:focus, .breadcrumb.current:focus a, .breadcrumb.current:hover, .breadcrumb.current:hover a { text-decoration: none; } .breadcrumb.unavailable { color: rgb(153, 153, 153); } .breadcrumb.unavailable a { color: rgb(153, 153, 153); } .breadcrumb.unavailable a:focus, .breadcrumb.unavailable:focus, .breadcrumb.unavailable:hover, .breadcrumb.unavailable:hover a { color: rgb(153, 153, 153); cursor: not-allowed; text-decoration: none; } .breadcrumb::before { color: rgb(117, 117, 117); content: "/"; margin: 0px; position: relative; top: 1px; } .breadcrumb:first-child::before { content: " "; margin: 0px; } .breadcrumb::before { margin: 0px 0.5rem; } @media (min-width: 481px) { .breadcrumb::before { margin: 0px 0.5rem; } } .breadcrumb-label { cursor: pointer; } .breadcrumb-label:hover { color: rgb(51, 51, 51); text-decoration: none; } .breadcrumb.is-active > .breadcrumb-label { color: rgb(117, 117, 117); cursor: default; } .breadcrumb.is-unavailable > .breadcrumb-label { color: rgb(153, 153, 153); cursor: default; } .tabs { border-bottom: 1px solid rgb(229, 229, 229); margin: 0px; } .tabs::after, .tabs::before { content: " "; display: table; } .tabs::after { clear: both; } .tab { border-bottom: rgb(255, 255, 255); display: block; list-style: none; margin: 0px; padding: 0px; position: relative; } @media (min-width: 551px) { .tab { float: left; } } .tab-title { color: rgb(117, 117, 117); display: block; font-size: 15px; padding: 0.78571rem 1.57143rem; } .tab-title:hover { color: rgb(51, 51, 51); } .tab.is-active .tab-title { color: rgb(51, 51, 51); font-weight: 700; } @media (min-width: 551px) { .tabs--vertical { border-bottom: 0px; float: left; margin: 0px 0px 1.5rem; max-width: 20%; width: 20%; } } .tabs--vertical .tab { float: none; } .tabs-contents { margin-bottom: 1.5rem; } .tabs-contents::after, .tabs-contents::before { content: " "; display: table; } .tabs-contents::after { clear: both; } @media (min-width: 551px) { .tabs-contents--vertical { float: left; max-width: 80%; padding-left: 1.5rem; width: 80%; } .tabs-contents--vertical > .tab-content { padding: 0px 1.5rem; } } .tab-content { display: none; padding: 1.5rem 0px; } .tab-content.is-active { display: block; } .no-js .tab-content { display: block; float: none; } .navBar::after, .navBar::before { content: " "; display: table; } .navBar::after { clear: both; } .navBar ol, .navBar ul { list-style: none; margin: 0px; padding: 0px; } .navBar ol ol, .navBar ol ul, .navBar ul ol, .navBar ul ul { list-style: none; margin-bottom: 0px; } .navBar ol li, .navBar ul li { margin: 0px; padding: 0px; } .navBar-section { float: left; } .navBar-section::after, .navBar-section::before { content: " "; display: table; } .navBar-section::after { clear: both; } .navBar-section--alt { float: right; margin-left: 1.5rem; } .navBar-section + .navBar-section { margin-left: 1.5rem; } @media (min-width: 551px) { .navBar-item { float: left; } } .navBar-action, .navBar-item { display: flex; flex-grow: 1; } .navBar-action { color: rgb(0, 0, 0); font-size: 15px; padding: 0.78571rem; } .navList::after, .navList::before { content: " "; display: table; } .navList::after { clear: both; } .navList ol, .navList ul { list-style: none; margin: 0px; padding: 0px; } .navList ol ol, .navList ol ul, .navList ul ol, .navList ul ul { list-style: none; margin-bottom: 0px; } .navList ol li, .navList ul li { margin: 0px; padding: 0px; } .navList-section::after, .navList-section::before { content: " "; display: table; } .navList-section::after { clear: both; } .navList-section--alt { float: right; margin-left: 1.5rem; } .navList-section + .navList-section { margin-top: 1.5rem; } .navList-action, .navList-item { display: flex; flex-grow: 1; } .navList-action { color: rgb(51, 51, 51); font-size: 15px; padding: 0.21429rem 0px; } .pagination-list { display: block; margin-left: 0px; } .pagination-list li { color: rgb(117, 117, 117); font-size: 1rem; margin-left: 0.35714rem; } .pagination-list li a, .pagination-list li button { border-radius: 4px; transition: background-color 0.3s ease-out 0s; background: 0px 0px; color: rgb(117, 117, 117); display: block; font-size: 1em; font-weight: 400; line-height: inherit; padding: 0.28571rem 0.5rem; } .pagination-list li { display: block; } li.pagination-item { cursor: pointer; } li.pagination-item:first-child { margin-left: 0px; } li.pagination-item a:hover { color: rgb(51, 51, 51); } li.pagination-item--current a, li.pagination-item--current button { color: rgb(51, 51, 51); cursor: default; } .alertBox { border-style: none; display: block; font-size: 1rem; font-weight: 400; margin-bottom: 0.78571rem; padding: 0.78571rem 1.14286rem; position: relative; transition: opacity 0.3s ease-out 0s; background-color: rgb(229, 229, 229); border-color: rgb(229, 229, 229); color: rgb(255, 255, 255); } .alertBox .icon { height: 1.42857rem; width: 1.42857rem; } .alertBox .button { margin: 0px 0px 0px 0.78571rem; } .alertBox--info { background-color: rgb(102, 102, 102); border-color: rgb(102, 102, 102); color: rgb(51, 51, 51); } .alertBox--info svg { fill: rgb(223, 223, 223); } .alertBox--success { background-color: rgb(213, 255, 216); border-color: rgb(213, 255, 216); color: rgb(255, 255, 255); } .alertBox--success svg { fill: rgb(0, 138, 6); } .alertBox--warning { background-color: rgb(255, 253, 234); border-color: rgb(255, 253, 234); color: rgb(255, 255, 255); } .alertBox--warning svg { fill: rgb(241, 165, 0); } .alertBox--error { background-color: rgb(255, 221, 221); border-color: rgb(255, 221, 221); color: rgb(255, 255, 255); } .alertBox--error svg { fill: rgb(204, 71, 73); } .alertBox-column { display: table-cell; text-align: center; vertical-align: middle; } .alertBox-icon { padding-right: 1.14286rem; } .alertBox-message { margin: 0px; text-align: left; width: 100%; } .alertBox-heading { margin: 0px; } .alertBox-close { cursor: pointer; padding-left: 1.14286rem; } .alertBox-close .icon { height: 1.42857rem; width: 1.42857rem; } .alertBox-close svg { fill: rgb(153, 153, 153); } .accordion { border: 1px solid rgb(229, 229, 229); box-shadow: rgba(255, 255, 255, 0.13) 0px 1px 2px; margin: 0px 0px 1.5rem; } .accordion::after, .accordion::before { content: " "; display: table; } .accordion::after { clear: both; } .accordion-navigation { display: block; border-style: solid; border-color: rgb(229, 229, 229); border-image: initial; border-width: 1px 0px; cursor: pointer; margin-bottom: 0px !important; } .accordion-navigation.is-open > a { background: rgb(255, 255, 255); color: rgb(0, 0, 0); } .accordion-navigation > a { background: rgb(255, 255, 255); color: rgb(51, 51, 51); padding: 1.85714rem; display: block; font-family: Merriweather, Arial, Helvetica, sans-serif; font-size: 1rem; } .accordion-navigation > a:hover { background: rgb(229, 229, 229); } .accordion-navigation .accordion-title { padding: 1.5rem 1.85714rem; } .accordion-title { font-weight: 700; line-height: 24px; } .accordion-content { display: none; padding: 2rem; border-style: solid; border-color: rgb(229, 229, 229); border-image: initial; border-width: 0px 0px 1px; } .accordion-content.is-open { display: block; } .accordion-navigation--success .accordion-title, .accordion-navigation--success.is-open > a { color: rgb(0, 138, 6); } .accordion-navigation--error .accordion-title, .accordion-navigation--error.is-open > a { color: rgb(204, 71, 73); } .accordion-navigation--warning .accordion-title, .accordion-navigation--warning.is-open > a { color: rgb(241, 165, 0); } body.has-activeModal { overflow: hidden; } .modal-background { background: rgba(51, 51, 51, 0.95); bottom: 0px; display: none; position: fixed; right: 0px; top: 0px; z-index: 1004; left: 0px; } .has-activeModal .modal-background { display: block; } .modal { border-radius: 0px; display: none; top: 0px; visibility: hidden; width: 100%; z-index: 1005; left: 0px; background-color: rgb(255, 255, 255); padding: 2.25rem; border: 0px solid rgb(229, 229, 229); box-shadow: none; max-height: 80%; overflow: auto; position: fixed; } @media only screen and (max-width: 551px) { .modal { min-height: 100vh; } } .modal .column, .modal .columns { min-width: 0px; } .modal > :first-child { margin-top: 0px; } .modal > :last-child { margin-bottom: 0px; } @media only screen and (min-width: 551px) { .modal { left: 0px; margin: 0px auto; max-width: 80%; right: 0px; width: 900px; } } @media only screen and (min-width: 551px) { .modal { top: 50% !important; } } @media (min-width: 551px) { .modal { transform: translateY(-50%); } } .modal--large { max-height: 90%; width: 1280px; } .modal--small { width: 500px; } .modal-header { border-bottom: 1px solid rgb(229, 229, 229); padding: 1rem 0px; position: relative; } .modal-header-title { margin: 0px; } .modal-body { padding: 3rem 0px; } .modal-body > :last-child { margin-bottom: 0px; } .modal-footer { border-top: 1px solid rgb(229, 229, 229); padding: 0.78571rem 1.5rem; text-align: center; } @media (min-width: 481px) { .modal-footer { text-align: right; } } .modal-footer .button { display: block; } @media (min-width: 481px) { .modal-footer .button { display: inline-block; margin-bottom: 0px; } } .modal-footer-link { display: inline-block; font-size: 15px; margin: 0px 0px 0.78571rem; } @media (min-width: 481px) { .modal-footer-link { display: inline; margin: 1.5rem; } } .modal-close { color: rgb(102, 102, 102); cursor: pointer; font-size: 25px; font-weight: 400; line-height: 1; position: absolute; top: 1.05rem; right: 0.75rem; } .modal-close .icon { height: 1.42857rem; width: 1.42857rem; } @media print { .modal { display: none; background: rgb(255, 255, 255) !important; } } .loadingNotification { left: 50%; position: fixed; text-align: center; top: 3rem; transform: translateX(-50%); transform-style: preserve-3d; transition: all 0.2s ease-out 0s; z-index: 500; } .loadingNotification.ng-hide-add-active, .loadingNotification.ng-hide-remove { opacity: 0; top: 3.6rem; transform: scale(0.9) translateX(-50%); } .loadingNotification.ng-hide-remove-active { opacity: 1; top: 3rem; transform: scale(1) translateX(-50%); } .loadingNotification-label { background: rgb(102, 102, 102); border-radius: 4px; color: rgb(255, 255, 255); display: inline-block; font-size: 15px; padding: 0.35714rem 0.78571rem; } .loadingOverlay-container { min-height: 120px; position: relative; } .loadingOverlay { background: rgba(51, 51, 51, 0.9); bottom: 0px; height: 100%; left: 0px; opacity: 1; position: absolute; right: 0px; top: 0px; transition: all 250ms ease-out 0s; width: 100%; } .loadingOverlay::before { height: 2.85714rem; width: 2.85714rem; border-radius: 2.85714rem; border-width: 2px; border-style: solid; border-image: initial; border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(153, 153, 153) rgb(153, 153, 153); content: ""; display: block; left: 0px; margin: 0px auto; position: absolute; right: 0px; top: 50%; transform: translateY(-50%) rotate(0deg); transform-style: preserve-3d; animation: 0.5s cubic-bezier(0.69, 0.31, 0.56, 0.83) 0s infinite normal none running spin; } .loadingOverlay.ng-enter, .loadingOverlay.ng-leave.ng-leave-active { opacity: 0; } .loadingOverlay.ng-enter.ng-enter-active, .loadingOverlay.ng-leave { opacity: 1; } @keyframes spin { 0% { transform: translateY(-50%) rotate(0deg); } 100% { transform: translateY(-50%) rotate(360deg); } } .actionBar { margin: 1.5rem 0px; } .actionBar::after, .actionBar::before { content: " "; display: table; } .actionBar::after { clear: both; } .actionBar .button { margin-bottom: 0px; } .actionBar .buttonGroup { vertical-align: middle; } .actionBar-link { display: block; padding: 0.78571rem 0px; } .actionBar-section::after, .actionBar-section::before { content: " "; display: table; } .actionBar-section::after { clear: both; } @media (min-width: 551px) { .actionBar-section { float: left; } .actionBar-section .form-label { display: inline-block; margin: 0px 0.35714rem 0px 0px; } .actionBar-section .form-input, .actionBar-section .form-select { display: inline-block; width: 14.2857rem; } } @media (min-width: 551px) { .actionBar-section--alt { float: right; } } .actionBar-item { margin-bottom: 1.5rem; } @media (min-width: 551px) { .actionBar-item { display: inline-block; margin-bottom: 0px; margin-right: 1.5rem; vertical-align: middle; } .actionBar-item:last-child { margin-right: 0px; } } .card { background-color: transparent; margin-bottom: 3rem; padding: 0px; } .card-figure { background-color: rgb(255, 255, 255); margin-bottom: 0px; padding: 0px; position: relative; } .card-image { border: 1px solid rgb(153, 153, 153); width: 100%; } .card-figcaption { bottom: 0px; height: 100%; left: 0px; opacity: 0; position: absolute; right: 0px; text-align: center; top: 0px; } .card-figcaption:hover { opacity: 1; } .card-figcaption-action { display: block; height: 100%; } .card-figcaption-body { position: relative; top: 50%; transform: translateY(-50%); transform-style: preserve-3d; } .card-figcaption-body > :first-child { margin-top: 0px; } .card-figcaption-body > :last-child { margin-bottom: 0px; } .card-figcaption-body .card-text { color: rgb(117, 117, 117); } .card-figcaption-button { background-color: rgba(255, 255, 255, 0.9); color: rgb(51, 51, 51); } .card-figcaption-button:hover { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); } .card-body { padding: 0.78571rem 0px 0px; } .card-body > :first-child { margin-top: 0px; } .card-body > :last-child { margin-bottom: 0px; } .card-body .card-text { color: rgb(117, 117, 117); } .card-surTitle { float: right; margin-left: 1.5rem; max-width: 40%; text-align: right; } .card-footer { background-color: transparent; margin: 0px; } .card-footer::after, .card-footer::before { content: " "; display: table; } .card-footer::after { clear: both; } .card-button { margin-bottom: 0px; } .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0px; padding: 0px; } .slick-list:focus { outline: 0px; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; left: 0px; top: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::after, .slick-track::before { content: ""; display: table; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: center center no-repeat rgb(255, 255, 255); } .slick-next, .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0px; cursor: pointer; background: 0px 0px; color: transparent; top: 50%; transform: translate(0px, -50%); padding: 0px; border: none; outline: 0px; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { outline: 0px; background: 0px 0px; color: transparent; } .slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before { opacity: 0.8; } .slick-next.slick-disabled::before, .slick-prev.slick-disabled::before { opacity: 0.6; } .slick-next::before, .slick-prev::before { font-family: inherit; font-size: 20px; line-height: 1; color: rgb(153, 153, 153); opacity: 1; -webkit-font-smoothing: antialiased; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev::before { content: ""; } [dir="rtl"] .slick-prev::before { content: ""; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next::before { content: ""; } [dir="rtl"] .slick-next::before { content: ""; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0px; margin: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0px; background: 0px 0px; display: block; height: 20px; width: 20px; outline: 0px; line-height: 0; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:focus, .slick-dots li button:hover { outline: 0px; } .slick-dots li button:focus::before, .slick-dots li button:hover::before { opacity: 0.8; } .slick-dots li button::before { position: absolute; top: 0px; left: 0px; content: ""; width: 20px; height: 20px; font-family: inherit; font-size: 60px; line-height: 20px; text-align: center; color: rgb(51, 51, 51); opacity: 0.6; -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button::before { color: rgb(117, 117, 117); opacity: 1; } .slick-next, .slick-prev { background-color: rgba(255, 255, 255, 0.9); z-index: 1; border: 1px solid rgb(255, 255, 255); height: 4.35714rem; margin-top: -1.07143rem; padding: 0.71429rem; width: 2.85714rem; } .slick-next::before, .slick-prev::before { background-position: 50% center; background-repeat: no-repeat; background-size: 100%; display: block; height: 2.92857rem; width: 1.42857rem; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { background-color: rgba(255, 255, 255, 0.9); background-position: 50% center; background-repeat: no-repeat; background-size: 100%; } .slick-next { right: -10px; } @media (min-width: 1261px) { .slick-next { right: -3.35714rem; } } .slick-next::before { background-image: url(""); } .slick-next:hover::before { background-image: url(""); } .slick-prev { left: -15px; } @media (min-width: 1261px) { .slick-prev { left: -3.35714rem; } } .slick-prev::before { background-image: url(""); } .slick-prev:hover::before { background-image: url(""); } .slick-slide img { display: block; width: 100%; } .slick-dots { margin: 0px; } .slick-dots li { height: 2.28571rem; width: 2.28571rem; margin: 0px; padding: 0.35714rem; } .slick-dots li button, .slick-dots li button::before { height: 1.07143rem; width: 1.07143rem; border-radius: 50%; } .slick-dots li button { border: 1px solid rgb(51, 51, 51); display: inline-block; margin: 0px; padding: 0px; position: relative; text-align: center; vertical-align: middle; } .slick-dots li button:hover::before { background: rgb(51, 51, 51); } .slick-dots li button::before { display: block; left: -1px; top: -1px; transition: background 0.1s ease-out 0s; } .slick-dots li.slick-active button::before { background: rgb(117, 117, 117); } .productView .slick-dots { position: relative; } .slick-disabled { cursor: default; opacity: 0.1; } .slick-track { backface-visibility: hidden; perspective: 1000px; } div.slick-slider { width: 1px; min-width: 100%; } .slick-dotted.slick-slider { margin-bottom: 0px; } .nanobar { display: none; width: 100%; height: 0.35714rem; z-index: 9999; top: 0px; pointer-events: none; user-select: none; } .nanobar .bar { width: 0px; height: 100%; transition: height 0.1s ease 0s; background-color: rgb(153, 153, 153); } .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: 0.625em; overflow-y: hidden; background: rgb(255, 255, 255); box-shadow: rgb(217, 217, 217) 0px 0px 0.625em; } .swal2-popup.swal2-toast .swal2-header { flex-direction: row; } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0px 0.6em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0px 0px; padding: 0.5em 0px 0px; font-size: 0.8em; } .swal2-popup.swal2-toast .swal2-close { position: static; width: 0.8em; height: 0.8em; line-height: 0.8; } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; font-size: 1em; } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0px; } .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: 700; } @media not all, not all { .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { font-size: 0.25em; } } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { top: 0.875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 0.3125em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 0.3125em; } .swal2-popup.swal2-toast .swal2-actions { width: auto; height: auto; margin: 0px 0.3125em; flex-basis: auto !important; } .swal2-popup.swal2-toast .swal2-styled { margin: 0px 0.3125em; padding: 0.3125em 0.625em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(50, 100, 150, 0.4) 0px 0px 0px 3px; } .swal2-popup.swal2-toast .swal2-success { border-color: rgb(165, 220, 134); } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50%; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0px 0px 4em; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.25em; left: 0.9375em; transform-origin: 0px 1.5em; border-radius: 0px 4em 4em 0px; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0px; left: 0.4375em; width: 0.4375em; height: 2.6875em; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"] { height: 0.3125em; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"][class$="tip"] { top: 1.125em; left: 0.1875em; width: 0.75em; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"][class$="long"] { top: 0.9375em; right: 0.1875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-tip; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-long; } .swal2-popup.swal2-toast.swal2-show { animation: 0.5s ease 0s 1 normal none running swal2-toast-show; } .swal2-popup.swal2-toast.swal2-hide { animation: 0.1s ease 0s 1 normal forwards running swal2-toast-hide; } .swal2-container { display: flex; position: fixed; z-index: 1060; top: 0px; right: 0px; bottom: 0px; left: 0px; flex-direction: row; align-items: center; justify-content: center; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s ease 0s; } .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { background: rgba(0, 0, 0, 0.4); } .swal2-container.swal2-backdrop-hide { background: 0px 0px !important; } .swal2-container.swal2-top { align-items: flex-start; } .swal2-container.swal2-top-left, .swal2-container.swal2-top-start { align-items: flex-start; justify-content: flex-start; } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .swal2-container.swal2-center { align-items: center; } .swal2-container.swal2-center-left, .swal2-container.swal2-center-start { align-items: center; justify-content: flex-start; } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .swal2-container.swal2-bottom { align-items: flex-end; } .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start { align-items: flex-end; justify-content: flex-start; } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-right > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom > :first-child { margin-top: auto; } .swal2-container.swal2-grow-fullscreen > .swal2-modal { flex: 1 1 0%; align-self: stretch; justify-content: center; display: flex !important; } .swal2-container.swal2-grow-row > .swal2-modal { flex: 1 1 0%; place-content: center; display: flex !important; } .swal2-container.swal2-grow-column { flex: 1 1 0%; flex-direction: column; } .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top { align-items: center; } .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start { align-items: flex-start; } .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right { align-items: flex-end; } .swal2-container.swal2-grow-column > .swal2-modal { flex: 1 1 0%; place-content: center; display: flex !important; } .swal2-container.swal2-no-transition { transition: none 0s ease 0s !important; } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { margin: auto; } @media not all, not all { .swal2-container .swal2-modal { margin: 0px !important; } } .swal2-popup { display: none; position: relative; box-sizing: border-box; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border: none; border-radius: 0.3125em; background: rgb(255, 255, 255); font-family: inherit; font-size: 1rem; } .swal2-popup:focus { outline: 0px; } .swal2-popup.swal2-loading { overflow-y: hidden; } .swal2-header { display: flex; flex-direction: column; align-items: center; } .swal2-title { position: relative; max-width: 100%; margin: 0px 0px 0.4em; padding: 0px; color: rgb(89, 89, 89); font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; overflow-wrap: break-word; } .swal2-actions { display: flex; z-index: 1; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 1.25em auto 0px; } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; } .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { box-sizing: border-box; width: 2.5em; height: 2.5em; margin: 0.46875em; padding: 0px; animation: 1.5s linear 0s infinite normal none running swal2-rotate-loading; border: 0.25em solid transparent; border-radius: 100%; cursor: default; user-select: none; background-color: transparent !important; color: transparent !important; } .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; } .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { content: ""; display: inline-block; width: 15px; height: 15px; margin-left: 5px; animation: 1.5s linear 0s infinite normal none running swal2-rotate-loading; border-width: 3px; border-style: solid; border-color: rgb(153, 153, 153) transparent rgb(153, 153, 153) rgb(153, 153, 153); border-image: initial; border-radius: 50%; box-shadow: rgb(255, 255, 255) 1px 1px 1px; } .swal2-styled { margin: 0.3125em; padding: 0.625em 2em; box-shadow: none; font-weight: 500; } .swal2-styled:not([disabled]) { cursor: pointer; } .swal2-styled.swal2-confirm { border: 0px; border-radius: 0.25em; background: rgb(48, 133, 214); color: rgb(255, 255, 255); font-size: 1.0625em; } .swal2-styled.swal2-cancel { border: 0px; border-radius: 0.25em; background: rgb(170, 170, 170); color: rgb(255, 255, 255); font-size: 1.0625em; } .swal2-styled:focus { outline: 0px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(50, 100, 150, 0.4) 0px 0px 0px 3px; } .swal2-footer { justify-content: center; margin: 1.25em 0px 0px; padding: 1em 0px 0px; border-top: 1px solid rgb(238, 238, 238); color: rgb(84, 84, 84); font-size: 1em; } .swal2-timer-progress-bar-container { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 0.25em; overflow: hidden; border-bottom-right-radius: 0.3125em; border-bottom-left-radius: 0.3125em; } .swal2-timer-progress-bar { width: 100%; height: 0.25em; background: rgba(0, 0, 0, 0.2); } .swal2-image { max-width: 100%; margin: 1.25em auto; } .swal2-close { position: absolute; z-index: 2; top: 0px; right: 0px; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; padding: 0px; overflow: hidden; transition: color 0.1s ease-out 0s; border: none; border-radius: 0px; background: 0px 0px; color: rgb(204, 204, 204); font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer; } .swal2-close:hover { transform: none; background: 0px 0px; color: rgb(242, 116, 116); } .swal2-content { z-index: 1; justify-content: center; margin: 0px; padding: 0px; color: rgb(84, 84, 84); font-size: 1.125em; font-weight: 400; line-height: normal; text-align: center; overflow-wrap: break-word; } .swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea { margin: 1em auto; } .swal2-file, .swal2-input, .swal2-textarea { box-sizing: border-box; width: 100%; transition: border-color 0.3s ease 0s, box-shadow 0.3s ease 0s; border: 1px solid rgb(217, 217, 217); border-radius: 0.1875em; background: inherit; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 1px inset; color: inherit; font-size: 1.125em; } .swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: rgb(242, 116, 116) !important; box-shadow: rgb(242, 116, 116) 0px 0px 2px !important; } .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { border: 1px solid rgb(180, 219, 237); outline: 0px; box-shadow: rgb(196, 230, 245) 0px 0px 3px; } .swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder { color: rgb(204, 204, 204); } .swal2-range { margin: 1em auto; background: rgb(255, 255, 255); } .swal2-range input { width: 80%; } .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; } .swal2-range input, .swal2-range output { height: 2.625em; padding: 0px; font-size: 1.125em; line-height: 2.625em; } .swal2-input { height: 2.625em; padding: 0px 0.75em; } .swal2-input[type="number"] { max-width: 10em; } .swal2-file { background: inherit; font-size: 1.125em; } .swal2-textarea { height: 6.75em; padding: 0.75em; } .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: inherit; color: inherit; font-size: 1.125em; } .swal2-checkbox, .swal2-radio { align-items: center; justify-content: center; background: rgb(255, 255, 255); color: inherit; } .swal2-checkbox label, .swal2-radio label { margin: 0px 0.6em; font-size: 1.125em; } .swal2-checkbox input, .swal2-radio input { margin: 0px 0.4em; } .swal2-validation-message { display: none; align-items: center; justify-content: center; padding: 0.625em; overflow: hidden; background: rgb(240, 240, 240); color: rgb(102, 102, 102); font-size: 1em; font-weight: 300; } .swal2-validation-message::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0px 0.625em; border-radius: 50%; background-color: rgb(242, 116, 116); color: rgb(255, 255, 255); font-weight: 600; line-height: 1.5em; text-align: center; } .swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: 0.25em solid transparent; border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; user-select: none; } .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; } .swal2-icon.swal2-error { border-color: rgb(242, 116, 116); color: rgb(242, 116, 116); } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: rgb(242, 116, 116); } .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 1.0625em; transform: rotate(45deg); } .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 1em; transform: rotate(-45deg); } .swal2-icon.swal2-error.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; } .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-x-mark; } .swal2-icon.swal2-warning { border-color: rgb(250, 206, 168); color: rgb(248, 187, 134); } .swal2-icon.swal2-info { border-color: rgb(157, 224, 246); color: rgb(63, 195, 238); } .swal2-icon.swal2-question { border-color: rgb(201, 218, 225); color: rgb(135, 173, 189); } .swal2-icon.swal2-success { border-color: rgb(165, 220, 134); color: rgb(165, 220, 134); } .swal2-icon.swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50%; } .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0px 0px 7.5em; } .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0px 3.75em; border-radius: 0px 7.5em 7.5em 0px; } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; transform: rotate(-45deg); } .swal2-icon.swal2-success [class^="swal2-success-line"] { display: block; position: absolute; z-index: 2; height: 0.3125em; border-radius: 0.125em; background-color: rgb(165, 220, 134); } .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] { top: 2.875em; left: 0.8125em; width: 1.5625em; transform: rotate(45deg); } .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-tip; } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-long; } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: 4.25s ease-in 0s 1 normal none running swal2-rotate-success-circular-line; } .swal2-progress-steps { align-items: center; margin: 0px 0px 1.25em; padding: 0px; background: inherit; font-weight: 600; } .swal2-progress-steps li { display: inline-block; position: relative; } .swal2-progress-steps .swal2-progress-step { z-index: 20; width: 2em; height: 2em; border-radius: 2em; background: rgb(48, 133, 214); color: rgb(255, 255, 255); line-height: 2em; text-align: center; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: rgb(48, 133, 214); } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: rgb(173, 216, 230); color: rgb(255, 255, 255); } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: rgb(173, 216, 230); } .swal2-progress-steps .swal2-progress-step-line { z-index: 10; width: 2.5em; height: 0.4em; margin: 0px -1px; background: rgb(48, 133, 214); } [class^="swal2"] { -webkit-tap-highlight-color: transparent; } .swal2-show { animation: 0.3s ease 0s 1 normal none running swal2-show; } .swal2-hide { animation: 0.15s ease 0s 1 normal forwards running swal2-hide; } .swal2-noanimation { transition: none 0s ease 0s; } .swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .swal2-rtl .swal2-close { right: auto; left: 0px; } .swal2-rtl .swal2-timer-progress-bar { right: 0px; left: auto; } @supports (-ms-accelerator:true) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @media not all, not all { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0px) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0px) rotateZ(0deg); } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0px; } 54% { top: 0.125em; left: 0.125em; width: 0px; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0px; } 65% { top: 1.25em; right: 0.9375em; width: 0px; } 84% { top: 0.9375em; right: 0px; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } @keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0px; } 54% { top: 1.0625em; left: 0.125em; width: 0px; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0px; } 65% { top: 3.375em; right: 2.875em; width: 0px; } 84% { top: 2.1875em; right: 0px; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0px; transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-container { top: auto; right: auto; bottom: auto; left: auto; max-width: calc(100% - 1.25em); background-color: transparent !important; } body.swal2-no-backdrop .swal2-container > .swal2-modal { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; } body.swal2-no-backdrop .swal2-container.swal2-top { top: 0px; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-container.swal2-top-left, body.swal2-no-backdrop .swal2-container.swal2-top-start { top: 0px; left: 0px; } body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right { top: 0px; right: 0px; } body.swal2-no-backdrop .swal2-container.swal2-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } body.swal2-no-backdrop .swal2-container.swal2-center-left, body.swal2-no-backdrop .swal2-container.swal2-center-start { top: 50%; left: 0px; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right { top: 50%; right: 0px; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-container.swal2-bottom { bottom: 0px; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-container.swal2-bottom-left, body.swal2-no-backdrop .swal2-container.swal2-bottom-start { bottom: 0px; left: 0px; } body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right { right: 0px; bottom: 0px; } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden="true"] { display: none; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important; } } body.swal2-toast-shown .swal2-container { background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-top { top: 0px; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0px; right: 0px; bottom: auto; left: auto; } body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start { top: 0px; right: auto; bottom: auto; left: 0px; } body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start { top: 50%; right: auto; bottom: auto; left: 0px; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0px; bottom: auto; left: auto; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start { top: auto; right: auto; bottom: 0px; left: 0px; } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0px; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0px; bottom: 0px; left: auto; } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1 1 0%; align-self: stretch; height: 2.2em; margin-top: 0.3125em; } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center; } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: 0.3125em auto; font-size: 1em; } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; } .swal2-modal { border-radius: 4px; font-family: Merriweather, Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) !important; } .swal2-modal .swal2-title { color: rgb(68, 68, 68); font-size: 2.14286rem; } .swal2-modal .swal2-content { color: rgb(51, 51, 51); font-size: 1.14286rem; } .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea { border: 1px solid rgb(204, 204, 204); color: rgb(102, 102, 102); } .swal2-modal .swal2-checkbox, .swal2-modal .swal2-select { color: rgb(102, 102, 102); } .swal2-modal .swal2-buttonswrapper { margin: 25px 0px 0px; } .swal2-modal .swal2-styled { -webkit-appearance: none; border-style: solid; border-width: 1px; cursor: pointer; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px 0px 1rem; position: relative; text-align: center; text-decoration: none; display: inline-block; background-color: transparent; border-color: rgb(204, 204, 204); color: rgb(102, 102, 102); font-size: 1rem; padding: 0.85714rem 2.28571rem; border-radius: 4px; line-height: 1rem; outline: 0px; transition: all 0.15s ease 0s; vertical-align: middle; } .swal2-modal .swal2-styled.active, .swal2-modal .swal2-styled.is-active, .swal2-modal .swal2-styled:focus, .swal2-modal .swal2-styled:hover { background-color: transparent; border-color: rgb(153, 153, 153); color: rgb(51, 51, 51); } .swal2-modal .swal2-styled:active { background-color: transparent; border: 1px solid rgb(117, 117, 117); color: rgb(0, 0, 0); } .swal2-modal .swal2-styled:focus { outline: 0px; } .swal2-modal .swal2-confirm { background-color: rgb(34, 59, 89); border-color: rgb(34, 59, 89); color: rgb(255, 255, 255); } .swal2-modal .swal2-confirm:focus, .swal2-modal .swal2-confirm:hover { background-color: rgb(37, 69, 106); border-color: rgb(37, 69, 106); color: rgb(255, 255, 255); } .swal2-modal .swal2-confirm:active { background-color: rgb(37, 69, 106); border-color: rgb(37, 69, 106); color: rgb(255, 255, 255); } .swal2-modal .swal2-cancel { background-color: transparent; border-color: rgb(204, 204, 204); color: rgb(102, 102, 102); } .swal2-modal .swal2-cancel:focus, .swal2-modal .swal2-cancel:hover { background-color: transparent; border-color: rgb(153, 153, 153); color: rgb(51, 51, 51); } .swal2-modal .swal2-cancel:active { background-color: transparent; border-color: rgb(117, 117, 117); color: rgb(0, 0, 0); } .swal2-modal .button + .button { margin-left: 0.78571rem; } .swal2-icon { display: flex; } .newsletterform .form-field { margin: 0px; } .newsletterform .form-field .form-inputholder { flex-wrap: wrap; } .newsletterform .form-input { border-radius: 0px; font-size: 16px; font-style: italic; color: rgb(255, 255, 255); background-color: rgb(60, 130, 180); border: none; height: 4.14286rem; padding: 1.28571rem 1.71429rem; } .newsletterform .form-input::placeholder { color: rgb(255, 255, 255); } .header_third .newsletterform .form-input::placeholder { color: rgb(57, 79, 106); } .header_third .newsletterform .form-input { height: 2.57143rem; font-size: 0.85714rem; border-top: 2px solid rgba(11, 99, 162, 0.38); border-bottom: 2px solid rgba(11, 99, 162, 0.38); border-left: 2px solid rgba(11, 99, 162, 0.38); border-image: initial; background-color: rgb(255, 255, 255); padding: 0px 1.14286rem; color: rgb(34, 59, 89); border-right: none; } .newsletterform .button { height: 4.14286rem; border-radius: 0px; background-color: rgb(34, 59, 89); color: rgb(255, 255, 255); border: none; margin-left: 0px; text-transform: uppercase; font-weight: 700; } .footer_newsletter .newsletterform button { height: 100%; text-transform: uppercase; padding: 0px 15px !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 1px !important; font-family: Montserrat, Arial, Helvetica, sans-serif !important; } .footer_newsletter .newsletterform input { font-family: Merriweather, Arial, Helvetica, sans-serif !important; } body, html { height: auto; color: rgb(117, 117, 117); } @media (min-width: 801px) { body { padding-top: 0px; } } figure { margin-bottom: 2rem; margin-top: 2rem; } figure > figcaption { margin-bottom: -0.5rem; } figcaption { color: rgb(153, 153, 153); margin-top: 0.78571rem; } body { font-size: 1rem; font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-weight: 400; margin-top: 2.28571rem; } h5, h6 { text-transform: uppercase; } a { transition: color 0.15s ease 0s; } cite { line-height: 1.5; margin: 0.5rem 0px 0px; } .page-heading { margin: 0px 0px 3rem; text-align: left; font-weight: 700; color: rgb(34, 59, 89); } h1 { font-size: 28px; } h2 { font-size: 25px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 15px; } h6 { font-size: 13px; } .definitionList::after, .definitionList::before { content: " "; display: table; } .definitionList::after { clear: both; } .definitionList-key { color: rgb(117, 117, 117); float: left; font-weight: 400; margin: 0px 0.35714rem 0px 0px; } .definitionList-value { margin: 0px; } a { color: rgb(48, 86, 131); } a:hover { color: rgb(60, 130, 180); } a:active { color: rgb(60, 130, 180); } a:focus { color: rgb(48, 86, 131); } .form-select { -webkit-appearance: none; background-image: url(""); background-position: right 0.57143rem top 0.71429rem; border-radius: 4px; padding: 0.75rem 3rem 0.75rem 1rem; } .form-label small { float: right; margin-top: 0.35714rem; } .form-label--inlineSmall small { color: rgb(117, 117, 117); float: none; font-size: inherit; font-weight: 400; margin-left: 0.35714rem; text-transform: none; } .table { margin-top: 2rem; } .table td + td { border-left: 1px solid rgb(229, 229, 229); } .table .table-alignCenter { text-align: center; } .table .table-alignRight { text-align: right; } .table-actions { margin: 1.5rem; text-align: center; } .table-actions .form { margin-bottom: 0px; } .table-actions .button { display: block; margin-left: 0px; margin-right: 0px; width: 100%; } @media (min-width: 551px) { .table-actions .button { display: inline-block; margin-bottom: 0px; width: auto; } } @media (min-width: 551px) { .table-actions .button + .button { margin-left: 0.35714rem; } } .table--line { border-color: rgb(229, 229, 229); border-width: 0px 0px 1px; } .table--line .table-thead { background-color: rgb(255, 255, 255); border-color: rgb(229, 229, 229); border-width: 0px 0px 1px; } .table--line .table-thead tr th { padding-left: 0px; padding-right: 0px; } @media (min-width: 551px) { .table--line .table-thead tr th { text-align: center; } .table--line .table-thead tr th:first-child { text-align: left; } .table--line .table-thead tr th:last-child { text-align: right; } } .table--line .table-thead tr th + th { padding-left: 1.5rem; } .table--line tr { } .table--line tr td { display: block; padding-left: 0px; padding-right: 0px; } @media (min-width: 551px) { .table--line tr td { text-align: center; } .table--line tr td:first-child { text-align: left; } .table--line tr td:last-child { text-align: right; } } .table--line tr td + td { padding-left: 1.5rem; } .table--line td + td { border-left: 0px; } .dropdown { left: -9999px; outline: 0px; position: absolute; } .dropdown-menu.is-loading .loadingOverlay { background: 0px 0px; padding: 4.5rem 0px; position: relative; } .dropdown-menu.is-open { display: block; } .dropdown-menu-item { text-align: left; } .dropdown-menu-item:first-child > a { padding-top: 0.78571rem; } .dropdown-menu-item:last-child > a { padding-bottom: 1rem; } .dropdown-menu-item > a { margin: 0px; padding: 0.28571rem 1.14286rem; text-decoration: none; } .form-wishlist { position: relative; } .dropdown-menu-button { width: 100%; } .dropdown-menu-button.is-open { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .dropdown-menu-button .icon { float: right; margin-left: 10px; } #wishlist-dropdown.is-open { background: 0px 0px; left: auto !important; max-width: none !important; width: 100% !important; } @media (min-width: 551px) { #wishlist-dropdown.is-open { padding-right: 20px; } } @media (min-width: 801px) { #wishlist-dropdown.is-open { padding-right: 0px; } } @media (min-width: 1261px) { #wishlist-dropdown.is-open { padding-right: 11px; } } #wishlist-dropdown.is-open:focus { outline: 0px; } #wishlist-dropdown.is-open [data-wishlist] { border-top: none; margin-bottom: 0px; width: 100%; } #wishlist-dropdown.is-open .button { background-color: rgb(255, 255, 255); border-top-left-radius: 0px; border-top-right-radius: 0px; width: 100%; } #wishlist-dropdown.is-open .button--has-items { font-weight: 700; } #wishlist-dropdown.is-open li:not(:last-child) .button { border-bottom: none; border-radius: 0px; border-top: none; margin-bottom: 0px; } .modal { margin: 0px; max-height: 90%; max-width: 95%; min-height: 240px; outline: 0px; overflow: hidden; padding: 0px; left: 50%; transform: translate(-50%, -50%); top: 50% !important; } @media (min-width: 1261px) { .modal--large { width: 1280px; } } .modal-header { padding-left: 2.25rem; padding-right: 3.03571rem; } .modal-header-title { font-size: 22px; text-align: center; } @media (min-width: 801px) { .modal-header-title { font-size: 25px; } } .modal-close { height: 2.28571rem; width: 2.28571rem; color: rgb(117, 117, 117); font-size: 26px; line-height: 2.28571rem; padding: 0px; position: absolute; text-align: center; text-decoration: none; z-index: 50; } @media (min-width: 801px) { .modal-close { font-size: 32px; } } .modal-close:hover { color: rgb(153, 153, 153); } .modal-body { overflow: auto; padding: 2.25rem; } .modal--alert { border-radius: 4px; font-family: Merriweather, Arial, Helvetica, sans-serif; padding: 40px 20px 20px; text-align: center; background-color: rgb(255, 255, 255) !important; } .modal--alert .modal-content { color: rgb(51, 51, 51); font-size: 1.14286rem; } .modal--alert .button-container { margin: 25px 0px 0px; } .modal--alert .button-container .confirm { background-color: rgb(34, 59, 89); border-color: rgb(34, 59, 89); color: rgb(255, 255, 255); } .modal--alert .button-container .confirm:focus, .modal--alert .button-container .confirm:hover { background-color: rgb(37, 69, 106); border-color: rgb(37, 69, 106); color: rgb(255, 255, 255); } .modal--alert .button-container .confirm:active { background-color: rgb(37, 69, 106); border-color: rgb(37, 69, 106); color: rgb(255, 255, 255); } .breadcrumbs { text-align: left; } @media (min-width: 551px) { .breadcrumbs { display: block; } } .breadcrumb { display: inline-block; float: none; } .breadcrumb.is-active > .breadcrumb-label { cursor: text; } .breadcrumb-label { text-decoration: none; } .panel-title { font-size: 20px; } .panel--large .panel-body { margin-bottom: 2rem; padding: 2rem; } .pagination-list { font-size: 0px; margin-bottom: 1.5rem; text-align: center; } .pagination-list::after, .pagination-list::before { content: " "; display: table; } .pagination-list::after { clear: both; } .pagination-list .pagination-item { display: inline-block; } .pagination-item { border: 1px solid transparent; line-height: 1; } .pagination-item .pagination-link { text-decoration: none; transition: all 0.2s ease 0s; } .pagination-item .pagination-link:hover { color: rgb(51, 51, 51); } .pagination-item.pagination-item--current { border-color: rgb(229, 229, 229); border-radius: 4px; margin: 0px 0.35714rem 0px 0.78571rem; } .pagination-item.pagination-item--next > a, .pagination-item.pagination-item--previous > a { color: rgb(51, 51, 51); } .pagination-item.pagination-item--next > a:hover, .pagination-item.pagination-item--previous > a:hover { color: rgb(117, 117, 117); } .pagination-item.pagination-item--next > a:hover .icon > svg, .pagination-item.pagination-item--previous > a:hover .icon > svg { fill: rgb(117, 117, 117); } .pagination-item--next .icon, .pagination-item--previous .icon { height: 1.42857rem; margin-top: -0.14286rem; width: 1.42857rem; } .pagination-item--previous { float: left; } .pagination-item--previous .icon { margin-left: -0.85714rem; } .pagination-item--next { float: right; } .pagination-item--next .icon { margin-right: -0.85714rem; } .pagination-list--small { position: relative; } .pagination-list--small .pagination-item { color: rgb(117, 117, 117); cursor: inherit; line-height: 1.5; } .pagination-list--small .pagination-link { padding: 0px 0.35714rem; } .pagination-list--small .pagination-item--next, .pagination-list--small .pagination-item--previous { position: absolute; top: 0px; } .pagination-list--small .pagination-item--previous { left: 0px; } .pagination-list--small .pagination-item--next { right: 0px; } .button { line-height: 1rem; transition: all 0.15s ease 0s; } .button + .button { margin-left: 0px; } @media (min-width: 801px) { .button + .button { margin-left: 0.78571rem; } } .button_light { background-color: rgba(238, 244, 243, 0.28); border-color: rgba(48, 86, 132, 0.5); color: rgb(33, 58, 88); text-transform: uppercase; font-size: 0.85714rem; font-weight: 500; letter-spacing: 0.03571rem; } .button_light:hover { border-color: rgb(33, 58, 88); color: rgb(33, 58, 88); } .button[disabled] { cursor: not-allowed; } .button--icon svg { fill: rgb(117, 117, 117); } .tabs { font-family: Montserrat, Arial, Helvetica, sans-serif; } .tabs::before { content: ""; display: none; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; background-color: rgb(238, 244, 247); } .tab { float: none; border-top: none; } @media (min-width: 801px) { .tab { text-transform: uppercase; padding-left: 20px; padding-right: 20px; border-bottom: 4px solid rgb(238, 244, 247); font-size: 1.71429rem; font-weight: 400; float: left; } } .tab.is-active { border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); } @media (min-width: 551px) { .tab.is-active { margin-bottom: -1px; } } @media (min-width: 801px) { .tab.is-active { font-weight: 700; border-right: 1px solid rgb(255, 255, 255); border-left: 1px solid rgb(255, 255, 255); border-image: initial; border-bottom: 4px solid rgb(11, 99, 162); font-size: 1.71429rem; color: rgb(34, 59, 89); border-top: none; } } .tab-title { padding: 1.14286rem 0px; text-align: center; text-decoration: none; } @media (min-width: 551px) { .tab-title { text-align: left; } } @media (min-width: 801px) { .tab-title { padding: 0.78571rem 1.5rem; font-size: 1rem; letter-spacing: 1px; font-weight: 500; } } @media (min-width: 1261px) { .tab-title { padding: 0.78571rem 1.28571rem; } } .tab-content.has-jsContent { display: block; height: 0px; overflow: hidden; padding: 0px; visibility: hidden; } .tab-content.has-jsContent.is-active { height: auto; overflow: visible; padding: 1.5rem 0px; visibility: visible; } @media (min-width: 551px) { .tab-content .productReview { width: 50%; } } @media (min-width: 801px) { .tab-content .productReview { width: 33.3333%; } } @media (min-width: 1261px) { .tab-content .productReview { width: 50%; } } .tab-content .productReviews { border-top: 0px; } .accordion { border-radius: 4px; box-shadow: none; } .accordion .navList { margin-bottom: 0px; } .accordion-content { border: 0px; } .accordion-content .form:only-child { margin-bottom: 0px; } .accordion-title { margin: 0px; } .accordion-navigation { margin-top: -1px; position: relative; text-decoration: none; } @media (min-width: 801px) { .accordion--navList { border: 0px; } } @media (min-width: 801px) { .sidebarBlock + .accordion--navList { margin-top: 2rem; } } @media (min-width: 801px) { .accordion--navList .accordion-block { margin-top: 2rem; } } .accordion--navList .accordion-content { padding: 1rem; } @media (min-width: 801px) { .accordion--navList .accordion-content { padding: 0px; } } @media (min-width: 801px) { .accordion--navList .accordion-navigation { background-position: right 0px top 50%; border: 0px; } } .accordion--navList .accordion-title { font-weight: 400; padding: 1rem; text-decoration: none; text-transform: inherit; } @media (min-width: 801px) { .accordion--navList .accordion-title { margin-bottom: 0.78571rem; margin-top: 0px; padding: 0px; } } .accordion--navList .accordion-indicator { fill: rgb(153, 153, 153); } .accordion--navList .accordion-navigation-actions { right: 1rem; top: 1.21429rem; } @media (min-width: 801px) { .accordion--navList .accordion-navigation-actions { right: 0px; top: 0px; } } .accordion-block:first-child { margin-top: 0px; } .accordion-block:first-child .accordion-navigation { border-radius: 4px 4px 0px 0px; } .accordion-block:last-child .accordion-content, .accordion-block:last-child .accordion-navigation { border-radius: 0px 0px 4px 4px; } .accordion-block:last-child .accordion-navigation { border-bottom-width: 0px; } .accordion-block:last-child .accordion-navigation.is-open { border-bottom-width: 1px; border-radius: 0px; } .accordion-navigation-actions { position: absolute; right: 1.85714rem; top: 1.5rem; } .accordion-navigation-actions > a { color: rgb(117, 117, 117); vertical-align: middle; } .accordion-navigation-actions > a:hover { color: rgb(51, 51, 51); } .inlineList--labels { margin-bottom: 0px; margin-left: -0.78571rem; } .inlineList--labels > li { margin-bottom: 0.78571rem; margin-left: 0.78571rem; } .alertBox { border-radius: 4px; color: rgb(51, 51, 51); } .alertBox-icon .icon { height: 1.78571rem; width: 1.78571rem; } .alertBox--info { color: rgb(255, 255, 255); } .alertBox--info .alertBox-close svg { fill: rgb(223, 223, 223); } .form--hiddenLabels .form-label { border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .form-inlineMessage { display: block; } .form-field--error .form-input { float: none; } .form-field--error .form-inlineMessage::before { background: url("") 0% 0% / 100% no-repeat; content: ""; display: inline-block; height: 1rem; left: -0.14286rem; margin-right: 0.07143rem; position: relative; top: 0.21429rem; width: 1rem; } .form-field--success .form-input[type="text"] { background-image: url(""); background-position: right 0.71429rem center; background-repeat: no-repeat; padding-right: 3rem; } .form-checkbox + .form-label:last-child, .form-radio + .form-label:last-child { display: block; margin-bottom: -0.28571rem; } .form-checkbox + .form-label::after, .form-radio + .form-label::after { top: 0.28571rem; } .form-checkbox + .form-label::before, .form-radio + .form-label::before { top: 0.21429rem; } .form-actions { margin: 0px auto; max-width: 85.7143rem; width: 100%; display: block; text-align: center; } .form-actions::after, .form-actions::before { content: " "; display: table; } .form-actions::after { clear: both; } @media (min-width: 551px) { .form-actions { margin-top: 1.5rem; } } .form-actions .button, .form-actions a, .form-actions input { vertical-align: top; width: 100%; } @media (min-width: 551px) { .form-actions .button, .form-actions a, .form-actions input { margin-bottom: 0px; width: auto; } } .form-actions .button + .button, .form-actions .button + a, .form-actions .button + input, .form-actions a + .button, .form-actions a + a, .form-actions a + input, .form-actions input + .button, .form-actions input + a, .form-actions input + input { margin-top: 0.78571rem; } @media (min-width: 551px) { .form-actions .button + .button, .form-actions .button + a, .form-actions .button + input, .form-actions a + .button, .form-actions a + a, .form-actions a + input, .form-actions input + .button, .form-actions input + a, .form-actions input + input { margin: 0px 0px 0px 0.78571rem; } } .form-label--alternate { font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 0.78571rem; } .form-select--date { width: initial; } .form-select--date + .form-select--date { margin-left: 0.35714rem; } .form-select--date, .form-select--small { background-position: right 0.5rem top 0.5rem; background-size: 1.28571rem; font-size: 13px; height: 2.28571rem; line-height: 1rem; max-width: 20rem; padding: 0.57143rem 2rem 0.57143rem 0.78571rem; } .form-select--short { max-width: 6rem; width: 4.5rem; } .form-file { margin-bottom: 0.5rem; } .form-fileDescription { color: rgb(153, 153, 153); font-size: 13px; } .form-field-group { border: 1px solid rgb(204, 204, 204); border-radius: 4px; padding: 1.5rem; } .form-column { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 551px) { .form-column { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } } .form-prefixPostfix.wrap { flex-wrap: wrap; } .form-prefixPostfix .button, .form-prefixPostfix .form-input { display: block; width: 100%; } @media (min-width: 1261px) { .form-prefixPostfix .form-input { width: auto; } } @media (min-width: 1261px) { .form-prefixPostfix .button { width: auto; } } .form-prefixPostfix .form-inlineMessage { margin-bottom: 0.35714rem; } @media (min-width: 1261px) { .form-prefixPostfix .form-inlineMessage { margin-bottom: 0px; } } .form-prefixPostfix-button--postfix { margin: 0.78571rem 0px 0px; order: 1; } @media (min-width: 1261px) { .form-prefixPostfix-button--postfix { margin: 0px 0px 0px 0.78571rem; order: 0; } } .form-increment .button { margin: 0px; padding: 0.21429rem 0.35714rem; } .form-input--incrementTotal { border: 0px; display: inline-block; font-size: 15px; font-weight: 700; height: auto; padding: 0px; text-align: center; vertical-align: middle; width: 2.5rem; } .form-option { border: 1px solid rgb(204, 204, 204); color: rgb(102, 102, 102); cursor: pointer; display: inline-block; font-size: 0px; margin-bottom: 0.5rem; margin-right: 0.5rem; padding: 1px; transition: all 0.15s ease 0s; } .form-option:hover { border-color: rgb(153, 153, 153); } .form-radio:checked + .form-option { border-color: rgb(51, 51, 51); box-shadow: rgb(51, 51, 51) 0px 0px 0px 1px; } .form-option-variant { display: inline-block; font-size: 1rem; min-width: 2.71429rem; padding: 1px 0.35714rem; pointer-events: none; text-align: center; } .form-option-variant--color, .form-option-variant--pattern { height: 1.57143rem; width: 1.57143rem; min-width: initial; padding: 0px; } @media (min-width: 551px) { .form-option-variant--color, .form-option-variant--pattern { pointer-events: inherit; } } .form-option-variant--pattern { background-position: center center; background-repeat: no-repeat; } .form-input--small { font-size: 13px; height: 2.28571rem; line-height: 1rem; padding: 0.57143rem 0.78571rem; } .form-minMaxRow { margin-left: -0.375rem; margin-right: -0.375rem; } .form-minMaxRow::after, .form-minMaxRow::before { content: " "; display: table; } .form-minMaxRow::after { clear: both; } .form-minMaxRow .form-field { width: 33.3333%; float: left; margin-bottom: 0px; padding-left: 0.375rem; padding-right: 0.375rem; } .form-minMaxRow .button { margin-bottom: 0px; padding-left: 0px; padding-right: 0px; width: 100%; } @media (min-width: 551px) { .form-row--half > .form-field:nth-child(2n+1) { clear: left; } } [data-product-attribute] .form-option { overflow: hidden; position: relative; } [data-product-attribute] .form-option.unavailable { background-color: rgb(221, 221, 221); opacity: 0.3; } [data-product-attribute] .form-option.unavailable::before { background-color: rgb(0, 0, 0); content: ""; height: 2px; left: -5px; position: absolute; top: 11px; transform: rotate(-45deg); width: 141%; } [data-product-attribute="product-list"] .unavailable, [data-product-attribute="set-radio"] .unavailable { opacity: 0.6; text-decoration: line-through; } .card-figure { margin-top: 0px; position: relative; } .card-figure:hover .card-figcaption { opacity: 1; } .card-price .price { font-size: 1.57143rem; } .card-price .price_header_label { position: relative; } .card-price .price_header_label span { background-color: rgb(255, 255, 255); z-index: 2; position: relative; padding-left: 0.5rem; padding-right: 0.5rem; } .card-price .price_header_label::before { content: " "; position: absolute; width: 100%; left: 0px; height: 1px; top: 9px; border-top: 1px solid rgb(34, 59, 88); opacity: 0.3; z-index: 1; } .card-img-container { max-width: 500px; } .card-img-container::after { content: ""; display: block; height: 0px; width: 100%; padding-bottom: 131.8%; } .card-img-container::after { padding-bottom: 100%; } .card-figcaption { display: none; margin: 0px; pointer-events: none; } @media (min-width: 801px) { .card-figcaption { display: block; } } .card-figcaption-body { display: inline-block; pointer-events: all; transform: translate3d(0px, -50%, 0px); } .card-image { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; border: 0px; width: 100%; max-height: 100%; object-fit: contain; font-family: "object-fit: contain;"; } .card-title { font-size: 15px; margin: 0px 0px 0.28571rem; } .card-title > a { color: rgb(51, 51, 51); text-decoration: none; } .card-title > a:hover { color: rgb(117, 117, 117); } .card-text { margin-bottom: 0.21429rem; } .card-text abbr { border: 0px; color: inherit; font-size: inherit; } .card-text.card-brandname { min-height: 21px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .card-figcaption-button { border: none; display: block; margin: 0.35714rem 0px 0px; } .card-figcaption-button:active { background-color: rgb(255, 255, 255); border: none; } .card-figcaption-button + .card-figcaption-button { margin: 0.35714rem 0px 0px; } .card-body { text-align: center; display: flex; flex-direction: column; } @media (min-width: 551px) { .card-body { text-align: left; } } .card--alternate { border: 2px solid rgb(240, 244, 247); transition: all 0.15s ease 0s; } .card--alternate .card-body { padding: 10px 0.78571rem 0px; transition: all 0.15s ease 0s; background-color: rgb(255, 255, 255); } @media (min-width: 551px) { .card--alternate .card-body { padding: 10px 1rem 0px; } } .card--alternate .card-title { width: 100%; text-align: center; font-size: 0.85714rem; flex-grow: 1; height: 4rem; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin: 5px 0px 10px; } .card--alternate .card-title > a { color: rgb(13, 87, 142); text-decoration: none; } .card--alternate .card-title > a:hover { color: rgb(117, 117, 117); } .card--alternate .card-text { margin-bottom: 0.21429rem; font-weight: 700; width: 100%; text-align: center; font-size: 1rem; color: rgb(13, 87, 142); font-family: Montserrat, Arial, Helvetica, sans-serif; } .card--alternate .card-text abbr { border: 0px; color: inherit; font-size: inherit; } .card--alternate .button--addtocart { width: 100%; margin-top: 0.71429rem; margin-bottom: 0px; } .card--alternate .button--viewdetails { width: 100%; margin-top: 0.71429rem; margin-bottom: 0px; } .price-label, .rrp-price--withoutTax { display: none; } .price-section--withoutTax { padding-top: 7px; } .price-section--withoutTax--productView { display: flex; align-items: center; } .price-section--withoutTax--productView .price--withoutTax { color: rgb(233, 28, 62); font-size: 2.5rem; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 2.5rem; } @media (min-width: 801px) { .price-section--withoutTax--productView .price--withoutTax { line-height: 100%; } } .price-section--withoutTax--productView .price--non-sale { font-size: 16px; padding-left: 0px; color: rgb(102, 121, 143); font-family: Montserrat, Arial, Helvetica, sans-serif; padding-bottom: 5px; font-weight: 700 !important; } @media (min-width: 801px) { .price-section--withoutTax--productView .price--non-sale { padding-left: 1.42857rem; } } .price-section--withoutTax--productView .non-sale-price--withoutTax { height: auto; padding-bottom: 5px; } @media (min-width: 801px) { .price-section--withoutTax--productView .non-sale-price--withoutTax { padding-bottom: 0px; } } .non-sale-price--withoutTax { padding-top: 0px; height: 1.71429rem; } .non-sale-price--withoutTax .price { font-size: 1.14286rem; font-weight: 500; } .navBar, .navList { margin-left: 0px; } .navBar-action, .navList-action { text-decoration: none; } .navList-action.is-active { font-weight: 700; } .navList-action--checkbox { display: inline-block; font-size: 1rem; font-weight: 400; margin-bottom: 0.35714rem; padding-left: 1.85714rem; position: relative; vertical-align: baseline; width: 100%; } .navList-action--checkbox::after, .navList-action--checkbox::before { content: ""; display: block; position: absolute; transition: all 50ms ease-out 0s; } .navList-action--checkbox::before { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); height: 1.14286rem; left: 0px; top: 0px; width: 1.14286rem; } .navList-action--checkbox::after { height: 1rem; left: 1px; opacity: 0; top: 1px; transform: scale(0); width: 1rem; } .navList-action--checkbox::before { border-radius: 4px; } .navList-action--checkbox::after { background-image: url(""); background-position: 50% center; background-repeat: no-repeat; background-size: 100%; color: rgb(51, 51, 51); content: ""; font-size: 1rem; line-height: 1; text-align: center; } .navList-action--checkbox::after, .navList-action--checkbox::before { top: 50%; } .navList-action--checkbox::before { margin-top: -0.57143rem; } .navList-action--checkbox::after { margin-top: -0.5rem; } .navList-action--checkbox.is-disabled { cursor: default; } .navList-action--checkbox.is-disabled::before { background-color: rgb(255, 255, 255); } .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after { opacity: 1; transform: scale(1); } .navList-action-close { background: rgb(229, 229, 229); border-radius: 100%; display: inline-block; float: right; line-height: 0; opacity: 0; padding: 0.28571rem; transition: opacity 0.3s ease 0s; visibility: hidden; } .navList-action-close .icon { height: 0.92857rem; width: 0.92857rem; fill: rgb(51, 51, 51); } .navList-action.is-selected:hover .navList-action-close { opacity: 1; visibility: visible; } .navBar--sub { margin-bottom: 4.5rem; text-align: center; } .navBar--sub .navBar-section { float: none; } .navBar--sub .navBar-item { float: none; margin: 0px 0.78571rem; } @media (min-width: 801px) { .navBar--sub .navBar-item { display: inline-block; } } @media (min-width: 801px) { .navBar--sub .navBar-item.is-active { border-bottom: 1px solid rgb(51, 51, 51); } } .navBar--sub .navBar-item.is-active > .navBar-action { color: rgb(102, 102, 102); } @media (min-width: 801px) { .navBar--sub .navBar-item.navBar-item--separate { border-left: 1px solid rgb(117, 117, 117); margin: 0px; padding-left: 0.78571rem; } } .navBar--sub .navBar-action { color: rgb(117, 117, 117); font-size: 1rem; padding: 0px; } .navBar--sub .navBar-action:hover { color: rgb(51, 51, 51); } .loadingOverlay { background-color: rgba(255, 255, 255, 0.9); display: none; z-index: 20; } .icons-svg-sprite { display: none; } .icon, .icon svg { transition: all 0.15s ease 0s; } .actionBar-section .form-field { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 4px; overflow: hidden; } .actionBar-section .form-field:hover { border-color: rgb(153, 153, 153); } .actionBar-section .form-label { color: rgb(117, 117, 117); font-size: 13px; line-height: 2.14286rem; margin-bottom: 0px; padding-left: 0.78571rem; } .actionBar-section .form-input, .actionBar-section .form-select { border: 0px; padding-left: 0.21429rem; width: auto; } .actionBar-section .form-input, .actionBar-section .form-label, .actionBar-section .form-select { display: inline-block; } .actionBar-section .form-select { color: rgb(51, 51, 51); height: 2.14286rem; } .has-ribbon { position: relative; } .ribbon { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); cursor: default; font-weight: 700; margin: -0.78571rem -0.78571rem 0px 0px; padding: 0.07143rem 1rem; position: absolute; right: 0px; text-transform: uppercase; top: 0px; z-index: 1; } .navUser { position: absolute; transform: translateY(-50%); right: 0px; top: 26px; z-index: 5; width: 100%; } .navUser::after, .navUser::before { content: " "; display: table; } .navUser::after { clear: both; } .navUser ol, .navUser ul { list-style: none; margin: 0px; padding: 0px; } .navUser ol ol, .navUser ol ul, .navUser ul ol, .navUser ul ul { list-style: none; margin-bottom: 0px; } .navUser ol li, .navUser ul li { margin: 0px; padding: 0px; } .navUser-section { float: left; } .navUser-section::after, .navUser-section::before { content: " "; display: table; } .navUser-section::after { clear: both; } .navUser-section--alt { float: right; margin-left: 1.5rem; } .navUser-section + .navUser-section { margin-left: 1.5rem; } @media (min-width: 551px) { .navUser-item { float: left; } } .navUser-action, .navUser-item { display: flex; flex-grow: 1; } .navUser .navUser-section { display: flex; align-items: center; } @media (min-width: 801px) { .navUser { width: 100%; } } @media (min-width: 801px) { .navUser { padding: 0px; position: relative; right: auto; top: auto; transform: none; z-index: 50; } } .navUser .dropdown-menu { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(255, 255, 255, 0.13) 0px 1px 2px; position: absolute; } .navUser .dropdown-menu.is-open::before { border-width: 10px; border-style: inset inset solid; border-image: initial; content: ""; display: block; height: 0px; width: 0px; border-color: transparent transparent rgb(204, 204, 204); bottom: 100%; left: 0.78571rem; position: absolute; } .navUser .dropdown-menu.is-open::after { border-width: 8px; border-style: inset inset solid; border-image: initial; content: ""; display: block; height: 0px; width: 0px; border-color: transparent transparent rgb(255, 255, 255); bottom: 100%; left: 0.92857rem; position: absolute; } .mobile-nav-section { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 1.07143rem; margin-top: 1.07143rem; } @media (min-width: 801px) { .mobile-nav-section { border-bottom: none; padding-bottom: 0px; margin-top: 0px; } } .mobile-nav-section:last-child { border-bottom: none; min-height: 50px; } @media (max-width: 801px) { .mobielnav-closebtn { left: calc(100vw - 62px); top: 35px; position: absolute; width: 25px; height: 25px; } .mobielnav-closebtn svg { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); width: 100%; height: 100%; } .mobile-salelink-leftholder { display: flex; align-items: center; } .mobile-salelink-subtext { font-family: OpenSans, Arial, Helvetica, sans-serif; font-weight: 100; font-style: italic; font-size: 14px; color: rgb(234, 58, 66); text-align: left; padding-left: 10px; } .topnav-mobile { padding: 0px; margin-top: 10px; } .badgeSale .navUser-action { display: flex; justify-content: space-between; width: 100%; } .usernav-mobile-holder { z-index: 2; padding-bottom: 0px; margin-bottom: 0px; } .usernav-mobile-holder::before { content: " "; position: absolute; z-index: -1; left: 0px; top: 0px; width: 100%; height: 78px; background-color: rgb(238, 244, 247); } .usernav-mobile { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch space-between; font-family: OpenSans, Arial, Helvetica, sans-serif; font-weight: 700; padding: 20px 0px 10px; text-decoration: none; align-items: center; } .usernav-mobile-user { font-size: 16px; display: flex; } .usernav-mobile-user svg { width: 25px; height: 25px; margin-right: 10px; } .usernav-mobile-link { text-transform: uppercase; font-size: 12px; line-height: 100%; color: rgb(48, 86, 131); } .mobile-nav-section .navPages-action { font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; } .mobile-nav-section .badgeBrand .topnavIcons { width: 28px; } .mobile-nav-section .badgeBrand span { padding-left: 5px; } .mobile-nav-section .badgeSale .topnavIcons { width: 55px; } .mobile-nav-section .badgeSale span { padding-left: 10px; } .mobile-nav-section .badgeRecipes .topnavIcons { width: 24px; } .mobile-nav-section .badgeRecipes span { padding-left: 5px; } } .navPages-mobile { position: relative; } .navPages-mobile .navPages-action-moreIcon { width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 11px; margin-right: 0px; } @media (max-width: 551px) { .navPages-mobile .navPages-action-moreIcon { float: right; } } @media (max-width: 801px) { .navPages-mobile .navPages-action-moreIcon svg { stroke: rgb(11, 99, 162); } } .navPages-mobile .navUser-section { margin: 0px; padding: 0px; } @media (min-width: 801px) { .navUser-section { position: relative; } .navUser-section .badgeSale .topnavIcons { padding-right: 10px; } .navUser-section .badgeRecipes .topnavIcons { padding-right: 7px; height: 26px; } .navUser-section .badgeBrand .topnavIcons { padding-right: 4px; height: 26px; } .navUser-section .navUser-action { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: center; } .navUser-section .navUser-action .navPages-action-moreIcon svg { fill: rgb(13, 99, 162); stroke: rgb(13, 99, 162); opacity: 1; } } .navUser-action { padding: 1rem 0.78571rem; text-decoration: none; text-transform: uppercase; font-family: OpenSans, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; color: rgb(48, 86, 131); } .navUser-action.is-open, .navUser-action:hover { color: rgb(117, 117, 117); } .navUser-action.is-open svg, .navUser-action:hover svg { fill: rgb(117, 117, 117); stroke: rgb(117, 117, 117); } .navUser-action .icon { height: 0.57143rem; width: 0.57143rem; margin: -1px 0px 0px 0.21429rem; } .navUser-action svg { fill: rgb(51, 51, 51); stroke: rgb(51, 51, 51); transition: all 0.15s ease 0s; } .navUser-action .header-icon { height: 1.57143rem; width: 1.57143rem; } .navUser-action-cart { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: center; } .navUser-action-cart svg { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); } @media (min-width: 801px) { .navUser-action-cart svg { fill: rgb(51, 51, 51); stroke: rgb(51, 51, 51); } } .navUser-action--currencySelector + .dropdown-menu::before { right: 0.78571rem; left: auto !important; } .navUser-action--currencySelector + .dropdown-menu::after { right: 0.92857rem; left: auto !important; } .navUser-action--storeCredit + .dropdown-menu { max-width: 21.4286rem; padding: 1.5rem; } .navUser-action--storeCredit + .dropdown-menu::before { left: 10rem !important; } .navUser-action--storeCredit + .dropdown-menu::after { left: 10.1429rem !important; } .navUser-action-divider { border-right: 1px solid rgb(229, 229, 229); color: rgb(117, 117, 117); display: inline-block; padding: 0px 1.42857rem 0px 0px; text-decoration: none; } .category-content-mobile, .specialcategory-mobile, .topnav-mobile, .usernav-mobile-holder { display: block; } @media (min-width: 801px) { .category-content-mobile, .specialcategory-mobile, .topnav-mobile, .usernav-mobile-holder { display: none; } } .mobile-nav-storecredit { display: flex; align-items: center; background-color: rgba(74, 210, 149, 0.15); border-radius: 5px; padding: 15px; } .mobile-nav-storecredit-iconholder { width: 150px; height: 50px; } .mobile-nav-storecredit-iconholder svg { width: 100%; height: 100%; } .mobile-nav-storecredit-text { padding-left: 20px; font-size: 12px; margin-bottom: 0px; color: rgb(21, 131, 89); } .social-nav-mobile { display: flex; flex-flow: row nowrap; place-content: stretch space-between; align-items: center; text-decoration: none; } .social-nav-mobile_phonelink { font-family: OpenSans, Arial, Helvetica, sans-serif; font-size: 25px; flex-grow: 1; color: rgb(60, 130, 180); line-height: 100%; font-weight: 700; text-decoration: none; } .social-nav-mobile-icon { height: 25px; width: 44px; fill: rgba(11, 99, 162, 0.5); } .social-nav-mobile .socialLinks { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: space-around space-between; align-items: stretch; width: 100%; } .social-nav-mobile .socialLinks-item .icon { width: 1.71429rem; height: 1.71429rem; } .social-nav-mobile span { color: rgba(11, 99, 162, 0.5); font-style: italic; padding-left: 10px; } @media (min-width: 801px) { .social-nav-mobile { display: none; } } .contact-mobile { display: flex; flex-flow: row nowrap; place-content: stretch space-between; align-items: center; text-decoration: none; } .contact-mobile-right { padding-right: 10px; } .contact-mobile_title { font-family: OpenSans, Arial, Helvetica, sans-serif; font-size: 16px; color: rgb(47, 86, 131); line-height: 100%; text-align: right; } .contact-mobile_phonelink { font-family: OpenSans, Arial, Helvetica, sans-serif; font-size: 25px; flex-grow: 1; color: rgb(60, 130, 180); line-height: 100%; font-weight: 700; text-decoration: none; } .contact-mobile-icon { height: 25px; width: 44px; fill: rgba(11, 99, 162, 0.5); } @media (min-width: 801px) { .contact-mobile { display: none; } } .navUser-item { display: none; } .topnav-mobile .navUser-item { display: block; } @media (min-width: 801px) { .navUser-item { display: block; } .topnav-mobile .navUser-item { display: none; } .navUser-item.navUser-item--social { padding-right: 0.35714rem; } .navUser-item.navUser-item--divider { position: relative; margin-left: 15px; } .navUser-item.navUser-item--divider::before { content: " "; background-color: rgba(45, 113, 168, 0.3); width: 1px; height: 31px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } } .navUser-item--cart { display: block; } .navUser-item--cart .navUser-action { color: rgb(51, 51, 51); } .navUser-item--cart .navUser-action.is-open, .navUser-item--cart .navUser-action:hover { color: rgb(117, 117, 117); } .navUser-item--cart .dropdown-menu { max-width: 22.8571rem; } .navUser-item--cart .dropdown-menu.is-open { right: 0.35714rem; top: auto !important; left: auto !important; } @media (min-width: 801px) { .navUser-item--cart .dropdown-menu.is-open { right: 0px; } } .navUser-item--cart .dropdown-menu.is-open::after, .navUser-item--cart .dropdown-menu.is-open::before { left: auto; } .navUser-item--cart .dropdown-menu.is-open::before { right: 0.42857rem; } @media (min-width: 801px) { .navUser-item--cart .dropdown-menu.is-open::before { right: 0.78571rem; } } .navUser-item--cart .dropdown-menu.is-open::after { right: 0.57143rem; } @media (min-width: 801px) { .navUser-item--cart .dropdown-menu.is-open::after { right: 0.92857rem; } } .navUser-item-cartLabel { display: inline; } .navUser-item--compare { display: none; } .navUser-item--compare.show { display: block; } .navUser-item--account .navUser-or + .navUser-action { margin-right: -0.5rem; } .navUser-item--account .navUser-action { display: inline-block; } .navUser-or { color: rgb(51, 51, 51); cursor: default; display: inline-block; margin: 0px -0.85714rem; padding: 0px 2px; position: relative; z-index: 1; } .navUser-action--quickSearch.is-open { position: relative; } .navUser-action--quickSearch.is-open::before { border-width: 10px; border-style: inset inset solid; border-image: initial; content: ""; display: block; height: 0px; width: 0px; border-color: transparent transparent rgb(229, 229, 229); bottom: 0px; left: 50%; position: absolute; transform: translateX(-50%); } .dropdown--quickSearch { background-color: rgb(229, 229, 229); padding: 1.5rem 0px; } @media (min-width: 551px) { .dropdown--quickSearch { padding: 3rem; } } .dropdown--quickSearch.is-open { outline: 0px; z-index: 50; left: 0px !important; right: 0px !important; width: 100% !important; } .dropdown--quickSearch .form { margin: auto; max-width: 30rem; } .dropdown--quickSearch .form, .dropdown--quickSearch .form-field { margin-bottom: 0px; } .dropdown--quickSearch .form-input { font-size: 20px; height: unset; } .dropdown--quickSearch .productGrid { padding: 1.5rem 0px 0px; } @media (min-width: 551px) { .dropdown--quickSearch .productGrid { padding: 3rem 0px 0px; } } .countPill { background-color: rgb(233, 28, 62); border-radius: 50%; color: rgb(255, 255, 255); display: none; font-size: 0.78571rem; font-weight: 700; height: 1.14286rem; line-height: 1.14286rem; margin-left: 0.21429rem; text-align: center; width: 1.14286rem; } @media (min-width: 801px) { .countPill { position: absolute; right: 0px; top: 12px; } } .countPill--positive { display: inline-block; } .countPill--alt { background-color: rgb(204, 204, 204); color: rgb(51, 51, 51); } .navPage-childList, .navPages .navPage-subMenu-list { border-left: 1px solid rgb(204, 204, 204); margin: 0.35714rem 0.78571rem; padding-left: 0.78571rem; } .has-activeNavPages { overflow: hidden; } .navPages-container { bottom: 0px; height: 100%; left: 0px; position: fixed; right: 0px; background-color: transparent; } @media (max-width: 801px) { .navPages-container { transform: translateX(-120%); transition: transform 0.4s ease 0s; } } @media (min-width: 801px) { .navPages-container { background-color: rgb(34, 59, 89); display: block; height: auto; padding: 0px; position: relative; } } .navPages-container.is-open { top: 0px; min-width: 265px; max-width: calc(100vw - 50px); width: 80vw; z-index: 500; transform: translateX(0px); } .navPages { background-color: rgb(255, 255, 255); height: 100%; overflow-y: auto; padding: 1.5rem; } .navPages-mobile { display: flex; flex-direction: column; padding-top: 0.35714rem; } .navPages-mobile .navUser-section { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch space-between; align-items: stretch; width: 100%; } .navPages-mobile .navUser-section .navUser-item { flex-grow: 1; } .navPages-mobile .navUser-section .navUser-item .navUser-action { display: flex; align-items: center; line-height: 100%; height: 100%; } .navPages-mobile .navUser-section .navUser-item:first-child .navUser-action { padding-left: 0px; } .navPages-mobile .navUser-section .navUser-item:last-child .navUser-action { padding-right: 0px; } @media (min-width: 801px) { .navPages { margin: 0px auto; max-width: 85.7143rem; width: 100%; background: 0px 0px; font-size: 0px; overflow-y: visible; position: relative; padding: 0px 6rem; } .navPages::after, .navPages::before { content: " "; display: table; } .navPages::after { clear: both; } .navPages::after, .navPages::before { content: " "; display: table; } .navPages::after { clear: both; } .navPages ol, .navPages ul { list-style: none; margin: 0px; padding: 0px; } .navPages ol ol, .navPages ol ul, .navPages ul ol, .navPages ul ul { list-style: none; margin-bottom: 0px; } .navPages ol li, .navPages ul li { margin: 0px; padding: 0px; } .navPages-section { float: left; } .navPages-section::after, .navPages-section::before { content: " "; display: table; } .navPages-section::after { clear: both; } .navPages-section--alt { float: right; margin-left: 1.5rem; } .navPages-section + .navPages-section { margin-left: 1.5rem; } } @media (min-width: 551px) and (min-width: 801px) { .navPages-item { float: left; } } @media (min-width: 801px) { .navPages-action, .navPages-item { display: flex; flex-grow: 1; } } .navPages ul { list-style: none; } .navPages .navPage-subMenu-list { border-left: 0px; list-style: none; margin-left: 0px; padding-left: 0px; } @media (min-width: 801px) { .navPages .navPage-subMenu-list { pointer-events: auto; max-width: 85.7143rem; width: 100%; border-left: 0px; margin: 0px; padding-left: 0px; } .navPages .navPage-subMenu-list::after, .navPages .navPage-subMenu-list::before { content: " "; display: table; } .navPages .navPage-subMenu-list::after { clear: both; } } .navPages-list { margin: 0px; } @media (min-width: 801px) { .navPages-list { display: flex; float: none; } } .navPages-list + .navPages-list { border-top: 1px solid rgb(204, 204, 204); margin-top: 0.78571rem; padding-top: 0.78571rem; } .navPages-list-depth-max.subMenu-is-open .is-hidden { display: none; } @media (min-width: 801px) { .navPages-list-depth-max.subMenu-is-open .is-hidden { display: inline-block; } } .navPages-list-depth-max.subMenu-is-open .navPages-item-page { display: none; } @media (min-width: 801px) { .navPages-list-depth-max.subMenu-is-open .navPages-item-page { display: inline-block; } } @media (min-width: 801px) { .navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon { transform: rotate(0deg); } } .navPages-action-depth-max.has-subMenu.is-open { border-bottom: 1px solid rgb(204, 204, 204); text-align: center; } @media (min-width: 801px) { .navPages-action-depth-max.has-subMenu.is-open { border-bottom: 0px; text-align: left; } } .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { border: 1px solid rgb(214, 205, 192); border-radius: 4px; float: left; height: 35px; margin-top: -10px; padding: 11.7px; transform: rotate(90deg); width: 35px; } @media (min-width: 801px) { .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { height: 0.57143rem; width: 0.57143rem; border: 0px; border-radius: 0px; float: none; margin-top: 0px; padding: 0px; transform: rotate(-90deg); } } .navPages-action-depth-max.has-subMenu.is-open svg { height: 9.6px; width: 9.6px; } @media (min-width: 801px) { .navPages-action-depth-max.has-subMenu.is-open svg { height: 100%; width: 100%; fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); } } .navPages-action { font-family: Montserrat, Arial, Helvetica, sans-serif; display: block; font-size: 1rem; font-weight: 500; padding: 0.78571rem 0px; text-decoration: none; text-transform: uppercase; } @media (min-width: 801px) { .navPages-action { font-size: 0.85714rem; padding: 0.78571rem 0px 1.14286rem 1.14286rem; color: rgb(195, 208, 223); display: flex; } .navPages-action.is-open { background-color: rgb(255, 255, 255); color: rgb(34, 59, 89) !important; } .navPages-action.is-open svg { fill: rgb(117, 117, 117); stroke: rgb(117, 117, 117); } } .navPages-action.activePage svg, .navPages-action:focus svg, .navPages-action:hover svg { fill: rgb(117, 117, 117); stroke: rgb(117, 117, 117); } @media (min-width: 801px) { .navPages-action.activePage, .navPages-action:focus, .navPages-action:hover { background-color: rgb(255, 255, 255); color: rgb(34, 59, 89); } .navPages-action.activePage svg, .navPages-action:focus svg, .navPages-action:hover svg { fill: rgb(34, 59, 89); stroke: rgb(34, 59, 89); } .navPages-action.activePage.is-open, .navPages-action:focus.is-open, .navPages-action:hover.is-open { background-color: rgb(255, 255, 255); color: rgb(34, 59, 89); } .navPages-action.activePage.is-open svg, .navPages-action:focus.is-open svg, .navPages-action:hover.is-open svg { fill: rgb(34, 59, 89); stroke: rgb(34, 59, 89); } } .navPages-action svg { fill: rgb(51, 51, 51); stroke: rgb(51, 51, 51); transition: all 0.15s ease 0s; } .navPages-action--storeCredit { color: rgb(117, 117, 117); } .navPages-action--compare { display: none; } .navPages-action--compare.show { display: block; } .navPages-action-moreIcon { height: 0.57143rem; width: 0.57143rem; margin-left: 0.78571rem; transform: rotate(-90deg); display: block; } @media (min-width: 551px) { .navPages-action-moreIcon { display: none; } } @media (min-width: 1180px) { .navPages-action-moreIcon { display: block; } } @media (min-width: 801px) { .navPages-action-moreIcon { transform: none; margin-left: 5px; margin-right: 13px; } .navPages-action-moreIcon svg { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); opacity: 0.6; } } @media (min-width: 1261px) { .navPages-action-moreIcon { margin-right: 25px; } } .has-subMenu.is-open .navPages-action-moreIcon { transform: rotate(0deg); } .navPage-childList { display: none; } @media (min-width: 801px) { .navPage-childList { border: 0px; display: block; } } .navPage-childList.is-open { display: block; } .navPage-subMenu { display: none; outline: 0px; } @media (min-width: 801px) { .navPage-subMenu { padding-left: 0px; padding-right: 0px; position: absolute; text-align: left; transform: translateY(0px); pointer-events: none; display: block; left: -99999px; transition: left 0s ease 0.15s; margin-top: 45px; } .navPage-subMenu.is-open { display: block; left: 0px; width: 100%; } .navPage-subMenu .navPages-action-moreIcon { display: none; } } @media (min-width: 1261px) { .navPage-subMenu { padding-left: 6rem; padding-right: 6rem; } } .navPage-subMenu.is-open { display: block; } @media (min-width: 801px) { .has-subMenu.is-root + .navPage-subMenu-horizontal { border-left: 0px; height: auto; left: inherit; margin: auto; top: inherit; width: 15.3571rem; } } @media (min-width: 801px) { .navPage-subMenu-horizontal.is-open { border-left: 1px solid rgb(204, 204, 204); display: inherit; height: auto; margin-left: 15.3571rem; top: 0px; width: 16.3571rem; padding: 0px !important; } } @media (min-width: 801px) { .navPage-subMenu-horizontal .navPages-action-moreIcon { display: inline-block; transform: rotate(-90deg); } } @media (min-width: 801px) { .navPage-subMenu-item { width: 25%; float: left; padding: 0px 0.75rem !important; } .navPage-subMenu-item .navPages-action { text-transform: none; width: 100%; } .navPage-subMenu-item > .navPage-subMenu-action { border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 1.14286rem; } } .navPage-subMenu-item-child, .navPage-subMenu-item-parent { width: 100%; } @media (min-width: 801px) { .navPage-subMenu-item-child .navPage-subMenu-action, .navPage-subMenu-item-parent .navPage-subMenu-action { padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; } .navPage-subMenu-item-child .navPage-subMenu-action.is-open, .navPage-subMenu-item-child .navPage-subMenu-action:hover, .navPage-subMenu-item-parent .navPage-subMenu-action.is-open, .navPage-subMenu-item-parent .navPage-subMenu-action:hover { background: rgb(200, 189, 178); color: rgb(0, 0, 0); font-weight: 500; opacity: 0.3; } } .navPage-subMenu-action { padding: 0.78571rem 0px; } @media (min-width: 801px) { .navPage-subMenu-action { padding: 0.78571rem 0px 1.14286rem; } } .navPage-childList-action { font-weight: 400; padding: 0px 0px 0.35714rem; } .navPages-quickSearch { border-bottom: 1px solid rgb(229, 229, 229); margin-bottom: 0.78571rem; } @media (min-width: 801px) { .navPages-quickSearch { display: none; } } .navPages-quickSearch > .container { padding: 0px; } .navPages-quickSearch .form { margin: 0px; } .navPages-quickSearch .form-field { margin-bottom: 0px; } @media (min-width: 801px) { .navPages-list--user { display: none; } } .navPages-list--user #currencySelection2 { background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); } .navPages-list--user #currencySelection2 .dropdown-menu-item { padding: 0px; } .navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) { border-bottom: 1px solid rgb(229, 229, 229); } .navPages-list--user #currencySelection2 a { padding: 0.78571rem 1.5rem; } .mobilenav-overlay { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: -999; opacity: 0; transition: opacity 0.2s ease 0s; } @media (min-width: 801px) { .mobilenav-overlay { display: none; } } .has-activeNavPages .mobilenav-overlay { display: block; transition: opacity 0.3s ease 0s; z-index: 50; opacity: 1; } .category-user { display: none; } .category-user.is-open { display: block; } #menu .navPages ul.navPages-list > li.navPages-item:hover > a + div.navPage-subMenu { display: block; left: 0px; width: 100%; } @media (max-width: 800px) { #menu .navPages ul.navPages-list > li.navPages-item:hover > a + div.navPage-subMenu { display: block; } #menu .navPages ul.navPages-list > li.navPages-item > a + div.navPage-subMenu.is-open { display: block; } } #menu .navPages ul.navPages-list > li.navPages-item:hover { background-color: rgb(255, 255, 255); } #menu .navPages ul.navPages-list > li.navPages-item:hover .navPages-action { color: rgb(34, 59, 89); } #menu .navPages ul.navPages-list > li.navPages-item:hover .navPages-action svg { fill: rgb(34, 59, 89); stroke: rgb(34, 59, 89); } .tags { list-style: none; margin-left: 0px; font-size: 0px; text-align: center; } .tags ol, .tags ul { list-style: none; margin-bottom: 0px; } .tag { display: inline-block; font-size: 1rem; } .tag a { color: rgb(117, 117, 117); display: inline-block; padding: 0.35714rem 0.5rem; text-decoration: none; } .tag a:hover { color: rgb(51, 51, 51); } .socialLinks { list-style: none; margin: 0px; padding: 0px; line-height: 37px; } .socialLinks::after, .socialLinks::before { content: " "; display: table; } .socialLinks::after { clear: both; } .socialLinks ol, .socialLinks ul { list-style: none; margin-bottom: 0px; } .socialLinks li { margin: 0px; padding: 0px; } .socialLinks .icon { height: 1.42857rem; width: 1.42857rem; margin: 0px; text-decoration: none; } .socialLinks .icon:hover svg { fill: rgb(11, 99, 162); } .socialLinks .icon svg { fill: rgba(11, 99, 162, 0.5); transition: all 0.15s ease 0s; } .socialLinks-item--pinterest { width: 25px; } .pin_it_iframe_widget { display: none; } .socialLinks-item { display: inline-block; font-size: 0px; } .socialLinks .socialLinks-item { margin-right: 1.07143rem; } .socialLinks .socialLinks-item:last-child { margin-right: 0px; } .socialLinks--alt .icon { width: 1.3rem; height: 1.3rem; } .socialLinks--alt svg { fill: rgb(117, 117, 117); } .heroCarousel { width: 1px; min-width: 100%; margin-top: -1.5rem; margin-bottom: 0px; } .heroCarousel_nonemobile { display: none; } @media (min-width: 801px) { .heroCarousel_nonemobile { display: block; } } .heroCarousel_mobile { display: block; } @media (min-width: 801px) { .heroCarousel_mobile { display: none; } } @media (min-width: 801px) { .heroCarousel { margin-top: -2.5rem; } } .heroCarousel.slick-initialized { max-height: 71.4286rem; opacity: 1; } .heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide { display: none; } .heroCarousel a { text-decoration: none; } .heroCarousel .slick-next, .heroCarousel .slick-prev { top: 50%; } .heroCarousel .slick-next { right: 15px; } @media (min-width: 801px) { .heroCarousel .slick-next { right: 25px; } } .heroCarousel .slick-prev { left: 15px; } @media (min-width: 801px) { .heroCarousel .slick-prev { left: 25px; } } .heroCarousel .slick-dots { bottom: 0.5rem; } @media (min-width: 801px) { .heroCarousel .slick-dots { bottom: 1.5rem; } } .heroCarousel .slick-dots li { background-color: rgba(255, 255, 255, 0.9); } .heroCarousel-slide { position: relative; } .heroCarousel-slide a { text-decoration: none; } @media (min-width: 801px) { .heroCarousel-slide .heroCarousel-image { object-fit: cover; max-height: 42.8571rem; width: 100%; } } @media (min-width: 801px) { .heroCarousel-slide .heroCarousel-image-wrapper { max-height: 42.8571rem; } } .heroCarousel-slide.compat-object-fit { background-size: cover; background-position: 50% center; background-repeat: no-repeat; } @media (min-width: 1261px) { .heroCarousel-slide.compat-object-fit.stretch { background-size: 100% 100%; } } .heroCarousel-slide.compat-object-fit .heroCarousel-image { opacity: 0; } .heroCarousel-content { background-color: rgb(255, 255, 255); padding: 0.78571rem 1.5rem 3rem; text-align: center; } @media (min-width: 801px) { .heroCarousel-content { background-color: transparent; left: 0px; margin: 0px auto; padding: 2.25rem; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .heroCarousel-content.heroCarousel-content--empty { background-color: transparent; } } .heroCarousel-title { color: rgb(11, 99, 162); font-size: 20px; font-weight: 700; margin-top: 0px; } @media (min-width: 801px) { .heroCarousel-title { margin-bottom: 0px; padding-bottom: 0px; line-height: 100%; font-size: 3.92857rem; } } .heroCarousel-description { color: rgb(34, 59, 89); font-size: 12px; } @media (min-width: 551px) { .heroCarousel-description { font-size: 13px; } } @media (min-width: 801px) { .heroCarousel-description { font-size: 1.57143rem; } } .heroCarousel-action { margin: 0px; background-color: rgb(233, 28, 62); border-color: rgb(233, 28, 62); font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; } .heroCarousel-action:hover { background-color: rgb(192, 18, 46); border-color: rgb(192, 18, 46); } @media (min-width: 801px) { .heroCarousel-action { margin-top: 1.5rem; } } @media (min-width: 801px) { .writeReview-productDetails { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } } .writeReview-productDetails .product-brand { color: rgb(153, 153, 153); margin: 0px; } .writeReview-productDetails .product-title { margin-top: 0px; } @media (min-width: 801px) { .writeReview-form { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } } .writeReview-productImage-container { position: relative; } .writeReview-productImage-container img { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; height: 100%; object-fit: contain; font-family: "object-fit: contain;"; } .writeReview-productImage-container::after { content: ""; display: block; height: 0px; width: 100%; padding-bottom: 131.8%; } .account--addReturn .table { display: block; margin-bottom: 3rem; } @media (min-width: 551px) { .account--addReturn .table { display: table; margin-bottom: 6rem; } } .account--addReturn .table tr { display: block; padding: 1.5rem 0px; } @media (min-width: 551px) { .account--addReturn .table tr { display: table-row; padding: 0px; } } .account--addReturn .table td, .account--addReturn .table th { display: block; padding: 0px; } @media (min-width: 551px) { .account--addReturn .table td, .account--addReturn .table th { display: table-cell; padding-bottom: 0.78571rem; padding-top: 0.78571rem; } } .account--addReturn .table td + td, .account--addReturn .table td + th, .account--addReturn .table th + td, .account--addReturn .table th + th { padding-left: 0px; } @media (min-width: 551px) { .account--addReturn .table td + td, .account--addReturn .table td + th, .account--addReturn .table th + td, .account--addReturn .table th + th { padding-left: 1.5rem; } } .account--addReturn .table .return-itemTitle + .definitionList { margin-top: 0.21429rem; } @media (min-width: 551px) { .account--addReturn .table .return-itemPrice { text-align: center; } } @media (min-width: 551px) { .account--addReturn .table .return-itemQuantity { text-align: right; } } .account--addReturn .table-thead { display: none; } @media (min-width: 551px) { .account--addReturn .table-thead { display: table-header-group; } } .account--addReturn .table-thead th { font-size: 15px; } .account--addReturn .table-thead th:first-child { width: 60%; } .account--addReturn .table-tbody { display: block; } @media (min-width: 551px) { .account--addReturn .table-tbody { display: table-row-group; } } .return-itemName { font-size: 15px; font-weight: 700; } @media (min-width: 551px) { .return-itemName { font-size: 1rem; font-weight: 400; } } .return-itemPrice { color: rgb(153, 153, 153); margin-bottom: 0.35714rem; } @media (min-width: 551px) { .return-itemPrice { color: inherit; margin-bottom: 0px; text-align: center; } } .return-itemQuantity .form-label { display: inline; margin-right: 0.35714rem; } @media (min-width: 551px) { .return-itemQuantity .form-label { border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } } .account--addReturn-row { max-width: none; width: auto; margin: 0px -1rem; } .account--addReturn-row::after, .account--addReturn-row::before { content: " "; display: table; } .account--addReturn-row::after { clear: both; } .account--addReturn-column { width: 100%; float: left; padding: 0px 1rem; } @media (min-width: 551px) { .account--addReturn-column { width: 50%; } } .productCarousel { min-width: 100%; margin: 0px -0.75rem; max-width: none; width: auto; } .productCarousel::after, .productCarousel::before { content: " "; display: table; } .productCarousel::after { clear: both; } .productCarousel .slick-track { display: flex; margin-left: 0px; } .productCarousel .productCarousel-slide .card--alternate .mobile_addtoart { display: none; } .productCarousel-slide { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; display: flex; height: auto; } @media (min-width: 551px) { .productCarousel-slide { width: 33.3333%; } } @media (min-width: 801px) { .productCarousel-slide { width: 25%; } } @media (min-width: 1261px) { .productCarousel-slide { width: 16.6667%; } } .productCarousel-slide .card { margin-bottom: 0px; } .productCarousel-slide .card .card-title { overflow-wrap: break-word; } .productCarousel-slide .card--alternate { height: 100%; display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch flex-start; align-items: stretch; } .productCarousel-slide .card--alternate .card-body { flex-grow: 1; } .quickView::after, .quickView::before { content: " "; display: table; } .quickView::after { clear: both; } .productReviews-list { list-style: none; margin: 0px -0.75rem; max-width: none; width: auto; font-size: 0px; } .productReviews-list ol, .productReviews-list ul { list-style: none; margin-bottom: 0px; } .productReviews-list::after, .productReviews-list::before { content: " "; display: table; } .productReviews-list::after { clear: both; } .productReview { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; display: inline-block; float: none; font-size: 1rem; vertical-align: top; } .productReview_header { display: flex; } @media (min-width: 801px) { .productReview { width: 50%; } } @media (min-width: 1261px) { .productReview { width: 50%; } } .productReview-title { margin: 0px; text-transform: none; font-size: 1.14286rem; } .productReview-author { margin-bottom: 1rem; font-style: italic; font-size: 1.14286rem; color: rgb(102, 121, 143); } .productReview-author span { color: rgb(11, 99, 162); font-weight: 700; } .productReview-rating { display: inline-block; margin-bottom: 0.35714rem; border-right: 2px solid rgb(223, 227, 231); padding-right: 15px; margin-right: 15px; } .productReview-ratingNumber { border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .productReview-body { color: rgb(102, 121, 143); font-size: 1rem; margin-bottom: 0px; } .productReview_article { padding: 35px; border: 2px solid rgb(223, 227, 231); margin: 5px; } .productView { padding-top: 1rem; } .productView-images { margin-bottom: 3rem; } .productView-sku { font-family: OpenSans, Arial, Helvetica, sans-serif; font-size: 14px; color: rgb(168, 183, 198); line-height: 100%; font-weight: 700; margin-right: 30px; } .productView-sku-label { text-transform: uppercase; } .productView-sku-value { color: rgb(43, 134, 208); } .productView-image { align-items: center; display: flex; justify-content: center; margin: auto; position: relative; } @media (min-width: 801px) { .productView-image { min-height: 366px; min-width: inherit; } } .productView-image + .productView-thumbnails { margin-top: 0.78571rem; } @media (max-width: 801px) and (min-width: 320px) { .productView-image { pointer-events: none; } } .productView-img-container { position: relative; margin: auto; max-width: 500px; width: 100%; } .productView-img-container img { max-height: 17.8571rem; width: 100%; object-fit: contain; font-family: "object-fit: contain;"; } @media (min-width: 801px) { .productView-img-container img { max-height: 35.7143rem; } } .productView-subitems { border-bottom: 1px dashed rgba(142, 156, 168, 0.5); border-top: 1px dashed rgba(142, 156, 168, 0.5); padding-bottom: 1.5rem; margin-bottom: 1.5rem; padding-top: 1.5rem; position: relative; display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch space-between; align-items: stretch; } .productView-subitems_list { padding-left: 6px; display: flex; flex-direction: column; } .productView-subitems_list_table tr { height: 32px; } @media (min-width: 801px) { .productView-subitems { flex-direction: row; } } .productView-subitems .productView-availability { margin-top: 7px; } @media (min-width: 801px) { .productView-subitems .productView-availability { margin-top: 0px; } } .productView-thumbnails { list-style: none; margin: 0px -0.35714rem; width: auto; max-width: 520px; } .productView-thumbnails ol, .productView-thumbnails ul { list-style: none; margin-bottom: 0px; } .productView-thumbnails::after, .productView-thumbnails::before { content: " "; display: table; } .productView-thumbnails::after { clear: both; } .productView-thumbnails .slick-list { margin-left: 2.85714rem; margin-right: 2.85714rem; } .productView-thumbnails .slick-next { right: 0px; } .productView-thumbnails .slick-prev { left: 0px; } .productView-thumbnails img { top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0px; width: 96px; object-fit: contain; font-family: "object-fit: contain;"; position: relative; } .productView-thumbnail { width: 25%; float: left; padding-left: 0.35714rem; padding-right: 0.35714rem; text-align: center; } @media (min-width: 1261px) { .productView-thumbnail { width: 20%; } } .productView-thumbnail-link { border: 1px solid rgb(229, 229, 229); display: inline-flex; height: 67px; max-width: 75px; padding: 2px; position: relative; width: 100%; box-sizing: content-box; justify-content: center; } .productView-thumbnail-link.is-active, .productView-thumbnail-link:hover { border-color: rgb(51, 51, 51); } .productView-details { margin-bottom: 2rem; } @media (min-width: 801px) { .productView-product { border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 2rem; } } .productView-product > :last-child { margin-bottom: 0px; } .productView-title { color: rgb(37, 69, 106); font-family: Merriweather, Arial, Helvetica, sans-serif; font-size: 1.5rem; font-weight: 700; } @media (min-width: 801px) { .productView-title { margin-top: 0px; font-size: 1.71429rem; line-height: 1.6; margin-left: 5px; } } @media (min-width: 1261px) { .productView-title { font-size: 1.71429rem; } } .productView-brand { color: rgb(117, 117, 117); font-size: 15px; margin: 0px 0px 0.78571rem; } @media (min-width: 1261px) { .productView-brand { font-size: 20px; margin: -0.21429rem 0px 1rem; } } .productView-brand a { color: rgb(117, 117, 117); } .productView-brand a:hover { color: rgb(51, 51, 51); } .productView-price { border-bottom: 1px dashed rgba(142, 156, 168, 0.5); font-size: 15px; line-height: 100%; margin: 0px 0px 1.5rem; padding: 0.5rem 0px 1.5rem; } .productView-price .sezzle-shopify-info-button { padding-top: 5px; } .productView-price .sezzle-shopify-info-button .sezzle-checkout-button-wrapper { padding: 0px; } @media (min-width: 801px) { .productView-price { font-size: 25px; margin-bottom: 1.42857rem; } } .productView-price .price-section--saving { font-size: 15px; } .productView-price abbr { border: 0px; color: inherit; font-size: inherit; } .productView_stockbadge { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch space-between; align-items: stretch; margin-bottom: 1.5rem; padding-bottom: 0.35714rem; min-height: 55px; border-bottom: 1px dashed rgba(142, 156, 168, 0.5); } .productView_stockbadge_stock { display: flex; align-items: center; } .productView_stockbadge_stock.green .productView_stockbadge_stock_text { color: rgb(74, 210, 149); font-weight: 700; } .productView_stockbadge_stock.gray .productView_stockbadge_stock_text { color: rgb(169, 184, 199); font-weight: 700; } .productView_stockbadge_stock.blue .productView_stockbadge_stock_text { color: rgb(59, 141, 212); font-weight: 700; font-size: 13px; } .productView_stockbadge_stock.blue .productView_stockbadge_stock_icon { width: 33px; height: 21px; } .productView_stockbadge_stock.special_order { padding: 5px; background-color: rgb(254, 221, 87); border-radius: 10px; } .productView_stockbadge_stock.special_order .productView_stockbadge_stock_text { color: rgb(105, 90, 30); font-weight: 700; font-size: 13px; padding-left: 5px; padding-right: 10px; } .productView_stockbadge_stock.special_order .productView_stockbadge_stock_icon { width: 33px; height: 21px; } .productView_stockbadge_stock_icon { width: 18px; height: 22px; } .productView_stockbadge_stock_icon svg { width: 100%; height: 100%; } .productView_stockbadge_stock_text { padding-left: 8px; font-family: OpenSans, Arial, Helvetica, sans-serif; line-height: 100%; font-weight: 700; font-size: 14px; } .productView_stockbadge_stock_text.generalAvailText { padding-left: 0px; } .productView-reviewLink { display: inline-block; margin-left: 0.78571rem; vertical-align: middle; } .productView-reviewLink + .productView-reviewLink { display: block; margin-left: auto; } @media (min-width: 551px) { .productView-reviewLink + .productView-reviewLink { display: inline-block; margin-left: 0.78571rem; } } .productView-reviewLink > a { color: rgb(117, 117, 117); } .productView-reviewLink > a:hover { color: rgb(51, 51, 51); } .productView-info { margin-top: 0.78571rem; } .productView-info::after, .productView-info::before { content: " "; display: table; } .productView-info::after { clear: both; } @media (min-width: 551px) { .productView-info { margin-top: 0px; } } @media (min-width: 551px) { .productView-info > :first-child { margin-top: 1.5rem; } } .productView-info > :last-child { margin-bottom: 0px; } .productView-info-name, .productView-info-value { float: left; } @media (min-width: 551px) { .productView-info-name, .productView-info-value { float: none; } } .productView-info-name { clear: both; margin-bottom: 0.21429rem; margin-right: 0.35714rem; } @media (min-width: 551px) { .productView-info-name { font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; } } .productView-info-value { margin-bottom: 0.35714rem; } @media (min-width: 551px) { .productView-info-value { margin-bottom: 1rem; } } .productView-options { margin-bottom: 1.5rem; text-align: center; } .productView-options::after, .productView-options::before { content: " "; display: table; } .productView-options::after { clear: both; } @media (min-width: 551px) { .productView-options { text-align: left; } } @media (min-width: 551px) { .productView-options .form-input[type="number"] { width: 16.6667%; } } .productView-options .form { display: inline; } .productView-options input[type="file"] { font-size: 13px; } .productView-options .form-field { font-size: 0px; margin-bottom: 2rem; } .productView-options .form-field > .form-checkbox + .form-label, .productView-options .form-field > .form-radio + .form-label { display: inline-block; margin-left: 1.5rem; width: auto; } @media (min-width: 551px) { .productView-options .form-field > .form-checkbox + .form-label, .productView-options .form-field > .form-radio + .form-label { margin-left: 0px; width: 100%; } } .productView-options .form-field > .form-label:nth-of-type(2) { margin-left: 0px; } @media (min-width: 551px) { .productView-options .form-action { float: left; padding: 0px 0.71429rem; width: 50%; } } @media (min-width: 801px) { .productView-options .form-action { float: none; padding: 0px; width: auto; } } @media (min-width: 1261px) { .productView-options .form-action { display: inline-block; margin-top: 1rem; } } .productView-options .form-action .button { width: 100%; } @media (min-width: 1261px) { .productView-options .form-action .button { margin-right: 0.78571rem; width: auto; } } .productOptions-list { border: 1px solid rgb(204, 204, 204); list-style: none; margin: 0px; } .productOptions-list-item { padding: 1.5rem; } .productOptions-list-item + .productOptions-list-item { border-top: 1px solid rgb(204, 204, 204); } .productOptions-list-item .form-label { text-align: left; top: -2px; } .productOptions-list-item-content, .productOptions-list-item-figure { display: table-cell; vertical-align: middle; } .productOptions-list-item-figure { width: 3rem; } .productOptions-list-item-content { padding-left: 1.28571rem; } .shareProduct { text-align: center; } .productView-image .easyzoom-flyout { overflow: hidden; position: absolute; width: 100%; height: 100%; } .productView-image .easyzoom-flyout img { max-width: none; width: auto; } .productView .notifyMeBtn { background: url("") 15px center / 32px no-repeat rgb(238, 250, 255); border: 1px solid rgb(0, 92, 197); border-radius: 8px; padding-left: 60px; color: rgb(0, 92, 197); margin-bottom: 0px; } @media (min-width: 801px) { .productView.product_on_sale .notifyMeBtn { margin-left: 7rem !important; } } .productView .productView-subitems_brandlogo { position: absolute; right: 0px; top: 0px; height: 100%; width: 150px; } .productView .productView_brandiimage_holder { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-top: 15px; margin-bottom: 15px; } .productView .wf_badges { margin-top: 10px; } .productView .wf_badges .freeshippingBadge { height: 43px; width: 148px; } .productView .wf_badges .freightBadge { height: 44px; width: 145px; } .productView .wf_badges .warrantyBadge { height: 43px; width: 148px; margin-top: 5px; } .productView .productImage-ProdcutView { position: absolute; left: 20px; top: 20px; } .productView .productView-options { position: relative; } .productView .wisthlist_holder { position: absolute; width: 100%; } @media (min-width: 801px) { .productView .wisthlist_holder { width: calc(100% - 203px); right: 0px; } } .spec_items_cad { border-left: 1px solid rgba(142, 156, 168, 0.5); padding-left: 40px; } .spec_download { border-bottom: 0.1px dashed rgba(142, 156, 168, 0.5); border-top: 0.1px dashed rgba(142, 156, 168, 0.5); display: flex; margin-top: 20px; margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; } .spec_download .spec_items { display: flex; flex-grow: 1; } .spec_download .spec_items a { display: flex; flex-grow: 1; text-decoration: none; } .spec_download .spec_items a svg { margin-right: 15px; } .price--discounted, .price--non-sale, .price--rrp { text-decoration: line-through; } .price-section--minor { color: rgb(153, 153, 153); } .compareTable { border-top: 1px solid rgb(229, 229, 229); table-layout: fixed; width: 100%; } .compareTable-row { vertical-align: top; } .compareTable-row + .compareTable-row .compareTable-heading, .compareTable-row + .compareTable-row .compareTable-item { border-top: 1px solid rgb(229, 229, 229); } .compareTable-row + .compareTable-row .compareTable-heading:empty { border-top: 0px; } .compareTable-heading { font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; padding: 1.28571rem 1rem; position: relative; text-align: right; width: 0px; } @media (min-width: 801px) { .compareTable-heading { width: 25%; } } .compareTable-headingText { position: absolute; top: 1.28571rem; white-space: nowrap; } @media (min-width: 801px) { .compareTable-headingText { position: inherit; top: inherit; } } .compareTable-item { padding: 3.28571rem 1rem 1.28571rem; } @media (min-width: 801px) { .compareTable-item { padding-top: 1.28571rem; } } .compareTable-removeProduct { background-color: rgb(229, 229, 229); border-radius: 50%; height: 2.5rem; position: absolute; right: -1rem; top: -1rem; transition: background-color 0.15s ease 0s; width: 2.5rem; } .compareTable-removeProduct .icon { fill: rgb(117, 117, 117); height: 1.5rem; margin-top: 0.5rem; width: 1.5rem; } .compareTable-product { font-weight: 400; padding: 2rem 1rem 1.28571rem; } .compareTable-product .card { margin-bottom: 0px; } .compareTable-product .card-body { min-height: 6rem; padding-top: 1rem; } .compareTable-action { padding: 0px 1rem 1rem; } .compareTable-action .button { display: block; padding-left: 0.78571rem; padding-right: 0.78571rem; width: 100%; } .blocker { background: rgba(255, 255, 255, 0.5); bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 500; } .blocker-container { position: relative; } .textTruncate { padding-bottom: 1.5rem; position: relative; transition: max-height 0.1s ease-out 0s; } .js .textTruncate { max-height: 110px; overflow: hidden; } .js .textTruncate--visible { max-height: 71.4286rem; } .textTruncate-viewMore { background-color: rgb(255, 255, 255); bottom: 0px; padding-top: 10px; position: absolute; width: 100%; } .toggle { border-top: 1px solid rgb(229, 229, 229); margin-bottom: 2.28571rem; } .toggle:last-of-type { margin-bottom: 4.57143rem; } .toggle-title { margin-bottom: 2.28571rem; } .toggleLink { color: rgb(117, 117, 117); } .toggleLink:hover { color: rgb(51, 51, 51); } .toggle-title .toggleLink { float: right; line-height: 24px; } .toggleLink-text { font-size: 13px; font-weight: 400; } .toggleLink-text--off { display: inline-block; } .toggleLink.is-open .toggleLink-text--off { display: none; } .toggleLink-text--on { display: none; } .toggleLink.is-open .toggleLink-text--on { display: inline-block; } .toggle-content { display: none; } .toggle-content.is-open { display: block; } .facetedSearch-toggle { margin: 0px auto 2rem; max-width: 85.7143rem; width: 100%; border: 1px solid rgb(229, 229, 229); border-radius: 4px; display: block; padding: 1rem; } .facetedSearch-toggle::after, .facetedSearch-toggle::before { content: " "; display: table; } .facetedSearch-toggle::after { clear: both; } @media (min-width: 801px) { .facetedSearch-toggle { display: none !important; } } .facetedSearch-toggle.is-open { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: 0px; } .facetedSearch-toggle-indicator, .facetedSearch-toggle-text { display: block; font-weight: 400; } .facetedSearch-toggle-text { width: 58.3333%; float: left; padding: 0px; text-align: left; } .facetedSearch-toggle-indicator { width: 41.6667%; float: left; font-weight: 700; padding: 0px; text-align: right; } .facetedSearch-navList { display: none; } @media (min-width: 801px) { .facetedSearch-navList { display: block !important; } } .facetedSearch-navList.is-open { display: block; } .facetedSearch-navList.is-open .accordion--navList, .facetedSearch-navList.is-open .accordion-block:first-child .accordion-navigation { border-top-left-radius: 0px; border-top-right-radius: 0px; } .facetedSearch-toggle + .facetedSearch-navList, .sidebarBlock + .facetedSearch-navList { margin-top: 2rem; } .facetedSearch-toggle + .facetedSearch-navList.is-open, .sidebarBlock + .facetedSearch-navList.is-open { margin-top: -1px; } @media (min-width: 801px) { .facetedSearch-toggle + .facetedSearch-navList.is-open, .sidebarBlock + .facetedSearch-navList.is-open { margin-top: 2rem; } } .facetedSearch-navList .navList--inner { margin-left: 1.5rem; } .facet-quick-heading { text-transform: capitalize; } .facetedSearch-optionColumns { column-count: 3; column-gap: 20px; } .facetedSearch-refineFilters { display: none; } @media (min-width: 801px) { .facetedSearch-refineFilters { display: block; } } .facetedSearch-content--rating .is-selected { font-weight: 700; } .banners { background-color: rgb(117, 117, 117); color: rgb(255, 255, 255); padding: 0.78571rem 0px; text-align: center; } .banners p:last-child { margin-bottom: 0px; } .banners a { color: rgb(255, 255, 255); } .banner { margin: 0px auto; max-width: 85.7143rem; width: 100%; } .banner::after, .banner::before { content: " "; display: table; } .banner::after { clear: both; } .banner + .banner { margin-top: 1.5rem; } .facetLabel { background: rgb(229, 229, 229); border-radius: 4px; padding: 0.21429rem 0.5rem 0.21429rem 0.71429rem; text-decoration: none; } .facetLabel .icon { height: 0.85714rem; width: 0.85714rem; display: inline-block; fill: rgb(117, 117, 117); position: relative; top: -1px; } .cart { display: block; margin-bottom: 1.5rem; width: 100%; } @media (min-width: 801px) { .cart { display: table; } } .cart-header { display: none; } @media (min-width: 801px) { .cart-header { display: table-header-group; text-align: left; } } .cart-header-item { padding-bottom: 1rem; } .cart-header-item:last-child { text-align: right; } .cart-list { border-top: 1px solid rgb(229, 229, 229); display: block; } @media (min-width: 801px) { .cart-list { display: table-row-group; } } .cart-item { border-bottom: 1px solid rgb(229, 229, 229); clear: both; display: block; padding: 1.5rem 0px; } @media (min-width: 551px) { .cart-item { padding-left: 25%; } .cart-item::after, .cart-item::before { content: " "; display: table; } .cart-item::after { clear: both; } } @media (min-width: 801px) { .cart-item { display: table-row; padding-left: 0px; } .cart-item::after, .cart-item::before { display: none; } } .cart-item-block { display: block; } @media (min-width: 801px) { .cart-item-block { display: table-cell; } } .cart-item-block .definitionList { margin-bottom: 0.35714rem; } .cart-item-figure { float: left; height: 7.14286rem; margin-bottom: 1.5rem; width: 33.3333%; position: relative; } @media (min-width: 551px) { .cart-item-figure { margin-bottom: 0px; margin-left: -33.3333%; width: 33.3333%; } } @media (min-width: 801px) { .cart-item-figure { float: none; width: 8.33333%; } } .cart-item-figure::after { content: ""; display: block; height: 0px; width: 100%; padding-bottom: 100%; } .cart-item-fixed-image { width: 100%; } .cart-item-image { max-width: 100px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } @media (min-width: 801px) { .cart-item-image { margin-left: 0px; } } .cart-item-title { display: table-cell; height: 7.14286rem; padding-left: 1.5rem; } @media (min-width: 551px) { .cart-item-title { display: block; height: auto; margin-bottom: 1.5rem; overflow: hidden; } } @media (min-width: 801px) { .cart-item-title { display: table-cell; padding: 1.5rem; } } .cart-item-info { clear: both; width: 100%; } @media (min-width: 551px) { .cart-item-info { clear: none; float: left; overflow: hidden; width: 33.3333%; } .cart-item-info + .cart-item-info { margin-top: 0px; } } @media (min-width: 801px) { .cart-item-info { float: none; width: 16.6667%; } .cart-item-info:last-child { text-align: right; } } .cart-item-info + .cart-item-info { margin-top: 0.78571rem; } @media (min-width: 801px) { .cart-header-quantity, .cart-item-quantity { text-align: center; } } .cart-item-quantity .form-increment { display: inline-block; margin: 0px 0.21429rem 1px 1.5rem; vertical-align: middle; } @media (min-width: 801px) { .cart-item-quantity .form-increment { margin-left: 0px; } } .cart-item-label { color: rgb(51, 51, 51); float: left; margin-bottom: 0.35714rem; text-align: right; width: 33.3333%; } @media (min-width: 551px) { .cart-item-label { display: block; padding-left: 1.5rem; text-align: left; width: 100%; } } @media (min-width: 801px) { .cart-item-label { display: none; } } .cart-item-value { padding-left: 1.5rem; } @media (min-width: 801px) { .cart-item-value { padding-left: 0px; } } .cart-item-brand { color: rgb(153, 153, 153); margin-bottom: 0.21429rem; } .cart-item-name { font-size: 15px; margin: 0px; } .cart-item-name + .definitionList { margin-top: 0.35714rem; } .cart-item-options--giftWrapping { margin-top: 1.14286rem; } .cart-item-options--giftWrapping .cart-item-option-description { color: rgb(51, 51, 51); } .cart-remove { background-color: rgb(229, 229, 229); border-radius: 50%; cursor: pointer; float: right; height: 1.28571rem; margin-top: 0.14286rem; padding: 0.21429rem; transition: background-color 0.15s ease 0s; width: 1.28571rem; } @media (min-width: 551px) { .cart-remove { margin-left: 1rem; } } .cart-remove.cart-remove--spacer { visibility: hidden; } .cart-remove > svg { fill: rgb(117, 117, 117); } .cart-totals { list-style: none; margin-left: 0px; margin-bottom: 1.5rem; text-align: right; width: 100%; } .cart-totals ol, .cart-totals ul { list-style: none; margin-bottom: 0px; } @media (min-width: 551px) { .cart-totals { float: right; width: 75%; } } @media (min-width: 801px) { .cart-totals { margin-bottom: 1rem; width: 58.3333%; } } @media (min-width: 1261px) { .cart-totals { width: 41.6667%; } } .cart-total { border-bottom: 0px; } .cart-total::after, .cart-total::before { content: " "; display: table; } .cart-total::after { clear: both; } @media (min-width: 801px) { .cart-total + .cart-total { border-top: 1px solid rgb(229, 229, 229); } } .cart-total .form-input { display: inline-block; height: 2.28571rem; padding: 0.5rem; vertical-align: top; width: 75%; } .cart-total .form-select { background-position: right 0.35714rem top 0.5rem; background-size: 1.42857rem 1.42857rem; height: 2.28571rem; margin-bottom: 0.78571rem; padding: 0.5rem 0.78571rem; } .cart-total .form-inlineMessage { text-align: left; } .cart-total-label { color: rgb(117, 117, 117); width: 33.3333%; } @media (min-width: 551px) { .cart-total-label { width: 50%; } } @media (min-width: 801px) { .cart-total-label { display: block; padding-left: 0px; text-align: left; } } .cart-total-value { text-align: left; } @media (min-width: 551px) { .cart-total-value { text-align: right; } } @media (min-width: 801px) { .cart-total-value { width: 50%; } } .cart-total-label, .cart-total-value { float: left; padding: 0.5rem 0px 0.5rem 1.5rem; } @media (min-width: 801px) { .cart-total-label, .cart-total-value { padding: 1rem 0px; } } .cart-total-grandTotal { font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 20px; padding-bottom: 0.21429rem; padding-top: 0.21429rem; position: relative; } @media (min-width: 801px) { .cart-total-grandTotal { padding: 1rem 0px; top: -0.28571rem; } } .coupon-code-add, .coupon-code-cancel, .gift-certificate-add, .gift-certificate-cancel, .shipping-estimate-hide, .shipping-estimate-show { color: rgb(117, 117, 117); padding: 0px; text-decoration: underline; transition: color 0.15s ease 0s; } .coupon-code-add:hover, .coupon-code-cancel:hover, .gift-certificate-add:hover, .gift-certificate-cancel:hover, .shipping-estimate-hide:hover, .shipping-estimate-show:hover { color: rgb(51, 51, 51); } .coupon-code-cancel, .shipping-estimate-hide { font-style: italic; } .cart-gift-certificate-form, .coupon-form { font-size: 0px; margin-bottom: 1rem; } .cart-gift-certificate-form::after, .cart-gift-certificate-form::before, .coupon-form::after, .coupon-form::before { content: " "; display: table; } .cart-gift-certificate-form::after, .coupon-form::after { clear: both; } .cart-gift-certificate-form .button, .cart-gift-certificate-form .form-input, .coupon-form .button, .coupon-form .form-input { float: left; } .cart-gift-certificate-form .form-input, .coupon-form .form-input { width: 78%; } .cart-gift-certificate-form .button, .coupon-form .button { margin: 0px 0px 0px 2%; padding-left: 0.78571rem; padding-right: 0.78571rem; width: 20%; } .estimator-form { margin-bottom: 0px; } .estimator-form .form-input { margin-bottom: 0.78571rem; width: 100%; } .estimator-form .button--primary { width: 60%; } .estimator-form-label { clear: both; float: left; font-weight: 400; margin-bottom: 0px; } .estimator-form-label .form-label { line-height: 2.28571rem; margin-bottom: 0px; } .estimator-form-label-text { margin-left: 0.71429rem; } .estimator-form-input { float: right; margin-bottom: 1em; width: 60%; } .estimator-form-input .form-input, .estimator-form-input .form-select { margin-bottom: 0px; } .estimator-form-input--price { width: 30%; } .estimator-form-row::after, .estimator-form-row::before { content: " "; display: table; } .estimator-form-row::after { clear: both; } .estimator-form-toggleUPSRate { display: block; margin-bottom: 1em; } .cart-actions { clear: both; } .cart-actions::after, .cart-actions::before { content: " "; display: table; } .cart-actions::after { clear: both; } .cart-actions .button { display: block; margin-bottom: 0px; } @media (min-width: 551px) { .cart-actions .button { display: inline-block; float: right; } } .cart-actions .checkoutMultiple { clear: right; display: block; float: right; padding-top: 0.35714rem; } .cart-additionalCheckoutButtons::after, .cart-additionalCheckoutButtons::before { content: " "; display: table; } .cart-additionalCheckoutButtons::after { clear: both; } .cart-additionalCheckoutButtons .FloatRight::after, .cart-additionalCheckoutButtons .FloatRight::before { content: " "; display: table; } .cart-additionalCheckoutButtons .FloatRight::after { clear: both; } .cart-additionalCheckoutButtons .FloatRight p { margin: 0.5rem 0px; text-align: right; float: none !important; } .cart-additionalCheckoutButtons .FloatRight div { float: right; } .cart-additionalCheckoutButtons .CheckoutButton { margin-bottom: 1rem; } .cart-additionalCheckoutButtons .CheckoutButton:first-child { margin-top: 1.5rem; } .cart-additionalCheckoutButtons .CheckoutButton:last-child { margin-bottom: 1.5rem; } .previewCartList { list-style: none; margin: 0px; padding: 0px; border-collapse: collapse; display: table; table-layout: fixed; width: 100%; } .previewCartList ol, .previewCartList ul { list-style: none; margin-bottom: 0px; } .previewCartList li { margin: 0px; padding: 0px; } .previewCartItem { margin: 0px auto; max-width: 85.7143rem; width: 100%; display: table-row; line-height: 19px; } .previewCartItem::after, .previewCartItem::before { content: " "; display: table; } .previewCartItem::after { clear: both; } .previewCartItem + .previewCartItem { border-top: 1px solid rgb(229, 229, 229); } .previewCartItem-content, .previewCartItem-image { display: table-cell; vertical-align: middle; } .previewCartItem-image { width: 33.3333%; padding: 0px; text-align: center; position: relative; } .previewCartItem-image img { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } .previewCartItem-image::after { content: ""; display: block; height: 0px; width: 100%; padding-bottom: 100%; } .previewCartItem-content { padding-right: 0.75rem; width: 66.6667%; padding-left: 0px; } .previewCartItem-name { margin: 0px; text-transform: none; line-height: 120%; font-size: 12px; font-family: OpenSans, Arial, Helvetica, sans-serif; font-weight: 100; } .previewCartItem-name > a { text-decoration: none; } .previewCartItem-brand, .previewCartItem-name { margin-bottom: 0.21429rem; } .previewCartItem-brand, .previewCartItem-price { color: rgb(117, 117, 117); display: inline-block; font-size: 13px; } .previewCartAction { margin: 0px auto; max-width: 85.7143rem; width: 100%; border-top: 1px solid rgb(229, 229, 229); display: block; padding: 1.5rem 0.78571rem; } .previewCartAction::after, .previewCartAction::before { content: " "; display: table; } .previewCartAction::after { clear: both; } .previewCartAction .button { margin: 0px; padding-left: 0.78571rem; padding-right: 0.78571rem; width: 100%; } .previewCartAction-checkout, .previewCartAction-viewCart { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } .previewCartAction-checkout.previewCartAction-viewCart--sole, .previewCartAction-viewCart.previewCartAction-viewCart--sole { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; margin-left: auto; margin-right: auto; float: none; } .previewCartAction-checkout { padding-right: 0.35714rem; } .previewCartAction-checkoutMultiple { clear: both; padding-left: 0.78571rem; padding-top: 0.35714rem; } .previewCartAction-viewCart { padding-left: 0.35714rem; } .previewCart-emptyBody { padding: 3rem; text-align: center; color: rgb(102, 121, 143); } .addressList { font-size: 0px; list-style: none; margin-left: -0.78571rem; margin-right: -0.78571rem; } .address { display: inline-block; padding: 0px 0.78571rem; vertical-align: top; width: 100%; } @media (min-width: 551px) { .address { width: 50%; } } @media (min-width: 1261px) { .address { width: 33.3333%; } } .panel--address { font-size: 1rem; position: relative; } .panel--address .panel-body { min-height: 17.8571rem; padding: 1.5rem; } @media (min-width: 551px) { .panel--address .panel-body { padding: 1.5rem 1.5rem 4.5rem; } } .panel--address .form-actions { margin-bottom: -0.78571rem; margin-top: 1.5rem; text-align: left; } @media (min-width: 551px) { .panel--address .form-actions { bottom: 1.5rem; position: absolute; width: auto; } } .panel--address .form-actions .button { margin-bottom: 0.78571rem; } .panel--address .form-actions .button + .button { margin-left: 0px; margin-top: 0px; } @media (min-width: 551px) { .panel--address .form-actions .button + .button { margin-left: 0.35714rem; } } .address-title { margin: 0px 0px 0.78571rem; text-transform: none; } .address-details { list-style: none; margin: 0px 0px 0.78571rem; } .address-details--postal { font-size: 15px; } .address-description, .address-label { display: inline-block; font-size: 1rem; margin: 0px; } .address-label { color: rgb(117, 117, 117); font-weight: 400; } .panel--newAddress { display: block; text-align: center; text-decoration: none; } .panel--newAddress:hover .address-title { color: rgb(117, 117, 117); } .panel--newAddress .panel-body { background-color: transparent; border: 1px solid rgb(229, 229, 229); display: block; } .panel--newAddress .address-title { margin-bottom: 0px; transition: all 0.15s ease 0s; } .address-addNew { left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-55%); } .address-symbol { font-size: 50px; line-height: 1; } .videoGallery-main { height: 0px; overflow: hidden; padding-bottom: 67.5%; padding-top: 1.78571rem; position: relative; margin-bottom: 1.85714rem; } .videoGallery-main.widescreen { padding-bottom: 56.34%; } .videoGallery-main.vimeo { padding-top: 0px; } .videoGallery-main embed, .videoGallery-main iframe, .videoGallery-main object, .videoGallery-main video { height: 100%; position: absolute; top: 0px; width: 100%; left: 0px; } .videoGallery-list { list-style: none; margin: 0px -0.75rem; max-width: none; width: auto; font-size: 0px; } .videoGallery-list ol, .videoGallery-list ul { list-style: none; margin-bottom: 0px; } .videoGallery-list::after, .videoGallery-list::before { content: " "; display: table; } .videoGallery-list::after { clear: both; } .videoGallery-item { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; display: inline-block; float: none; vertical-align: top; } @media (min-width: 801px) { .videoGallery-item { width: 50%; } } .video { display: block; margin-bottom: 1.85714rem; opacity: 0.4; text-decoration: none; transition: opacity 0.1s ease-out 0s; } .video::after, .video::before { content: " "; display: table; } .video::after { clear: both; } .video-figure { float: left; margin-right: 0.78571rem; } .video-figure > img { display: block; } .video-figure--opposite { float: right; margin-left: 0.78571rem; margin-right: 0px; } .video-body::after, .video-body::before { content: " "; display: table; } .video-body::after { clear: both; } @media (min-width: 801px) { .video { margin-bottom: 1.85714rem; } } .video.is-active, .video:hover { color: rgb(51, 51, 51); opacity: 1; } .video-figure { margin-right: 1.85714rem; } .video-title { margin-bottom: 0px; margin-top: 0px; text-transform: none; } .video-description { font-size: 1rem; margin-bottom: 0px; } .previewCart { margin: 0px auto; max-width: 85.7143rem; width: 100%; } .previewCart::after, .previewCart::before { content: " "; display: table; } .previewCart::after { clear: both; } @media (min-width: 801px) { .previewCart .productView { padding: 0px 0.75rem; width: 75%; float: left; display: flex; margin: 0px; } .previewCart .productView-image { padding-left: 0.75rem; padding-right: 0.75rem; width: 58.3333%; float: left; display: flex; flex-direction: column; } .previewCart .productView-image--cart { align-self: flex-start; margin: 0px auto; width: 100%; } .previewCart .productView-details { padding-left: 0.75rem; padding-right: 0.75rem; width: 41.6667%; float: left; } } .previewCart .productView-title { margin-top: 0px; } .previewCartCheckout { background: rgb(229, 229, 229); padding: 1rem; text-align: center; } @media (min-width: 801px) { .previewCartCheckout { width: 25%; float: right; padding: 1.5rem; } } .previewCartCheckout .button { display: block; margin: 0px; width: 100%; } .previewCartCheckout .button + .button, .previewCartCheckout .button + p { margin-top: 0.78571rem; } .previewCartCheckout-price { display: block; font-size: 28px; font-weight: 700; text-align: center; } .previewCartCheckout-subtotal { display: block; margin-bottom: 1.5rem; margin-top: 1.5rem; } .previewCartCheckout-additionalCheckoutButtons p { margin: 0.5rem 0px; float: none !important; } .previewCartCheckout-additionalCheckoutButtons .CheckoutButton { margin-bottom: 1rem; } .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:first-child { margin-top: 1.5rem; } .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:last-child { margin-bottom: 1.5rem; } .suggestiveCart { display: none; text-align: center; } @media (min-width: 801px) { .suggestiveCart { display: block; } } .maintenanceNotice { background-color: rgb(255, 253, 234); box-shadow: rgb(153, 153, 153) 0px 0px 5px; color: rgb(51, 51, 51); left: 1.14286rem; padding: 1rem 1.28571rem; position: fixed; top: 1.14286rem; width: 24rem; z-index: 500; } .maintenanceNotice > :last-child { margin-bottom: 0px; } .maintenanceNotice a { color: rgb(51, 51, 51); } .maintenanceNotice-header { font-family: Montserrat; margin: 0px 0px 0.78571rem; } body.hasAdminBar { padding-top: 101px; } @media (min-width: 801px) { body.hasAdminBar { padding-top: 0px; } body.hasAdminBar .banners { margin-top: 46px; } body.hasAdminBar .header { padding-top: 0px; } } body.hasAdminBar .header { padding-top: 46px; } body.hasAdminBar .navPages-container.is-open { padding-top: 101px; } .adminBar { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.14286rem 0.5rem 0px; color: rgb(98, 101, 104); float: left; font-family: "Source Sans Pro", arial, "sans serif", sans-serif; font-size: 14px; font-weight: 600; height: 46px; left: 0px; position: fixed; text-decoration: none; top: 0px; width: 100%; z-index: 10000; } .adminBar-logo { background-color: rgb(39, 58, 138); float: left; height: 46px; width: 45px; } .adminBar-logo svg { height: 100%; padding: 7px 10px 11px 7px; width: 100%; } .adminBar-content { align-items: center; display: flex; height: 46px; justify-content: space-between; margin-left: 45px; padding: 17px 20.5px 14px 20px; } .adminBar-content a { color: rgb(75, 113, 252); font-weight: 600; text-decoration: none; } .adminBar-private { float: right; text-align: right; } .adminBar-private span { white-space: nowrap; } .preview { font-weight: 400; padding-left: 9px; } .cookieMessage { background: rgb(229, 229, 229); color: rgb(51, 51, 51); display: none; } .cookieMessage .button { width: 100%; } @media (min-width: 801px) { .cookieMessage .button { vertical-align: middle; width: 25%; } } @media (min-width: 1261px) { .cookieMessage .button { vertical-align: top; } } .cookieMessage-container { margin: 0px auto; padding: 1.5rem; } @media (min-width: 801px) { .cookieMessage-container { width: 83.3333%; } } @media (min-width: 1261px) { .cookieMessage-container { width: 58.3333%; } } @media (min-width: 801px) { .cookieMessage-text { display: inline-block; padding: 0px 0.78571rem; vertical-align: middle; width: 66.6667%; } } .login { margin: 3rem auto 6rem; max-width: 64.2857rem; } .login-row { margin: 0px auto; max-width: 85.7143rem; width: 100%; } .login-row::after, .login-row::before { content: " "; display: table; } .login-row::after { clear: both; } @media (min-width: 801px) { .login-row { margin-top: 6rem; } } .login-form { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .login-form { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; margin-top: 3rem; } } .new-customer { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .new-customer { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } } .new-customer-intro { margin-bottom: 0px; } .new-customer-fact-list { margin-left: 3rem; } .new-customer-fact { padding-left: 0.78571rem; } .search-suggestion { margin-bottom: 2rem; } .search-suggestion > :last-child { margin-bottom: 0px; } .suggestion-title { margin-top: 0px; text-transform: inherit; } .advancedSearch-form { margin-bottom: 3rem; } .advancedSearch-form .form-row { margin-bottom: -1.5rem; } .quickSearchResults { margin-top: 1.5rem; } @media (min-width: 801px) { .quickSearchResults { margin-top: 0px; } } .quickSearchResults .modal-close { display: none; } @media (min-width: 801px) { .quickSearchResults .modal-close { display: block; } } .advancedSearch-separator { display: none; } .advancedSearch-title { margin: 0px 0px 1.5rem; text-transform: inherit; } .search-price-range label { display: inline; } .search-price-range label input { display: block; padding-left: 1.5rem; } @media (min-width: 551px) { .search-price-range label input { display: inline; width: 6rem; } } @media (min-width: 551px) { .search-price-range label span { display: inline; padding-left: 1.5rem; padding-right: 1.5rem; } } .category-suggestion-list { margin: 0px -0.75rem; max-width: none; width: auto; list-style-type: none; } .category-suggestion-list::after, .category-suggestion-list::before { content: " "; display: table; } .category-suggestion-list::after { clear: both; } .category-suggestion { padding-left: 0.75rem; padding-right: 0.75rem; width: 33.3333%; float: left; font-size: 15px; } .search-refine { margin-left: 1.5rem; } .quickSearchMessage { font-size: 28px; margin: 1.5rem 0px 0px; text-align: center; } .navBar--account { display: none; } @media (min-width: 801px) { .navBar--account { display: block; } } .account-heading { border-bottom: 1px solid rgb(229, 229, 229); margin: 0px; padding-bottom: 1rem; } .account-list { list-style: none; margin-left: 0px; } .account-listItem { border-bottom: 1px solid rgb(229, 229, 229); padding: 1.5rem 0px; position: relative; } .account-listItem img { width: 100%; } .account-listItem .account-product-image { top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; position: relative; } .account-listShipping { border-bottom: 1px solid rgb(229, 229, 229); font-weight: 700; padding: 2rem 0px; } .account-listShipping .account-listShipping-title { margin: 0px; text-transform: inherit; } .account-product::after, .account-product::before { content: " "; display: table; } .account-product::after { clear: both; } .account-product-figure { float: left; margin-right: 0.78571rem; } .account-product-figure > img { display: block; } .account-product-figure--opposite { float: right; margin-left: 0.78571rem; margin-right: 0px; } .account-product-body::after, .account-product-body::before { content: " "; display: table; } .account-product-body::after { clear: both; } .account-product-figure { align-items: center; display: flex; flex-direction: column; margin: 0px 2rem 0px 0px; position: relative; width: 70px; } .account-product-figure::after { content: ""; display: block; height: 0px; width: 100%; padding-bottom: 100%; } .account-product-download { border-radius: 50%; height: 2.35714rem; padding: 0px; position: absolute; right: -0.78571rem; top: -0.78571rem; width: 2.35714rem; z-index: 1; } .account-product-download .icon { height: 1.5rem; margin-top: 0.35714rem; width: 1.5rem; } .account-product-download svg { fill: rgb(255, 255, 255); } .account-product-body { overflow: hidden; padding-bottom: 3.5rem; position: relative; } @media (min-width: 551px) { .account-product-body { padding-bottom: 0px; } } .account-product-body .definitionList { font-size: 15px; margin-bottom: 0px; } .account-product-title { margin: 0px 0px 0.21429rem; text-transform: inherit; } .account-product-title > a { text-decoration: none; } .account-product-title + .definitionList { margin-top: 0.78571rem; } .account-product-subtitle { color: rgb(153, 153, 153); font-family: Merriweather, Arial, Helvetica, sans-serif; font-size: 15px; margin: -0.21429rem 0px 1rem; text-transform: inherit; } .account-product-price { float: right; font-size: 15px; } .account-product-description + .definitionList { margin: -1.35714rem 0px 1.5rem; } .account-product-refundQty { color: rgb(153, 153, 153); margin-bottom: 0px; } .account-product-details { margin: 0px -0.75rem; max-width: none; width: auto; } .account-product-details::after, .account-product-details::before { content: " "; display: table; } .account-product-details::after { clear: both; } .account-product-detail { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 551px) { .account-product-detail { width: 33.3333%; } } @media (min-width: 1261px) { .account-product-detail { width: 25%; } } .account-product-detail + .account-product-detail { margin-top: 1rem; } @media (min-width: 551px) { .account-product-detail + .account-product-detail { margin-top: 0px; } } @media (min-width: 551px) { .account-product-detail + .account-product-detail--full { margin-top: 1.5rem; } } @media (min-width: 1261px) { .account-product-detail--large { width: 50%; } } .account-product-detail--full { width: 100%; } .account-product-detail-heading { color: rgb(117, 117, 117); font-family: Merriweather, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 0.35714rem; } .account-product--alignMiddle { display: table; width: 100%; } .account-product--alignMiddle .account-product-checkItem { display: table-cell; position: relative; vertical-align: middle; width: 2rem; } @media (min-width: 1261px) { .account-product--alignMiddle .account-product-checkItem { left: -2.5rem; } } .account-product--alignMiddle .account-product-checkItem .form-label { height: 1.5rem; margin: 0px; padding: 0px; width: 1.5rem; } .account-product--alignMiddle .account-product-body, .account-product--alignMiddle .account-product-figure { display: table-cell; } .account-product--alignMiddle .account-product-figure { float: none; margin-right: 0px; } @media (min-width: 1261px) { .account-product--alignMiddle .account-product-figure { left: -2rem; } } .account-product--alignMiddle .account-product-body { padding-left: 2rem; vertical-align: middle; } @media (min-width: 1261px) { .account-product--alignMiddle .account-product-body { padding-left: 0px; } } .account-orderTotal { float: right; font-size: 15px; margin-top: -1.5rem; width: 66.6667%; } .account-orderTotal-key, .account-orderTotal-value { margin: 0px; padding: 1.5rem 0px; } .account-orderTotal-key { color: rgb(117, 117, 117); float: left; font-weight: 400; } .account-orderTotal-key:last-of-type { position: relative; top: 0.28571rem; } .account-orderTotal-value { border-bottom: 1px solid rgb(229, 229, 229); text-align: right; } .account-orderTotal-value:last-child { border-bottom: 0px; font-size: 20px; } .account-orderStatus { bottom: 0px; left: 0px; position: absolute; } @media (min-width: 551px) { .account-orderStatus { float: right; position: inherit; text-align: right; } } .account-orderStatus-label { background-color: rgb(204, 204, 204); color: rgb(255, 255, 255); display: inline-block; font-size: 12px; line-height: 15px; margin: 0px 0px 0.35714rem; padding: 0.21429rem 0.5rem; } .account-orderStatus-action { color: rgb(117, 117, 117); display: inline-block; font-size: 12px; font-style: italic; letter-spacing: 0.25px; margin-left: 0.78571rem; text-align: right; text-decoration: underline; vertical-align: top; } @media (min-width: 551px) { .account-orderStatus-action { display: block; margin-left: 0px; } } .account-orderStatus-action:hover { color: rgb(51, 51, 51); } .account .pagination { color: rgb(153, 153, 153); margin-top: 3rem; text-align: center; } .account-message .is-read { color: rgb(153, 153, 153); } .account-sidebar-block { font-size: 15px; } .account-sidebar-block + .account-sidebar-block { margin-top: 3rem; } .account-sidebar-block .account-heading { margin-bottom: 1.5rem; } .account-order-address { list-style: none; margin-left: 0px; } .account-order-address ol, .account-order-address ul { list-style: none; margin-bottom: 0px; } .account-reorder-form { display: inline-block; } .order-payments-description { color: rgb(117, 117, 117); font-weight: 400; margin-top: 1.5rem; } .account-downloads-summary { border-bottom: 1px solid rgb(229, 229, 229); font-size: 15px; padding-bottom: 1.5rem; } .account-downloadsList { list-style: none; margin-left: 0px; } .account-downloadsList ol, .account-downloadsList ul { list-style: none; margin-bottom: 0px; } .account-downloadsItem { margin-bottom: 1.5rem; } .account-downloadsItem > :first-child { margin-top: 0px; } .account-downloadsItem > :last-child { margin-bottom: 0px; } .account-downloadsItem-title { color: rgb(117, 117, 117); font-size: 15px; margin-bottom: 0.21429rem; text-transform: inherit; } .account-downloadsItem-description { margin-bottom: 0px; } .account-downloadsItem-availability { color: rgb(117, 117, 117); } .wishlists-table { margin-left: auto; margin-right: auto; max-width: 85.7143rem; } .wishlist-header { display: none; text-align: center; } .modal .wishlist-header { display: block; } .wishlist-form { margin: 0px auto; width: 100%; max-width: 39.2857rem; } .wishlist-form::after, .wishlist-form::before { content: " "; display: table; } .wishlist-form::after { clear: both; } .wishlist-form .form-field { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } .share-wishlist { margin-left: auto; margin-right: auto; max-width: 46.4286rem; text-align: center; } @media (min-width: 801px) { .productGrid.productGrid_wishlist .product { width: 25%; } } .registrypanel { display: flex; flex-flow: row nowrap; place-content: stretch flex-start; align-items: stretch; } .registrypanel_title { align-items: flex-start; display: flex; justify-content: flex-start; flex-grow: 1; flex-direction: column; } .registrypanel_title h5 { margin-top: 0px; } .registrypanel_title h6 { margin-top: 0px; text-transform: capitalize; } .giftregistry_details { display: none; } .showOptions .giftregistry_details { display: block; } .showOptions .footergiftregitry { display: block; } .footergiftregitry { display: none; } .gr_item_options { display: none; } .showOptions .gr_item_options { display: block; } .registryimg { margin-bottom: 30px; } .wishtListPublicLInk h5 { margin-top: 5px; } .wishtListPublicLInk .heading-registry { margin-bottom: 0px; } .giftregistry_details_in { padding: 40px; background: rgb(238, 244, 247); margin-bottom: 50px; } .registrySaved { display: none; } .gr_item_options_inpt { width: 45px; } .gr_item_options_title { display: flex; flex-grow: 1; } .gr_item_options .form-input { height: 2.4rem; } .gr_item_options_holder { padding: 10px; } .wishlisteditable .product .card { margin-bottom: 0px; } .gr_item_options_item { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: flex-start; align-items: center; margin-bottom: 10px; } .registrypanel_toggle { align-items: center; display: flex; justify-content: center; width: 150px; font-family: Arial; } .wishlist_topoptions { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: stretch; margin-bottom: 25px; } .wishlist_topoptions .panel-body { margin: 0px; padding: 20px; width: 100%; height: 100%; } .wishlist_topoptions_in { width: 50%; } .wishlist_topoptions_registry { align-items: center; color: rgb(255, 255, 255); display: flex; justify-content: center; background-color: rgb(255, 153, 51); flex-grow: 1; margin-right: 10px; } .wishlist_topoptions_public { align-items: center; color: rgb(255, 255, 255); display: flex; justify-content: center; background-color: rgb(255, 153, 51); flex-grow: 1; margin-left: 10px; } .switch { position: relative; display: inline-block; width: 60px; height: 30px; background-color: rgba(0, 0, 0, 0.25); border-radius: 30px; transition: all 0.3s ease 0s; } .switch::before { position: absolute; content: "OFF"; display: inline-block; width: 26px; height: 26px; color: rgb(255, 255, 255); line-height: 26px; top: 2px; left: 31px; font-size: 12px; } .switch::after { content: ""; position: absolute; width: 26px; height: 26px; border-radius: 50%; background-color: rgb(255, 255, 255); top: 2px; left: 2px; transition: all 0.3s ease 0.1s; } input[type="checkbox"]:checked + .switch::after { transform: translateX(30px); } input[type="checkbox"]:checked + .switch::before { content: "ON"; transform: translateX(-22px); } input[type="checkbox"]:checked + .switch { background-color: rgb(74, 210, 149); } .offscreen { display: none; } .footergiftregitry { text-align: right; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 20px; } .stepper { width: 100px; height: 40px; position: relative; display: flex; box-sizing: border-box; background: rgb(255, 255, 255); } .stepper__btn { width: 30px; height: 40px; cursor: pointer; position: absolute; box-sizing: border-box; z-index: 2; padding: 5px 10px 10px 8px; font-size: 20px; color: rgba(0, 0, 0, 0.5); } .stepper__btn.stepper--minus { border-right: 1px solid rgba(0, 0, 0, 0.2); border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .stepper__btn.stepper--minus:hover { color: rgb(34, 59, 89); } .stepper__btn.stepper--minus:active use { color: rgb(255, 255, 255); } .stepper__btn.stepper--plus { border-left: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: 0px; border-bottom-left-radius: 0px; right: 0px; } .stepper__input { width: 100%; font-size: 16px; line-height: 24px; color: grey; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; position: relative; text-align: center; -webkit-appearance: textfield; } .stepper__input::-webkit-inner-spin-button { -webkit-appearance: none; } .stepper__input:focus { outline: 0px; } .gr_qtarea { padding: 15px; margin-top: 0px; margin-bottom: 30px; border-right: 2px solid rgb(240, 244, 247); border-bottom: 2px solid rgb(240, 244, 247); border-left: 2px solid rgb(240, 244, 247); border-image: initial; border-top: transparent; } .gr_qtarea_title p { opacity: 0.71; font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(0, 0, 0); margin: 0px; padding: 0px; } .gr_qtarea_qt { display: flex; } .wishtListPublicLInk .productGrid_wishlist .card-addtocart { display: none; } .wishtListPublicLInk .productGrid_wishlist .product .card { margin-bottom: 0px; } .gr_gtarea_sum { font-size: 12px; display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch space-around; align-items: stretch; font-family: Arial, sans-serif; padding-bottom: 12px; } .gr_gtarea_sum_ { padding-right: 2px; text-align: center; } .gr_gtarea_addtocart { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: stretch; } .gr_gtarea_addtocart .gr_qtarea_inp { width: 45px; text-align: center; margin-right: 9px; padding: 0px 5px; } .gr_gtarea_addtocart .button--addtocart--gr { height: 3rem; flex-grow: 1; display: flex; } .giftregistry_popup_holder { display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch flex-start; align-items: stretch; } .giftregistry_popup_holder_product { align-items: center; color: rgb(255, 255, 255); display: flex; justify-content: flex-start; flex-grow: 1; } .giftregistry_popup_holder_product_img { width: 200px; height: 150px; margin-right: 30px; background-repeat: no-repeat; background-position: center center; background-size: contain; } .giftregistry_popup_holder_product_desc_price { font-weight: 700; margin-top: 0px; margin-bottom: 0px; } .giftregistry_popup_holder_product_desc_details { color: rgb(0, 0, 0); font-family: Arial, sans-serif; opacity: 0.6; } .giftregistry_popup_holder_cta { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: space-between; align-items: stretch; } .giftregistry_popup_holder_cta .button { flex-grow: 1; } .incart_message { font-size: 12px; min-height: 18px; } @media (max-width: 551px) { .giftregistry_popup_holder_product_img { display: none; } .giftregistry_popup_holder_product_desc_title { font-size: 18px; } .giftregistry_popup_holder_cta { flex-direction: column; } .gr_gtarea_sum { flex-direction: column; } .button--addtocart--gr { padding-left: 0px; padding-right: 0px; justify-content: center; } .gr_qtarea_inp { display: none; } } .icon--ratingEmpty svg { fill: rgb(204, 204, 204); } .icon--ratingFull svg { fill: rgb(11, 99, 162); } .rating--small { display: inline-block; } .rating--small .icon { height: 1rem; width: 1rem; margin-top: -3px; } .apple-pay-checkout-button { background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 60%; border-radius: 0.28571rem; cursor: pointer; display: none; max-height: 4.57143rem; min-height: 2.28571rem; min-width: 9.57143rem; padding: 1.5rem; background-color: rgb(0, 0, 0); } .cart-additionalCheckoutButtons .apple-pay-checkout-button { margin-top: 0.78571rem; } .apple-pay-supported .apple-pay-checkout-button { display: block; } @media (min-width: 551px) { .apple-pay-supported .apple-pay-checkout-button { display: inline-block; float: right; } } .previewCartCheckout .apple-pay-checkout-button { float: none; margin-top: 0.78571rem; } .paymentMethodsTitle { padding: 0px; text-transform: none; width: 100%; margin: 0px 0px 0.78571rem; } .paymentMethodsGrid { margin: -0.78571rem -0.78571rem 1.5rem; display: flex; flex-wrap: wrap; } .paymentMethodsGrid-item { padding: 0.78571rem; width: 100%; } @media (min-width: 551px) { .paymentMethodsGrid-item { width: 50%; } } .paymentMethod { background-color: transparent; border: transparent; border-radius: 0.21429rem; height: 100%; display: flex; flex-flow: column nowrap; } .paymentMethod-row { padding: 1.5rem; } .paymentMethod-row:first-child { background-color: rgb(255, 255, 255); } .paymentMethod-row:last-child { margin-top: auto; } .paymentMethod-row:only-child { height: 100%; } .paymentMethod .button { margin-bottom: 0px; } .methodHeader { justify-content: space-between; display: flex; flex-flow: row; align-items: center; } .methodHeader-icon { margin-right: 0.78571rem; width: 2rem; } @media (min-width: 1261px) { .methodHeader-icon { width: 3rem; } } .methodHeader-title { font-size: 13px; font-weight: 600; } @media (min-width: 1261px) { .methodHeader-title { font-size: 1rem; } } .methodHeader-brand { font-size: 13px; font-weight: 600; } @media (min-width: 1261px) { .methodHeader-brand { font-size: 1rem; } } .methodHeader-meta { padding-left: 0.78571rem; margin-left: auto; display: flex; flex-wrap: nowrap; } .methodHeader-default { margin-left: 0.78571rem; fill: rgb(102, 102, 102); height: 1.28571rem; width: 1.28571rem; } @media (min-width: 1261px) { .methodHeader-default { height: 1.42857rem; width: 1.42857rem; } } .methodHeader-expiry { font-size: 15px; text-transform: capitalize; } .methodDetails { margin: 0px; display: flex; } .methodDetails-label { flex: 1 1 0%; font-weight: 600; } .methodDetails-description { flex: 2 1 0%; font-size: 13px; } .newPaymentMethod { text-decoration: none; display: flex; place-items: center; flex-direction: column; min-height: 13.2857rem; height: 100%; } .newPaymentMethod-icon { font-size: 50px; line-height: 1; margin: auto 0px 0.78571rem; } .newPaymentMethod-title { margin: 0px auto auto; text-align: center; } @media (min-width: 551px) { .paymentMethodForm { max-width: 60%; } } @media (min-width: 551px) { .paymentMethodForm-column { display: flex; } .paymentMethodForm-column:first-child .form-field { margin-bottom: 0.78571rem; } } .paymentMethodForm-heading { color: rgb(51, 51, 51); font-family: Merriweather, Arial, Helvetica, sans-serif; margin-top: 1.5rem; text-transform: capitalize; } .paymentMethodForm-subheading { display: flex; font-weight: 600; } @media (min-width: 551px) { .paymentMethodForm-cards { margin-left: auto; } } .paymentMethodForm-cards-icon { margin-right: 0.21429rem; width: 2.42857rem; } .paymentMethodForm-inputs { position: relative; } @media (min-width: 551px) { .paymentMethodForm-inputs:last-child { padding-left: 1.5rem; width: 30%; } .paymentMethodForm-inputs:first-child { width: 70%; } } .paymentMethodForm-inputs-icon { position: absolute; right: 0.64286rem; top: 2.78571rem; } .paymentMethodForm-inputs-icon.icon { fill: rgb(153, 153, 153); height: 1.5rem; width: 1.5rem; } .paymentMethodForm-details { margin-bottom: 0px; } @media (min-width: 551px) { .paymentMethodForm-details { display: inline-block; margin: 0px 3rem 0px 0px; } } .paymentMethodForm-details-term { font-weight: 400; margin-bottom: 0.78571rem; } .paymentMethodForm-details-description { font-size: 15px; font-weight: 600; letter-spacing: 0.25px; } .category-header-image { width: 100%; } .marketingBanners { display: flex; flex: 1 1 0%; flex-flow: column; place-content: stretch space-between; align-items: stretch; padding-top: 1.42857rem; padding-bottom: 1.42857rem; } @media (min-width: 801px) { .marketingBanners { flex-flow: row nowrap; } } .marketingBanners_container { background-color: rgb(238, 244, 247); width: 100%; } .marketingBanners_banner { display: flex; flex-grow: 1; height: 14.2857rem; flex-flow: column nowrap; place-content: stretch center; align-items: stretch; text-align: center; position: relative; cursor: pointer; overflow: hidden; border-radius: 1.07143rem; margin-bottom: 1.42857rem; text-decoration: none; } @media (min-width: 801px) { .marketingBanners_banner { flex: 0 0 calc(33% - 10px); } .marketingBanners_banner_holder { flex: 0 0 calc(33% - 10px); } } .marketingBanners_banner:hover .marketingBanners_banner_video { opacity: 1; } .marketingBanners_banner:hover .marketingBanners_banner_title { opacity: 1; } .marketingBanners_banner:hover .marketingBanners_banner_description { opacity: 1; } .marketingBanners_banner:hover .marketingBanners_banner_icon { opacity: 1; } .marketingBanners_banner:hover .marketingBanners_banner_cover { transform: translateY(calc(100% - 10px)); } .marketingBanners_banner_icon { height: 2.85714rem; transition: all 0.3s ease 0s; z-index: 3; } .marketingBanners_banner_icon-svg { height: 100%; } .marketingBanners_banner_cover { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 2; transform: translateY(0px); transition: all 0.3s ease 0s; } .marketingBanners_banner_cover::after { content: " "; position: absolute; display: inline-block; width: 0px; height: 0px; right: 0px; border-style: solid; border-width: 0px 0px 200px 200px; border-color: transparent transparent rgba(0, 0, 0, 0.06); } .marketingBanners_banner_title { font-size: 1.07143rem; color: rgb(255, 255, 255); font-style: italic; padding-top: 1.07143rem; z-index: 3; transition: all 0.3s ease 0s; } .marketingBanners_banner_description { opacity: 0.92; font-style: italic; font-size: 0.85714rem; color: rgb(255, 255, 255); padding-left: 1.42857rem; padding-right: 1.42857rem; padding-top: 0.35714rem; line-height: 1.42857rem; z-index: 3; transition: all 0.3s ease 0s; } .marketingBanners_banner_receipts { background-color: rgb(192, 18, 46); } .marketingBanners_banner_receipts .marketingBanners_banner_cover { background-color: rgb(192, 18, 46); } .marketingBanners_banner_giftregistry { background-color: rgb(15, 169, 181); } .marketingBanners_banner_giftregistry .marketingBanners_banner_cover { background-color: rgb(15, 169, 181); } .marketingBanners_banner_loyalty { background-color: rgb(144, 104, 166); } .marketingBanners_banner_loyalty .marketingBanners_banner_cover { background-color: rgb(144, 104, 166); } .marketingBanners_banner_video { position: absolute; width: 100%; height: 100%; z-index: 1; } .marketingBanners_banner_video::before { content: " "; position: absolute; width: 100%; height: 100%; opacity: 0.75; left: 0px; top: 0px; z-index: 1; background-image: linear-gradient(transparent 0px, rgb(0, 0, 0) 100%); } .marketingBanners_banner_video_thevideo { width: 100%; } .divider { margin-top: 5.71429rem; margin-bottom: 2.85714rem; width: 100%; font-family: Montserrat, Arial, Helvetica, sans-serif; text-align: center; border-bottom: 3px solid rgb(238, 244, 247); font-weight: 700; padding-bottom: 0.71429rem; } .divider_title { font-size: 1.07143rem; color: rgb(33, 58, 88); letter-spacing: 0.07143rem; text-transform: uppercase; } .brandGrid_holder { margin-bottom: 1.42857rem; display: flex; flex-flow: column; } .brandGrid_holder .brandGrid_layout { display: flex; flex-wrap: wrap; margin-left: -0.5rem; margin-right: -0.5rem; } .brandGrid_holder .brandGrid_layout_item { border: 1px solid rgb(210, 215, 221); height: 10rem; margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 1rem; overflow: hidden; flex-basis: calc(50% - 1rem); } .brandGrid_holder .brandGrid_layout_item:hover { border: 1px solid rgb(110, 127, 146); } .brandGrid_holder .brandGrid_layout_item_direction_vertical.brandGrid_layout_item .card-figure .card-img-container .card-image { padding-top: 2.42857rem; padding-bottom: 2.42857rem; } @media (min-width: 801px) { .brandGrid_holder .brandGrid_layout_item_direction_vertical.brandGrid_layout_item .card-figure .card-img-container .card-image { padding-top: 2.14286rem; padding-bottom: 2.14286rem; } } @media (min-width: 512px) { .brandGrid_holder .brandGrid_layout_item { flex-basis: calc(50% - 1rem); } } @media (min-width: 1024px) { .brandGrid_holder .brandGrid_layout_item { flex-basis: calc(25% - 1rem); } } .brandGrid_holder .brandGrid_layout_item .card-figure { height: 100%; width: 100%; } .brandGrid_holder .brandGrid_layout_item .card-figure .card-img-container .card-image { padding: 1rem; } @media (min-width: 801px) { .brandGrid_holder .brandGrid_layout_item .card-figure .card-img-container .card-image { padding: 3.21429rem; } } .brandGrid_cta { margin-top: 1.42857rem; display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch center; align-items: center; } .shopByCategory_grid { display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch flex-start; align-items: stretch; } @media (min-width: 801px) { .shopByCategory_grid { flex-direction: row; } } .shopByCategory_grid_banner { align-items: center; justify-content: center; flex-grow: 1; position: relative; margin-bottom: 1rem; display: none; } @media (min-width: 801px) { .shopByCategory_grid_banner { display: flex; } } .shopByCategory_grid_banner_holder { width: 100%; height: 10.7143rem; margin-left: 0.5rem; } @media (min-width: 801px) { .shopByCategory_grid_banner_holder { position: absolute; height: 100%; } } .shopByCategory_grid_banner_holder img { width: 100%; height: 100%; margin: auto; text-align: center; } .shopByCategory_grid_categories { align-items: center; display: flex; flex-wrap: wrap; flex: 3 1 0%; } .shopByCategory_grid_categories .brandGrid_cta { width: 100%; height: auto; padding-top: 1.71429rem; } .shopByCategory_grid_categories_category { flex-basis: calc(50% - 1rem); margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 1rem; overflow: hidden; border: 1px solid rgb(210, 215, 221); height: 12.8571rem; display: flex; flex-flow: column; place-content: stretch flex-start; align-items: stretch; cursor: pointer; } .shopByCategory_grid_categories_category.lastcategory { display: none; } @media (min-width: 801px) { .shopByCategory_grid_categories_category.lastcategory { display: flex; } } @media (min-width: 801px) { .shopByCategory_grid_categories_category { flex-basis: calc(33.3333% - 1rem); } } .shopByCategory_grid_categories_category:hover { border: 1px solid rgb(110, 127, 146); } .shopByCategory_grid_categories_category_img { margin: 0.71429rem; align-items: center; display: flex; justify-content: center; height: 135px; flex-grow: 1; position: relative; } .shopByCategory_grid_categories_category_img .card-figure { width: 100%; height: 100%; text-align: center; } .shopByCategory_grid_categories_category_img .card-figure img { margin: auto; height: 100%; } .shopByCategory_grid_categories_category_title { align-items: center; display: flex; justify-content: center; color: rgb(33, 58, 88); font-weight: 500; margin-bottom: 0.71429rem; text-align: center; font-family: Montserrat, Arial, Helvetica, sans-serif; } .shopByCategory_grid .brandGrid_cta { display: none; } @media (min-width: 801px) { .shopByCategory_grid .brandGrid_cta { display: flex; } } .header_secondary { font-family: Montserrat, Arial, Helvetica, sans-serif; padding: 0px; display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: stretch; } @media (min-width: 801px) { .header_secondary { padding: 0px 1.14286rem; } } .header_secondary_holder { width: 100%; height: 4.28571rem; background-color: rgb(238, 244, 247); display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch center; margin-top: 0px; } @media (min-width: 801px) { .header_secondary_holder { margin-top: 0px; position: relative; } .header_secondary_holder::before { content: " "; width: 100%; height: 100%; position: absolute; background: rgb(238, 243, 246); box-shadow: rgba(0, 0, 0, 0.17) 0px 5px 7px 0px inset; } } .header_secondary_phone { align-items: center; justify-content: center; width: auto; padding-right: 3.57143rem; display: none; } @media (min-width: 801px) { .header_secondary_phone { display: flex; } } .header_secondary_phone_icon { width: 2.5rem; height: 2.5rem; } .header_secondary_phone_text { font-weight: 700; text-transform: uppercase; display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch center; align-items: flex-start; margin-left: 0.71429rem; } .header_secondary_phone_text_title { font-weight: 700; text-transform: uppercase; font-size: 1.14286rem; color: rgb(102, 121, 143); line-height: 100%; } .header_secondary_phone_text_phonelink { color: rgb(47, 86, 131); font-weight: 700; text-transform: uppercase; font-size: 1.14286rem; line-height: 1; text-decoration: none; } .header_secondary_phone_text_phonelink:hover { color: rgb(34, 59, 89); } .header_secondary_search { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: center; position: relative; z-index: 1; } .header_secondary_search .form { margin: 0px; width: 100%; z-index: 22; } .header_secondary_search .form .form-field { margin: 0px; display: flex; flex: 1 1 0%; flex-flow: row wrap-reverse; place-content: stretch flex-start; align-items: center; } .header_secondary_search .form .form-field .form-input { font-size: 1.21429rem; border: 1px solid rgb(134, 134, 134); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 3px inset; flex: 3 1 0%; margin: 0px; padding: 0.85714rem 3.21429rem 0.71429rem 1.07143rem; height: auto; line-height: 1; color: rgb(102, 121, 143); } .header_secondary_search .form .form-field .form-input:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; } .header_secondary_search .form .button { display: flex; font-size: 16px; padding: 0px 15px; align-items: center; font-weight: 700; background: rgb(11, 99, 162); border-radius: 0px 0.71429rem 0.71429rem 0px; line-height: 42px; margin-left: 0px; } .header_secondary_search .form .quicksearch_icon { width: 2.85714rem; height: 100%; line-height: 2.85714rem; position: absolute; top: 0px; right: 0px; display: flex; align-items: center; justify-content: center; padding: 0px 1.07143rem 0px 0px; } .header_secondary_search .form .quicksearch_icon--searching { display: none; } .header_secondary_search .form .quicksearch_icon--close { display: none; } .header_secondary_search .form .quicksearch_icon--search { display: flex; } .header_secondary_search .form .quicksearch_icon svg { width: 18px; height: 18px; display: inline-block; vertical-align: middle; fill: rgb(34, 59, 89); } .header_secondary_search .form .quicksearch_icon:hover svg { fill: rgb(11, 99, 162); } .header_secondary_search .quickSearchResults { position: absolute; top: 42px; z-index: 20; width: 100%; max-height: calc(100vh - 165px); overflow: auto; } .header_secondary_search .quickSearchResults .quickSearchMessage { background: rgb(255, 255, 255); padding: 17px 10px 10px; border: 1px solid rgb(233, 233, 233); border-radius: 3px; margin: -2px auto auto; font-size: 1.14286rem; } .header_secondary_search .quickSearchResults .productGrid { background: rgb(255, 255, 255); padding: 17px 10px 10px; border: 1px solid rgb(233, 233, 233); border-radius: 3px; margin: -2px auto auto; } .header_secondary_search .quickSearchResults .productGrid .product + .product { border-top: 1px solid rgb(233, 233, 233); } .header_secondary_search .quickSearchResults .productGrid li { width: 100%; display: block; background-color: rgb(255, 255, 255); } .header_secondary_search .quickSearchResults .productGrid li .card { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: center; margin-bottom: 0px; } .header_secondary_search .quickSearchResults .productGrid li .card .button--addtocart { display: none; } .header_secondary_search .quickSearchResults .productGrid li .card-figure { width: 4.28571rem; } .header_secondary_search .quickSearchResults .productGrid li .card-brandname { opacity: 0.6; font-family: Roboto, sans-serif; position: absolute; right: 28px; } .header_secondary_search .quickSearchResults .productGrid li .card-sku { font-family: Roboto, sans-serif; font-size: 12px; } .header_secondary_search .quickSearchResults .productGrid li .card-price { display: flex; align-items: flex-end; margin-left: -5px; margin-right: -5px; font-size: 12px; justify-content: flex-start; flex-direction: row-reverse; } .header_secondary_search .quickSearchResults .productGrid li .price-label { font-size: 12px; font-weight: 400; font-family: Roboto, sans-serif; color: rgb(0, 0, 0); } .header_secondary_search .quickSearchResults .productGrid li .card-text { margin-right: 0.71429rem; padding: 0px; margin-bottom: 0.14286rem; line-height: 100%; } .header_secondary_search .quickSearchResults .productGrid li .card-body { width: calc(100% - 60px); padding: 0.35714rem 0.35714rem 0.35714rem 1.78571rem; text-align: left; margin-top: 0px; display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch flex-start; align-items: flex-start; margin-bottom: 0px; position: relative; } .header_secondary_search .quickSearchResults .productGrid li .card-rate { display: none; } .header_secondary_search .quickSearchResults .productGrid li .card-title { margin-bottom: 5px; } .header_secondary_search .quickSearchResults .productGrid li .card-title > a { color: rgb(0, 0, 0); text-decoration: none; } .header_secondary_search .quickSearchResults .productGrid li .price-section { width: auto; padding: 0px 5px; text-align: left; margin-top: 5px; } .header_secondary_search .quickSearchResults .productGrid li .price-section .price { display: block; font-size: 14px; color: rgb(0, 0, 0); padding-top: 5px; font-weight: 500; font-family: Roboto, sans-serif; } .header_secondary_search .quickSearchResults .productGrid li .price-section .price--non-sale, .header_secondary_search .quickSearchResults .productGrid li .price-section .price--rrp { color: rgb(155, 155, 155); font-weight: 300; } .header_secondary_search .quickSearchResults .productGrid li .card-figcaption-block { display: none !important; } .header_secondary_search .quickSearchResults .productGrid li .card-quickview-block { display: none !important; } .header_secondary_search .quickSearchResults .productGrid li .card-inner { flex-flow: inherit; padding: 10px 0px; border: none !important; } .header_secondary .quickSearch-load { width: 150px; animation: 3s linear 0s infinite normal none running loading; } .header_secondary .quickSearch-load .quickSearch_loading-inner { stroke-dashoffset: 0; stroke-dasharray: 300; stroke-width: 10; stroke-miterlimit: 10; stroke-linecap: round; animation: 2s linear 0s infinite normal none running loading-circle; stroke: rgb(11, 99, 162); fill: transparent; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loading-circle { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -600; } } .header--searching .quicksearch_icon--searching { display: flex !important; } .header--searching .quicksearch_icon--close, .header--searching .quicksearch_icon--search { display: none !important; } .header--results .quicksearch_icon--close { display: flex !important; } .header--results .quicksearch_icon--search, .header--results .quicksearch_icon--searching { display: none !important; } .header_third { font-family: Montserrat, Arial, Helvetica, sans-serif; display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch space-between; align-items: center; height: 4rem; padding: 0px; } @media (min-width: 801px) { .header_third { padding: 0px 1.14286rem; } } .header_third_icons { display: none; flex: 1 1 0%; flex-flow: row nowrap; place-content: flex-start; align-items: center; } @media (min-width: 1441px) { .header_third_icons { max-width: 42.8571rem; margin-right: 150px; } } @media (min-width: 801px) { .header_third_icons { display: flex; place-content: space-between; max-width: 42.8571rem; } } .header_third_icons_icon { height: 100%; min-height: 100%; display: flex; } .header_third_icons_icon_img { max-width: initial; } .header_third_email { display: flex; flex-flow: row nowrap; place-content: stretch flex-start; align-items: center; min-width: 410px; margin-left: 23px; } .header_third_email_newsletter { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: center; font-family: Merriweather, Arial, Helvetica, sans-serif; } .header_third_email_newsletter .newsletterform { width: 100%; } .header_third_email_newsletter .newsletterform .form-inputholder { flex-wrap: nowrap; } .header_third_email_newsletter .newsletterform .form-inputholder .button { width: auto; margin-top: 0px; } .header_third .cta-signup-offer { padding: 0.35714rem 0.35714rem 0.35714rem 0.71429rem; margin-bottom: 0px; border-radius: 0.21429rem 0px 0px 0.21429rem; line-height: 1.3; position: relative; z-index: 9; background-color: rgb(233, 28, 62); color: rgb(255, 255, 255); display: flex; flex-flow: column nowrap; place-content: stretch center; align-items: flex-start; height: 2.85714rem; margin-right: 0.5rem; min-width: 104px; max-width: 104px; width: 104px; } .header_third .cta-signup-offer .save_amt { font-weight: 700; font-size: 1.14286rem; text-transform: uppercase; font-style: normal; line-height: 100%; } @media (min-width: 801px) { .header_third .cta-signup-offer .save_amt { letter-spacing: 0.07143rem; } } .header_third .cta-signup-offer .sign_up_today { line-height: 100%; font-weight: 600; font-size: 0.71429rem; } @media (min-width: 801px) { .header_third .cta-signup-offer .sign_up_today { font-size: 0.85714rem; font-weight: 400; } } .header_third .cta-signup-offer::after { left: 100%; top: 50%; border-style: solid; border-image: initial; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; border-color: rgba(233, 28, 62, 0) rgba(233, 28, 62, 0) rgba(233, 28, 62, 0) rgb(233, 28, 62); border-width: 20px; margin-top: -20px; } .productBadges { display: flex; } .productBadges_badge { position: relative; padding-right: 0.71429rem; height: 3.57143rem; width: 5.71429rem; } .productBadges_badge:last-child { padding-right: 0px; } .productBadges_badge svg { height: 100%; width: 100%; } .sitemap-section-content-list { column-count: 4; } .megaMenuSub-holder { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: flex-start; align-items: stretch; font-size: 1.14286rem; font-family: Montserrat, Arial, Helvetica, sans-serif; } @media (min-width: 801px) { .megaMenuSub-holder { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.33) 0px 2px 7px 0px; display: flex; } } .megaMenuSub-holder-header { text-transform: uppercase; font-size: 10px; color: rgb(0, 0, 0); letter-spacing: 0.93px; position: relative; z-index: 1; margin: 1.42857rem 2.85714rem; display: none; } @media (min-width: 801px) { .megaMenuSub-holder-header { display: flex; } } .megaMenuSub-holder-header::before { content: " "; position: absolute; left: 0px; top: 50%; width: 100%; border-bottom: 1px solid rgb(151, 151, 151); z-index: -1; opacity: 0.25; } .megaMenuSub-holder-header-title { z-index: 1; background: rgb(255, 255, 255); padding-right: 10px; font-weight: 700; color: rgb(125, 125, 125); } .megaMenuSub-holder-categories { display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: flex-start; align-items: stretch; } .megaMenuSub-holder-categories-all { padding-left: 0.71429rem; flex-grow: 1; } @media (min-width: 801px) { .megaMenuSub-holder-categories-all { background-color: rgb(238, 244, 247); padding: 1.42857rem 2.85714rem; } } .megaMenuSub-holder-categories-all ul { border-left: 0px; margin: auto; padding-left: 0px; list-style: none; } @media (min-width: 801px) { .megaMenuSub-holder-categories-all ul li { width: 25%; float: left; } } .megaMenuSub-holder-categories-all ul li a { text-decoration: none; width: 100%; color: rgb(34, 59, 89); font-size: 14px; display: block; padding-bottom: 0.35714rem; } @media (min-width: 801px) { .megaMenuSub-holder-categories-all ul li a { font-size: 0.85714rem; } } .megaMenuSub-holder-categories-all ul li a:hover { color: rgb(11, 99, 162); } .megaMenuSub-holder-categories-featured { flex: 1 1 auto; flex-flow: row nowrap; place-content: center space-around; align-items: stretch; padding-left: 2.85714rem; padding-right: 2.85714rem; margin-bottom: 1.42857rem; display: none; } @media (min-width: 801px) { .megaMenuSub-holder-categories-featured { display: flex; } } .megaMenuSub-holder-categories-featured-item { display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch flex-start; align-items: stretch; padding-right: 0.71429rem; } .megaMenuSub-holder-categories-featured-item:last-child { padding-right: 0px; } .megaMenuSub-holder-categories-featured-item a { text-decoration: none; } .megaMenuSub-holder-categories-featured-item-img { width: 68%; margin: auto auto 0px; padding-bottom: 12px; } .megaMenuSub-holder-categories-featured-item-title { font-size: 12px; color: rgb(34, 59, 89); text-align: center; line-height: 14px; font-weight: 600; } .megaMenuSub-holder-categories-featured-item:hover .megaMenuSub-holder-categories-featured-item-title { color: rgb(11, 99, 162); } .megaMenuSub-holder-brands { padding: 1.42857rem 2.85714rem; border-left: 1px dashed rgb(229, 229, 229); flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 282px; display: none; } @media (min-width: 801px) { .megaMenuSub-holder-brands { display: flex; } } .megaMenuSub-holder-brands .megaMenuSub-holder-header { margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 100%; } .megaMenuSub-holder-brands-list-item { margin-bottom: 1.42857rem; } .compare-footer-holder { position: fixed; z-index: 9; bottom: 0px; width: 100%; height: 160px; background-color: rgba(0, 0, 0, 0.7); } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .row-no-gutters { margin-right: 0px; margin-left: 0px; } .row-no-gutters [class*="col-"] { padding-right: 0px; padding-left: 0px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.6667%; } .col-xs-10 { width: 83.3333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.6667%; } .col-xs-7 { width: 58.3333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.6667%; } .col-xs-4 { width: 33.3333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.6667%; } .col-xs-1 { width: 8.33333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.6667%; } .col-xs-pull-10 { right: 83.3333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.6667%; } .col-xs-pull-7 { right: 58.3333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.6667%; } .col-xs-pull-4 { right: 33.3333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.6667%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.6667%; } .col-xs-push-10 { left: 83.3333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.6667%; } .col-xs-push-7 { left: 58.3333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.6667%; } .col-xs-push-4 { left: 33.3333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.6667%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.6667%; } .col-xs-offset-10 { margin-left: 83.3333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.6667%; } .col-xs-offset-7 { margin-left: 58.3333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.6667%; } .col-xs-offset-4 { margin-left: 33.3333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.6667%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-0 { margin-left: 0px; } @media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.6667%; } .col-sm-10 { width: 83.3333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.6667%; } .col-sm-7 { width: 58.3333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.6667%; } .col-sm-4 { width: 33.3333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.6667%; } .col-sm-1 { width: 8.33333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.6667%; } .col-sm-pull-10 { right: 83.3333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.6667%; } .col-sm-pull-7 { right: 58.3333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.6667%; } .col-sm-pull-4 { right: 33.3333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.6667%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.6667%; } .col-sm-push-10 { left: 83.3333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.6667%; } .col-sm-push-7 { left: 58.3333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.6667%; } .col-sm-push-4 { left: 33.3333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.6667%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.6667%; } .col-sm-offset-10 { margin-left: 83.3333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.6667%; } .col-sm-offset-7 { margin-left: 58.3333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.6667%; } .col-sm-offset-4 { margin-left: 33.3333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.6667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-0 { margin-left: 0px; } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.6667%; } .col-md-10 { width: 83.3333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.6667%; } .col-md-7 { width: 58.3333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.6667%; } .col-md-4 { width: 33.3333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.6667%; } .col-md-1 { width: 8.33333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.6667%; } .col-md-pull-10 { right: 83.3333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.6667%; } .col-md-pull-7 { right: 58.3333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.6667%; } .col-md-pull-4 { right: 33.3333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.6667%; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.6667%; } .col-md-push-10 { left: 83.3333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.6667%; } .col-md-push-7 { left: 58.3333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.6667%; } .col-md-push-4 { left: 33.3333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.6667%; } .col-md-push-1 { left: 8.33333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.6667%; } .col-md-offset-10 { margin-left: 83.3333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.6667%; } .col-md-offset-7 { margin-left: 58.3333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.6667%; } .col-md-offset-4 { margin-left: 33.3333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.6667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-0 { margin-left: 0px; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.6667%; } .col-lg-10 { width: 83.3333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.6667%; } .col-lg-7 { width: 58.3333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.6667%; } .col-lg-4 { width: 33.3333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.6667%; } .col-lg-1 { width: 8.33333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.6667%; } .col-lg-pull-10 { right: 83.3333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.6667%; } .col-lg-pull-7 { right: 58.3333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.6667%; } .col-lg-pull-4 { right: 33.3333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.6667%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.6667%; } .col-lg-push-10 { left: 83.3333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.6667%; } .col-lg-push-7 { left: 58.3333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.6667%; } .col-lg-push-4 { left: 33.3333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.6667%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.6667%; } .col-lg-offset-10 { margin-left: 83.3333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.6667%; } .col-lg-offset-7 { margin-left: 58.3333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.6667%; } .col-lg-offset-4 { margin-left: 33.3333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.6667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-0 { margin-left: 0px; } } .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .row::after, .row::before { display: table; content: " "; } .clearfix::after, .container-fluid::after, .container::after, .row::after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0px/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .hidden { display: none !important; } .affix { position: fixed; } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important; } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm-block { display: block !important; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm-inline { display: inline !important; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm-inline-block { display: inline-block !important; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md-block { display: block !important; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md-inline { display: inline !important; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (max-width: 991px) and (min-width: 768px) { .hidden-sm { display: none !important; } } @media (max-width: 1199px) and (min-width: 992px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } .cms-story .header-cms { z-index: 1; } .cms-story .main-content { font-family: Merriweather, serif; } .cms-story .header-cms { border-bottom: 1px solid rgb(195, 208, 223); margin-bottom: 35px; padding-bottom: 20px; font-family: Montserrat, Arial, Helvetica, sans-serif; color: rgb(34, 59, 89); } .cms-story .header-cms h1, .cms-story .header-cms h2 { font-family: Montserrat, Arial, Helvetica, sans-serif; color: rgb(47, 86, 131); font-size: 40px; text-align: center; text-transform: uppercase; line-height: 1.33333; padding: 10px 0px; } .cms-story .header-cms p { font-size: 16px; font-style: italic; text-align: center; padding: 0px 15px; } .cms-story .image-block .image { position: relative; } .cms-story .image-block .image .overlay-text { position: absolute; bottom: 0px; width: 100%; padding: 18px 24px; text-align: center; color: rgb(255, 255, 255); } .cms-story .image-block .text { padding: 30px; min-height: 145px; background-color: rgb(255, 255, 255); border-right: 2px solid rgb(223, 227, 231); border-bottom: 2px solid rgb(223, 227, 231); border-left: 2px solid rgb(223, 227, 231); border-image: initial; border-top: none; } .cms-story .image-block .text p { margin: 0px; } .cms-story .story { padding: 0px 0px 35px; } .cms-story .story .story-inner { max-width: 800px; margin-right: auto; margin-left: auto; } .cms-story .story strong { color: rgb(11, 99, 162); } .cms-story .story .image-block .overlay-text { font-family: Merriweather, serif; font-size: 18px; font-style: italic; font-weight: 700; text-align: right; line-height: 0; } @media (min-width: 768px) { .cms-story .story .image-block .overlay-text { line-height: 19px; } } .cms-story .story .image-block p { font-family: Merriweather, serif; line-height: 24px; } .cms-story .history { background-color: rgb(238, 244, 247); padding: 35px 0px; } .cms-story .history .header-cms { max-width: 800px; margin-left: auto; margin-right: auto; } .cms-story .history .image-block { padding: 0px 15px; } .cms-story .history .image-block .overlay-text { font-size: 24px; font-weight: 700; } .cms-story .main-content { font-family: Merriweather, serif; } .cms-story .header-cms { border-bottom: 1px solid rgb(195, 208, 223); margin-bottom: 35px; padding-bottom: 20px; font-family: Lato, sans-serif; color: rgb(34, 59, 89); } .cms-story .header-cms h1, .cms-story .header-cms h2 { font-family: brandon_grotesque, sans-serif; font-weight: 700; color: rgb(47, 86, 131); font-size: 40px; text-align: center; text-transform: uppercase; line-height: 1.33333; padding: 10px 0px; } .cms-story .header-cms p { font-size: 16px; font-style: italic; text-align: center; padding: 0px 15px; } .cms-story .image-block .image { position: relative; } .cms-story .image-block .image .overlay-text { position: absolute; bottom: 0px; width: 100%; padding: 18px 24px; text-align: center; background-color: rgba(34, 59, 89, 0.75); color: rgb(255, 255, 255); } .cms-story .image-block .text { padding: 25px; min-height: 145px; background-color: rgb(255, 255, 255); border-right: 2px solid rgb(223, 227, 231); border-bottom: 2px solid rgb(223, 227, 231); border-left: 2px solid rgb(223, 227, 231); border-image: initial; border-top: none; } .cms-story .image-block .text p { margin: 0px; } .cms-story .story { padding: 0px 0px 35px; } .cms-story .story .story-inner { max-width: 800px; margin-right: auto; margin-left: auto; } .cms-story .story strong { color: rgb(11, 99, 162); } .cms-story .story .image-block .overlay-text { font-family: Merriweather, serif; font-size: 18px; font-style: italic; font-weight: 700; text-align: right; line-height: 0; } @media (min-width: 768px) { .cms-story .story .image-block .overlay-text { line-height: 19px; } } .cms-story .story .image-block p { font-family: Merriweather, serif; line-height: 24px; } .cms-story .history { background-color: rgb(238, 244, 247); padding: 35px 0px; } .cms-story .history .header-cms { max-width: 800px; margin-left: auto; margin-right: auto; } .cms-story .history .image-block { padding: 0px 15px; } .cms-story .history .image-block .overlay-text { font-size: 24px; font-weight: 700; } .cms-story .commercial-sales .commercial-inner { max-width: 960px; margin-left: auto; margin-right: auto; } .cms-story .commercial-sales .commercial-drawings, .cms-story .commercial-sales .commercial-gallery { padding-top: 50px; } .cms-story .commercial-sales .content-block { padding-top: 60px; padding-bottom: 80px; } .cms-story .commercial-sales .content-block p, .cms-story .commercial-sales .content-block ul { font-family: Merriweather, serif; } .cms-story .commercial-sales .content-block:first-of-type { padding-top: 0px; } .cms-story .commercial-sales .content-block:nth-child(2n) { background-color: rgb(238, 244, 247); } .cms-story .commercial-sales .content-block:nth-child(2n) .block-title { border-bottom: 1px solid rgb(223, 227, 231); } .cms-story .commercial-sales .content-block .block-title { margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid rgb(223, 227, 231); } .cms-story .commercial-sales .content-block .block-title h1, .cms-story .commercial-sales .content-block .block-title h2 { font-size: 40px; text-align: center; text-transform: uppercase; color: rgb(34, 59, 89); font-family: Merriweather, Arial, Helvetica, sans-serif; font-weight: 700; } .cms-story { color: rgb(102, 121, 143); } .cms-story h3 { font-family: Merriweather, serif; padding: 0px; margin: 0px 0px 10px; } .cms-story .slick-dots { bottom: -32px; } .cms-story .commercial-sales .content-block .block-title .sub-title { font-family: Merriweather, serif; font-size: 20px; font-style: italic; text-align: center; } .cms-story .commercial-sales .content-block .block-title .sub-title em { font-weight: 700; color: rgb(11, 99, 162); } .cms-story .commercial-sales .content-block.title-only .block-title { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .cms-story .commercial-sales .content-block.title-only .sub-title { margin-bottom: 0px; } .cms-story .commercial-sales .content-block .content-panel { border: 2px solid rgb(223, 227, 231); margin-left: 0px; margin-right: 0px; } @media (min-width: 768px) { .cms-story .commercial-sales .content-block .content-panel { margin-left: -15px; margin-right: -15px; } } .cms-story .commercial-sales .content-block .content-panel .panel-content { padding: 20px; } @media (min-width: 768px) { .cms-story .commercial-sales .content-block .content-panel .panel-content { padding: 50px; } } .cms-story .commercial-sales .content-block .content-panel .panel-content .panel-title { margin-bottom: 20px; font-size: 24px; text-transform: uppercase; color: rgb(37, 69, 106); } .cms-story .commercial-sales .content-block .header-cms-content p { margin-bottom: 40px; } .cms-story .commercial-sales .content-block .header-cms-image { height: 324px; min-height: 324px; padding: 0px; text-align: center; overflow: hidden; } .cms-story .commercial-sales .content-block .header-cms-image img { height: 100%; max-width: none; } .cms-story .commercial-sales .content-block .staff-grid .image-block { margin-bottom: 30px; } .cms-story .commercial-sales .slider-title, .cms-story .commercial-sales .staff-title { margin-left: 15px; margin-right: 15px; padding-bottom: 15px; font-size: 28px; text-transform: uppercase; color: rgb(34, 59, 89); border-bottom: 4px solid rgb(229, 229, 229); } .cms-story .commercial-sales .staff-list.no-heading { margin-top: -50px; padding-top: 25px; border-top: 4px solid rgb(229, 229, 229); } .cms-story .findus_btn { text-transform: uppercase; font-weight: 700; padding: 20px 15px; width: 200px; } .cms-story .commercial-sales .staff-list .staff-noimg { margin-bottom: 20px; } .cms-story .commercial-sales .staff-list .staff-noimg p { margin-bottom: 5px; } .cms-story .commercial-sales .staff-list .staff-noimg .name { margin-bottom: 0px; padding-top: 15px; font-size: 24px; color: rgb(34, 59, 89); border-top: 2px solid rgb(229, 229, 229); } .cms-story .commercial-sales .staff-list .staff-noimg:first-of-type .name { border-top: none; } @media (min-width: 768px) { .cms-story .commercial-sales .staff-list .staff-noimg:nth-of-type(2) .name { border-top: none; } } .cms-story .commercial-sales .staff-list .staff-noimg .position { font-size: 18px; line-height: 1.4; color: rgb(11, 99, 162); } .cms-story .commercial-sales .staff-list .staff-noimg .name, .cms-story .commercial-sales .staff-list .staff-noimg .position { font-family: brandon_grotesque, sans-serif; text-transform: uppercase; font-weight: 700; } .cms-story .commercial-sales .image-block .image-block-inner { position: relative; max-width: 350px; margin-left: auto; margin-right: auto; } .cms-story .commercial-sales .image-block .image-block-inner .plan-thumbnail { position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0; } .cms-story .commercial-sales .image-block .image-block-inner .overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; padding: 25px; background: rgba(11, 99, 162, 0.85); color: rgb(255, 255, 255); opacity: 0; } .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info { position: absolute; top: 50%; left: 50%; } .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info a { color: rgb(255, 255, 255); } .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info a:hover { text-decoration: underline; } .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .name { font-size: 24px; } .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .name, .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .position { text-transform: uppercase; font-weight: 700; } .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .ext, .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .phone, .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .position { font-size: 18px; } .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .email, .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .ext, .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .phone { font-family: Merriweather, serif; } .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .email { margin-top: 20px; } .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .name, .cms-story .commercial-sales .image-block .image-block-inner .overlay .contact-info .phone { margin-bottom: 0px; } .cms-story .commercial-sales .image-block .image-block-inner:hover .overlay { opacity: 1; } .cms-story .commercial-sales .bold-italic, .cms-story .commercial-sales .italic { font-style: italic; } .cms-story .commercial-sales .bold-italic { font-weight: 700; } .cms-story .commercial-sales .btn.flyer { width: 100%; } @media (min-width: 480px) { .cms-story .commercial-sales .btn.flyer { width: auto; padding: 18px 64px; } } .cms-story .commercial-sales .btn.appointment { width: 100%; } .cms-story .commercial-sales .btn.find-us { display: block; width: 100%; margin: 0px auto; } @media (min-width: 480px) { .cms-story .commercial-sales .btn.find-us { width: 300px; } } .cms-story .commercial-sales .btn.find-us:active, .cms-story .commercial-sales .btn.find-us:hover { color: rgb(255, 255, 255); } .cms-story .commercial-sales .block-sidebar-inner { margin-bottom: 25px; border: 2px solid rgb(223, 227, 231); } .cms-story .commercial-sales .block-sidebar-inner h4 { margin-top: 0px; margin-bottom: 20px; padding: 25px 0px; text-align: center; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-family: Merriweather, serif; color: rgb(255, 255, 255); background: rgb(233, 28, 62); font-weight: 700; } .cms-story .commercial-sales .block-sidebar-inner ul { margin: 0px 40px 20px; line-height: 25px; } .cms-story .commercial-sales .gallery-slider, .cms-story .commercial-sales .plans-slider { margin-top: 60px; } .cms-story .commercial-sales .gallery-slider .slider-block .btn, .cms-story .commercial-sales .plans-slider .slider-block .btn { position: absolute; width: calc(100% - 80px); top: 50%; left: 40px; } .cms-story .commercial-sales .gallery-slider .owl-controls i, .cms-story .commercial-sales .plans-slider .owl-controls i { padding: 5px 10px; font-size: 30px; background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 6px; } @media (min-width: 480px) { .cms-story .commercial-sales .gallery-slider .owl-controls i, .cms-story .commercial-sales .plans-slider .owl-controls i { padding: 0px; font-size: 50px; background-color: transparent; border: none; border-radius: 0px; } } .cms-story .commercial-sales .modal-content { border-radius: 0px; } .cms-story .commercial-sales .modal-content .modal-header { border-bottom: none; } .cms-story .commercial-sales .modal-content .modal-header .modal-close { top: -8px; } .cms-story .commercial-sales .modal-content .modal-body { text-align: center; } .cms-story .commercial-sales .modal-content .large-image-wrap { margin-bottom: 20px; } @media (min-width: 768px) { .cms-story .commercial-sales .modal-content .large-image-wrap { margin-bottom: 0px; } } @media (min-width: 768px) { .cms-story .commercial-sales .modal-content .project-thumbnail { width: 100%; float: none; } } .cms-story .commercial-sales .modal-content .thumbnails-sidebar img { margin-bottom: 20px; cursor: pointer; } .contactpage .page-sidebar { width: 100%; display: block; margin-bottom: 40px; } @media (min-width: 801px) { .contactpage .page-sidebar { width: 35%; margin-bottom: 0px; } } @media (min-width: 801px) { .contactpage .page-sidebar + .page-content { width: 65%; } } .claim-reward-page .invoiceAmount { position: relative; } .claim-reward-page .invoiceAmount::before { content: "$"; position: absolute; z-index: 2; top: 39px; left: 12px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .claim-reward-page .invoiceAmount .form-input { padding-left: 30px; } .claim-reward-page .invoiceNumber { position: relative; } .claim-reward-page .invoiceNumber::before { content: "IN00"; position: absolute; z-index: 2; top: 39px; left: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .claim-reward-page .invoiceNumber .form-input { padding-left: 45px; } .claim-reward-page .reward-claim-helper-invoice3 { position: absolute; width: 100%; z-index: 1; } .claim-reward-page .reward-claim-helper-invoice { position: absolute; width: 100%; z-index: 1; } .claim-reward-page .reward-claim-helper-invoice-top { display: none; } .claim-reward-page .reward-claim-helper-invoice-top-invoiceAmount { z-index: 2; } .claim-reward-page .reward-claim-helper-invoice-top-invoiceDate { z-index: 3; } .claim-reward-page .reward-claim-helper-invoice-top-invoiceNumber { z-index: 4; } .claim-reward-page .invoiceAmountImg .reward-claim-helper-invoice-top-invoiceAmount { display: block; } .claim-reward-page .invoiceDateImg .reward-claim-helper-invoice-top-invoiceDate { display: block; } .claim-reward-page .invoiceNumberImg .reward-claim-helper-invoice-top-invoiceNumber { display: block; } .claim-reward-page .claim-reward-formcol .form-input { font-family: Arial, Helvetica, sans-serif; } .claim-reward-page .claim-reward-formcol .w100 { width: 100%; } .claim-reward-page .reward-claim-helper { text-align: right; } .claim-reward-page .reward-claim-helper { min-height: 654px; } .claim-reward-page .infohelperdivider { position: relative; } .claim-reward-page .infohelperdivider::after { content: " "; position: absolute; height: 100%; width: 50px; left: 50%; border-left: 1px dashed rgba(107, 124, 147, 0.4); } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .form-actions .calimsubmiet { margin: 0px; display: inline-block; padding: 10px; outline: 0px; cursor: pointer; text-align: center; text-decoration: none; border: 1px solid rgb(255, 255, 255); border-radius: 5px; color: rgb(255, 255, 255); width: 147px; height: 40px; transition: all 0.2s linear 0s; } .form-actions .calimsubmiet:hover { text-decoration: none; color: rgb(255, 255, 255); } .form-actions .calimsubmiet:active { background: linear-gradient(rgb(27, 39, 56), rgb(44, 63, 90)); } .form-actions .calimsubmiet:disabled { cursor: default; background: rgb(221, 221, 221); text-shadow: rgb(187, 187, 187) -1px 0px 1px; } .form-actions .calimsubmiet.uploading { text-indent: -9999px; padding: 0px; width: 40px; height: 40px; background: 0px 0px; border-width: 2px; border-style: solid; border-color: rgb(34, 59, 89) transparent rgb(34, 59, 89) rgb(34, 59, 89); border-image: initial; border-radius: 50%; animation: 1s linear 0.4s infinite normal none running spin; } .successclaimpopup .rewarddetails { margin-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.3); margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 20px; padding-top: 20px; } .successclaimpopup .notesinfo { font-size: 13px; line-height: 21px; } .addrewardclaimholder { position: relative; text-align: center; margin-top: 100px; } .rewards-totalpoints { background: rgb(31, 55, 86); border-radius: 8px; display: flex; align-items: center; justify-content: center; width: fit-content; padding-left: 20px; padding-right: 20px; margin-bottom: 50px; } .rewards-totalpoints-title { font-size: 21px; color: rgb(255, 255, 255); letter-spacing: 0.04px; } .rewards-totalpoints-points { font-weight: 700; font-size: 44px; color: rgb(255, 255, 255); margin-left: 10px; } .lldash #loyaltylion .lion-loyalty-panel-content--rewards { background-color: rgb(255, 255, 255) !important; } .lldash #loyaltylion .lion-loyalty-panel-sidebar { background: rgb(238, 243, 246); } .lldash #loyaltylion .lion-loyalty-panel-sidebar__menu-item { color: rgb(68, 68, 68); } .lldash #loyaltylion .lion-loyalty-panel-sidebar__menu-item.lion-active { background: rgb(12, 99, 163); color: rgb(255, 255, 255); } .lldash #loyaltylion .lion-loyalty-panel-sidebar__points { background: rgb(12, 99, 163); } .lldash #loyaltylion .lion-loyalty-panel-sidebar__title { background-color: rgb(34, 59, 88); border-bottom: 1px solid rgb(34, 59, 88); } .lldash #loyaltylion #loyaltylion .lion-loyalty-panel-sidebar__menu-item:hover { background: rgba(0, 0, 0, 0.1); } .lldash #loyaltylion .lion-loyalty-panel--format-embed { min-height: 100%; } .llhistory { margin-bottom: 2rem; margin-top: 2rem; } .gitRegistry .gifttoparea { margin-bottom: 20px; } .gitRegistry .resp-container { display: flex; flex: 1 1 0%; flex-flow: row wrap; place-content: flex-start; align-items: flex-start; } .gitRegistry .itemholder { width: calc(23%); margin-right: 2%; padding: 25px; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 2%; } .gitRegistry .itemholder .pic { height: 188px; text-align: center; } .gitRegistry .itemholder .pic img { width: 100%; padding: 28px; } .gitRegistry .itemholder .incartmessageout { opacity: 0; transition: all 0.2s ease 0s; } .gitRegistry .itemholder .incartmessage { font-family: Arial; font-size: 12px; color: rgb(233, 37, 61); letter-spacing: 0px; margin-top: 10px; text-align: center; width: 100%; } .gitRegistry .itemholder .price { font-family: OpenSans, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 24px; color: rgb(40, 65, 94); text-align: center; margin-top: 9px; margin-bottom: 9px; } .gitRegistry .itemholder .title { font-family: OpenSans, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(34, 59, 89); letter-spacing: 0.02px; text-align: center; } .gitRegistry .itemholder .avail { padding: 5px 10px; border-top: 1px dashed rgba(107, 124, 147, 0.5); border-bottom: 1px dashed rgba(107, 124, 147, 0.5); display: flex; align-items: center; justify-content: space-between; } .gitRegistry .itemholder .avail_1 { font-size: 13px; color: rgb(99, 107, 113); letter-spacing: 0.64px; line-height: 13px; } .gitRegistry .itemholder .avail_2 { font-family: OpenSans, Arial, Helvetica, sans-serif; font-size: 16px; color: rgb(49, 49, 49); letter-spacing: 0px; } .gitRegistry .itemholder .out { font-family: OpenSans, Arial, Helvetica, sans-serif; font-style: italic; color: rgb(107, 124, 147); letter-spacing: 0px; text-align: center; font-size: 12px; padding-top: 26px; display: none; margin-bottom: 13px; } .gitRegistry .itemholder .addtocart { display: flex; margin-top: 7px; } .gitRegistry .itemholder .qtyin { -webkit-appearance: none; padding: 0.67rem 0.8rem; margin-top: 0.6rem; line-height: 1.2; color: rgb(35, 54, 70); transition: border-color 150ms ease-in-out 0s, box-shadow 150ms ease-in-out 0s; border-radius: 5px; border: 1px solid rgb(217, 217, 217); font-family: Poppins, sans-serif; font-weight: 500; font-size: 15px; width: 66px; margin-right: 10px; text-align: center; } .gitRegistry .itemholder .btnadd { background: rgb(13, 99, 162); border-radius: 2px; flex-grow: 1; margin-top: 0.6rem; font-family: OpenSans, Arial, Helvetica, sans-serif; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; text-align: center; padding: 8px; font-size: 12px; line-height: 20px; } .gitRegistry .itemholder .btnadd:hover { cursor: pointer; } .gitRegistry .itemholder .itemholder { padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); margin: 20px; width: calc(25% - 40px); } .gitRegistry .haveincart .incartmessageout { opacity: 1; } .gitRegistry .notavailable .out { display: block; } .gitRegistry .notavailable .addtocart, .gitRegistry .notavailable .avail, .gitRegistry .notavailable .incartmessage { display: none; } .gitRegistry .notavailable h4 { margin-top: 0px; } .rowregis { display: flex; justify-content: space-between; padding-bottom: 5px; padding-top: 5px; } .giftregistry_results { margin-bottom: 30px; } .showQuickSearch .quickSearchResults { z-index: 20; display: flex; } .header_secondary_search .quickSearchResults { top: 23px; max-height: calc(100vh - 110px); } @media (min-width: 801px) { .header_secondary_search .quickSearchResults { top: 43px; max-height: calc(100vh - 165px); } } .header_secondary_search .quickSearchResults .productGrid li .price-section .price { color: rgb(243, 0, 24); font-weight: 700; margin-right: 10px; } .header_secondary_search .quickSearchResults .productGrid li .price-section .price--non-sale, .header_secondary_search .quickSearchResults .productGrid li .price-section .price--rrp { font-weight: 700; color: rgba(0, 0, 0, 0.8); } .not-on-sale .price--withoutTax { display: none !important; } .not-on-sale .price--non-sale { text-decoration: none !important; } .loader-ellips { font-size: 20px; position: relative; width: 4em; height: 1em; margin: 10px auto; } .loader-ellips__dot { display: block; width: 1em; height: 1em; border-radius: 0.5em; background: rgb(85, 85, 85); position: absolute; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite; } .loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) { left: 0px; } .loader-ellips__dot:nth-child(3) { left: 1.5em; } .loader-ellips__dot:nth-child(4) { left: 3em; } @keyframes reveal { 0% { transform: scale(0.001); } 100% { transform: scale(1); } } @keyframes slide { 100% { transform: translateX(1.5em); } } .loader-ellips__dot:nth-child(1) { animation-name: reveal; } .loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) { animation-name: slide; } .loader-ellips__dot:nth-child(4) { animation-name: reveal; animation-direction: reverse; } .page-load-status { display: none; } .header { /* border-bottom: 1px solid rgb(229, 229, 229); */ position: sticky; top: 0px; width: 100%; z-index: 100; background-color: #D4AF37; /* background-color: rgb(34, 59, 89); */ } .bare .header { background-color: rgb(255, 255, 255); position: relative; } @media (min-width: 801px) { .header { background-color: #D4AF37; } } @media (min-width: 801px) { .header.header_minified .nav__top { height: 2.14286rem; } } @media (min-width: 551px) { .header .navPages-container .navPages { padding: 0px 1.5rem; } } @media (min-width: 1441px) and (min-width: 551px) { .header .navPages-container .navPages { padding: 0px 6rem; } } @media (min-width: 801px) { /* .header { border-bottom: 1px solid rgb(229, 229, 229); overflow: visible; } */ } .header.is-open { height: 100%; } @media (min-width: 801px) { .header.is-open { height: auto; } } .header .nav__top { height: 4.28571rem; display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: stretch; transition: height 0.3s linear 0s; } .header .nav__top__left { align-items: center; display: flex; justify-content: flex-start; width: 13.5714rem; background-color: rgb(11, 99, 162); } @media (min-width: 801px) { .header .nav__top__left { width: 17.8571rem; height: auto; background-color: transparent; } } .header .nav__top__left .header-logo-holder { height: 100%; align-items: center; display: flex; } @media (min-width: 801px) { .header .nav__top__left .header-logo-holder { display: block; } } .header .nav__top__left .header-logo-image-unknown-size { width: 100%; height: auto; max-height: 100%; } @media (min-width: 801px) { .header .nav__top__left .header-logo-image-unknown-size { height: 100%; width: auto; } } .header .nav__top__left__canadaicon { display: none; margin-left: 0.71429rem; margin-top: 0.35714rem; } @media (min-width: 801px) { .header .nav__top__left__canadaicon { display: flex; } } .header .nav__top__right { align-items: center; color: rgb(255, 255, 255); display: flex; justify-content: center; flex-grow: 1; position: relative; } .container.header_container { padding: 0px; } @media (min-width: 551px) { .container.header_container { padding: 0px 1.5rem; } } @media (min-width: 1441px) { .container.header_container { padding: 0px 6rem; } } .header-logo { font-size: 0px; margin: 0px 8.57143rem; text-align: center; } @media (min-width: 551px) { .header-logo { margin-left: 12.8571rem; margin-right: 12.8571rem; } } @media (min-width: 801px) { .header-logo { margin: 4rem auto 4.5rem; padding: 0px; } .header.fixed .header-logo { background-color: rgb(229, 229, 229); margin: 0px; padding: 0.35714rem 0px; position: absolute; top: 0px; width: 100%; } } .header-logo > a { color: rgb(51, 51, 51); display: inline-block; padding: 0.78571rem 0px; position: relative; text-decoration: none; width: 60%; z-index: 20; } .header-logo > a::after, .header-logo > a::before { content: " "; display: table; } .header-logo > a::after { clear: both; } @media (min-width: 801px) { .header-logo > a { background: 0px 0px; border-bottom: 0px; display: inline; padding: 0px; width: 100%; } } .header-logo > a:hover { color: rgb(117, 117, 117); } .header-logo > a:active { color: rgb(117, 117, 117); } .header-logo--left { text-align: left; } @media (min-width: 801px) { .header-logo--left { margin-left: 2.85714rem; } } .header-logo--left .header-logo-image { right: unset; } .header-logo--right { text-align: right; } @media (min-width: 801px) { .header-logo--right { margin-right: 2.85714rem; } } .header-logo--right .header-logo-image { left: unset; } .header-logo-text { display: block; font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 0.14286rem; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0.21429rem 0px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } @media (min-width: 551px) { .header-logo-text { font-size: 22px; padding-bottom: 0px; padding-top: 0px; } } @media (min-width: 801px) { .header-logo-text { display: inline; font-size: 28px; margin-left: 0px; margin-right: -0.14286rem; max-width: none; overflow: auto; white-space: normal; } .header.fixed .header-logo-text { font-size: 25px; } } .header-logo-image-container { position: relative; } .header-logo-image-container::after { content: ""; display: block; padding-bottom: 7rem; } @media (min-width: 801px) { .header-logo-image-container::after { padding-bottom: 100px; } } .header-logo-image { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; height: 100%; } @media (min-width: 801px) { .header-logo-image { max-height: none; } } .header-logo-image-unknown-size { max-height: 7rem; } @media (min-width: 801px) { .header-logo-image-unknown-size { max-height: none; } } .mobileMenu-toggle { height: 8.57143rem; font-size: 0px; left: 0px; overflow: hidden; padding: 0px 0px 0px 1.5rem; z-index: 50; display: flex; width: 5.42857rem; } @media (min-width: 801px) { .mobileMenu-toggle { display: none; } } .mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle .mobileMenu-toggleIcon::before { background: rgb(255, 255, 255); content: ""; display: block; height: 2px; position: absolute; transform: rotate(0deg); transition: transform 0.1s ease-in 0s, top 0.1s ease-in 150ms, bottom 0.1s ease-in 150ms; width: 1.42857rem; } .mobileMenu-toggle .mobileMenu-toggleIcon { top: 1.92857rem; transition: background-color 10ms ease-in 0.1s; } .mobileMenu-toggle .mobileMenu-toggleIcon::before { top: -0.5rem; } .mobileMenu-toggle .mobileMenu-toggleIcon::after { bottom: -0.5rem; } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon { background-color: transparent; transition-delay: 0.1s; } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before { background-color: rgb(255, 255, 255); bottom: auto; top: auto; transition: transform 0.1s ease-in 150ms, top 0.1s ease-in 0s, bottom 0.1s ease-in 0s; } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before { top: 0px; transform: rotate(45deg); } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after { bottom: 0px; transform: rotate(-45deg); } .nav__top__left__phone { display: none; } .body { /* margin-bottom: 6rem; */ margin-top: 1.5rem; } @media (min-width: 801px) { .body { } } .page { margin: 0px -0.75rem; max-width: none; width: auto; } .page::after, .page::before { content: " "; display: table; } .page::after { clear: both; } .page-content, .page-content--full { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .page-content--centered { padding-left: 0.75rem; padding-right: 0.75rem; width: 66.6667%; margin-left: auto; margin-right: auto; float: none; } } .page-content--textCenter { text-align: center; } .page-content .category_image_present .page-content-hero .page-heading { font-size: 30px; } .page-content-category-header { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch space-between; align-items: stretch; margin-bottom: 1.42857rem; } .page-content-category-header-title { display: flex; align-items: center; } .page-content-category-header-title .page-heading { margin: 0px; } .page-content-category-header-sort .form-field { margin: 0px; } .page-sidebar { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; position: relative; display: none; } @media (min-width: 801px) { .page-sidebar { display: flex; padding-left: 0.75rem; padding-right: 0.75rem; width: 25%; float: left; } .page-sidebar + .page-content { padding-left: 0.75rem; padding-right: 0.75rem; width: 75%; float: left; } } .page-sidebar .sidenav_nav { border: 2px solid rgb(223, 227, 231); } .page-sidebar .sidenav_nav .navList-action-asideall { font-weight: 700; } .page-sidebar .sidenav_nav_title { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); background-color: rgb(34, 59, 89); padding: 1rem 1.42857rem; } .page-sidebar .sidenav_nav .navBar-action, .page-sidebar .sidenav_nav .navList-action { line-height: 1.78571rem; color: rgb(102, 121, 143); font-size: 1rem; } .page-sidebar .sidenav_nav .navBar-action:hover, .page-sidebar .sidenav_nav .navList-action:hover { color: rgb(11, 99, 162); } .page-sidebar .sidenav_nav .sidebarBlock-heading { border-bottom: 2px solid rgb(11, 99, 162); font-size: 1.28571rem; font-weight: 700; text-transform: uppercase; color: rgb(34, 59, 89); margin-bottom: 2.14286rem; margin-top: 0.71429rem; padding-bottom: 0.71429rem; } .page-sidebar .sidenav_nav .sidebarBlock { padding: 1rem 1.42857rem; } .footer { background-color: rgb(34, 59, 89); } .footer__bottom { background-color: rgb(37, 69, 106); } .footer__bottom__holder { display: flex; flex-flow: column nowrap; place-content: stretch center; color: rgb(255, 255, 255); align-items: center; flex-grow: 1; padding-top: 1.42857rem; padding-bottom: 1.42857rem; } @media (min-width: 801px) { .footer__bottom__holder { flex-direction: row; align-items: stretch; } } .footer__bottom__left { align-items: center; display: flex; justify-content: flex-start; } @media (min-width: 801px) { .footer__bottom__left { flex-grow: 1; } } .footer__bottom__right { align-items: center; display: flex; justify-content: center; } .footer_cols { display: flex; flex: 1 1 0%; flex-flow: column; place-content: stretch space-between; align-items: stretch; padding-top: 3.57143rem; padding-bottom: 3.57143rem; } @media (min-width: 801px) { .footer_cols { flex-flow: row nowrap; } } .footer_col { align-items: flex-start; display: flex; justify-content: flex-start; flex-direction: column; } .footer_col.footer_col_mhide { display: none; } @media (min-width: 801px) { .footer_col.footer_col_mhide { display: flex; } } .footer_col.footer_col_contact br { display: none; } @media (min-width: 801px) { .footer_col.footer_col_contact br { display: inline-block; } } .footer_col_brand { display: flex; flex-flow: column nowrap; place-content: stretch flex-start; align-items: stretch; } .footer_col_brand .footer_logo { text-align: center; } @media (min-width: 801px) { .footer_col_brand .footer_logo { margin-top: 2.28571rem; } } .footer_contact { display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch flex-start; align-items: flex-start; } .footer_contact-icon { height: 100%; width: 1.07143rem; fill: rgb(4, 89, 148); } .footer_contact_item { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: flex-start; align-items: flex-start; padding-bottom: 1.42857rem; } .footer_contact_item:last-child { padding-bottom: 0px; } .footer_contact_item_icon { align-items: center; display: flex; justify-content: center; width: 2.85714rem; height: 1.42857rem; } .footer_contact_item_body { align-items: center; display: flex; justify-content: center; flex-grow: 1; color: rgb(136, 156, 170); } .footer_contact_item_body a { text-decoration: none; color: rgb(136, 156, 170); } .footer_contact_item_body a:hover { color: rgb(255, 255, 255); } .footer_logo_tagline { padding-top: 12px; padding-bottom: 12px; font-style: italic; color: rgb(255, 255, 255); /* border-bottom: 1px solid rgb(37, 69, 106); */ } @media (min-width: 801px) { /* .footer_logo_tagline { border-bottom: 1px solid rgb(136, 156, 170); } */ } .footer_socialmedia { margin-top: 1.42857rem; } .footer_socialmedia .socialLinks { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch space-around; align-items: stretch; } .footer_socialmedia .socialLinks-item { display: flex; } .footer_socialmedia .socialLinks-item .icon svg { fill: rgb(136, 156, 170); } .footer_newsletter { background-color: rgb(4, 89, 148); /* height: 100%; */ display: flex; align-items: center; padding-top: 2.71429rem; padding-bottom: 2.71429rem; } @media (min-width: 801px) { .footer_newsletter { padding-top: 2.71429rem; padding-bottom: 2.71429rem; } } .footer_newsletter .container { height: 100%; } .footer_newsletter_heading { font-family: OpenSans, Arial, Helvetica, sans-serif; font-size: 1.42857rem; font-style: italic; font-weight: 100; color: rgb(255, 255, 255); line-height: 100%; padding-bottom: 0.57143rem; } .footer_newsletter_subheading { font-size: 1.42857rem; color: rgb(255, 255, 255); font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; line-height: 100%; } .footer_newsletter_holder { display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch space-between; align-items: center; height: 100%; } @media (min-width: 801px) { .footer_newsletter_holder { flex-flow: row nowrap; } } .footer_newsletter_holder_left { display: flex; flex-grow: 1; flex-flow: row nowrap; place-content: stretch flex-start; align-items: stretch; } .footer_newsletter_holder_left_sketch { padding-right: 1.42857rem; margin-right: 1.42857rem; border-right: 1px solid rgb(136, 156, 170); display: none; } @media (min-width: 801px) { .footer_newsletter_holder_left_sketch { display: block; } } .footer_newsletter_holder_left_text { text-align: center; padding-bottom: 1.42857rem; } @media (min-width: 801px) { .footer_newsletter_holder_left_text { text-align: left; } } .footer_newsletter_holder_right { flex-grow: 1; } .footer-info { margin: 0px -0.75rem; max-width: none; width: auto; font-size: 0px; } .footer-info::after, .footer-info::before { content: " "; display: table; } .footer-info::after { clear: both; } .footer-info-col { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; color: rgb(117, 117, 117); display: inline-block; float: none; font-size: 1rem; margin-bottom: 3rem; text-align: center; vertical-align: top; } @media (min-width: 551px) { .footer-info-col { text-align: left; width: 50%; } } @media (min-width: 801px) { .footer-info-col { width: 33.3333%; } } .footer-info-col > :first-child { margin-top: 0px; } .footer-info-col > :last-child { margin-bottom: 0px; } @media (min-width: 801px) { .footer-info-col--small { width: 16.6667%; } } .footer-info-col--social { width: 100%; } @media (min-width: 551px) { .footer-info-col--left { padding: 0px; } } @media (min-width: 551px) { .footer-info-col--right { left: 50%; position: inherit; } } @media (min-width: 801px) { .footer-info-col--right { left: 0px; padding: 0px; text-align: right; } } .footer-info-heading { color: rgb(255, 255, 255); text-transform: uppercase; font-size: 1.07143rem; font-weight: 800; } .footer-info-list { list-style: none; margin-left: 0px; } .footer-info-list li { padding-bottom: 0.71429rem; } .footer-info-list a { color: rgb(136, 156, 170); text-decoration: none; } .footer-info-list a:hover { color: rgb(255, 255, 255); } .footer-copyright { text-align: center; color: rgb(136, 156, 170); } @media (min-width: 551px) { .footer-copyright { text-align: left; } } .footer-copyright > .powered-by { color: rgb(136, 156, 170); margin: 0px; font-size: 1rem; font-style: italic; letter-spacing: 0.02857rem; } .footer-copyright a { color: rgb(117, 117, 117); text-decoration: none; } .footer-copyright a:hover { color: rgb(51, 51, 51); } .footer-payment-icons { height: 2.85714rem; } .footer-payment-icons .footer-payment-icon { height: 100%; margin-left: 0.35714rem; vertical-align: middle; width: 2.14286rem; } .footer-payment-icons .footer-payment-icon.securityshield { width: 5rem; } .footer-payment-icons .footer-payment-icon.sezzleShield { width: 3.21429rem; } .footer-payment-icons svg { fill: rgb(136, 156, 170); } @media (min-width: 551px) { .footer-geotrust-ssl-seal { bottom: 0px; position: absolute; right: 16px; } } .footer-geotrust-ssl-seal table { margin: auto; } .footer-newsletter-summary { text-align: left; } .container { margin-left: auto; margin-right: auto; max-width: 108.857rem; padding: 0px 1.5rem; position: relative; width: 100%; } .container.fullwidth { max-width: 135.714rem; } @media (min-width: 1261px) { .container { padding: 0px 6rem; } } .blog { margin-bottom: 1.5rem; display: flex; flex-direction: column; } @media (min-width: 801px) { .blog { margin: auto; width: 100%; } } .blog + .blog { border-top: 1px solid rgb(229, 229, 229); margin-top: 3rem; padding-top: 3rem; } .blog .tags { margin-top: 3rem; text-align: center; } .blog .socialLinks { text-align: center; } .blog .addthis_toolbox { margin-top: 3rem; } .blog-listing .blog { flex-direction: row; } .blog-holder_container { margin: 0px; } .blog-title { font-size: 22px; margin: 0px 0px 0.35714rem; } .blog-title a { text-decoration: none; } .blog-author, .blog-date { color: rgb(117, 117, 117); text-align: left; } .blog-author { margin-bottom: 2.5rem; } .blog-post { font-size: 15px; text-align: left; padding-right: 0px; } @media (min-width: 801px) { .blog-post { padding-right: 2.85714rem; } } .blog-post-detail { display: flex; color: rgb(102, 121, 143); flex-direction: column; } @media (min-width: 801px) { .blog-post-detail { margin-right: 2.85714rem; } } .blog-post-detail h1, .blog-post-detail h2 { font-size: 40px; } .blog-post-detail a { color: rgb(34, 59, 89); } .blog-post-detail .blog-post-figure { width: 100%; } .blog-post-detail .blog-thumbnail { width: 100%; } .blog-thumbnail { margin: 0px auto 2rem; position: relative; } .blog-listing .blog-thumbnail { display: none; } @media (min-width: 801px) { .blog-listing .blog-thumbnail { display: block; } } .blog-thumbnail img { width: 100%; } .blog-post-figure { display: block; margin: auto; text-align: center; } @media (min-width: 801px) { .blog-post-figure { margin-right: 3.57143rem; } } .blog-post-body { display: flex; text-align: left; flex-direction: column; } .blog-holder { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: flex-start; } .blog-holder .blog-posts { align-items: center; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; } .blog-holder .blog-posts.blog-listing { padding-right: 0px; } @media (min-width: 801px) { .blog-holder .blog-posts.blog-listing { padding-right: 2.85714rem; } } .blog-holder .blog-aside { align-items: center; justify-content: center; width: 360px; min-width: 360px; display: none; } @media (min-width: 801px) { .blog-holder .blog-aside { display: flex; } } .blog-aside .newsletterform { width: 100%; } .blog-aside .newsletterform .form-prefixPostfix .form-input { width: 100%; border: 2px solid rgba(11, 99, 162, 0.38); background: rgb(238, 244, 247); color: rgb(102, 121, 143); } .blog-aside .newsletterform .form-prefixPostfix .form-input::placeholder { color: rgb(102, 121, 143); } .blog-aside .newsletterform .button { padding: 1.07143rem; } .blog-aside .newsletterform .form-inputholder { flex-wrap: nowrap; } .blog-aside .newsletterform .form-inputholder .button { width: auto; margin-top: 0px; } .blog-aside .blog-aside-archive-list { padding: 0px; margin: 0px; list-style: none; } .blog-aside .blog-aside-archive-list-item { margin-bottom: 20px; } .blog-aside .blog-aside-archive-list-item a { display: flex; flex-direction: row; padding: 3px 0px; color: rgb(102, 121, 143); font-size: 16px; font-style: italic; text-decoration: none; } .blog-aside .blog-aside-archive-list-item a:hover { color: rgb(11, 99, 162); font-weight: 700; } .blog-aside .blog-aside-archive-list-item-img { width: 120px; min-width: 120px; max-width: 120px; margin-right: 20px; } .blog-aside .blog-aside-archive-list-item-img img { width: 100%; } .blog-aside .blog-aside-archive-list-item-content-title { font-size: 14px; padding-bottom: 10px; } .blog-aside .blog-aside-archive-list-item-content-date { font-size: 12px; color: rgb(117, 117, 117); } .blog-aside-holder { width: 100%; } .blog-aside-holder .blog-aside-box { padding-bottom: 1.28571rem; } .blog-aside-holder .blog-aside-box .button_small { padding: 7px; font-size: 11px; } .blog-aside-holder .blog-aside-box .blog-aside-title { font-weight: 700; color: rgb(255, 255, 255); background-color: rgb(34, 59, 89); padding: 1rem 1.42857rem; text-transform: uppercase; font-family: Montserrat, Arial, Helvetica, sans-serif; } .blog-aside-holder .blog-aside-box .blog-aisde-subtitle { font-family: Montserrat, Arial, Helvetica, sans-serif; color: rgb(34, 59, 89); font-weight: 500; padding-bottom: 10px; } .blog-aside-holder .blog-aside-box .blog_alltags_holder { display: none; } .blog-aside-holder .blog-aside-box .blog-aside-content { padding: 1.42857rem; border-width: 0px 2px 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(223, 227, 231); border-bottom-color: rgb(223, 227, 231); border-left-color: rgb(223, 227, 231); border-image: initial; border-top-style: initial; border-top-color: initial; } .blog-aside-holder .blog-aside-box .blog-aside-content .tags { text-align: left; } .blog-aside-holder .blog-aside-box .blog-aside-content .tags .tag a { color: rgb(34, 59, 89); font-family: Merriweather, Arial, Helvetica, sans-serif; padding-left: 0px; } @keyframes ldio-17yvn66f3ai { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .ldio-17yvn66f3ai div { position: absolute; width: 49px; height: 49px; border-width: 7px; border-style: solid; border-color: transparent rgb(102, 121, 143) rgb(102, 121, 143); border-image: initial; border-radius: 50%; } .ldio-17yvn66f3ai div { animation: 1s linear 0s infinite normal none running ldio-17yvn66f3ai; top: 50px; left: 50px; } .loadingio-spinner-rolling-lnhlg2jtvqj { width: 38px; height: 38px; display: inline-block; overflow: hidden; background: 0px 0px; } .ldio-17yvn66f3ai { width: 100%; height: 100%; position: relative; transform: translateZ(0px) scale(0.38); backface-visibility: hidden; transform-origin: 0px 0px; } .ldio-17yvn66f3ai div { box-sizing: content-box; } .sidebarBlock + .sidebarBlock { border-top: 1px solid rgb(229, 229, 229); margin-top: 2rem; padding-top: 2rem; } .sidebarBlock-heading { margin-top: 0px; text-transform: inherit; } .brandGrid { list-style: none; margin: 0px -0.75rem 1.5rem; max-width: none; width: auto; font-size: 0px; } .brandGrid ol, .brandGrid ul { list-style: none; margin-bottom: 0px; } .brandGrid::after, .brandGrid::before { content: " "; display: table; } .brandGrid::after { clear: both; } .brandGrid .brand { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: none; display: inline-block; font-size: 1rem; vertical-align: top; } @media (min-width: 551px) { .brandGrid .brand { width: 33.3333%; } } @media (min-width: 801px) { .brandGrid .brand { width: 25%; } } .brandGrid .brand .card-title { text-align: center; } .brand-image-container { position: relative; max-width: 100px; } .brand-image-container img { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } .brand-image-container::after { content: ""; display: block; height: 0px; width: 100%; padding-bottom: 100%; } .brand .card-img-container { max-width: 190px; } .brand .card-img-container::after { content: ""; display: block; height: 0px; width: 100%; padding-bottom: 131.579%; } .brand-landing .page-heading { margin-bottom: 0.71429rem; } .brand-landing .brandGrid_holder .brandGrid_layout_item .card-figure .card-img-container .card-image { padding: 1.07143rem; } .category_show_mobile_filters { display: none; } .mobile_addtoart { display: none; } @media (max-width: 551px) { .mobile_addtoart { display: block; } .mobile_addtoart .button--addtocart { margin-bottom: 10px; line-height: 5px; } .modal .sidebarBlock-heading { border-bottom: 2px solid rgb(11, 99, 162); font-size: 1.28571rem; font-weight: 700; text-transform: uppercase; color: rgb(34, 59, 89); margin-bottom: 2.14286rem; margin-top: 0.71429rem; padding-bottom: 0.71429rem; } .modal .sidenav_nav_title { display: none; } .page-content-category-header { position: sticky; top: 120px; background-color: rgb(255, 255, 255); border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgba(107, 124, 147, 0.4); border-bottom-color: rgba(107, 124, 147, 0.4); border-image: initial; border-left-style: initial; border-left-color: initial; border-right-style: initial; border-right-color: initial; padding: 5px 1rem; margin-left: -1.5rem; margin-right: -1.5rem; z-index: 99; justify-content: flex-end; } .page-content-category-header-title { display: none; } .page-content-category-header-title .page-heading { font-size: 14px; } .category_show_mobile_filters { display: flex; align-items: center; flex-grow: 1; } .category_show_mobile_filters svg { width: 20px; height: 21px; } .category_show_mobile_filters span { padding-left: 10px; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; color: rgb(34, 59, 89); text-transform: uppercase; letter-spacing: 0.02px; } .header_third_email { min-width: 100%; margin-left: 0px; } .page-content-category-header-sort { display: flex; width: 100%; } .page-content-category-header-sort .actionBar-section .form-field { border: none; } .page-content-category-header-sort .form-select--small { background-position-x: 100%; font-family: Arial, sans-serif; color: rgb(34, 59, 89); font-size: 12px; padding: 0px; } .page-content-category-header-sort .form-label { font-family: Arial, sans-serif; color: rgb(34, 59, 89); font-size: 12px; font-weight: 700; text-transform: uppercase; } .page-content-category-header-sort .actionBar { margin: 0px; } } .productGrid { list-style: none; margin: 0px -0.75rem 1.5rem; max-width: none; width: auto; font-size: 0px; } .productGrid ol, .productGrid ul { list-style: none; margin-bottom: 0px; } .productGrid::after, .productGrid::before { content: " "; display: table; } .productGrid::after { clear: both; } @media (max-width: 551px) { .productGrid .productGrid { margin: 0px -1rem; } } .productGrid .product { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: none; display: inline-block; font-size: 1rem; vertical-align: top; } .productGrid .product .card-product-clickarea { text-decoration: none; } @media (max-width: 551px) { .productGrid .product { padding-left: 0px; padding-right: 0px; } .productGrid .product .card-image { margin: 0px; } .productGrid .product .card_reference { display: flex; position: relative; } .productGrid .product .card_reference .card-addtocart { display: none; } .productGrid .product .card--alternate { border-left: 0px; border-right: 0px; border-top: 0px; margin-bottom: 0px; } .productGrid .product .card--alternate .card-text { text-align: left; } .productGrid .product .card--alternate .card-body { display: inline-block; width: 100%; } .productGrid .product .card--alternate .card-title { text-align: left; font-weight: 500; height: auto !important; } .productGrid .product .card--alternate .card-title br { display: none; } .productGrid .product .card--alternate .price--withoutTax { font-size: 18px; } .productGrid .product .card--alternate .price--non-sale { font-size: 16px; padding-left: 10px; } .productGrid .product .card-brandname { display: none; } .productGrid .product .price_header_label { display: none; } .productGrid .product .priceHolder-Area_priceonly { display: flex; align-items: center; } .productGrid .product .card-figure { max-width: 130px; min-width: 130px; width: 130px; max-height: 100%; } } @media (min-width: 551px) { .productGrid .product { width: 33.3333%; } } @media (min-width: 801px) { .productGrid .product { width: 33.3333%; } } .productGrid .product .listViewMobileOnly_freeshippingbandge { position: absolute; left: 0px; bottom: 5px; z-index: 3; } @media (min-width: 801px) { .productGrid .product .listViewMobileOnly_freeshippingbandge { display: none; } } @media (min-width: 551px) { .page-sidebar + .page-content .productGrid .product { width: 25%; } } .productMasonry { column-count: 2; column-fill: auto; column-gap: 1.42857rem; margin: 0px 0px 1.5rem; overflow: hidden; } @media (min-width: 551px) { .productMasonry { column-count: 3; } } @media (min-width: 801px) { .productMasonry { column-count: 4; } } .productMasonry .product { break-inside: avoid; display: block; margin-bottom: 3rem; padding: 0px; width: 100%; } .productMasonry .card { margin: 0px; } @media (min-width: 801px) { .no-csscolumns .productGrid--maxCol6 .product { width: 16.6667%; } } @media (min-width: 801px) { .csscolumns .productGrid--maxCol6 { column-count: 6; } } @media (min-width: 801px) { .no-csscolumns .productGrid--maxCol3 .product { width: 33.3333%; } } @media (min-width: 801px) { .csscolumns .productGrid--maxCol3 { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: none; } .csscolumns .productGrid--maxCol3 .product { padding-left: 0.75rem; padding-right: 0.75rem; width: 33.3333%; float: none; } } .productCarousel-slide .listViewMobileOnly_freeshippingbandge, .quickSearchResults .listViewMobileOnly_freeshippingbandge { display: none !important; } .productList { list-style: none; margin: 0.78571rem; } .productList ol, .productList ul { list-style: none; margin-bottom: 0px; } .productList .product + .product { margin-top: 4rem; } @media (min-width: 551px) { .listItem { margin: 0px -0.75rem; max-width: none; width: auto; display: table; } .listItem::after, .listItem::before { content: " "; display: table; } .listItem::after { clear: both; } } @media (min-width: 551px) { .listItem-body, .listItem-figure { display: table-cell; vertical-align: top; } } @media (min-width: 1261px) { .listItem-body, .listItem-figure { vertical-align: middle; } } .listItem-button { background-color: rgba(255, 255, 255, 0.9); color: rgb(51, 51, 51); } .listItem-button:hover { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); } .listItem-figure { margin: 0px 0px 1.5rem; } @media (min-width: 551px) { .listItem-figure { margin-bottom: 0px; padding-left: 0.78571rem; padding-right: 0.78571rem; width: 25%; } } @media (min-width: 1261px) { .listItem-figure { position: relative; } } .listItem-figure .listItem-button { margin: 1.5rem 0px; } @media (min-width: 1261px) { .listItem-figure .listItem-button { position: relative; top: 50%; transform: translateY(-50%); display: inline-block; margin: 0px 0px 1.5rem; pointer-events: all; transform-style: preserve-3d; } } .listItem-figureBody { opacity: 1; text-align: center; } @media (min-width: 1261px) { .listItem-figureBody { bottom: 0px; height: 100%; left: 0.78571rem; opacity: 0; position: absolute; right: 0.78571rem; top: 0px; } .listItem-figureBody:hover { opacity: 1; } } .listItem-image { width: 100%; } @media (min-width: 551px) { .listItem-body { padding-left: 1.28571rem; padding-right: 0.78571rem; width: 75%; } } @media (min-width: 1261px) { .listItem-content { display: table; } } @media (min-width: 1261px) { .listItem-actions, .listItem-details { display: table-cell; vertical-align: top; } } @media (min-width: 1261px) { .listItem-details { padding-right: 6rem; } .listItem-details > :last-child { margin-bottom: 0px; } } .listItem-rating { margin-bottom: 0.35714rem; } .listItem-brand { color: rgb(153, 153, 153); font-size: 1rem; margin: 0px 0px 0.21429rem; } @media (min-width: 801px) { .listItem-brand { font-size: 15px; margin-bottom: 0px; } } .listItem-title { font-size: 15px; margin: 0px 0px 0.21429rem; } @media (min-width: 801px) { .listItem-title { font-size: 20px; } } .listItem-title > a { text-decoration: none; } .listItem-price { margin-bottom: 1rem; } @media (min-width: 801px) { .listItem-price { font-size: 20px; } } @media (min-width: 1261px) { .listItem-actions { vertical-align: middle; width: 22%; } .listItem-actions .button--compare { font-size: 13px; padding: 0.57143rem 1.5rem; } } .listItem-actions .button { margin-bottom: 0px; } @media (min-width: 1261px) { .listItem-actions .button { width: 100%; } .listItem-actions .button + .button { margin: 0.78571rem 0px 0px; } } @media (min-width: 1261px) { .page-sidebar + .page-content .productList .listItem-details { padding-right: 3rem; } } @media (min-width: 1261px) { .page-sidebar + .page-content .productList .listItem-actions { width: 30%; } } .productView-paymenticons .footer-payment-icons { margin-top: 1.42857rem; } .productView { margin: 0px -1rem; max-width: none; width: auto; } .productView::after, .productView::before { content: " "; display: table; } .productView::after { clear: both; } .productView-Icons { margin-bottom: 0.71429rem; margin-top: 0.71429rem; padding-bottom: 0.71429rem; padding-top: 0.71429rem; border-bottom: 1px dashed rgba(142, 156, 168, 0.5); border-top: 1px dashed rgba(142, 156, 168, 0.5); } .productView-paymenticons .footer-payment-icon { width: 2.5rem; } .productView-paymenticons .footer-payment-icon.securityshield { width: 5rem; } .productView-paymenticons .footer-payment-icon.sezzleShield { width: 3.21429rem; } .productView-quickoverview-title { font-weight: 700; font-size: 1.28571rem; text-transform: uppercase; color: rgb(47, 86, 131); } .productView .productView-options .form-action { margin-top: 0px; display: flex; justify-content: flex-start; height: 4.28571rem; position: relative; } .productView .productView-options .form-action #wishlist-dropdown.is-open { padding-right: 0px; } .productView .productView-options .form-action .wishlistBtn { margin: 0px; height: 100%; border-radius: 0px; background-color: rgb(60, 130, 180); border: none; padding: 0.71429rem; position: relative; max-width: 60px; } .productView .productView-options .form-action .wishlistBtn:hover { background-color: rgb(34, 59, 89); } .productView .productView-options .form-action .wishlistBtn .cart-icon { fill: rgb(255, 255, 255); height: 1.78571rem; width: 1.78571rem; margin: 0px; } .productView .productView-options .form-action .addtocartBtn { margin: 0px; height: 100%; display: flex; align-items: center; border: none; border-radius: 0px; background-color: rgb(11, 99, 162); flex-grow: 1; } .productView .productView-options .form-action .addtocartBtn span { padding-left: 1.42857rem; text-transform: uppercase; font-size: 1.14286rem; font-weight: 700; letter-spacing: 0.07143rem; } .productView .productView-options .form-action .addtocartBtn .cart-icon { fill: rgb(255, 255, 255); height: 1.78571rem; width: 1.78571rem; } .productView .productView-options .form-action .addtocartBtn:hover { background-color: rgb(233, 28, 62); } .modal .productView { padding-bottom: 0px; padding-top: 0px; } .productView-addtocart-row { display: flex; flex: 1 1 0%; flex-flow: column; place-content: stretch flex-start; align-items: stretch; margin-top: 20px; } @media (min-width: 801px) { .productView-addtocart-row { flex-flow: row nowrap; margin-top: 0px; } } .productView-addtocart-row-qty { display: none; } @media (min-width: 801px) { .productView-addtocart-row-qty { display: block; } } .productView-addtocart-row-qty .qty-wrapper { display: flex; height: 100%; } .productView-addtocart-row-qty .qty-wrapper label { border-radius: 0px; font-size: 1.14286rem; text-transform: uppercase; background-color: rgb(255, 255, 255); border: 2px solid rgb(223, 227, 231); padding: 1.07143rem 0.71429rem 0.71429rem; } .productView-addtocart-row-qty .qty-wrapper .qty-controls { display: flex; flex-direction: column; } .productView-addtocart-row-qty .qty-wrapper .qty-box { display: flex; margin-right: 1.42857rem; } .productView-addtocart-row-qty .qty-wrapper .qty-box .button { border: none; padding: 0px; margin: 0px; min-width: 2.85714rem; height: 50%; } .productView-addtocart-row-qty .qty-wrapper .qty-box .button .icon { width: 24px; height: 24px; } .productView-addtocart-row-qty .qty-wrapper .qty-box .qty { height: auto; padding: 8px 30px 8px 5px; text-align: right; width: 80px; border-radius: 0px; font-size: 24px; font-weight: 700; background-color: rgb(230, 235, 239); border-top: 2px solid rgb(223, 227, 231); border-right: 2px solid rgb(223, 227, 231); border-bottom: 2px solid rgb(223, 227, 231); border-image: initial; border-left: none; box-shadow: none; font-family: Montserrat, Arial, Helvetica, sans-serif; } .productView-addtocart-row-qty .qty-wrapper .qty-box .qty:focus { border: none !important; } .productView .price-section--withoutTax--productView { align-items: flex-start; padding-top: 0px; position: relative; } @media (min-width: 801px) { .productView .price-section--withoutTax--productView { line-height: 100%; } } .productView .productView_price_sale_price { flex-grow: 1; } .productView .productView_price_sale_icon { width: 6.78571rem; display: none; } .productView .productView_price_sale_icon_mobile { position: absolute; right: 0px; top: 0px; display: block; } @media (min-width: 801px) { .productView .productView_price_sale_icon_mobile { display: none !important; } } @media (min-width: 801px) { .productView .productView_price_sale_icon { display: flex; } } .productView .productView_price_sale_icon_holder { height: 34px; width: 85px; margin: 0px; padding: 0px; } .productView .productView_price_sale_icon_holder svg { height: 100%; width: 100%; } .productView .prodctView_status_badge_holder_mobile .productView_stockbadge { border: none; margin-bottom: 0px; } @media (min-width: 801px) { .productView .prodctView_status_badge_holder_mobile { display: none; } } .productView .prodctView_status_badge_holder_nonemobile { display: none; } @media (min-width: 801px) { .productView .prodctView_status_badge_holder_nonemobile { display: block; } } .productView--quickView .socialLinks-item--print { display: none; } .productView-images { width: 100%; float: left; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 801px) { .productView-images { width: 50%; } } .productView-details { width: 100%; float: left; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 801px) { .productView-details { clear: right; float: right; width: 50%; } } .productView-footer { display: flex; flex: 1 1 0%; flex-flow: column; place-content: stretch space-between; align-items: stretch; width: 100%; margin-bottom: 3.57143rem; } @media (min-width: 801px) { .productView-footer { flex-flow: row nowrap; } } .productView-footer-banner { margin-bottom: 1.78571rem; } @media (min-width: 801px) { .productView-footer-banner { width: calc(50% - 12px); margin-bottom: 0px; } } .productView-addtocart-row-addtocart { margin-top: 20px; width: 100%; } @media (min-width: 801px) { .productView-addtocart-row-addtocart { margin-top: 0px; } } .productView-description { width: 100%; float: left; color: rgb(102, 121, 143); font-size: 1.14286rem; padding-left: 1rem; padding-right: 1rem; margin-top: 2.85714rem; } .productView-description table { border-collapse: separate; border-spacing: 1rem 1em; width: auto !important; height: auto !important; font-size: 14px !important; } .productView-description table td { text-align: left !important; } .productView-description table p { font-size: 14px !important; text-align: left !important; margin: 0px !important; padding: 0px !important; } .productView-description table span { font-size: 14px !important; } .productView-description .divider { margin-top: 15px; } @media (min-width: 1261px) { .productView-description { clear: right; float: right; width: 100%; } } .productView-description .productView-title { position: relative; background-color: rgb(255, 255, 255); z-index: 1; line-height: 120%; font-size: 21px; padding-left: 1rem; padding-right: 1rem; color: rgb(33, 58, 88); font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; } .productView-description .productView-title::after { content: " "; position: absolute; left: 0px; width: 100%; height: 3px; background-color: rgb(238, 244, 247); top: 50%; transform: translateY(-50%); z-index: 0; } @media (min-width: 801px) { .productView-description .productView-title { margin: 11px 0px 1rem 6px; padding-left: 0px; font-size: 1.14286rem; } } @media (min-width: 801px) { .productView-description .productView-description { clear: both; float: none; width: 100%; } } .productView-img-container { border: 1px solid rgb(223, 227, 231); } .productView-wrapper-top { display: flex; flex: 1 1 0%; flex-flow: column; place-content: stretch space-between; align-items: stretch; margin-left: 1rem; margin-right: 1rem; } @media (min-width: 801px) { .productView-wrapper-top { border: 2px solid rgb(223, 227, 231); padding: 1.78571rem; flex-flow: row nowrap; } } .productView-wrapper-images { flex: 1 1 0%; } @media (min-width: 801px) { .productView-wrapper-images { margin: 1.07143rem; } } .productView-wrapper-images .product-image-tag-wrapper { top: -0.92857rem; left: -1.42857rem; width: 14.2857rem; position: absolute; } .productView-wrapper-images .product-image-tag-wrapper::after { top: 5.57143rem; border-right: 1.42857rem solid rgb(192, 17, 46); border-bottom: 1.07143rem solid transparent; position: absolute; content: ""; } .productView-wrapper-images .product-image-tag-wrapper .product-image-tag { text-align: center; color: rgb(255, 255, 255); background-color: rgb(233, 28, 62); z-index: 1; position: relative; height: 5.57143rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .productView-wrapper-images .product-image-tag-wrapper .product-image-tag .main-text { font-size: 1.42857rem; margin: 0px; font-weight: 700; text-transform: uppercase; font-family: Montserrat, Arial, Helvetica, sans-serif; } .productView-wrapper-images .product-image-tag-wrapper .product-image-tag .sub-text { margin: 0px; font-size: 1rem; font-style: italic; } .productView-wrapper-details { flex: 1 1 0%; } @media (min-width: 801px) { .productView-wrapper-details { padding: 1.07143rem; } } .productView-labels { display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: flex-start; margin-bottom: 1.42857rem; } .productView-label { align-items: center; display: flex; justify-content: center; font-family: Montserrat, Arial, Helvetica, sans-serif; } .productView-label-freeshipping { background-color: rgb(233, 28, 62); padding: 8px; margin: 0px 2px; white-space: nowrap; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); } .productView-shippingnotes { margin-bottom: 20px; font-weight: 700; color: rgb(102, 121, 143); } .easyzoom-flyout { margin-left: 0.5rem; } .productView-specifications table { border: 2px solid rgb(223, 227, 231); width: 100% !important; } @media (min-width: 801px) { .productView-specifications table { width: auto !important; } } .productView-specifications table tr:nth-of-type(2n) { background-color: rgb(238, 244, 247); } .productView-specifications table tr td { padding-top: 1.1rem; padding-bottom: 1rem; width: 50%; } .productView-specifications_title { font-weight: 700; color: rgb(102, 121, 143); } .productView-specifications_value { color: rgb(102, 121, 143); } .price-Area-ProductView { display: flex; flex: 1 1 0%; flex-flow: column nowrap; place-content: stretch flex-start; align-items: flex-start; padding-left: 6px; } .price-Area-ProductView .sezzlePricePut_in { align-items: center; } @media (min-width: 801px) { .price-Area-ProductView .sezzlePricePut_in { display: flex; } } .productView-wrapper-top .priceHolder-Area_priceonly { display: flex; flex-direction: column-reverse; } @media (min-width: 801px) { .productView-wrapper-top .priceHolder-Area_priceonly { margin-bottom: 0px; flex-direction: row; } } .header_secondary_search .priceHolder-Area_priceonly { display: flex; } .header_secondary_search .priceHolder-Area_priceonly .price-section { margin-top: 0px !important; } .header_secondary_search .card-text.card-price { flex-direction: row !important; align-items: baseline !important; } .product_view_sezzle_container { position: relative; cursor: pointer; } .product_view_sezzle_container:hover .product_view_sezzle_container_content { background-color: rgba(230, 235, 239, 0.8); } .product_view_sezzle_container .sezzle-info-icon { position: absolute; right: 10px; top: 5px; font-size: 15px; color: rgb(165, 181, 194); } .product_view_sezzle_container_or { font-size: 12px; color: rgb(97, 97, 97); text-transform: uppercase; position: relative; z-index: 1; text-align: center; width: 50px; margin-left: 15px; margin-right: 15px; justify-content: center; } .product_view_sezzle_container_or span { background-color: rgb(255, 255, 255); z-index: 1; padding-left: 5px; padding-right: 5px; } .product_view_sezzle_container_or::before { content: " "; position: absolute; top: 12px; border-bottom: 1px solid rgb(151, 151, 151); width: 100%; left: 0px; z-index: -1; } .product_view_sezzle_container_content { padding: 10px; background-color: rgba(230, 235, 239, 0.5); border-radius: 8px; display: flex; flex: 1 1 0%; flex-flow: row nowrap; place-content: stretch flex-start; align-items: center; } .product_view_sezzle_container_content_price { font-weight: 700; font-size: 28px; color: rgb(102, 121, 143); opacity: 0.8; letter-spacing: -0.52px; text-align: center; line-height: 120%; padding-left: 15px; display: flex; flex-direction: column; } .product_view_sezzle_container_content_price .sezzle-paymentplan { font-family: OpenSans, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; color: rgb(93, 107, 119); line-height: 100%; padding-top: 6px; } .product_view_sezzle_container_content .sezzle-logo { height: 18px; width: auto; margin-top: 6px; } .product_view_sezzle_container_content_details { font-size: 12px; color: rgb(94, 110, 123); padding: 10px 20px; margin-left: 20px; border-left: 1px dashed rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; flex: 1 1 0%; align-items: flex-start; line-height: 160%; min-width: 168px; } .productView-commercial .productView-specifications table { margin-top: 0px; border-collapse: collapse; } .productView-commercial .productView-specifications table .specs_header { background-color: rgb(34, 59, 89); color: rgb(255, 255, 255); text-align: center; } .productView-commercial .product_desc ul { margin-left: 3rem; } @media (min-width: 801px) { .productView-commercial .product_desc { padding-right: 75px; line-height: 30px; } } .productView-commercial .commercial_warranty { font-size: 12px; padding-left: 5px; padding-right: 5px; padding-bottom: 40px; } .specsheetmodal { height: 80vh; } .specsheetmodal iframe { height: 100%; min-height: 100%; } .specsheetmodal .modal-content { height: 100%; } .specsheetmodal .modal-content .modal-body { height: 100%; padding: 0px; overflow: hidden; } .sale-flag-star, .sale-flag-star::after, .sale-flag-star::before { background: rgb(233, 28, 62); content: ""; display: block; height: 3.57143rem; left: 0px; overflow: visible; position: absolute; top: 0px; transform: scaleX(1) scaleY(1) scaleZ(1); transform-origin: 50% 50% 0px; width: 3.57143rem; z-index: 10; } .sale-flag-star::before { transform: rotateZ(30deg) scaleX(1) scaleY(1) scaleZ(1); } .sale-flag-star::after { transform: rotateZ(60deg) scaleX(1) scaleY(1) scaleZ(1); } .starwrap { height: 3.57143rem; position: absolute; top: 10px; width: 3.57143rem; } .sale-text-burst { color: rgb(255, 255, 255); font-weight: 600; line-height: 1.07143rem; position: absolute; text-align: center; top: 20%; width: 3.57143rem; z-index: 50; } .sale-flag-side { background: rgb(233, 28, 62); border-radius: 0px 50px 50px 0px; color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; height: 1.42857rem; line-height: 1.14286rem; padding-left: 0.5rem; padding-right: 0.78571rem; padding-top: 0.10714rem; position: absolute; transition: all 0.8s ease 0s; z-index: 10; } .product:hover .sale-flag-side { background: rgb(233, 28, 62); transition: all 0.8s ease 0s; } .sale-falg-sash-holer { z-index: 9; width: 5.71429rem; height: 5.71429rem; position: absolute; left: 0px; top: 0px; } .header_secondary_search .sale-falg-sash-holer { display: none; } .sale-falg-salebanner { height: 25px; margin-top: 10px; } .sale-falg-salebanner img { height: 100%; width: auto; } .sale-flag-sash { background: rgb(233, 28, 62); color: rgb(255, 255, 255); font-size: 16px; text-transform: uppercase; font-weight: 700; height: 2.14286rem; left: -2.14286rem; line-height: 2.14286rem; padding-top: 0.10714rem; position: absolute; text-align: center; top: 1.07143rem; transform: rotate(-45deg); transition: all 0.8s ease 0s; width: 8.5rem; z-index: 10; font-family: Montserrat, Arial, Helvetica, sans-serif; display: none; } .product:hover .sale-flag-sash { background: rgb(233, 28, 62); transition: all 0.8s ease 0s; } .product { overflow: hidden; } [data-product-attribute] .form-option.form-option-swatch { overflow: visible; } .form-option-variant--color, .form-option-variant--pattern { height: 22px; width: 22px; } .form-option-expanded { background-color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); left: calc(100% + 55px); opacity: 0; padding: 3px; position: absolute; top: calc(100% + 5px); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; visibility: hidden; } .form-option:hover .form-option-expanded { opacity: 1; transform: translate(-50%, 0px); visibility: visible; z-index: 5000; } .form-option-image { background-position: 50% center; background-repeat: no-repeat; background-size: cover; display: block; height: 100px; width: 100px; } .account { margin-bottom: 1.5rem; } @media (min-width: 801px) { .account--fixed { margin: 0px auto; width: 66.6667%; } } @media (min-width: 801px) { .account--fixedSmall { margin: 0px auto; width: 50%; } } @media (min-width: 801px) { .account--fixedLarge { margin: 0px auto; width: 75%; } } .account-head { margin-bottom: 3rem; text-align: center; } .account-head .alertBox { padding-left: 3rem; padding-right: 3rem; text-align: left; } .account-body { margin: 0px -0.75rem; max-width: none; width: auto; } .account-body::after, .account-body::before { content: " "; display: table; } .account-body::after { clear: both; } .account-content { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .account-content--fixed { width: 66.6667%; } } @media (min-width: 801px) { .account-content--fixedSmall { width: 50%; } } .account-sidebar { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .account-sidebar { width: 33.3333%; } .account-content--fixedSmall + .account-sidebar { float: right; } } .jstree-children, .jstree-container-ul, .jstree-node { display: block; margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .jstree-node { white-space: nowrap; } .jstree-anchor { display: inline-block; color: rgb(0, 0, 0); white-space: nowrap; padding: 0px 4px 0px 1px; margin: 0px; vertical-align: top; } .jstree-anchor:focus { outline: 0px; } .jstree-anchor, .jstree-anchor:active, .jstree-anchor:hover, .jstree-anchor:link, .jstree-anchor:visited { text-decoration: none; color: inherit; } .jstree-icon { display: inline-block; text-decoration: none; margin: 0px; padding: 0px; vertical-align: top; text-align: center; } .jstree-icon:empty { display: inline-block; text-decoration: none; margin: 0px; padding: 0px; vertical-align: top; text-align: center; } .jstree-ocl { cursor: pointer; } .jstree-leaf > .jstree-ocl { cursor: default; } .jstree .jstree-open > .jstree-children { display: block; } .jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children { display: none; } .jstree-anchor > .jstree-themeicon { margin-right: 2px; } .jstree-anchor > .jstree-themeicon-hidden, .jstree-no-icons .jstree-themeicon { display: none; } .jstree-hidden { display: none; } .jstree-rtl .jstree-anchor { padding: 0px 1px 0px 4px; } .jstree-rtl .jstree-anchor > .jstree-themeicon { margin-left: 2px; margin-right: 0px; } .jstree-rtl .jstree-node { margin-left: 0px; } .jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0px; } .jstree-wholerow-ul { position: relative; display: inline-block; min-width: 100%; } .jstree-wholerow-ul .jstree-leaf > .jstree-ocl { cursor: pointer; } .jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position: relative; } .jstree-wholerow-ul .jstree-wholerow { width: 100%; cursor: pointer; position: absolute; left: 0px; user-select: none; } .vakata-context { display: none; } .vakata-context, .vakata-context ul { margin: 0px; padding: 2px; position: absolute; background: rgb(245, 245, 245); border: 1px solid rgb(151, 151, 151); box-shadow: rgb(153, 153, 153) 2px 2px 2px; } .vakata-context ul { list-style: none; left: 100%; margin-top: -2.7em; margin-left: -4px; } .vakata-context .vakata-context-right ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context li { list-style: none; display: inline; } .vakata-context li > a { display: block; padding: 0px 2em; text-decoration: none; width: auto; color: rgb(0, 0, 0); white-space: nowrap; line-height: 2.4em; text-shadow: rgb(255, 255, 255) 1px 1px 0px; border-radius: 1px; } .vakata-context li > a:hover { position: relative; background-color: rgb(232, 239, 247); box-shadow: rgb(10, 106, 161) 0px 0px 2px; } .vakata-context li > a.vakata-context-parent { background-image: url(""); background-position: right center; background-repeat: no-repeat; } .vakata-context li > a:focus { outline: 0px; } .vakata-context .vakata-context-hover > a { position: relative; background-color: rgb(232, 239, 247); box-shadow: rgb(10, 106, 161) 0px 0px 2px; } .vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover { background: rgb(255, 255, 255); border-width: 1px 0px 0px 1px; border-right-style: initial; border-bottom-style: initial; border-right-color: initial; border-bottom-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(226, 227, 227); height: 1px; min-height: 1px; max-height: 1px; padding: 0px; margin: 0px 0px 0px 2.4em; border-left-style: solid; border-left-color: rgb(224, 224, 224); text-shadow: transparent 0px 0px 0px; box-shadow: transparent 0px 0px 0px; border-radius: 0px; } .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover { color: silver; background-color: transparent; border: 0px; box-shadow: 0px 0px 0px; } .vakata-context li > a > i { text-decoration: none; display: inline-block; width: 2.4em; height: 2.4em; background: 0px 0px; margin: 0px 0px 0px -2em; vertical-align: top; text-align: center; line-height: 2.4em; } .vakata-context li > a > i:empty { width: 2.4em; line-height: 2.4em; } .vakata-context li > a .vakata-contextmenu-sep { display: inline-block; width: 1px; height: 2.4em; background: rgb(255, 255, 255); margin: 0px 0.5em 0px 0px; border-left: 1px solid rgb(226, 227, 227); } .vakata-context .vakata-contextmenu-shortcut { font-size: 0.8em; color: silver; opacity: 0.5; display: none; } .vakata-context-rtl ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context-rtl li > a.vakata-context-parent { background-image: url(""); background-position: left center; background-repeat: no-repeat; } .vakata-context-rtl .vakata-context-separator > a { margin: 0px 2.4em 0px 0px; border-left: 0px; border-right: 1px solid rgb(226, 227, 227); } .vakata-context-rtl .vakata-context-left ul { right: auto; left: 100%; margin-left: -4px; margin-right: auto; } .vakata-context-rtl li > a > i { margin: 0px -2em 0px 0px; } .vakata-context-rtl li > a .vakata-contextmenu-sep { margin: 0px 0px 0px 0.5em; border-left-color: rgb(255, 255, 255); background: rgb(226, 227, 227); } #jstree-marker { position: absolute; top: 0px; left: 0px; margin: -5px 0px 0px; padding: 0px; border-width: 5px 0px 5px 5px; border-right-style: initial; border-right-color: initial; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; width: 0px; height: 0px; font-size: 0px; line-height: 0; } #jstree-dnd { line-height: 16px; margin: 0px; padding: 4px; } #jstree-dnd .jstree-copy, #jstree-dnd .jstree-icon { display: inline-block; text-decoration: none; margin: 0px 2px 0px 0px; padding: 0px; width: 16px; height: 16px; } #jstree-dnd .jstree-ok { background: green; } #jstree-dnd .jstree-er { background: red; } #jstree-dnd .jstree-copy { margin: 0px 2px; } .jstree-default .jstree-icon, .jstree-default .jstree-node { background-repeat: no-repeat; background-color: transparent; } .jstree-default .jstree-anchor, .jstree-default .jstree-wholerow { transition: background-color 0.15s ease 0s, box-shadow 0.15s ease 0s; } .jstree-default .jstree-hovered { background: rgb(231, 244, 249); border-radius: 2px; box-shadow: rgb(204, 204, 204) 0px 0px 1px inset; } .jstree-default .jstree-clicked { background: rgb(190, 235, 255); border-radius: 2px; box-shadow: rgb(153, 153, 153) 0px 0px 1px inset; } .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { display: none; } .jstree-default .jstree-disabled { background: 0px 0px; color: rgb(102, 102, 102); } .jstree-default .jstree-disabled.jstree-hovered { background: 0px 0px; box-shadow: none; } .jstree-default .jstree-disabled.jstree-clicked { background: rgb(239, 239, 239); } .jstree-default .jstree-disabled > .jstree-icon { opacity: 0.8; filter: grayscale(100%); } .jstree-default .jstree-search { font-style: italic; color: rgb(139, 0, 0); font-weight: 700; } .jstree-default .jstree-no-checkboxes .jstree-checkbox { display: none !important; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked { background: 0px 0px; box-shadow: none; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background: rgb(231, 244, 249); } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked { background: 0px 0px; } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background: rgb(231, 244, 249); } .jstree-default > .jstree-striped { min-width: 100%; display: inline-block; background: url("") left top repeat; } .jstree-default > .jstree-wholerow-ul .jstree-clicked, .jstree-default > .jstree-wholerow-ul .jstree-hovered { background: 0px 0px; box-shadow: none; border-radius: 0px; } .jstree-default .jstree-wholerow { box-sizing: border-box; } .jstree-default .jstree-wholerow-hovered { background: rgb(231, 244, 249); } .jstree-default .jstree-wholerow-clicked { background: linear-gradient(rgb(190, 235, 255) 0px, rgb(168, 228, 255) 100%); } .jstree-default .jstree-node { min-height: 24px; line-height: 24px; margin-left: 24px; min-width: 24px; } .jstree-default .jstree-anchor { line-height: 24px; height: 24px; } .jstree-default .jstree-icon { width: 24px; height: 24px; line-height: 24px; } .jstree-default .jstree-icon:empty { width: 24px; height: 24px; line-height: 24px; } .jstree-default.jstree-rtl .jstree-node { margin-right: 24px; } .jstree-default .jstree-wholerow { height: 24px; } .jstree-default .jstree-icon, .jstree-default .jstree-node { background-image: url(""); } .jstree-default .jstree-node { background-position: -292px -4px; background-repeat: repeat-y; } .jstree-default .jstree-last { background: 0px 0px; } .jstree-default .jstree-open > .jstree-ocl { background-position: -132px -4px; } .jstree-default .jstree-closed > .jstree-ocl { background-position: -100px -4px; } .jstree-default .jstree-leaf > .jstree-ocl { background-position: -68px -4px; } .jstree-default .jstree-themeicon { background-position: -260px -4px; } .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default > .jstree-no-dots .jstree-node { background: 0px 0px; } .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -4px; } .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -4px; } .jstree-default .jstree-disabled { background: 0px 0px; } .jstree-default .jstree-disabled.jstree-hovered { background: 0px 0px; } .jstree-default .jstree-disabled.jstree-clicked { background: rgb(239, 239, 239); } .jstree-default .jstree-checkbox { background-position: -164px -4px; } .jstree-default .jstree-checkbox:hover { background-position: -164px -36px; } .jstree-default .jstree-checked > .jstree-checkbox, .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox { background-position: -228px -4px; } .jstree-default .jstree-checked > .jstree-checkbox:hover, .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover { background-position: -228px -36px; } .jstree-default .jstree-anchor > .jstree-undetermined { background-position: -196px -4px; } .jstree-default .jstree-anchor > .jstree-undetermined:hover { background-position: -196px -36px; } .jstree-default .jstree-checkbox-disabled { opacity: 0.8; filter: grayscale(100%); } .jstree-default > .jstree-striped { background-size: auto 48px; } .jstree-default.jstree-rtl .jstree-node { background-image: url(""); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default.jstree-rtl .jstree-last { background: 0px 0px; } .jstree-default.jstree-rtl .jstree-open > .jstree-ocl { background-position: -132px -36px; } .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -100px -36px; } .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -68px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node { background: 0px 0px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -36px; } .jstree-default .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0px 0px; } .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("") center center no-repeat; } .jstree-default .jstree-file { background: url("") -100px -68px no-repeat; } .jstree-default .jstree-folder { background: url("") -260px -4px no-repeat; } .jstree-default > .jstree-container-ul > .jstree-node { margin-left: 0px; margin-right: 0px; } #jstree-dnd.jstree-default { line-height: 24px; padding: 0px 4px; } #jstree-dnd.jstree-default .jstree-er, #jstree-dnd.jstree-default .jstree-ok { background-image: url(""); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default i { background: 0px 0px; width: 24px; height: 24px; line-height: 24px; } #jstree-dnd.jstree-default .jstree-ok { background-position: -4px -68px; } #jstree-dnd.jstree-default .jstree-er { background-position: -36px -68px; } .jstree-default.jstree-rtl .jstree-node { background-image: url(""); } .jstree-default.jstree-rtl .jstree-last { background: 0px 0px; } .jstree-default-small .jstree-node { min-height: 18px; line-height: 18px; margin-left: 18px; min-width: 18px; } .jstree-default-small .jstree-anchor { line-height: 18px; height: 18px; } .jstree-default-small .jstree-icon { width: 18px; height: 18px; line-height: 18px; } .jstree-default-small .jstree-icon:empty { width: 18px; height: 18px; line-height: 18px; } .jstree-default-small.jstree-rtl .jstree-node { margin-right: 18px; } .jstree-default-small .jstree-wholerow { height: 18px; } .jstree-default-small .jstree-icon, .jstree-default-small .jstree-node { background-image: url(""); } .jstree-default-small .jstree-node { background-position: -295px -7px; background-repeat: repeat-y; } .jstree-default-small .jstree-last { background: 0px 0px; } .jstree-default-small .jstree-open > .jstree-ocl { background-position: -135px -7px; } .jstree-default-small .jstree-closed > .jstree-ocl { background-position: -103px -7px; } .jstree-default-small .jstree-leaf > .jstree-ocl { background-position: -71px -7px; } .jstree-default-small .jstree-themeicon { background-position: -263px -7px; } .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default-small > .jstree-no-dots .jstree-node { background: 0px 0px; } .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -7px; } .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -7px; } .jstree-default-small .jstree-disabled { background: 0px 0px; } .jstree-default-small .jstree-disabled.jstree-hovered { background: 0px 0px; } .jstree-default-small .jstree-disabled.jstree-clicked { background: rgb(239, 239, 239); } .jstree-default-small .jstree-checkbox { background-position: -167px -7px; } .jstree-default-small .jstree-checkbox:hover { background-position: -167px -39px; } .jstree-default-small .jstree-checked > .jstree-checkbox, .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox { background-position: -231px -7px; } .jstree-default-small .jstree-checked > .jstree-checkbox:hover, .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover { background-position: -231px -39px; } .jstree-default-small .jstree-anchor > .jstree-undetermined { background-position: -199px -7px; } .jstree-default-small .jstree-anchor > .jstree-undetermined:hover { background-position: -199px -39px; } .jstree-default-small .jstree-checkbox-disabled { opacity: 0.8; filter: grayscale(100%); } .jstree-default-small > .jstree-striped { background-size: auto 36px; } .jstree-default-small.jstree-rtl .jstree-node { background-image: url(""); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-small.jstree-rtl .jstree-last { background: 0px 0px; } .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl { background-position: -135px -39px; } .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -103px -39px; } .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -71px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node { background: 0px 0px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -39px; } .jstree-default-small .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0px 0px; } .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("") center center no-repeat; } .jstree-default-small .jstree-file { background: url("") -103px -71px no-repeat; } .jstree-default-small .jstree-folder { background: url("") -263px -7px no-repeat; } .jstree-default-small > .jstree-container-ul > .jstree-node { margin-left: 0px; margin-right: 0px; } #jstree-dnd.jstree-default-small { line-height: 18px; padding: 0px 4px; } #jstree-dnd.jstree-default-small .jstree-er, #jstree-dnd.jstree-default-small .jstree-ok { background-image: url(""); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-small i { background: 0px 0px; width: 18px; height: 18px; line-height: 18px; } #jstree-dnd.jstree-default-small .jstree-ok { background-position: -7px -71px; } #jstree-dnd.jstree-default-small .jstree-er { background-position: -39px -71px; } .jstree-default-small.jstree-rtl .jstree-node { background-image: url(""); } .jstree-default-small.jstree-rtl .jstree-last { background: 0px 0px; } .jstree-default-large .jstree-node { min-height: 32px; line-height: 32px; margin-left: 32px; min-width: 32px; } .jstree-default-large .jstree-anchor { line-height: 32px; height: 32px; } .jstree-default-large .jstree-icon { width: 32px; height: 32px; line-height: 32px; } .jstree-default-large .jstree-icon:empty { width: 32px; height: 32px; line-height: 32px; } .jstree-default-large.jstree-rtl .jstree-node { margin-right: 32px; } .jstree-default-large .jstree-wholerow { height: 32px; } .jstree-default-large .jstree-icon, .jstree-default-large .jstree-node { background-image: url(""); } .jstree-default-large .jstree-node { background-position: -288px 0px; background-repeat: repeat-y; } .jstree-default-large .jstree-last { background: 0px 0px; } .jstree-default-large .jstree-open > .jstree-ocl { background-position: -128px 0px; } .jstree-default-large .jstree-closed > .jstree-ocl { background-position: -96px 0px; } .jstree-default-large .jstree-leaf > .jstree-ocl { background-position: -64px 0px; } .jstree-default-large .jstree-themeicon { background-position: -256px 0px; } .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default-large > .jstree-no-dots .jstree-node { background: 0px 0px; } .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px 0px; } .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px 0px; } .jstree-default-large .jstree-disabled { background: 0px 0px; } .jstree-default-large .jstree-disabled.jstree-hovered { background: 0px 0px; } .jstree-default-large .jstree-disabled.jstree-clicked { background: rgb(239, 239, 239); } .jstree-default-large .jstree-checkbox { background-position: -160px 0px; } .jstree-default-large .jstree-checkbox:hover { background-position: -160px -32px; } .jstree-default-large .jstree-checked > .jstree-checkbox, .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox { background-position: -224px 0px; } .jstree-default-large .jstree-checked > .jstree-checkbox:hover, .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover { background-position: -224px -32px; } .jstree-default-large .jstree-anchor > .jstree-undetermined { background-position: -192px 0px; } .jstree-default-large .jstree-anchor > .jstree-undetermined:hover { background-position: -192px -32px; } .jstree-default-large .jstree-checkbox-disabled { opacity: 0.8; filter: grayscale(100%); } .jstree-default-large > .jstree-striped { background-size: auto 64px; } .jstree-default-large.jstree-rtl .jstree-node { background-image: url(""); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-large.jstree-rtl .jstree-last { background: 0px 0px; } .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl { background-position: -128px -32px; } .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -96px -32px; } .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -64px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node { background: 0px 0px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px -32px; } .jstree-default-large .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0px 0px; } .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("") center center no-repeat; } .jstree-default-large .jstree-file { background: url("") -96px -64px no-repeat; } .jstree-default-large .jstree-folder { background: url("") -256px 0px no-repeat; } .jstree-default-large > .jstree-container-ul > .jstree-node { margin-left: 0px; margin-right: 0px; } #jstree-dnd.jstree-default-large { line-height: 32px; padding: 0px 4px; } #jstree-dnd.jstree-default-large .jstree-er, #jstree-dnd.jstree-default-large .jstree-ok { background-image: url(""); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-large i { background: 0px 0px; width: 32px; height: 32px; line-height: 32px; } #jstree-dnd.jstree-default-large .jstree-ok { background-position: 0px -64px; } #jstree-dnd.jstree-default-large .jstree-er { background-position: -32px -64px; } .jstree-default-large.jstree-rtl .jstree-node { background-image: url(""); } .jstree-default-large.jstree-rtl .jstree-last { background: 0px 0px; } @media (max-width: 768px) { #jstree-dnd.jstree-dnd-responsive { line-height: 40px; font-weight: 700; font-size: 1.1em; text-shadow: rgb(255, 255, 255) 1px 1px; } #jstree-dnd.jstree-dnd-responsive > i { background: 0px 0px; width: 40px; height: 40px; } #jstree-dnd.jstree-dnd-responsive > .jstree-ok { background-image: url(""); background-position: 0px -200px; background-size: 120px 240px; } #jstree-dnd.jstree-dnd-responsive > .jstree-er { background-image: url(""); background-position: -40px -200px; background-size: 120px 240px; } #jstree-marker.jstree-dnd-responsive { border-left-width: 10px; border-top-width: 10px; border-bottom-width: 10px; margin-top: -10px; } } @media (max-width: 768px) { .jstree-default-responsive .jstree-icon { background-image: url(""); } .jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive .jstree-node { background: 0px 0px; } .jstree-default-responsive .jstree-node { min-height: 40px; line-height: 40px; margin-left: 40px; min-width: 40px; white-space: nowrap; } .jstree-default-responsive .jstree-anchor { line-height: 40px; height: 40px; } .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty { width: 40px; height: 40px; line-height: 40px; } .jstree-default-responsive > .jstree-container-ul > .jstree-node { margin-left: 0px; } .jstree-default-responsive.jstree-rtl .jstree-node { margin-left: 0px; margin-right: 40px; } .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0px; } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon { background-size: 120px 240px; } .jstree-default-responsive .jstree-leaf > .jstree-ocl { background: 0px 0px; } .jstree-default-responsive .jstree-open > .jstree-ocl { background-position: 0px 0px !important; } .jstree-default-responsive .jstree-closed > .jstree-ocl { background-position: 0px -40px !important; } .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -40px 0px !important; } .jstree-default-responsive .jstree-themeicon { background-position: -40px -40px; } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover { background-position: -40px -80px; } .jstree-default-responsive .jstree-checked > .jstree-checkbox, .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover { background-position: 0px -80px; } .jstree-default-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover { background-position: 0px -120px; } .jstree-default-responsive .jstree-anchor { font-weight: 700; font-size: 1.1em; text-shadow: rgb(255, 255, 255) 1px 1px; } .jstree-default-responsive > .jstree-striped { background: 0px 0px; } .jstree-default-responsive .jstree-wholerow { border-top: 1px solid rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(64, 64, 64, 0.2); background: rgb(235, 235, 235); height: 40px; } .jstree-default-responsive .jstree-wholerow-hovered { background: rgb(231, 244, 249); } .jstree-default-responsive .jstree-wholerow-clicked { background: rgb(190, 235, 255); } .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow { box-shadow: rgb(102, 102, 102) 0px -6px 3px -5px inset; } .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow { box-shadow: rgb(102, 102, 102) 0px 6px 3px -5px inset; border-top: 0px; } .jstree-default-responsive .jstree-children .jstree-open + .jstree-open { box-shadow: none; } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-node > .jstree-ocl, .jstree-default-responsive .jstree-themeicon { background-image: url(""); background-size: 120px 240px; } .jstree-default-responsive .jstree-node { background-position: -80px 0px; background-repeat: repeat-y; } .jstree-default-responsive .jstree-last { background: 0px 0px; } .jstree-default-responsive .jstree-leaf > .jstree-ocl { background-position: -40px -120px; } .jstree-default-responsive .jstree-last > .jstree-ocl { background-position: -40px -160px; } .jstree-default-responsive .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0px 0px; } .jstree-default-responsive .jstree-file { background: url("") 0px -160px / 120px 240px no-repeat; } .jstree-default-responsive .jstree-folder { background: url("") -40px -40px / 120px 240px no-repeat; } .jstree-default-responsive > .jstree-container-ul > .jstree-node { margin-left: 0px; margin-right: 0px; } } .navPages-list .navPages-item.hasMegamenu.fullWidth.navPages-item { position: static; } .navPages-list .navPages-item.hasMegamenu.alignLeft .subMegaMenu { right: 0px; left: auto; } .navPages-list .navPages-item.hasMegamenu.alignRight .subMegaMenu { left: 0px; right: auto; } .navPages-list .navPages-item.hasMegamenu.alignCenter .subMegaMenu { left: 50%; right: auto; transform: translateX(-50%); } .navPages-list .navPages-item.hasMegamenu.alignCenter .subMegaMenu .imageArea .col-left { width: 50%; padding-right: 4px; } .navPages-list .navPages-item.hasMegamenu.alignCenter .subMegaMenu .imageArea .col-right { width: 50%; padding-left: 3px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.noImage .cateArea { max-width: 100% !important; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea { float: left; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea.colLeft { padding-top: 11px; padding-right: 20px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea.colRight { text-align: right; padding-top: 11px; padding-left: 20px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-left { float: left; width: 50%; padding-right: 4px; } @media (min-width: 1261px) { .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-left { width: 51%; padding-right: 5px; margin-bottom: 32px; } } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-left a { display: block; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-left a + a { margin-top: 7px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-right { float: right; width: 50%; padding-left: 3px; } @media (min-width: 1261px) { .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-right { width: 49%; padding-left: 1px; margin-bottom: 32px; } } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-right-brands { padding: 0px 0.75rem; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-right-brands .mn-titile { color: rgb(33, 58, 88); font-family: Montserrat, Arial, Helvetica, sans-serif; display: block; font-size: 12px; font-weight: 500; text-decoration: none; text-transform: uppercase; margin: 0px 0px 20px; padding: 0px; text-align: left; position: relative; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-right-brands .mn-titile span { position: relative; z-index: 2; padding-right: 15px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-right-brands .mn-titile::after { content: ""; width: 100%; height: 1px; background-color: rgb(204, 204, 204); position: absolute; top: 49%; right: 0px; z-index: 1; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .imageArea .col-right-brands .brands-list li { width: 100%; display: block; margin-bottom: 20px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .cateArea { float: left; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu .cateArea .navPage-subMenu-list > .navPage-subMenu-item > .image-top { margin-bottom: 1.14286rem; display: inline-block; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .imageArea { padding-left: 40px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left { padding-right: 15px; width: 50%; margin-bottom: 0px; } @media (min-width: 1200px) { .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left { padding-right: 30px; width: 49%; } } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product { text-align: center; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product h2 { font-size: 12px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 18px; margin-top: -7px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .featuredProductCarousel { margin: 0px; padding-bottom: 30px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .featuredProductCarousel .slick-dots { bottom: 0px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .featuredProductCarousel .slick-dots li { margin: 0px 3px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product { padding: 0px 5px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card { margin-bottom: 30px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-figure { padding-bottom: 0px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-figure img { margin: 0px auto; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-figure .product-color-img { display: none; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body { text-align: center; padding-top: 15px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .brand-wrapper { font-size: 12px; font-weight: 600; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .brand-wrapper .card-brand { margin-bottom: 3px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .card-title { font-size: 12px; font-weight: 400; margin-bottom: 8px; text-transform: capitalize; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .card-title a:hover { color: rgb(250, 100, 0); } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .price-wrapper { font-size: 14px; font-weight: 600; margin-bottom: 13px; letter-spacing: 0px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .price-wrapper .price-section { margin-right: 5px; vertical-align: top; display: inline-block; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .price-wrapper .price-section.non-sale-price--withoutTax { color: rgb(150, 150, 150); } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .card-rating { margin: 0px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .card-rating .icon--ratingFull svg { fill: rgb(250, 100, 0); } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .card-figcaption-button { display: inline-block; width: 100%; max-width: 174px; margin-top: 20px; box-shadow: none; padding: 8px 15px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-left .featured-product .product .card-body .card-figcaption-button:hover { padding: 8px 15px; } .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-right { width: 50%; margin-bottom: 0px; } @media (min-width: 1200px) { .navPages-list .navPages-item.hasMegamenu .subMegaMenu.featuredProduct .col-right { width: 51%; } } .navPages-list .navPages-item.hasMegamenu .themevale_container { width: 100%; display: block; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .navPages-list .navPages-item.hasMegamenu .themevale_container::before { display: table; content: " "; } .navPages-list .navPages-item.hasMegamenu .themevale_container::after { display: table; content: " "; clear: both; } @media (min-width: 1231px) { .navPages-list .navPages-item.hasMegamenu .themevale_container { max-width: 1230px; } } @media (min-width: 801px) { #menu.navPages-container .hasMegamenu .navPage-subMenu.subMegaMenu .cateArea.columns-2 .navPage-subMenu-list .navPage-subMenu-item { width: 50%; } #menu.navPages-container .hasMegamenu .navPage-subMenu.subMegaMenu .cateArea.columns-3 .navPage-subMenu-list .navPage-subMenu-item { width: 33.33%; } #menu.navPages-container .hasMegamenu .navPage-subMenu.subMegaMenu .cateArea.columns-4 .navPage-subMenu-list .navPage-subMenu-item { width: 25%; } #menu.navPages-container .hasMegamenu .navPage-subMenu.subMegaMenu .cateArea.columns-5 .navPage-subMenu-list .navPage-subMenu-item { width: 20%; } #menu.navPages-container .hasMegamenu .navPage-subMenu.subMegaMenu .cateArea.columns-6 .navPage-subMenu-list .navPage-subMenu-item { width: 16.6666%; } } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate { clear: both; padding: 11px 0px 0px; margin-bottom: 20px; max-width: 100% !important; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top { padding: 0px 0.75rem; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .mn-titile { font-family: Montserrat, Arial, Helvetica, sans-serif; display: block; font-weight: 500; text-decoration: none; text-transform: uppercase; margin: 0px 0px 20px; padding: 0px; text-align: left; position: relative; opacity: 0.51; font-size: 10px; color: rgb(0, 0, 0); letter-spacing: 0.93px; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .mn-titile span { position: relative; z-index: 2; background-color: rgb(255, 255, 255); padding-right: 15px; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .mn-titile::after { content: ""; width: 100%; height: 1px; background-color: rgb(204, 204, 204); position: absolute; top: 49%; right: 0px; z-index: 1; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .sub-category-list { display: block; font-size: 0px; margin: 0px -10px; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .sub-category-list li { width: 20%; display: inline-block; padding: 0px 10px; margin-bottom: 20px; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .sub-category-list li > a { display: block; text-decoration: none; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .sub-category-list li p { color: rgb(33, 58, 88); font-family: Montserrat, Arial, Helvetica, sans-serif; display: block; font-size: 0.85714rem; font-weight: 500; text-decoration: none; text-transform: capitalize; padding: 10px 0px 0px; margin: 0px; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-bottom-cates .navPage-subMenu-list .bottomCate { clear: both; padding: 10px 0px; max-width: 100% !important; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-bottom-cates .navPage-subMenu-list .bottomCate img { display: block; margin: 0px auto; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-bottom-cates .navPage-subMenu-list .bottomCate p { font-size: 13px; font-weight: 500; line-height: 20px; margin-bottom: 0px; padding: 7px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; background: rgb(85, 85, 85); color: rgb(255, 255, 255); border: 0px solid rgb(0, 0, 0); } @media (max-width: 800px) { #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .themevale_container { padding: 0px; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .cateArea { max-width: 100% !important; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .cateArea .container { display: block !important; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .imageArea { padding: 15px 0px; text-align: center; max-width: 100% !important; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .imageArea .col-left { width: 100%; padding: 0px; margin-bottom: 7px; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .imageArea .col-right { width: 100%; padding: 0px; margin-bottom: 7px; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .imageArea .col-right-brands { padding: 0px; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .imageArea .col-right-brands .mn-titile { font-size: 13px; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .imageArea .col-right-brands .mn-titile::after { content: none; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .imageArea .col-right-brands .brands-list { margin: 0px; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product { padding: 15px 0px; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product h2 { color: rgb(255, 255, 255); margin-top: 0px; font-size: 13px; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .card .card-figure .card-link { float: none; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .card .brand-wrapper { color: rgb(255, 255, 255); } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .card .card-title > a { text-align: center; float: none; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .card .price-wrapper { color: rgb(255, 255, 255); } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .card .card-rating { margin-bottom: 13px; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .card .card-figcaption-button { float: none; max-width: 100%; text-align: center; background-color: rgb(255, 100, 0); } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .card .card-figcaption-button:active, #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .card .card-figcaption-button:focus, #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .card .card-figcaption-button:hover { color: rgb(255, 255, 255); } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .slick-dots { bottom: 0px; padding: 0px; text-align: center; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .slick-dots > li { width: auto; text-align: center; float: none; } #menu.navPages-container .navPages-item.hasMegamenu .navPage-subMenu .featured-product .slick-dots > li:only-child { display: none; } #menu.navPages-container > .navPages > .navPages-list > .navPages-item-page .brand_mmsub #brandtop { column-count: unset; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top { padding: 0px; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .mn-titile { font-size: 13px; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .mn-titile::after { content: none; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .sub-category-list { margin: 0px; text-align: center; } #menu.navPages-container .hasMegamenu .navPage-subMenu .cateArea.has-top-cates .navPage-subMenu-list .topCate .sub-category-top .sub-category-list li { width: 100%; display: block; } } .text-left { text-align: left; } .productView #brandImageHolder { width: 84px; display: flex; align-items: center; height: 100%; text-align: center; } @media (min-width: 801px) { .productView #brandImageHolder { width: 100%; flex-direction: column; } .productView #brandImageHolder a { display: flex; align-items: center; flex-direction: column; flex: 1 1 0%; place-content: center; width: 100%; } .productView #brandImageHolder img { width: auto; height: auto; } .productView #brandImageHolder .brandNameLink { font-size: 11px; padding-top: 4px; } } .breakpoint-admin { position: fixed; left: 0px; top: 0px; width: 100px; height: 50px; color: rgb(255, 255, 255); z-index: 99999; } @media (min-width: 481px) { .breakpoint-admin { background-color: red; } } @media (min-width: 551px) { .breakpoint-admin { background-color: rgb(0, 0, 255); } } @media (min-width: 801px) { .breakpoint-admin { background-color: green; } } @media (min-width: 1261px) { .breakpoint-admin { background-color: orange; } } @media (min-width: 1441px) { .breakpoint-admin { background-color: purple; } } @media (min-width: 481px) { .breakpoint-admin::before { content: "xsmall"; } } @media (min-width: 551px) { .breakpoint-admin::before { content: "small"; } } @media (min-width: 801px) { .breakpoint-admin::before { content: "medium"; } } @media (min-width: 1261px) { .breakpoint-admin::before { content: "large"; } } @media (min-width: 1441px) { .breakpoint-admin::before { content: "xlarge"; } }