/* Minification failed. Returning unminified contents.
(3653,21): run-time error CSS1036: Expected expression, found ';'
(3654,23): run-time error CSS1036: Expected expression, found ';'
(22666,20): run-time error CSS1030: Expected identifier, found '#cancel-button'
(22666,34): run-time error CSS1031: Expected selector, found ')'
(22666,34): run-time error CSS1025: Expected comma or open brace, found ')'
(22778,8): run-time error CSS1030: Expected identifier, found '#order-total'
(22778,20): run-time error CSS1031: Expected selector, found ')'
(22778,20): run-time error CSS1025: Expected comma or open brace, found ')'
*/
.iti {
width: 100%;
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
.iti__hide {
display: none; }
.iti__v-hide {
visibility: hidden; }
.iti input, .iti input[type=text], .iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0; }
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px; }
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px; }
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555; }
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555; }
.iti__country-list {
position: absolute;
z-index: 3;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px; }
@media (max-width: 500px) {
.iti__country-list {
white-space: normal; } }
.iti__flag-box {
display: inline-block;
width: 20px; }
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC; }
.iti__country {
padding: 5px 10px;
outline: none; }
.iti__dial-code {
color: #999; }
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05); }
.iti__flag-box, .iti__country-name, .iti__dial-code {
vertical-align: middle; }
.iti__flag-box, .iti__country-name {
margin-right: 6px; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0; }
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0; }
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default; }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent; }
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 6px; }
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px; }
.iti--container:hover {
cursor: pointer; }
.iti-mobile .iti--container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed; }
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%; }
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em; }
.iti__flag {
width: 20px; }
.iti__flag.iti__be {
width: 18px; }
.iti__flag.iti__ch {
width: 15px; }
.iti__flag.iti__mc {
width: 19px; }
.iti__flag.iti__ne {
width: 18px; }
.iti__flag.iti__np {
width: 13px; }
.iti__flag.iti__va {
width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-size: 5652px 15px; } }
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px; }
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px; }
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px; }
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px; }
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px; }
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px; }
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px; }
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px; }
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px; }
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px; }
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px; }
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px; }
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px; }
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px; }
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px; }
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px; }
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px; }
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px; }
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px; }
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px; }
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px; }
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px; }
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px; }
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px; }
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px; }
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px; }
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px; }
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px; }
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px; }
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px; }
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px; }
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px; }
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px; }
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px; }
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px; }
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px; }
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px; }
.iti__flag.iti__bz {
height: 14px;
background-position: -812px 0px; }
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px; }
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px; }
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px; }
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px; }
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px; }
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px; }
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px; }
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px; }
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px; }
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px; }
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px; }
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px; }
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px; }
.iti__flag.iti__cr {
height: 12px;
background-position: -1115px 0px; }
.iti__flag.iti__cu {
height: 10px;
background-position: -1137px 0px; }
.iti__flag.iti__cv {
height: 12px;
background-position: -1159px 0px; }
.iti__flag.iti__cw {
height: 14px;
background-position: -1181px 0px; }
.iti__flag.iti__cx {
height: 10px;
background-position: -1203px 0px; }
.iti__flag.iti__cy {
height: 14px;
background-position: -1225px 0px; }
.iti__flag.iti__cz {
height: 14px;
background-position: -1247px 0px; }
.iti__flag.iti__de {
height: 12px;
background-position: -1269px 0px; }
.iti__flag.iti__dg {
height: 10px;
background-position: -1291px 0px; }
.iti__flag.iti__dj {
height: 14px;
background-position: -1313px 0px; }
.iti__flag.iti__dk {
height: 15px;
background-position: -1335px 0px; }
.iti__flag.iti__dm {
height: 10px;
background-position: -1357px 0px; }
.iti__flag.iti__do {
height: 14px;
background-position: -1379px 0px; }
.iti__flag.iti__dz {
height: 14px;
background-position: -1401px 0px; }
.iti__flag.iti__ea {
height: 14px;
background-position: -1423px 0px; }
.iti__flag.iti__ec {
height: 14px;
background-position: -1445px 0px; }
.iti__flag.iti__ee {
height: 13px;
background-position: -1467px 0px; }
.iti__flag.iti__eg {
height: 14px;
background-position: -1489px 0px; }
.iti__flag.iti__eh {
height: 10px;
background-position: -1511px 0px; }
.iti__flag.iti__er {
height: 10px;
background-position: -1533px 0px; }
.iti__flag.iti__es {
height: 14px;
background-position: -1555px 0px; }
.iti__flag.iti__et {
height: 10px;
background-position: -1577px 0px; }
.iti__flag.iti__eu {
height: 14px;
background-position: -1599px 0px; }
.iti__flag.iti__fi {
height: 12px;
background-position: -1621px 0px; }
.iti__flag.iti__fj {
height: 10px;
background-position: -1643px 0px; }
.iti__flag.iti__fk {
height: 10px;
background-position: -1665px 0px; }
.iti__flag.iti__fm {
height: 11px;
background-position: -1687px 0px; }
.iti__flag.iti__fo {
height: 15px;
background-position: -1709px 0px; }
.iti__flag.iti__fr {
height: 14px;
background-position: -1731px 0px; }
.iti__flag.iti__ga {
height: 15px;
background-position: -1753px 0px; }
.iti__flag.iti__gb {
height: 10px;
background-position: -1775px 0px; }
.iti__flag.iti__gd {
height: 12px;
background-position: -1797px 0px; }
.iti__flag.iti__ge {
height: 14px;
background-position: -1819px 0px; }
.iti__flag.iti__gf {
height: 14px;
background-position: -1841px 0px; }
.iti__flag.iti__gg {
height: 14px;
background-position: -1863px 0px; }
.iti__flag.iti__gh {
height: 14px;
background-position: -1885px 0px; }
.iti__flag.iti__gi {
height: 10px;
background-position: -1907px 0px; }
.iti__flag.iti__gl {
height: 14px;
background-position: -1929px 0px; }
.iti__flag.iti__gm {
height: 14px;
background-position: -1951px 0px; }
.iti__flag.iti__gn {
height: 14px;
background-position: -1973px 0px; }
.iti__flag.iti__gp {
height: 14px;
background-position: -1995px 0px; }
.iti__flag.iti__gq {
height: 14px;
background-position: -2017px 0px; }
.iti__flag.iti__gr {
height: 14px;
background-position: -2039px 0px; }
.iti__flag.iti__gs {
height: 10px;
background-position: -2061px 0px; }
.iti__flag.iti__gt {
height: 13px;
background-position: -2083px 0px; }
.iti__flag.iti__gu {
height: 11px;
background-position: -2105px 0px; }
.iti__flag.iti__gw {
height: 10px;
background-position: -2127px 0px; }
.iti__flag.iti__gy {
height: 12px;
background-position: -2149px 0px; }
.iti__flag.iti__hk {
height: 14px;
background-position: -2171px 0px; }
.iti__flag.iti__hm {
height: 10px;
background-position: -2193px 0px; }
.iti__flag.iti__hn {
height: 10px;
background-position: -2215px 0px; }
.iti__flag.iti__hr {
height: 10px;
background-position: -2237px 0px; }
.iti__flag.iti__ht {
height: 12px;
background-position: -2259px 0px; }
.iti__flag.iti__hu {
height: 10px;
background-position: -2281px 0px; }
.iti__flag.iti__ic {
height: 14px;
background-position: -2303px 0px; }
.iti__flag.iti__id {
height: 14px;
background-position: -2325px 0px; }
.iti__flag.iti__ie {
height: 10px;
background-position: -2347px 0px; }
.iti__flag.iti__il {
height: 15px;
background-position: -2369px 0px; }
.iti__flag.iti__im {
height: 10px;
background-position: -2391px 0px; }
.iti__flag.iti__in {
height: 14px;
background-position: -2413px 0px; }
.iti__flag.iti__io {
height: 10px;
background-position: -2435px 0px; }
.iti__flag.iti__iq {
height: 14px;
background-position: -2457px 0px; }
.iti__flag.iti__ir {
height: 12px;
background-position: -2479px 0px; }
.iti__flag.iti__is {
height: 15px;
background-position: -2501px 0px; }
.iti__flag.iti__it {
height: 14px;
background-position: -2523px 0px; }
.iti__flag.iti__je {
height: 12px;
background-position: -2545px 0px; }
.iti__flag.iti__jm {
height: 10px;
background-position: -2567px 0px; }
.iti__flag.iti__jo {
height: 10px;
background-position: -2589px 0px; }
.iti__flag.iti__jp {
height: 14px;
background-position: -2611px 0px; }
.iti__flag.iti__ke {
height: 14px;
background-position: -2633px 0px; }
.iti__flag.iti__kg {
height: 12px;
background-position: -2655px 0px; }
.iti__flag.iti__kh {
height: 13px;
background-position: -2677px 0px; }
.iti__flag.iti__ki {
height: 10px;
background-position: -2699px 0px; }
.iti__flag.iti__km {
height: 12px;
background-position: -2721px 0px; }
.iti__flag.iti__kn {
height: 14px;
background-position: -2743px 0px; }
.iti__flag.iti__kp {
height: 10px;
background-position: -2765px 0px; }
.iti__flag.iti__kr {
height: 14px;
background-position: -2787px 0px; }
.iti__flag.iti__kw {
height: 10px;
background-position: -2809px 0px; }
.iti__flag.iti__ky {
height: 10px;
background-position: -2831px 0px; }
.iti__flag.iti__kz {
height: 10px;
background-position: -2853px 0px; }
.iti__flag.iti__la {
height: 14px;
background-position: -2875px 0px; }
.iti__flag.iti__lb {
height: 14px;
background-position: -2897px 0px; }
.iti__flag.iti__lc {
height: 10px;
background-position: -2919px 0px; }
.iti__flag.iti__li {
height: 12px;
background-position: -2941px 0px; }
.iti__flag.iti__lk {
height: 10px;
background-position: -2963px 0px; }
.iti__flag.iti__lr {
height: 11px;
background-position: -2985px 0px; }
.iti__flag.iti__ls {
height: 14px;
background-position: -3007px 0px; }
.iti__flag.iti__lt {
height: 12px;
background-position: -3029px 0px; }
.iti__flag.iti__lu {
height: 12px;
background-position: -3051px 0px; }
.iti__flag.iti__lv {
height: 10px;
background-position: -3073px 0px; }
.iti__flag.iti__ly {
height: 10px;
background-position: -3095px 0px; }
.iti__flag.iti__ma {
height: 14px;
background-position: -3117px 0px; }
.iti__flag.iti__mc {
height: 15px;
background-position: -3139px 0px; }
.iti__flag.iti__md {
height: 10px;
background-position: -3160px 0px; }
.iti__flag.iti__me {
height: 10px;
background-position: -3182px 0px; }
.iti__flag.iti__mf {
height: 14px;
background-position: -3204px 0px; }
.iti__flag.iti__mg {
height: 14px;
background-position: -3226px 0px; }
.iti__flag.iti__mh {
height: 11px;
background-position: -3248px 0px; }
.iti__flag.iti__mk {
height: 10px;
background-position: -3270px 0px; }
.iti__flag.iti__ml {
height: 14px;
background-position: -3292px 0px; }
.iti__flag.iti__mm {
height: 14px;
background-position: -3314px 0px; }
.iti__flag.iti__mn {
height: 10px;
background-position: -3336px 0px; }
.iti__flag.iti__mo {
height: 14px;
background-position: -3358px 0px; }
.iti__flag.iti__mp {
height: 10px;
background-position: -3380px 0px; }
.iti__flag.iti__mq {
height: 14px;
background-position: -3402px 0px; }
.iti__flag.iti__mr {
height: 14px;
background-position: -3424px 0px; }
.iti__flag.iti__ms {
height: 10px;
background-position: -3446px 0px; }
.iti__flag.iti__mt {
height: 14px;
background-position: -3468px 0px; }
.iti__flag.iti__mu {
height: 14px;
background-position: -3490px 0px; }
.iti__flag.iti__mv {
height: 14px;
background-position: -3512px 0px; }
.iti__flag.iti__mw {
height: 14px;
background-position: -3534px 0px; }
.iti__flag.iti__mx {
height: 12px;
background-position: -3556px 0px; }
.iti__flag.iti__my {
height: 10px;
background-position: -3578px 0px; }
.iti__flag.iti__mz {
height: 14px;
background-position: -3600px 0px; }
.iti__flag.iti__na {
height: 14px;
background-position: -3622px 0px; }
.iti__flag.iti__nc {
height: 10px;
background-position: -3644px 0px; }
.iti__flag.iti__ne {
height: 15px;
background-position: -3666px 0px; }
.iti__flag.iti__nf {
height: 10px;
background-position: -3686px 0px; }
.iti__flag.iti__ng {
height: 10px;
background-position: -3708px 0px; }
.iti__flag.iti__ni {
height: 12px;
background-position: -3730px 0px; }
.iti__flag.iti__nl {
height: 14px;
background-position: -3752px 0px; }
.iti__flag.iti__no {
height: 15px;
background-position: -3774px 0px; }
.iti__flag.iti__np {
height: 15px;
background-position: -3796px 0px; }
.iti__flag.iti__nr {
height: 10px;
background-position: -3811px 0px; }
.iti__flag.iti__nu {
height: 10px;
background-position: -3833px 0px; }
.iti__flag.iti__nz {
height: 10px;
background-position: -3855px 0px; }
.iti__flag.iti__om {
height: 10px;
background-position: -3877px 0px; }
.iti__flag.iti__pa {
height: 14px;
background-position: -3899px 0px; }
.iti__flag.iti__pe {
height: 14px;
background-position: -3921px 0px; }
.iti__flag.iti__pf {
height: 14px;
background-position: -3943px 0px; }
.iti__flag.iti__pg {
height: 15px;
background-position: -3965px 0px; }
.iti__flag.iti__ph {
height: 10px;
background-position: -3987px 0px; }
.iti__flag.iti__pk {
height: 14px;
background-position: -4009px 0px; }
.iti__flag.iti__pl {
height: 13px;
background-position: -4031px 0px; }
.iti__flag.iti__pm {
height: 14px;
background-position: -4053px 0px; }
.iti__flag.iti__pn {
height: 10px;
background-position: -4075px 0px; }
.iti__flag.iti__pr {
height: 14px;
background-position: -4097px 0px; }
.iti__flag.iti__ps {
height: 10px;
background-position: -4119px 0px; }
.iti__flag.iti__pt {
height: 14px;
background-position: -4141px 0px; }
.iti__flag.iti__pw {
height: 13px;
background-position: -4163px 0px; }
.iti__flag.iti__py {
height: 11px;
background-position: -4185px 0px; }
.iti__flag.iti__qa {
height: 8px;
background-position: -4207px 0px; }
.iti__flag.iti__re {
height: 14px;
background-position: -4229px 0px; }
.iti__flag.iti__ro {
height: 14px;
background-position: -4251px 0px; }
.iti__flag.iti__rs {
height: 14px;
background-position: -4273px 0px; }
.iti__flag.iti__ru {
height: 14px;
background-position: -4295px 0px; }
.iti__flag.iti__rw {
height: 14px;
background-position: -4317px 0px; }
.iti__flag.iti__sa {
height: 14px;
background-position: -4339px 0px; }
.iti__flag.iti__sb {
height: 10px;
background-position: -4361px 0px; }
.iti__flag.iti__sc {
height: 10px;
background-position: -4383px 0px; }
.iti__flag.iti__sd {
height: 10px;
background-position: -4405px 0px; }
.iti__flag.iti__se {
height: 13px;
background-position: -4427px 0px; }
.iti__flag.iti__sg {
height: 14px;
background-position: -4449px 0px; }
.iti__flag.iti__sh {
height: 10px;
background-position: -4471px 0px; }
.iti__flag.iti__si {
height: 10px;
background-position: -4493px 0px; }
.iti__flag.iti__sj {
height: 15px;
background-position: -4515px 0px; }
.iti__flag.iti__sk {
height: 14px;
background-position: -4537px 0px; }
.iti__flag.iti__sl {
height: 14px;
background-position: -4559px 0px; }
.iti__flag.iti__sm {
height: 15px;
background-position: -4581px 0px; }
.iti__flag.iti__sn {
height: 14px;
background-position: -4603px 0px; }
.iti__flag.iti__so {
height: 14px;
background-position: -4625px 0px; }
.iti__flag.iti__sr {
height: 14px;
background-position: -4647px 0px; }
.iti__flag.iti__ss {
height: 10px;
background-position: -4669px 0px; }
.iti__flag.iti__st {
height: 10px;
background-position: -4691px 0px; }
.iti__flag.iti__sv {
height: 12px;
background-position: -4713px 0px; }
.iti__flag.iti__sx {
height: 14px;
background-position: -4735px 0px; }
.iti__flag.iti__sy {
height: 14px;
background-position: -4757px 0px; }
.iti__flag.iti__sz {
height: 14px;
background-position: -4779px 0px; }
.iti__flag.iti__ta {
height: 10px;
background-position: -4801px 0px; }
.iti__flag.iti__tc {
height: 10px;
background-position: -4823px 0px; }
.iti__flag.iti__td {
height: 14px;
background-position: -4845px 0px; }
.iti__flag.iti__tf {
height: 14px;
background-position: -4867px 0px; }
.iti__flag.iti__tg {
height: 13px;
background-position: -4889px 0px; }
.iti__flag.iti__th {
height: 14px;
background-position: -4911px 0px; }
.iti__flag.iti__tj {
height: 10px;
background-position: -4933px 0px; }
.iti__flag.iti__tk {
height: 10px;
background-position: -4955px 0px; }
.iti__flag.iti__tl {
height: 10px;
background-position: -4977px 0px; }
.iti__flag.iti__tm {
height: 14px;
background-position: -4999px 0px; }
.iti__flag.iti__tn {
height: 14px;
background-position: -5021px 0px; }
.iti__flag.iti__to {
height: 10px;
background-position: -5043px 0px; }
.iti__flag.iti__tr {
height: 14px;
background-position: -5065px 0px; }
.iti__flag.iti__tt {
height: 12px;
background-position: -5087px 0px; }
.iti__flag.iti__tv {
height: 10px;
background-position: -5109px 0px; }
.iti__flag.iti__tw {
height: 14px;
background-position: -5131px 0px; }
.iti__flag.iti__tz {
height: 14px;
background-position: -5153px 0px; }
.iti__flag.iti__ua {
height: 14px;
background-position: -5175px 0px; }
.iti__flag.iti__ug {
height: 14px;
background-position: -5197px 0px; }
.iti__flag.iti__um {
height: 11px;
background-position: -5219px 0px; }
.iti__flag.iti__un {
height: 14px;
background-position: -5241px 0px; }
.iti__flag.iti__us {
height: 11px;
background-position: -5263px 0px; }
.iti__flag.iti__uy {
height: 14px;
background-position: -5285px 0px; }
.iti__flag.iti__uz {
height: 10px;
background-position: -5307px 0px; }
.iti__flag.iti__va {
height: 15px;
background-position: -5329px 0px; }
.iti__flag.iti__vc {
height: 14px;
background-position: -5346px 0px; }
.iti__flag.iti__ve {
height: 14px;
background-position: -5368px 0px; }
.iti__flag.iti__vg {
height: 10px;
background-position: -5390px 0px; }
.iti__flag.iti__vi {
height: 14px;
background-position: -5412px 0px; }
.iti__flag.iti__vn {
height: 14px;
background-position: -5434px 0px; }
.iti__flag.iti__vu {
height: 12px;
background-position: -5456px 0px; }
.iti__flag.iti__wf {
height: 14px;
background-position: -5478px 0px; }
.iti__flag.iti__ws {
height: 10px;
background-position: -5500px 0px; }
.iti__flag.iti__xk {
height: 15px;
background-position: -5522px 0px; }
.iti__flag.iti__ye {
height: 14px;
background-position: -5544px 0px; }
.iti__flag.iti__yt {
height: 14px;
background-position: -5566px 0px; }
.iti__flag.iti__za {
height: 14px;
background-position: -5588px 0px; }
.iti__flag.iti__zm {
height: 14px;
background-position: -5610px 0px; }
.iti__flag.iti__zw {
height: 10px;
background-position: -5632px 0px; }
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url(/Content/images/flags.png);
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-image: url(/Content/images/flags@2x.png); } }
.iti__flag.iti__np {
background-color: transparent; }
@font-face{font-family:'text-security-disc';src:url(/fonts/text-security-disc-compat.eot);src:url(/fonts/text-security-disc-compat.eot?#iefix) format('embedded-opentype'),url(/fonts/text-security-disc.woff2) format('woff2'),url(/fonts/text-security-disc-compat.ttf) format('truetype')}
/*
Table of Contents
01. Plugins -----------------------------------
Magnific Popup CSS -----------------------
Main image in popup ----------------------
The shadow behind the image --------------
Slider -----------------------------------
02. Settings ----------------------------------
03. Generic -----------------------------------
04. Base --------------------------------------
Mobile -----------------------------------
05. Helpers -----------------------------------
Clear ------------------------------------
Notext -----------------------------------
Hidden -----------------------------------
Alignleft --------------------------------
Alignright -------------------------------
Disabled ---------------------------------
Fullsize Background ----------------------
Icons ------------------------------------
Responsive Helpers -----------------------
06. Reset -------------------------------------
07. Regions -----------------------------------
08. Content -----------------------------------
09. Footer ------------------------------------
Footer Nav -------------------------------
Footer Aside -----------------------------
Footer Badges ----------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
10. Header ------------------------------------
Header Bar -------------------------------
Header Body ------------------------------
Header Contact ---------------------------
Header Callout ---------------------------
Medium Desktop ---------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
11. Main --------------------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
12. Shell -------------------------------------
Shell Medium -----------------------------
Shell Fluid ------------------------------
Shell Flex -------------------------------
Shell Flex Justify -----------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
13. Sidebar -----------------------------------
Sidebar Contact --------------------------
Medium Desktop ---------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
14. Wrapper -----------------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
15. Modules -----------------------------------
16. Article -----------------------------------
Article Primary --------------------------
Article Secondary ------------------------
Article Tertiary -------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
17. Breadcrumbs -------------------------------
Breadcrumbs Alt --------------------------
Medium Desktop ---------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
18. Button ------------------------------------
Button Block -----------------------------
Button Feedback --------------------------
Button Feedback Alt ----------------------
Button Passive ---------------------------
19. Cart Add ----------------------------------
Medium Desktop ---------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
20. Checkout ----------------------------------
Checkout Guest ---------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
21. Feedback ----------------------------------
Medium Desktop ---------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
22. Form Elements -----------------------------
Form Fields ------------------------------
Selectbox --------------------------------
Internet Explorer 11 Selectbox hack ------
Internet Explorer 10 Selectbox hack ------
Checkbox && Radio Buttons ----------------
Checkboxes -------------------------------
Radio ------------------------------------
Radio Flat -------------------------------
Mobile -----------------------------------
23. Form --------------------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
24. Form Account ------------------------------
Form Account Personal --------------------
Mobile -----------------------------------
Mobile Small -----------------------------
25. Form Credit Card --------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Form Credit Card Mobile ------------------
Mobile Small -----------------------------
26. Form Address ------------------------------
Form Address Alt -------------------------
Form Address Mobile ----------------------
Mobile -----------------------------------
Mobile Small -----------------------------
27. Form Newsletter ---------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Modile Small -----------------------------
28. Form Sort ---------------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
29. Form Sign ---------------------------------
Form Sign Password -----------------------
Form Sign Create -------------------------
Form Sign Guest --------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
30. Form Feedback -----------------------------
Medium Desktop ---------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
31. Form Contact ------------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
32. Form Checkout -----------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
33. Form Coupon Code --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
34. Form Review -------------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
35. Form Question -----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
36. Form Color --------------------------------
Mobile Small -----------------------------
37. Icons -------------------------------------
Retina Devices Icons ---------------------
Mobile Small -----------------------------
38. List --------------------------------------
39. List Logos --------------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
40. List Orders Data --------------------------
Mobile -----------------------------------
41. List Addresses ----------------------------
List Addresses Checkout ------------------
Small Desktop ----------------------------
42. List Cards --------------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
43. List Radios -------------------------------
List Radios Full -------------------------
List Radios Full Inline -----------------
List Radios Payment ----------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Modile Small -----------------------------
44. List Checkboxes ---------------------------
List Checkboxes Block --------------------
Small Desktop ----------------------------
Mobile -----------------------------------
45. List Filters ------------------------------
Modile Small -----------------------------
46. List Specials -----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
47. List Categories ---------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
48. List Brands -------------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
49. List Colors -------------------------------
List Colors Large ------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
50. List Docs ---------------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
51. Logo --------------------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
52. Message -----------------------------------
Message Large ----------------------------
Message Form -----------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
53. Nav ---------------------------------------
Nav Dropdown -----------------------------
Nav Hover State --------------------------
Nav Toggle -------------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
54. Nav Utilities -----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
55. Nav Account -------------------------------
Mobile Small -----------------------------
56. Orders ------------------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
57. Order -------------------------------------
Medium Desktop ---------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
58. Products ----------------------------------
Products Results -------------------------
Products Related -------------------------
Medium Desktop ---------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
59. Product -----------------------------------
Product Category -------------------------
Product Medium ---------------------------
Product Medium Spaced --------------------
Product Title Below ----------------------
Product Category Alt ---------------------
Product Single ---------------------------
Medium Desktop ---------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
60. Receipt -----------------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
61. Reviews -----------------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Reviews Standalone -----------------------
Mobile Small -----------------------------
62. Review ------------------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
63. Search ------------------------------------
Search Dropdown --------------------------
Search Tabs ------------------------------
Search Results ---------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
64. Section Products --------------------------
Section Products Related -----------------
Medium Desktop ---------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
65. Section Clients ---------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
66. Section Account ---------------------------
Medium Desktop ---------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
67. Section Results ---------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
68. Section Specials --------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
69. Section Category --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
70. Section Testimonials ----------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
71. Section Category --------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
72. Section Brands ----------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
73. Shopping Cart -----------------------------
Medium Desktop ---------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
74. Sitemap -----------------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
75. Slider ------------------------------------
Slider Preview ---------------------------
Slider Thumbs ----------------------------
Slider Related ---------------------------
Slider Colors ----------------------------
Slider -----------------------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
76. Socials -----------------------------------
77. Sprite ------------------------------------
78. Subscribe ---------------------------------
Mobile -----------------------------------
79. Tabs --------------------------------------
80. Tab ---------------------------------------
81. Table -------------------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
82. Table Cart --------------------------------
Table Cart Primary -----------------------
Table Cart Secondary ---------------------
Medium Desktop ---------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
83. Table Sizes -------------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
84. Testimonial -------------------------------
Testimonial Primary ----------------------
Small Desktop ----------------------------
Mobile -----------------------------------
Mobile Small -----------------------------
85. Widget ------------------------------------
Widgets Contact --------------------------
Small Desktop ----------------------------
Tablet Portrait --------------------------
Mobile -----------------------------------
86. Widget Nav --------------------------------
87. Widget Accordion --------------------------
Mobile -----------------------------------
Modile Small -----------------------------
88. Widget Recent -----------------------------
Tablet Portrait --------------------------
89. Widget Links ------------------------------
Mobile -----------------------------------
90. Widget Contacts ---------------------------
Mobile -----------------------------------
91. Themes ------------------------------------
92. Magnific Popup Theme ----------------------
Mfp Container ----------------------------
Tablet Portrait --------------------------
*/
/* ------------------------------------------------------------ *\
Plugins
\* ------------------------------------------------------------ */
.checkout__coupon label {
display: none !important;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container2 {
text-align: center;
position: absolute;
width: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
.product__faq-entry.faq h5 {
font-family: 'Helvetica Neue', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-size: 19px;
color: #333333;
font-weight: 700;
letter-spacing: -0.015em;
position: relative;
margin-bottom: 1.2em;
overflow-wrap: break-word;
}
.tooltip-text {
position: relative;
}
.tooltip {
position: absolute !important
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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;
}
/* ------------------------------------------------------------ *\
Settings
\* ------------------------------------------------------------ */
.notext,
[class^="ico-"],
.footer__btn,
.search__btn {
white-space: nowrap;
text-indent: 100%;
text-shadow: none;
overflow: hidden;
}
.footer__btn:before,
.list-addresses li > a,
.list-filters a:before,
.list-filters a:after,
.search__btn i,
.slider__link i {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.shell--flex,
.shell--flex-justify,
.sidebar,
.cart-add__body,
.checkout__cols,
.form__cols,
.form-credit-card--mobile .form__cols,
.form-address--mobile .form__cols,
.form-newsletter .form__cols,
.form-sign .form__cols,
.list-addresses,
.list-radios--full-inline,
.list-checkboxes,
.list-specials,
.list-categories,
.list-colors,
.list-docs,
.products,
.product__colors,
.product__section-cols,
.product--title-below,
.receipt__cols,
.receipt__details,
.receipt__sum,
.reviews__cols,
.reviews__meta,
.search__results ul,
.section-account .section__cols,
.section-results .section__actions,
.section-testimonials .section__cols,
.shopping-cart__price,
.sitemap__cols,
.table-sizes .table__field,
.table-sizes .table__actions,
.testimonial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.testimonial.testimonial--primary {
align-items: flex-start;
align-content: flex-start;
}
.testimonial.testimonial--primary br {
display: none;
}
.form-newsletter .form__row--reverse,
.list-addresses li > a,
.nav__dropdown,
.order__details,
.product__top,
.search__tabs,
.search__tabs .tab.current,
.table-sizes .table__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
/* ------------------------------------------------------------ *\
Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
Base
\* ------------------------------------------------------------ */
::-moz-selection {
color: #fff;
background-color: #cc0001;
}
::selection {
color: #fff;
background-color: #cc0001;
}
body {
min-width: 320px;
background: #fff;
font-family: 'Helvetica Neue', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-size: 18px;
line-height: 1.2;
color: #000;
}
a {
color: inherit;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a[href^="tel"],
a[href^="fax"] {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0.6em;
}
h1 {
font-size: 45px;
font-weight: 700;
}
h2 {
font-size: 35px;
font-weight: 400;
}
h3 {
font-size: 28px;
font-weight: 400;
}
h4 {
font-size: 24px;
font-weight: 400;
}
h5 {
font-size: 18px;
font-weight: 400;
}
h6 {
font-size: 16px;
font-weight: 400;
}
p,
ul,
ol,
dl,
hr,
table,
blockquote {
margin-bottom: 1.2em;
}
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
margin-bottom: 0px;
}
a,
input,
button,
select,
textarea,
.btn {
transition-property: color, opacity, border-color, background-color;
transition-duration: .35s;
transition-timing-function: ease-in-out;
}
/* Mobile */
@media (max-width: 767px) {
h1 {
font-size: 26px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 21px;
}
h5 {
font-size: 13px;
}
h6 {
font-size: 12px;
}
}
/* ------------------------------------------------------------ *\
Helpers
\* ------------------------------------------------------------ */
/* Clear */
.clear:after {
content: '';
display: block;
clear: both;
}
/* Notext */
/* Hidden */
[hidden],
.hidden {
display: none;
}
/* Alignleft */
.alignleft {
float: left;
}
/* Alignright */
.alignright {
float: right;
}
/* Disabled */
[disabled],
.disabled {
cursor: default;
}
/* Fullsize Background */
.fullsize-background {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
/* Icons */
[class^="ico-"] {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
}
/* Responsive Helpers */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
visibility: hidden !important;
}
.visible-xs-block {
display: block !important;
}
.visible-xs-inline {
display: inline !important;
}
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.hidden-md {
display: none !important;
}
.md-50 {
margin-bottom: 50px;
}
.product__top.disable-select {
padding-bottom: 90px;
position: relative;
}
.product__top.disable-select .product__nav {
position: absolute;
left: 0;
right: 0;
padding-top: 0;
bottom: 0;
}
.select::before {
right: 10px !important;
}
.table-sizes .select select {
padding-right: 20px !important;
padding-left: 5px !important;
}
.cart-add__body {
flex-wrap: wrap;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
body .checkout-security-logo.guestcheckout-security-logo.checkout-secuirty-main.checkout-secuirty-guest.md-50 a {
left: auto;
}
body .checkout-security-logo.guestcheckout-security-logo.checkout-secuirty-main.checkout-secuirty-guest.md-50 a img {
height: 48px !important;
}
.modalvertical {
margin: 170px auto !important;
}
/*.checkout-secuirty-main {
flex-wrap: wrap;
justify-content: flex-end;
}
.checkout-secuirty-main a {
right: 0!important;
top: 40px;
}*/
.checkout-secuirty-main a {
right: 0 !important;
top: 0;
}
.checkout-secuirty-main {
flex-wrap: wrap;
justify-content: flex-start;
}
.checkout-security-logo img {
width: calc(100% - 82px);
}
.checkout-security-logo.security-badge-shopping-cart > a {
height: 27px !important
}
.checkout-security-logo > a img {
height: 28px !important;
width: 100%;
}
.hidden-sm {
display: none !important;
}
.visible-sm-block {
display: block !important;
}
.visible-sm-inline {
display: inline !important;
}
.visible-sm-inline-block {
display: inline-block !important;
}
.product__links a {
font-size: 12px;
}
}
@media (min-width: 1025px) {
.checkout-secuirty-main {
display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.hidden-md {
display: none !important;
}
.visible-md-block {
display: block !important;
}
.visible-md-inline {
display: inline !important;
}
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1280px) {
.hidden-lg {
display: none !important;
}
.visible-lg-block {
display: block !important;
}
.visible-lg-inline {
display: inline !important;
}
.visible-lg-inline-block {
display: inline-block !important;
}
}
/* ------------------------------------------------------------ *\
Reset
\* ------------------------------------------------------------ */
* {
padding: 0;
margin: 0;
outline: 0;
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
display: block;
}
html {
-webkit-tap-highlight-color: rgba(0,0,0,0);
tap-highlight-color: rgba(0,0,0,0);
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
img,
iframe,
video,
audio,
object {
max-width: 100%;
}
img,
iframe {
border: 0 none;
}
img {
height: auto;
display: inline-block;
vertical-align: middle;
}
b,
strong {
font-weight: bold;
}
address {
font-style: normal;
}
svg:not(:root) {
overflow: hidden;
}
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
cursor: pointer;
}
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"],
a[href^="fax"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
textarea {
overflow: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: inherit;
color: inherit;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
button,
select {
text-transform: none;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
nav ul,
nav ol {
list-style: none outside none;
}
/* ------------------------------------------------------------ *\
Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
Content
\* ------------------------------------------------------------ */
.content {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
}
/* ------------------------------------------------------------ *\
Footer
\* ------------------------------------------------------------ */
.footer {
position: relative;
z-index: 15;
background-color: #f8f8f8;
}
.footer__bar {
font-size: 14px;
line-height: 1.71;
color: #080808;
font-weight: 400;
text-align: center;
text-indent: 3px;
padding: 21px 0 23px;
background-color: #fff;
}
.footer__body {
padding: 35px 0 28px;
}
.footer__btn {
width: 38px;
height: 38px;
display: block;
opacity: 0;
position: fixed;
bottom: 20px;
right: 20px;
background-color: #18bc9c;
border-radius: 5px;
}
.footer__btn.is--visible {
opacity: 1;
}
.footer__btn:before {
content: '';
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: transparent transparent #fff #fff;
margin: auto;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
top: 5px;
}
.footer__btn:hover {
background-color: #cc0001;
}
/* Footer Nav */
.footer__nav {
font-size: 18px;
line-height: 1;
color: #080808;
font-weight: 400;
white-space: nowrap;
letter-spacing: -0.04em;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
position: relative;
padding-left: 40px;
}
.footer__nav li {
display: inline-block;
vertical-align: top;
padding-right: 10px;
}
.footer__nav li a {
text-decoration: none;
display: block;
}
.footer__nav li a:hover {
color: #cc0001;
text-decoration: none;
}
.footer__nav li li {
display: block;
padding: 2px 0 0;
}
.footer__nav li li a {
font-size: 14px;
line-height: 1.65;
letter-spacing: 0em;
}
/* Footer Aside */
.footer__aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
position: relative;
}
/* Footer Badges */
.footer__badge {
max-width: 140px;
position: absolute;
bottom: 100%;
right: 0;
margin: 0 50px -60px 0;
}
.footer__badges {
font-size: 0;
line-height: 0;
}
.footer__badges ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.footer__badges li {
display: inline-block;
vertical-align: top;
}
.footer__badges li + li {
padding-left: 21px;
}
.footer__badges a,
.footer__badges img {
display: block;
max-height: 30px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.footer__nav {
white-space: normal;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
padding: 0;
}
.footer__nav li {
width: 48%;
}
.footer__nav li li {
width: auto;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.security-badge-shopping-cart.security-badge-edit-card.orm-sign.hidden-xs {
float: none !important;
}
body .security-badge-shopping-cart.orm-sign {
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px 0;
max-width: 380px;
float: none;
width: 100%;
margin-right: 197px;
margin: 0 auto !important;
}
body .security-badge-shopping-cart.orm-sign a.aplus-logo {
margin-left: 0;
}
.footer__btn {
margin: 0 0 15px;
}
.footer__body {
padding: 15px 0;
}
.footer__nav {
font-size: 20px;
}
.footer__nav li li {
padding-bottom: 5px;
}
.footer__nav li ul {
padding-top: 7px;
}
.footer__nav li li a {
font-size: 14px;
line-height: 1.2;
}
}
/* tablet */
@media (max-width:1024px) {
#imgnortonMob {
margin-bottom: 20px;
}
}
@media (min-width:1024px) {
#imgnortonMob {
display: none;
}
}
/* Mobile */
@media (min-width:575px) {
.checkout-security-mobile {
display: none !important;
}
/*.security-badge-shopping-cart-tablet a {
position:relative!important;
right:0!important;
margin-left:10px;
}*/
}
@media (max-width: 767px) {
.checkout-secuirty-guest {
justify-content: flex-end;
}
.checkout-secuirty-guest a {
position: relative
}
.checkout-security-mobile {
justify-content: flex-end;
padding-bottom: 0 !important;
}
.shopping-cart__hint p {
margin-bottom: 5px;
}
.checkout-security-mobile a {
right: 0;
top: 0 !important;
position: relative !important;
margin-left: 10px;
height: 31px;
}
.checkout-security-mobile img {
width: 50%
}
.checkout-security-logo.guestcheckout-security-logo > a {
right: 0;
top: 25px;
}
.checkout-security-logo img {
width: calc(100%);
}
.checkout-security-logo.guestcheckout-security-logo > a img {
height: 20px;
}
.checkout-secuirty-guest > a {
position: relative;
top: 0 !important;
line-height: 0;
height: auto;
}
.checkout-secuirty-guest > a img {
height: 30px !important;
}
.footer {
padding: 4px 0;
}
.footer .socials {
float: left;
}
.footer__bar {
line-height: 1.21;
letter-spacing: -0.02em;
padding: 25px 0;
}
.footer__nav {
font-size: 0;
line-height: 0;
text-align: center;
color: #12aeb8;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
position: relative;
padding: 0 0 20px;
}
.footer__nav a {
font-size: 1.35em;
}
.footer__nav li {
font-size: 10px;
line-height: 1;
width: auto;
display: inline-block;
vertical-align: top;
padding: 0 5px;
}
.footer__nav li + li {
border-left: 1px solid;
}
.footer__nav ul {
padding: 0 0 8px 8px;
}
.footer__nav {
text-align: left;
}
.footer__nav img {
/*position: absolute;
top: 0;
left: -3px;*/
}
.footer__body {
padding: 15px 0 7px;
}
.footer__aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 25px;
}
.footer__aside .footer__nav:last-child {
clear: both;
padding: 17px 0 0;
}
.footer__aside .footer__nav:last-child ul {
padding-left: 0px;
}
.footer__badges {
float: right;
padding: 23px 11px 0 0;
}
.footer__badges img {
height: 30px;
}
.footer__badges li + li {
padding-left: 17px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.footer .socials {
float: none;
padding-bottom: 5px;
}
.footer__body {
padding: 10px 0 5px;
}
.footer__aside {
padding: 0;
}
.footer__badges {
float: none;
padding: 5px 0 0;
}
.footer__nav {
padding-bottom: 5px;
}
.footer__nav img {
display: none;
}
.footer__bar {
line-height: 1.35;
padding: 10px 0;
}
.footer__bar a {
display: block;
}
}
/* ------------------------------------------------------------ *\
Header
\* ------------------------------------------------------------ */
.header {
position: relative;
z-index: 20;
}
/* Header Bar */
.header__bar {
font-size: 12px;
line-height: 1.5;
color: #fff;
font-weight: 300;
letter-spacing: 0.026em;
position: relative;
z-index: 8;
padding: 6px 0;
background-color: #363636;
}
.header__bar ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.header__bar li {
display: inline-block;
vertical-align: top;
}
.header__bar li + li {
padding-left: 24px;
}
.header__bar li + li + li {
padding-left: 16px;
}
.header__bar a {
text-decoration: none;
display: block;
}
.header__bar a:hover {
text-decoration: underline;
}
/* Header Body */
.header__body {
position: relative;
z-index: 6;
padding: 22px 0 12px;
}
.header__body .logo {
max-width: 290px;
-webkit-box-flex: 0;
-ms-flex: 0 0 290px;
flex: 0 0 290px;
}
.header__body .search {
-webkit-box-flex: 0;
-ms-flex: 0 0 660px;
flex: 0 0 660px;
}
/* Header Contact */
.header__alert {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 15px;
font-weight: 700;
max-width: 250px;
padding: 12px 10px 0 0;
margin-left: auto;
}
.header__alert--success {
color: #39a100;
}
.header__alert.header__alert--success.free-shipping {
margin-left: 0;
position: absolute;
right: 29px;
width: 100%;
top: 20px;
text-align: right;
padding-right: 0;
padding-top: 0;
max-width: 290px;
}
.header__phone {
font-size: 26px;
line-height: 1;
color: #cc0001;
font-weight: 600;
display: inline-block;
vertical-align: top;
margin: -7px 11px 0 0;
}
.header__contact {
text-align: right;
-webkit-box-flex: 0;
-ms-flex: 0 0 340px;
flex: 0 0 340px;
}
/* Header Callout */
.header__callout {
font-size: 20px;
line-height: 1.44;
color: #fff;
font-weight: 600;
text-align: center;
letter-spacing: 0.025em;
position: relative;
z-index: 2;
padding: 7px 0;
background-color: #cc0001;
height: 45px;
vertical-align: middle;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.header__body .search {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
}
/* Small Desktop */
@media (max-width: 1279px) {
.header__phone {
font-size: 20px;
line-height: 1;
margin: 0px 0 0;
}
.header__alert {
font-size: 12px;
max-width: 240px;
padding-top: 0;
margin-left: auto;
}
.header__alert.header__alert--success.free-shipping {
top: 27px;
top: 27px;
}
.header__alert.header__alert--success.free-shipping {
max-width: 220px;
right: 15px;
}
.header__contact,
.header__body .logo,
.header__body .search {
-webkit-box-flex: 0;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
}
.header__body .logo {
max-width: 32%;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
background-color: #fff;
}
.header__body {
/* -webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;*/
}
.header__alert {
text-align: right;
max-width: none;
padding-top: 10px;
}
.header__alert.header__alert--success.free-shipping {
max-width: 190px;
right: 15px;
top: 24px;
}
.header__callout {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.header__body .logo {
max-width: 40%;
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
.header__contact {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
.header__body .search {
-webkit-box-flex: 0;
-ms-flex: 0 0 36%;
flex: 0 0 36%;
position: relative;
right: 20px;
}
.checkout-security-logo.security-badge-shopping-cart span {
width: 192px;
}
.header__body .shell--flex {
/* -webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;*/
}
}
/* Mobile */
@media (max-width: 767px) {
.header {
position: fixed;
top: 0;
right: 0;
left: 0;
background-color: #fff;
}
.header__body {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 36px 0px 0;
}
.header__body .logo {
max-width: 310px;
-webkit-box-flex: 0;
-ms-flex: 0 0 310px;
flex: 0 0 310px;
margin-bottom: 13px;
}
.nav__toggle {
margin: 11px 23px 0 3px;
}
.header__body .shell--flex {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header__body .search {
width: calc(100% + 30px);
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding: 42px 8px 4px;
border-top: 5px solid #cc0001;
margin-left: -15px;
right: 0;
}
.header__body .search__btn {
top: 44px;
}
.header__alert {
/*display: none !important;*/
font-size: 14px;
line-height: 17px;
color: #10aa24;
letter-spacing: 0.012em;
font-weight: 300;
text-align: center;
position: static;
top: -120px;
right: 0;
left: 0;
padding: 10px 0;
}
.header__alert.header__alert--success.free-shipping {
margin: 0 !important;
width: 100% !important;
position: relative;
max-width: 100%;
top: inherit;
right: inherit;
text-align: center;
padding-bottom: 6px;
}
.header__alert.header__alert--success.free-shipping p {
max-width: 100% !important;
font-size: 15px !important;
font-weight: 700;
line-height: 19px;
}
.header__callout {
font-size: 15px;
line-height: 1.2;
font-weight: 300;
letter-spacing: 0.015em;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
position: static;
top: 117px;
right: 0;
left: 0;
z-index: 8;
padding: 7px 0 13px;
border-bottom: 1px solid #dfdfdf;
}
.header__contact {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
/*.header--nosearch .search form {
display: none;
}
.header--nosearch .search {
display: none;
}*/
/*.header--nosearch .header__body .search {
padding-bottom: 0;
}*/
}
/* Mobile Small */
@media (max-width: 523px) {
.nav__toggle span {
height: 4px !important;
}
.header__body {
padding: 42px 7px 0;
}
.logo i {
top: 0px !important;
bottom: 0px;
left: 0px !important;
margin: auto;
}
.header__body .logo {
max-width: 220px;
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
margin-bottom: 15px;
min-height: 34px;
margin-top: 5px;
}
.header__body .search {
padding: 48px 8px 6px;
}
.header__body .search__btn {
top: 50px;
}
.header__alert {
font-size: 12px;
top: -85px;
padding: 3px 0;
}
.header__alert p {
max-width: 260px;
margin: auto;
}
.header__callout {
font-size: 14px;
top: 86px;
padding: 5px 0;
}
.header__callout p {
max-width: 280px;
margin: auto;
}
}
@media (max-width: 420px) {
.header__body {
padding: 42px 0 0;
}
.header__body .logo {
max-width: 190px;
-webkit-box-flex: 0;
-ms-flex: 0 0 190px;
flex: 0 0 190px;
}
.nav__toggle {
padding: 4px 7px 0 0px;
}
nav.nav-utilities {
top: 9px !important;
}
.header__body .logo br {
display: none;
}
/*.header__body .logo strong {
padding-top: 4px;
}*/
}
header .nav-utilities ul li span.logged-user {
font-size: 11px !important;
}
/* ------------------------------------------------------------ *\
Main
\* ------------------------------------------------------------ */
.main {
position: relative;
z-index: 10;
padding: 20px 0 106px;
}
.main__head {
color: #fff;
height: 300px;
padding: 46px 55px;
margin-bottom: 36px;
}
.main__head h1 {
text-transform: uppercase;
text-shadow: 2px 3px 2px rgba(0,0,0,.15);
}
/* Small Desktop */
@media (max-width: 1279px) {
.main {
padding-bottom: 20px;
}
}
/* Tablet Portrait */
@media (max-width: 1024px) {
.main {
padding: 15px 0;
}
.main__head {
padding: 25px;
margin-bottom: 15px;
}
.main__head h1 {
letter-spacing: -0.015em;
margin-top: 75px;
font-size: 33px;
}
}
/* Mobile */
@media (max-width: 767px) {
.main {
padding: 1px 0 7px;
}
.main__head {
height: 105px;
padding: 0px -1px;
margin-bottom: 0px;
}
.main__head h1 {
letter-spacing: -0.015em;
margin-top: 37px;
font-size: 16px;
}
}
/* ------------------------------------------------------------ *\
Shell
\* ------------------------------------------------------------ */
.shell {
max-width: 1330px;
padding-right: 18px;
padding-left: 18px;
margin: auto;
position: relative;
}
/* Shell Medium */
.shell--medium {
max-width: 1236px;
}
/* Shell Fluid */
.shell-fluid {
max-width: none;
}
/* Shell Flex */
.shell--flex {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* Shell Flex Justify */
.shell--flex-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* Small Desktop */
@media (max-width: 1279px) {
.shell {
padding-right: 15px;
padding-left: 15px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.shell--flex-justify:not(.shell--reverse) {
display: block;
}
}
/* Mobile */
@media (max-width: 767px) {
.shell {
padding-right: 8px;
padding-left: 8px;
}
.mfp-container {
overflow-y: hidden;
display: flex;
flex-direction: row;
align-items: center;
bottom: initial;
overflow: auto;
padding-top:;
margin-bottom:;
overflow: scroll;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
min-height: 100%;
}
.mfp-popup {
bottom: 0% !important;
}
}
/* ------------------------------------------------------------ *\
Sidebar
\* ------------------------------------------------------------ */
.sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 274px;
flex: 0 0 274px;
margin-left: -18px;
}
/* Sidebar Contact */
.sidebar--contact {
-webkit-box-flex: 0;
-ms-flex: 0 0 226px;
flex: 0 0 226px;
margin: 0 0 0 4px;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.sidebar {
margin: 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.sidebar--filters {
display: none;
}
.sidebar--filters .sidebar__head {
padding: 22px 10px 17px;
overflow: hidden;
}
.sidebar--filters .sidebar__head h3 {
float: left;
margin: 0;
}
.sidebar--filters .sidebar__head .sidebar__btn {
font-size: 14px;
line-height: 1.5;
float: right;
padding: 10px 29px;
margin: 4px 4px 0 0;
}
.sidebar--contact,
.sidebar--contact + .content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.sidebar--contact {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 15px 23px;
}
.sidebar--contact + .content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.sidebar__actions {
text-align: center;
padding: 10px 0 20px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.sidebar--filters .sidebar__head {
padding: 0 0 15px;
}
.sidebar--filters .sidebar__head h3 {
padding: 8px 0;
}
.sidebar--filters .sidebar__head .sidebar__btn {
margin: 0;
}
.sidebar--contact {
padding: 20px 0 0;
}
}
/* ------------------------------------------------------------ *\
Wrapper
\* ------------------------------------------------------------ */
.wrapper {
min-height: 100vh;
position: relative;
}
.wrapper:before {
content: '';
display: block;
opacity: 0;
position: absolute;
top: 178px;
right: 0;
bottom: 0;
left: 0;
z-index: 19;
background-color: #000;
pointer-events: none;
transition: opacity .35s ease-in-out;
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.wrapper:before {
top: 0px;
}
}
/* Mobile */
@media (max-width: 767px) {
.wrapper {
padding-top: 215px;
}
.wrapper:before {
top: 143px;
}
.wrapper--alt {
padding-top: 165px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.wrapper {
padding-top: 186px;
}
.wrapper:before {
top: 171px;
}
.wrapper--alt {
padding-top: 135px;
}
}
/* ------------------------------------------------------------ *\
Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
Article
\* ------------------------------------------------------------ */
.article {
font-size: 18px;
line-height: 1.2;
color: #363636;
font-weight: 400;
padding: 22px 57px 31px;
}
.article p {
margin-bottom: 1.28em;
}
.article p em {
letter-spacing: 0.003em;
}
.article h2 {
color: #454545;
margin-bottom: .7em;
}
.article a {
color: #12aeb8;
text-decoration: none;
}
.article a:hover {
text-decoration: underline;
}
.article a[href^="tel"],
.article a[href^="fax"] {
color: inherit;
cursor: default;
}
.article a[href^="tel"]:hover,
.article a[href^="fax"]:hover {
text-decoration: none;
}
.article ul:not([class]) {
padding: 0 0 1.3em 45px;
margin: 0;
list-style: none outside none;
}
.article ul:not([class]) li {
position: relative;
}
.article ul:not([class]) li:before {
content: '';
width: 4px;
height: 4px;
display: block;
position: absolute;
top: 8px;
left: -9px;
background-color: currentColor;
border-radius: 50%;
}
.article figure {
margin: -2px -10px 31px;
}
.article__head {
padding: 0 15px 9px;
border-bottom: 1px solid #e1e1e1;
}
.article__head h2 {
margin-bottom: 0;
}
.article__body {
font-size: 16px;
padding: 25px 9px;
}
/* Article Primary */
.article--primary {
line-height: 1.18;
}
.article--primary p {
margin-bottom: 1.3em;
}
.article--primary h2 {
margin-bottom: .65em;
}
.article--primary h3 {
font-weight: 700;
margin: 0;
}
/* Article Secondary */
.article--secondary h1 {
font-size: 35px;
line-height: 1.2;
color: #454545;
font-weight: 400;
margin-bottom: .65em;
}
.article--secondary h2 {
font-size: 28px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.025em;
}
.article--secondary h3 {
font-size: 24px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.025em;
padding-top: 5px;
margin-bottom: 1.1em;
}
.article--secondary p {
line-height: 1.225;
margin-bottom: 1.3em;
}
/* Article Tertiary */
.article--tertiary h2 {
margin-bottom: 16px;
}
.article--tertiary h3 {
font-size: 24px;
letter-spacing: 0.024em;
margin-bottom: .95em;
}
.article__contacts {
font-size: 16px;
padding-bottom: 40px;
}
.article__contacts p {
margin-bottom: 1.15em;
}
/* Small Desktop */
@media (max-width: 1279px) {
.article {
padding: 30px 30px 60px;
}
.article figure {
margin: 0 0 30px;
}
.article__head {
padding: 0 0 10px;
}
.article__body {
padding: 20px 0;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.article {
padding: 10px 0 40px;
}
}
/* Mobile */
@media (max-width: 767px) {
.article {
font-size: 14px;
line-height: 1.25;
letter-spacing: 0.007em;
padding: 10px;
}
.article p {
margin-bottom: 1.26em;
}
.article h2 {
font-size: 21px;
line-height: 1.2;
margin-bottom: 1.2em;
}
.article ul:not([class]) {
padding-left: 0;
}
.article ul:not([class]) li {
text-indent: 23px;
}
.article ul:not([class]) li:before {
width: 3px;
height: 3px;
left: 14px;
}
.article figure {
margin: 0 0 20px;
}
.article__head {
padding: 0 6px 1px;
}
.article__head h2 {
margin: 0;
}
.article__body {
font-size: 14px;
letter-spacing: 0.01em;
padding: 18px 14px 13px;
}
.article--primary h2 {
margin-bottom: .5em;
}
.article--primary h3 {
font-size: 17px;
letter-spacing: -0.05;
}
.article--secondary h1 {
font-size: 21px;
letter-spacing: -0.01em;
margin-bottom: .9em;
}
.article--secondary h2 {
font-size: 17px;
margin-bottom: 1em;
}
.article--secondary h3 {
font-size: 17px;
padding-top: 22px;
margin-bottom: 1em;
}
.article--tertiary h2 {
margin-bottom: .45em;
}
.article--tertiary h3 {
font-size: 17px;
font-weight: 600;
letter-spacing: 0.01em;
padding-top: 5px;
}
.article--tertiary ul:not([class]) {
padding-bottom: 1em;
}
.article__contacts {
font-size: 100%;
line-height: 1.3;
padding-bottom: 36px;
}
.article__contacts p {
margin-bottom: .25em;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.article figure {
margin: -10px -18px 20px;
}
.article__head {
padding: 0 0 2px;
}
.article__body {
padding: 20px 0 0;
}
}
/* ------------------------------------------------------------ *\
Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs {
font-size: 16px;
line-height: 1.25;
color: #080808;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0;
}
.breadcrumbs p {
margin: 0;
}
.breadcrumbs p + p {
margin: -8px -12px 0 0;
}
.breadcrumbs p + p span {
padding: 0 6px;
}
.breadcrumbs a,
.breadcrumbs span {
color: #098a92;
text-decoration: none;
}
/* Breadcrumbs Alt */
.breadcrumbs--alt {
padding: 16px 2px;
}
.breadcrumbs--alt p:first-child a,
.breadcrumbs--alt p:first-child span {
color: inherit;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.breadcrumbs p + p {
margin: 0;
}
}
/* Small Desktop */
@media (max-width: 1279px) {
.breadcrumbs--alt {
padding: 15px 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.breadcrumbs {
font-size: 10px;
padding: 8px 10px 0;
}
.breadcrumbs p {
font-size: 1.688em;
}
.breadcrumbs p + p {
font-size: 1.435em;
margin: 8px 4px 0 0;
}
.breadcrumbs--alt {
padding: 5px 10px 5px 8px;
}
.breadcrumbs--alt p:first-child a,
.breadcrumbs--alt p:first-child span {
color: #098a92;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.breadcrumbs {
display: block;
padding: 0 0 5px;
}
.breadcrumbs p,
.breadcrumbs p + p {
font-size: 1.3em;
padding: 0;
margin: 0 0 10px;
}
}
/* ------------------------------------------------------------ *\
Button
\* ------------------------------------------------------------ */
.btn {
font-size: 16px;
line-height: 1.25;
color: #fff;
font-weight: 400;
text-align: center;
text-decoration: none;
display: inline-block;
vertical-align: middle;
padding: 9px 19px;
border: 1px solid #098a92;
background-color: #098a92;
border-radius: 0;
box-shadow: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn:hover:enabled {
color: #098a92;
background-color: #fff;
}
.btn:disabled,
.btn[disabled] {
color: #666666;
background-color: #cccccc;
}
/* Button Yellow*/
.btn-yellow {
font-size: 16px;
font-weight: 800;
line-height: 1.25;
color: black;
text-align: center;
text-decoration: solid;
display: inline-block;
vertical-align: middle;
padding: 9px 19px;
border: 1px solid #FDD134;
background-color: #FDD134;
border-radius: 0;
box-shadow: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn-yellow:hover:enabled {
color: #098a92;
background-color: #fff;
}
.btn-yellow:disabled,
.btn-yellow[disabled] {
color: #666666;
background-color: #cccccc;
}
/* Button Block */
.btn--block {
width: 100%;
display: block;
padding-left: 0;
padding-right: 0;
}
/* Button Feedback */
.btn--feedback {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: fixed;
top: 613px;
left: 50%;
margin-left: 635px;
z-index: 17;
padding: 34px 6px;
border-color: #828282;
background-color: #828282;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.btn--feedback:hover {
color: #828282;
}
@media ( max-width: 1400px ) {
.btn--feedback {
top: 50%;
left: auto;
right: 20px;
margin: -40px 0 0;
}
}
/* Button Feedback Alt */
.btn--feedback-alt {
color: #f00;
top: 440px;
padding: 33px 5px;
border-width: 2px;
border-color: #f00;
background-color: #f0f0f0;
}
/* Button Passive */
.btn--passive {
border-color: #828282;
background-color: #828282;
}
.btn--passive:hover {
color: #828282;
}
/* ------------------------------------------------------------ *\
Cart Add
\* ------------------------------------------------------------ */
.cart-add {
max-width: 1113px;
position: relative;
margin: auto;
background-color: #fff;
}
.cart-add .mfp-close {
top: -23px;
right: -9px;
}
.cart-add__head {
padding: 22px 27px 18px;
border-bottom: 1px solid #d7d7d7;
}
.cart-add__head h2 {
font-size: 26px;
line-height: 28px;
color: #444;
font-weight: 600;
}
.cart-add__head h2 a {
font-size: 16px;
color: #098a92;
font-weight: 400;
text-decoration: none;
float: right;
margin: -3px 10px 0 0;
}
.cart-add__head h2 a:hover {
text-decoration: underline;
}
.cart-add__body {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
line-height: 1.2;
color: #333;
place-content: flex-start space-between;
position: relative;
padding: 45px 0 30px;
border-bottom: 1px solid #d7d7d7;
}
.cart-add__body .cart-add__btn {
font-size: 20px;
line-height: 1.4;
display: block;
padding: 10px;
border-color: #10ab25;
margin-bottom: 10px;
background-color: #10ab25;
}
.cart-add__body .cart-add__btn:hover {
color: #10ab25;
background-color: #fff;
}
.cart-add__details {
max-width: 695px;
-webkit-box-flex: 0;
-ms-flex: 0 0 695px;
flex: 0 0 695px;
position: relative;
padding: 4px 0 20px 186px;
}
.cart-add__details:before {
content: '';
width: 1px;
height: 225px;
display: block;
position: absolute;
top: 0;
right: 0;
background-color: #d7d7d7;
}
.cart-add__details h4 {
font-size: 18px;
line-height: 1.2;
font-weight: 700;
margin: 0 0 .8em;
}
.cart-add__details ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.cart-add__details li {
padding-bottom: 12px;
}
.cart-add__details img {
width: 88px;
position: absolute;
top: -2px;
left: 75px;
}
.cart-add__actions {
text-align: center;
max-width: 418px;
-webkit-box-flex: 0;
-ms-flex: 0 0 418px;
flex: 0 0 418px;
padding: 0 99px 20px 89px;
}
.cart-add__actions > img {
margin-top: 9px;
}
.cart-add__actions p {
padding-bottom: .5em;
margin: 0;
}
.cart-add__actions h3 {
font-size: 25px;
line-height: 1.2;
text-align: left;
padding-left: 4px;
margin-bottom: .5em;
}
.cart-add__actions h3 strong {
font-size: 37px;
line-height: 1;
margin-left: -4px;
}
.cart-add__actions h3 strong sup {
font-size: 45%;
line-height: 0;
}
.cart-add__actions h6 {
font-size: 13px;
font-weight: 400;
padding-right: 2px;
margin-bottom: .65em;
}
.cart-add__suggestions {
padding: 22px 0 24px 22px;
}
.cart-add__suggestions h2 {
font-size: 26px;
line-height: 1.2;
color: #444;
font-weight: 600;
padding: 0 10px 13px;
margin: 0;
}
.cart-add__suggestions .product {
max-width: 260px;
padding-bottom: 20px;
}
.cart-add__image {
text-align: center;
position: absolute;
bottom: -1px;
right: 0;
left: 0;
}
.cart-add__image img {
display: block;
margin: auto;
}
.cart-add__link-continue {
font-size: 16px;
color: #098a92;
font-weight: 400;
text-decoration: none;
display: inline-block;
margin: 10px 10px 0 0;
}
.cart-add__link-continue:hover {
text-decoration: underline;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.cart-add .mfp-close {
top: 13px;
right: 5px;
}
.cart-add__head {
padding: 15px 30px 15px 15px;
}
.cart-add__body {
padding: 15px 0 40px;
}
.cart-add__details {
max-width: 60%;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
padding: 0 0 0 118px;
}
.cart-add__details h4 {
margin-bottom: 15px;
}
.cart-add__details li {
padding-bottom: 5px;
}
.cart-add__details img {
top: 0;
left: 15px;
}
.cart-add__actions {
max-width: 40%;
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
padding: 0 50px;
}
.cart-add__actions p {
padding-bottom: 10px;
}
.cart-add__actions h3 {
font-size: 20px;
text-align: center;
}
.cart-add__actions > img {
margin-top: 0;
}
.cart-add__actions h3 strong {
font-size: 120%;
}
.cart-add__suggestions {
padding: 15px 15px 0;
}
.cart-add__suggestions h2 {
padding: 0 0 15px;
}
.cart-add__suggestions .product {
padding-bottom: 15px;
}
}
/* Mobile */
@media (max-width: 767px) {
.cart-add .mfp-close {
display: none;
}
.cart-add--mobile {
padding: 0 10px;
}
.cart-add__head {
padding: 6px 0 10px 7px;
}
.cart-add__head h2 {
font-size: 19px;
}
.cart-add__head h2 i {
margin-right: 10px;
}
.cart-add__head h2 i.ico-close {
width: 22px;
height: 22px;
margin: 5px -4px 0 0;
}
.cart-add__options {
font-size: 10px;
padding: 8px 14px 15px 5px;
}
.cart-add__options p {
font-size: 1.435em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cart-add__options p a {
color: #098a92;
text-decoration: none;
}
.cart-add__body {
display: block;
padding: 0 0 55px;
}
.cart-add__details {
font-size: 10px;
max-width: none;
padding-left: 178px;
margin-bottom: 22px;
}
.cart-add__details:before {
content: none;
}
.cart-add__details h4 {
font-size: 1.772em;
text-indent: -5px;
margin-bottom: 10px;
}
.cart-add__details ul {
font-size: 1.435em;
}
.cart-add__details img {
width: 159px;
top: 4px;
left: 8px;
}
.cart-add__details li {
padding-bottom: 9px;
}
.cart-add__details li:nth-child(4) {
padding-top: 5px;
padding-bottom: 15px;
}
.cart-add__details li:nth-child(5) {
width: 42%;
/*margin-left: -144px;*/
}
.cart-add__details li:nth-child(6) {
width: 54%;
}
.cart-add__details li:nth-child(7) {
width: 45%;
}
.cart-add__details li:nth-child(5),
.cart-add__details li:nth-child(6),
.cart-add__details li:nth-child(7) {
display: inline-block;
vertical-align: middle;
}
.cart-add__actions {
font-size: 10px;
max-width: none;
padding: 0 13px 9px;
margin: 0;
}
.cart-add__actions p {
font-size: 1.435em;
padding-bottom: .45em;
}
.cart-add__actions h3 {
font-size: 2.278em;
padding-right: 8px;
margin-bottom: 17px;
}
.cart-add__actions h3 strong {
font-size: 1.85em;
}
.cart-add__actions h6 {
font-size: 1.35em;
margin-bottom: 4px;
}
.cart-add__actions > img {
margin-top: 12px;
}
.cart-add__actions .cart-add__btn {
letter-spacing: -0.02em;
margin-bottom: 12px;
}
.cart-add__suggestions {
font-size: 10px;
padding: 8px 15px;
}
.cart-add__suggestions h2 {
font-size: 1.857em;
padding-bottom: 10px;
}
.cart-add__suggestions .products {
max-width: 404px;
padding: 0;
margin: auto;
}
.cart-add__suggestions .product {
max-width: 183px;
-webkit-box-flex: 0;
-ms-flex: 0 0 183px;
flex: 0 0 183px;
padding: 0 15px 16px;
}
.cart-add__suggestions .product__image {
margin: 3px 0 22px;
}
.cart-add__suggestions .product__title {
font-size: 1.435em;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.cart-add__head {
padding: 10px 10px 15px;
}
.cart-add__head h2 {
font-size: 20px;
}
.cart-add__head h2 i {
margin: -2px 6px 0 0;
}
.cart-add__head h2 a {
margin: -4px 4px 0 0;
}
.cart-add__options {
padding: 15px 0;
}
.cart-add__details {
padding: 0;
margin-bottom: 10px;
}
.cart-add__details img {
width: 100%;
position: static;
top: auto;
left: auto;
margin: 0 0 15px;
}
.cart-add__details h4 {
text-indent: 0;
}
.cart-add__details li {
padding-bottom: 8px;
}
.cart-add__details li:nth-child(4) {
padding-top: 0;
padding-bottom: 8px;
}
.cart-add__details li:nth-child(5),
.cart-add__details li:nth-child(6),
.cart-add__details li:nth-child(7) {
display: block;
margin: 0;
}
.cart-add__actions {
padding: 0;
}
.cart-add__suggestions {
padding: 15px 0 0;
}
.cart-add__suggestions h2 {
padding-bottom: 15px;
}
.cart-add__suggestions .product {
max-width: 48%;
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
padding: 0 0 15px;
}
.cart-add__suggestions .products {
max-width: none;
}
}
/* ------------------------------------------------------------ *\
Checkout
\* ------------------------------------------------------------ */
.checkout {
font-family: 'Helvetica', 'Arial', sans-serif;
color: #363636;
max-width: 1188px;
margin: -3px auto 0;
}
.checkout a {
color: #098a92;
text-decoration: none;
}
.checkout a:hover {
text-decoration: underline;
}
.checkout h1 {
font-size: 35px;
line-height: 1.2;
color: #454545;
font-weight: 400;
margin-bottom: 16px;
}
.checkout h2 {
font-size: 30px;
line-height: 1.2;
color: #454545;
font-weight: 400;
}
.checkout h2 a {
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-left: 2px;
}
.checkout .form__row {
position: relative;
}
.checkout .copyright {
line-height: 1.75;
}
.checkout .copyright a {
color: inherit;
}
.checkout .list-radios {
padding: 0 0 12px 33px;
}
.checkout .list-radios input[type="radio"]:checked ~ .checkout__fields {
display: block;
}
.checkout .list-radios li {
display: block;
}
.checkout .list-radios li + li {
margin-left: 0;
}
.checkout .list-radios span {
font-size: 16px;
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 5px;
}
.checkout .list-radios span strong {
padding-right: 2px;
}
.checkout .list-radios--inline {
padding: 0 0 0 8px;
margin: -6px 0 12px;
}
.checkout .list-radios--inline li {
display: inline-block;
vertical-align: middle;
padding: 0;
}
.checkout .list-radios--inline li + li {
padding-left: 11px;
}
.checkout .list-radios--payment {
padding: 0 0 0 8px;
margin-bottom: -1px;
}
.checkout__cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.checkout__cols:before {
content: '';
width: 2px;
display: block;
position: absolute;
top: 30px;
left: 56.35%;
bottom: 0;
background-color: #d7d7d7;
}
.checkout__col--size-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 49.664%;
flex: 0 0 49.664%;
}
.checkout__col--size-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 39.142%;
flex: 0 0 39.142%;
padding-top: 29px;
}
.checkout__btn {
font-size: 20px;
line-height: 1.4;
color: #fff;
font-weight: 400;
padding: 10px 60px;
border: 1px solid #10ab25;
background-color: #10ab25;
margin-left: 15px;
}
.checkout__btn:hover:enabled {
color: #10ab25;
}
.checkout__btn:disabled,
.checkout__btn[disabled] {
color: #666666;
background-color: #cccccc;
}
.btn-disabled {
color: #666666 !important;
background-color: #cccccc !important;
}
.checkout__head {
font-size: 16px;
padding: 0 2px 38px;
}
.page-loader {
display: inline-block;
vertical-align: bottom;
margin: 0 20px;
}
.spinner-svg {
animation: Rotate 1.6s linear 0s infinite forwards;
}
@keyframes Rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 767px) {
.mobile-text-center {
text-align: center !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
}
.checkout__head--compact {
padding-bottom: 17px;
}
.checkout__head--compact a {
letter-spacing: 0.015em;
margin: 0 0 12px 5px;
}
.checkout__head--compact h1:not(:last-child) {
margin-bottom: 10px;
}
.checkout__foot {
display: inline-block;
width:100%;
font-size: 14px;
text-align: center;
padding: 0px 5px 30px 0;
}
.checkout__fields {
max-width: 311px;
display: none;
margin: 29px 0 -10px -3px;
}
.checkout__order {
color: #333;
padding-top: 17px;
}
.checkout__order h3 {
font-size: 22px;
color: inherit;
padding-bottom: 14px;
border-bottom: 1px solid #d7d7d7;
margin-bottom: 29px;
}
.checkout__order h3 a {
font-size: 14px;
float: right;
margin: 13px 10px 0 0;
}
.checkout__order h3 strong {
font-size: 27px;
line-height: 1;
}
.checkout__order h3 strong sup {
font-size: 45%;
line-height: 0;
}
.checkout__order h3 strong sup:last-child {
padding-left: 3px;
}
.checkout__order h4 {
font-size: 17px;
font-weight: 700;
padding-left: 24px;
}
.checkout__order ul {
font-size: 0;
line-height: 0;
padding: 0 0 26px 24px;
border-bottom: 1px solid #d7d7d7;
margin: 0;
list-style: none outside none;
}
.checkout__order li {
font-size: 15px;
line-height: 1.2;
padding-bottom: 2px;
}
.checkout__order li + li {
padding-bottom: 5px;
}
.checkout__order li:last-child {
width: 30%;
display: inline-block;
}
.checkout__order li:nth-last-child(2),
.checkout__order li:nth-last-child(3) {
width: 34%;
display: inline-block;
}
.checkout__sum {
color: #333;
padding: 20px 0 18px;
}
.checkout__sum ul {
font-size: 15px;
padding: 0 58px 5px 26px;
border-bottom: 1px solid #d7d7d7;
margin: 0;
list-style: none outside none;
}
.checkout__sum ul li {
padding-bottom: 13px;
}
.checkout__sum ul li + li {
padding-bottom: 15px;
}
.checkout__sum ul span {
float: right;
}
.checkout__hint {
font-size: 13px;
line-height: 1.54;
color: #444;
text-align: right;
padding: 6px 15px 0 0;
margin-left: auto;
}
.checkout__hint p {
margin-bottom: 1.15em;
}
.checkout__hint img {
margin-right: -4px;
}
.checkout__total {
color: #333;
}
.checkout__total h3 {
font-size: 22px;
padding: 0 14px 32px 11px;
}
.checkout__total h3 strong {
font-size: 27px;
line-height: 1;
float: right;
padding-top: 7px;
}
.checkout__total h3 strong sup {
font-size: 55%;
line-height: 0;
}
.checkout__coupon {
position: relative;
padding: 25px 22px 23px 19px;
border: 1px solid #828282;
margin: 0 11px 23px;
}
.checkout__coupon .field {
padding-right: 90px;
padding-left: 15px;
}
.checkout__coupon .checkout__btn {
font-size: 15px;
line-height: 18px;
color: #fff;
padding: 10px 20px;
border: 1px solid #828282;
position: absolute;
top: 25px;
right: 22px;
background-color: #cc0001;
}
.checkout__coupon .checkout__btn:hover:enabled {
background-color: #333;
}
.checkout__btn:disabled,
.checkout__btn[disabled] {
color: #666666;
background-color: #cccccc;
}
.checkout__actions {
text-align: right;
padding: 0 12px 10px 0;
}
.checkout__actions .checkout__btn {
margin: 0;
}
.checkout__link--edit {
font-size: 14px;
position: absolute;
top: -11px;
right: 11px;
}
.checkout__section {
padding-bottom: 57px;
}
.checkout__section-head {
padding: 0 3px 17px;
border-bottom: 2px solid #d7d7d7;
margin-bottom: 21px;
}
.checkout__section-body {
font-size: 14px;
line-height: 1.5;
padding: 0 7px;
}
.checkout__section--wide {
padding-bottom: 27px;
}
.checkout__section--wide .checkout__btn {
margin-top: 26px;
}
.checkout__section--wide .checkout__section-head {
margin-bottom: 18px;
}
.checkout__section--wide + .checkout__section--wide {
padding-bottom: 20px;
}
.checkout__section--wide + .checkout__section--wide .checkout__section-head {
margin-bottom: 24px;
}
.checkout .checkout__logo {
font-family: 'Helvetica Neue', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-size: 15px;
color: inherit;
width: 350px;
padding-left: 58px;
margin: 0 0 12px 4px;
}
.checkout .checkout__logo:hover {
text-decoration: none;
}
.checkout .checkout__logo strong {
font-size: 25px;
padding: 1px 0;
}
.checkout .checkout__logo .ico-logo {
width: 48px;
height: 46px;
}
.checkout .checkout__logo .ico-logo-mobile {
width: 45px;
height: 44px;
}
/* Checkout Guest */
.checkout--guest {
max-width: 1092px;
padding: 80px 0;
}
.checkout--guest h1 {
margin: 0 -2px;
}
.checkout--guest h1 img {
max-width: 110px;
display: inline-block;
vertical-align: middle;
margin: -3px 0 0 10px;
}
.checkout--guest .checkout__cols {
padding: 0 9px;
}
.checkout--guest .checkout__cols:before {
content: none;
}
.checkout--guest .checkout__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 48.7%;
flex: 0 0 48.7%;
}
.checkout--guest .checkout__head {
padding-bottom: 26px;
}
.checkout--guest .checkout__foot {
letter-spacing: 0.005em;
padding: 48px 22px 0 0;
}
.checkout--guest .checkout__logo {
letter-spacing: -0.005em;
margin: 0 0 12px;
}
.checkout--guest .checkout__logo strong {
letter-spacing: 0.018em;
}
/* Small Desktop */
@media (max-width: 1279px) {
.checkout h1 {
margin-bottom: 15px;
}
.checkout .list-radios {
padding: 0;
}
.checkout__btn {
margin: 0;
}
.checkout__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
padding: 0;
}
.checkout__head {
padding: 0 0 30px;
}
.checkout__actions {
padding: 0 0 15px;
}
.checkout__sum {
padding: 15px 0;
}
.checkout__sum ul {
padding: 0;
}
.checkout__sum ul li,
.checkout__sum ul li + li {
padding-bottom: 15px;
}
.checkout__hint {
padding: 0;
}
.checkout__hint img {
margin: 0;
}
.checkout__order {
padding: 0;
}
.checkout__order h3 {
padding-bottom: 15px;
margin-bottom: 15px;
}
.checkout__order h3 a {
margin: 5px 0 0;
}
.checkout__order h4 {
padding: 0;
}
.checkout__order ul {
padding: 0 0 15px;
}
.checkout__total h3 {
padding: 0 0 15px;
}
.checkout__total h3 strong {
font-size: 100%;
padding: 0;
}
.checkout__coupon {
padding: 20px;
margin: 0 0 15px;
}
.checkout__coupon .checkout__btn {
top: 20px;
right: 19px;
}
.checkout__section {
padding-bottom: 20px;
}
.checkout__section-head {
padding: 0 0 15px;
margin-bottom: 15px;
}
.checkout__section-body {
padding: 0;
}
.checkout__cols:before {
left: 50%;
margin-left: -1px;
}
.checkout .checkout__logo {
margin: 0 0 10px;
}
.checkout--guest .checkout__logo {
margin: 0 0 12px;
}
.checkout--guest .checkout__head {
padding-bottom: 11px;
}
.checkout .list-radios--inline {
margin: 0 0 20px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.checkout__cols {
display: block;
}
.checkout__cols:before {
content: none;
}
.checkout--guest {
padding: 0;
}
.checkout--guest .checkout__col {
padding-bottom: 20px;
}
.checkout--guest .checkout__cols {
padding: 0;
}
.checkout--guest .checkout__logo {
margin: 0 0 15px;
}
.checkout--guest .checkout__head {
padding-bottom: 0;
}
.checkout--guest .checkout__foot {
padding: 20px 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.checkout {
/*padding: 30px 5px;*/
margin: 0;
}
.checkout h1 {
font-size: 26px;
}
.checkout h2 {
font-size: 21px;
}
.checkout h2 a {
margin: -1px 0 0 8px;
}
.checkout .list-radios {
padding-top: 8px;
margin: 0;
}
.checkout .list-radios li {
margin-bottom: 7px;
}
.checkout .list-radios span {
margin: 0 0 0 -2px;
}
.checkout .list-radios--inline {
padding: 0;
margin: 0 0 12px;
}
.checkout__sum {
padding: 25px 15px 30px 20px;
}
.checkout__sum ul {
padding-bottom: 48px;
border-bottom-color: #f3f3f3;
}
.checkout__sum ul li {
padding-bottom: 12px;
}
.checkout__sum ul li + li {
padding-bottom: 11px;
}
.checkout__head {
padding: 0;
}
.checkout__hint {
line-height: 1.35;
letter-spacing: -0.005em;
padding: 1px 8px 0 13px;
}
.checkout__hint p {
margin-bottom: 18px;
}
.checkout__hint img {
min-width: 183px;
}
.checkout__total h3 {
padding: 0 13px 28px 22px;
}
.checkout__total h3 strong {
font-size: 25px;
margin-top: 2px;
}
.checkout__order {
padding: 105px 0 31px;
}
.checkout__order h4 {
font-size: 18px;
letter-spacing: -0.01em;
margin-bottom: 10px;
overflow: hidden;
}
.checkout__order img {
width: 160px;
float: left;
margin: 3px 8px 0 0;
}
.checkout__order h3 {
font-size: 21px;
padding-bottom: 2px;
border-bottom-color: #f9f9f9;
margin-bottom: 24px;
}
.checkout__order h3 a {
display: none;
}
.checkout__order h3 strong {
font-size: 25px;
line-height: 1;
float: right;
margin: -8px 15px 0 0;
}
.checkout__order ul {
font-size: 10px;
padding: 0 0 0 172px;
border: 0;
}
.checkout__order li {
font-size: 1.434em;
padding-bottom: 10px;
}
.checkout__order li:nth-child(3) {
padding: 4px 0 12px;
}
.checkout__order li:nth-child(4) {
padding-bottom: 13px;
}
.checkout__order li:nth-child(5) {
padding-bottom: 10px;
}
.checkout__order li:last-child {
width: 140px;
}
.checkout__order li:nth-last-child(2) {
width: 180px;
}
.checkout__order li:nth-last-child(3) {
width: 138px;
margin-left: -142px;
}
.checkout__coupon {
padding: 16px 20px 24px;
border-color: #c3c3c3;
margin: 0 8px 26px 13px;
}
.checkout__coupon label {
font-family: 'Helvetica Neue', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-size: 18px;
line-height: 1;
color: #080808;
margin-bottom: 16px;
}
.checkout__coupon .checkout__btn {
font-size: 18px;
line-height: 1;
right: 20px;
top: 16px;
padding: 15px 25px 14px;
border-color: #828282;
}
.checkout__fields {
max-width: none;
margin: 34px -3px 0 -5px;
}
.checkout__actions {
margin: 0 8px 8px 13px;
}
.checkout__actions .checkout__btn {
font-size: 18px;
line-height: 1;
display: block;
width: 100%;
padding: 15px;
}
.checkout__section {
padding-bottom: 10px;
}
.checkout__section-head {
padding-bottom: 1px;
border-bottom-color: #f9f9f9;
margin-bottom: 11px;
}
.checkout__section-body {
line-height: 1.3;
padding: 0 14px;
}
.checkout__section-body a {
display: inline-block;
margin-top: 4px;
}
.checkout .checkout__logo {
font-size: 13px;
line-height: 1.25;
color: #686868;
letter-spacing: -0.01em;
width: auto;
padding-left: 54px;
margin: 0 0 14px 3px;
}
.checkout .checkout__logo strong {
font-size: 22px;
letter-spacing: 0.07em;
padding-bottom: 2px;
}
.checkout .list-radios li {
padding: 0;
margin: 0;
}
.checkout .list-radios li + li {
margin-top: 10px;
}
.checkout.checkout--guest {
padding: 70px 0 8px !important;
}
.checkout.checkout--guest h1 {
padding: 0 10px !important;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.checkout {
padding: 0 0 8px;
}
.checkout .list-radios {
padding: 0;
}
.checkout .list-radios li {
padding: 0;
margin: 0;
}
.checkout .list-radios li + li {
margin-top: 10px;
}
.checkout .list-radios--inline {
margin-bottom: 18px;
}
.checkout .list-radios--inline li + li {
margin-top: 0;
}
.checkout__sum {
padding: 0;
}
.checkout__sum ul {
padding: 0;
}
.checkout__sum ul li,
.checkout__sum ul li + li {
padding-bottom: 10px;
}
.checkout__hint {
padding: 0;
}
.checkout__hint p {
margin-bottom: 15px;
}
.checkout__order {
padding: 30px 0 10px;
}
.checkout__order h4 {
margin: 0 0 10px;
}
.checkout__order ul {
padding: 0;
}
.checkout__order img {
width: 100%;
float: none;
margin: 0 0 10px;
}
.checkout__order h3 strong {
font-size: 100%;
margin: 0;
}
.checkout__order li,
.checkout__order li:nth-child(3),
.checkout__order li:nth-child(4),
.checkout__order li:nth-child(5),
.checkout__order li:last-child,
.checkout__order li:nth-last-child(2),
.checkout__order li:nth-last-child(3) {
width: 100%;
display: block;
padding: 0 0 5px;
margin: 0;
}
.checkout__total h3 {
padding: 15px 0;
}
.checkout__total h3 strong {
font-size: 100%;
}
.checkout__coupon {
padding: 15px;
margin: 0 0 15px;
}
.checkout__coupon .checkout__btn {
width: 100%;
position: relative;
top: auto;
right: auto;
margin-top: 15px;
}
.checkout__fields {
margin: 10px 0 0;
}
.checkout__actions {
margin: 0;
}
.checkout__section-head {
margin-bottom: 15px;
}
.checkout__section-body {
padding: 0 0 15px;
}
.checkout__link--edit {
top: -5px;
right: 0;
}
.checkout .checkout__logo {
margin: 0 0 15px;
}
.checkout .checkout__logo,
.checkout .checkout__logo strong {
letter-spacing: 0em;
}
.checkout--guest h1 {
font-size: 20px;
}
.checkout__head--compact a {
margin: 0 0 12px;
}
}
/* ------------------------------------------------------------ *\
Feedback
\* ------------------------------------------------------------ */
.feedback {
max-width: 1022px;
padding: 24px 24px 21px 25px;
margin: 20px auto;
background-color: #fff;
box-shadow: 0 0 17px rgba(0,0,0,.3);
}
.feedback .mfp-close {
display: none;
}
.feedback__head {
font-size: 15px;
line-height: 1.4;
text-align: center;
font-weight: 300;
color: #060606;
padding-bottom: 33px;
}
.feedback .feedback__logo {
font-size: 15px;
line-height: 1.3;
text-align: left;
width: auto;
padding-left: 58px;
margin-bottom: 29px;
}
.feedback .feedback__logo strong {
font-size: 25px;
line-height: 1;
padding: 1px 0 0;
}
.feedback .feedback__logo .ico-logo {
width: 48px;
height: 46px;
}
.feedback .feedback__logo .ico-logo-mobile {
width: 44px;
height: 43px;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.feedback {
padding: 20px;
}
}
/* Mobile */
@media (max-width: 767px) {
.feedback {
padding: 17px;
}
.feedback__head {
font-size: 14px;
line-height: 1.2;
text-align: left;
letter-spacing: 0.012em;
padding: 0 0 20px;
}
.feedback .feedback__logo {
font-size: 13px;
letter-spacing: -0.01em;
padding-left: 52px;
margin-bottom: 12px;
}
.feedback .feedback__logo strong {
font-size: 23px;
line-height: .9;
padding: 2px 0 3px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.feedback {
padding: 10px;
}
.feedback__head {
padding-bottom: 10px;
}
.feedback .feedback__logo {
margin-bottom: 10px;
}
}
/* ------------------------------------------------------------ *\
Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder {
color: #858585;
opacity: 1;
}
input:-ms-input-placeholder {
color: #858585;
opacity: 1;
}
.Fval:focus {
border: none;
background-color: transparent;
resize: none;
outline: none;
}
input::placeholder {
color: #858585;
opacity: 1;
}
textarea::-webkit-input-placeholder {
color: #858585;
opacity: 1;
}
textarea:-ms-input-placeholder {
color: #858585;
opacity: 1;
}
textarea::placeholder {
color: #858585;
opacity: 1;
}
input:-webkit-autofill {
-webkit-text-fill-color: inherit;
-webkit-box-shadow: 0 0 0 1000px #fff inset;
}
/* Form Fields */
.field,
.textarea,
.select select {
font-size: 15px;
line-height: 18px;
color: #858585;
font-weight: 400;
width: 100%;
height: 40px;
display: block;
padding: 10px 11px;
border: 1px solid #828282;
background: #fff;
border-radius: 0;
box-shadow: none;
}
.field:focus, .textarea:focus {
color: #000;
border-color: #000;
}
.TaxVali {
color: #000;
border-color: #f00;
background-color: rgba(255, 0, 0, 0.1);
}
.js-form .parsley-error,
.js-form .select .parsley-error {
color: #000;
border-color: #f00;
background-color: rgba(255, 0, 0, 0.1);
}
.js-form .parsley-error::-webkit-input-placeholder {
color: #000;
}
.js-form .parsley-error:-ms-input-placeholder {
color: #000;
}
.js-form .parsley-error::placeholder {
color: #000;
}
.form__controls {
position: relative;
}
.form__label--floating,
[class^="form-"] .is--filled .form__label {
font-size: 12px;
line-height: 1;
opacity: 0;
visibility: hidden;
position: absolute;
top: -7px;
left: 8px;
padding: 2px 5px;
background-color: #fff;
color: #000;
}
[class^="form-"] .is--filled .form__label {
opacity: 1;
visibility: visible;
right: auto;
}
.textarea {
height: 200px;
resize: none;
}
.is--filled .form__label,
.is--filled .form__label--floating,
.is--filled ~ .form__label--floating [class^="form-"] .is--filled .form__label,
[class^="form-"] .is--filled .form__label--floating,
[class^="form-"] .is--filled ~ .form__label--floating {
opacity: 1;
visibility: visible;
right: auto;
}
/* Selectbox */
.select {
position: relative;
}
.select:before {
content: '';
height: 0;
width: 0;
border-top: 5px solid #8a8a8a;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
position: absolute;
top: 50%;
right: 19px;
z-index: 2;
margin-top: -2px;
pointer-events: none;
}
.select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.select select:invalid {
color: #858585;
}
.select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/* Internet Explorer 11 Selectbox hack */
_:-ms-fullscreen,
:root .select select::-ms-expand {
display: none;
}
_:-ms-fullscreen,
:root .select select:focus::-ms-value {
color: #363636;
background: transparent;
}
/* Internet Explorer 10 Selectbox hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.select select::-ms-expand {
display: none;
}
.select select:focus::-ms-value {
color: #363636;
background: transparent;
}
}
/* Checkbox && Radio Buttons */
.radio,
.checkbox {
position: relative;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.radio > label,
.checkbox > label {
display: inline-block;
vertical-align: middle;
position: relative;
}
.radio > label:before,
.radio > label:after,
.checkbox > label:before,
.checkbox > label:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
}
.radio > label:before,
.checkbox > label:before {
top: 0;
left: 0;
z-index: 1;
}
.radio > label:after,
.checkbox > label:after {
opacity: 0;
z-index: 2;
}
.radio input:checked ~ label:after,
.checkbox input:checked ~ label:after {
opacity: 1;
}
/* Checkboxes */
.checkbox > label {
font-size: 15px;
line-height: 17px;
color: #363636;
font-weight: 400;
padding-left: 26px;
}
.checkbox > label:before {
width: 16px;
height: 16px;
border: 1px solid;
}
.checkbox > label:after {
width: 9px;
height: 5px;
top: 4px;
left: 4px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* Radio */
.radio > label {
font-size: 18px;
line-height: 1.35;
color: #626262;
font-weight: 600;
padding-left: 33px;
}
.radio > label:before {
width: 24px;
height: 24px;
border: 1px solid #959595;
background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f9f9f9, 51%, #f9f9f9 100%);
border-radius: 50%;
box-shadow: 0 0 0 1px #fff inset;
}
.radio > label:after {
width: 8px;
height: 8px;
top: 8px;
left: 8px;
background-color: #252525;
border-radius: 50%;
}
.radio > .select {
min-width: 230px;
position: absolute;
top: 100%;
left: 3px;
margin-top: 16px;
}
.radio input:not(:checked) ~ .select select {
pointer-events: none;
}
/* Radio Flat */
.radio--flat > label {
font-size: 15px;
line-height: 1.35;
color: #060606;
font-weight: 300;
display: block;
padding: 15px 22px;
background-color: #ebebeb;
border-radius: 4px;
transition: color .35s ease-in-out, background-color .35s ease-in-out;
}
.radio--flat > label:hover {
background-color: #ccc;
}
.radio--flat > label:before,
.radio--flat > label:after {
content: none;
}
.radio--flat input:checked ~ label {
color: #fff;
background-color: #098a92;
}
/* Mobile */
@media (max-width: 767px) {
.field,
.textarea,
.select select {
font-size: 18px;
line-height: 1.5;
height: 49px;
padding: 10px 15px;
}
.textarea {
height: 120px;
}
.select:before {
right: 6px;
border-width: 5px;
margin-top: -2px;
}
.select select {
padding: 10px 50px 10px 15px;
}
.radio > label:before {
width: 20px;
height: 20px;
top: 3px;
border-color: #a8abad;
background-image: linear-gradient(to bottom, #dfe0e2 0%, #b9bdc1 100%);
}
.radio > label:after {
top: 9px;
left: 6px;
}
.radio--flat > label {
font-size: 14px;
line-height: 20px;
padding: 7px 11px;
}
}
/* ------------------------------------------------------------ *\
Form
\* ------------------------------------------------------------ */
.form__row {
padding-bottom: 17px;
}
.form__col {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 0 10px;
}
.form__col--1of3 {
max-width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
margin-top: 2px;
}
.form__head {
padding-bottom: 23px;
}
.form__cols {
margin: 0 -10px;
}
.form__btn {
font-family: 'Helvetica', 'Arial', sans-serif;
}
.form__actions {
text-align: right;
padding-top: 11px;
}
.form__recaptcha {
text-align: right;
padding-bottom: 10px;
}
.form__recaptcha .g-recaptcha {
display: inline-block;
vertical-align: middle;
margin-right: -2px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.form__col--1of3 {
margin-top: 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.form__btn {
font-size: 19px;
line-height: 1.42;
padding: 10px;
}
.form__row {
padding-bottom: 10px;
}
.form__cols {
display: block;
}
.form__head {
padding-bottom: 25px;
}
.form__body {
padding: 0 8px 0 12px;
}
.form__actions {
text-align: center;
padding: 1px 8px 0 12px;
}
.form__col {
max-width: none;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form__body,
.form__actions {
padding: 0;
}
.form__col {
padding: 0;
}
.form__head {
padding-bottom: 20px;
}
.form__cols {
margin: 0;
}
.form__recaptcha {
overflow: hidden;
}
.form__recaptcha .g-recaptcha {
-webkit-transform: scale(.95);
transform: scale(.95);
}
}
/* ------------------------------------------------------------ *\
Form Account
\* ------------------------------------------------------------ */
.form-account {
padding: 21px 22px 20px 19px;
border: 1px solid #828282;
}
.form-account h5 {
letter-spacing: 0.024em;
}
.form-account .form__btn {
min-width: 206px;
}
/* Form Account Personal */
.form-account--personal .form__actions {
padding-top: 18px;
}
/* Mobile */
@media (max-width: 767px) {
.form-account {
padding: 0 5px;
border: 0;
}
.form-account h5 {
font-size: 21px;
color: #363636;
letter-spacing: 0.005em;
padding: 0 6px 2px;
border-bottom: 1px solid #f3f3f3;
margin: 0 -6px;
}
.form-account .form__btn {
min-width: 100%;
display: block;
}
.form-account--personal .form__actions {
padding-top: 1px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-account {
padding: 0;
}
.form-account h5 {
padding: 0;
margin: 0;
}
.form-account--personal .form__actions {
padding-top: 0;
}
}
/* ------------------------------------------------------------ *\
Form Credit Card
\* ------------------------------------------------------------ */
.form-credit-card h4 {
font-size: 26px;
line-height: 1.25;
color: #444;
font-weight: 600;
}
.form-credit-card .checkbox {
margin-left: 196px;
}
.form-credit-card .form__row {
font-size: 0;
line-height: 0;
}
.form-credit-card .form__row + .form__row {
padding-bottom: 20px;
}
.form-credit-card .form__links {
font-size: 15px;
line-height: 1;
text-align: right;
width: 480px;
padding-right: 2px;
margin: -10px 0 -1px 196px;
}
.form-credit-card .form__links a {
color: #098a92;
text-decoration: none;
}
.form-credit-card .form__btn {
min-width: 125px;
margin-left: 10px;
}
.form-credit-card .form__head {
padding: 28px 25px 18px;
border-bottom: 1px solid #d7d7d7;
}
.form-credit-card .form__body {
padding: 38px 58px;
}
.form-credit-card .form__entry {
font-size: 18px;
line-height: 1.33;
color: #3f3f3f;
padding-bottom: 63px;
}
.form-credit-card .form__label {
font-size: 15px;
line-height: 1.6;
color: #858585;
font-weight: 400;
width: 196px;
display: inline-block;
vertical-align: middle;
padding: 0 15px 0 50px;
}
.form-credit-card .form__group {
padding-bottom: 70px;
}
.form-credit-card .form__actions {
font-size: 0;
line-height: 0;
padding: 11px 54px 49px 54px;
}
.form-credit-card .form__controls {
width: 480px;
display: inline-block;
vertical-align: middle;
}
.form-credit-card .form__asterisk {
color: #f00;
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.form-credit-card h4 {
font-size: 20px;
}
.form-credit-card .form__head,
.form-credit-card .form__body {
padding: 15px;
}
.form-credit-card .form__entry {
font-size: 15px;
padding-bottom: 15px;
}
.form-credit-card .form__label {
padding-left: 0;
}
.form-credit-card .form__group {
padding-bottom: 20px;
}
.form-credit-card .form__links {
width: auto;
padding-right: 0;
margin: -10px 0 0 196px;
}
.form-credit-card .form__controls {
width: calc(100% - 196px);
}
.form-credit-card .form__actions {
padding: 0 15px 15px;
}
}
/* Mobile */
@media (max-width: 767px) {
.form-credit-card--default .checkbox {
margin: 0;
}
.form-credit-card--default .form__row,
.form-credit-card--default .form__row + .form__row {
padding-bottom: 10px;
}
.form-credit-card--default .form__group {
padding: 0;
}
.form-credit-card--default .form__links {
margin: 0;
}
.form-credit-card--default .form__label {
width: auto;
display: block;
padding: 0 0 5px;
}
.form-credit-card--default .form__controls {
width: auto;
display: block;
}
.form-credit-card--default .form__col + .form__col {
padding-top: 10px;
}
}
/* Form Credit Card Mobile */
.form-credit-card--mobile {
max-width: 600px;
margin: auto;
}
.form-credit-card--mobile h4 {
font-size: 26px;
color: #363636;
font-weight: 400;
}
.form-credit-card--mobile h5 {
font-size: 21px;
line-height: 1.2;
color: #363636;
font-weight: 400;
padding: 0 6px;
border-bottom: 1px solid #f3f3f3;
margin: 0 -14px 26px;
}
.form-credit-card--mobile h5 a {
color: #12aeb8;
text-decoration: none;
float: right;
margin-right: 20px;
letter-spacing: -0.06em;
}
.form-credit-card--mobile .field,
.form-credit-card--mobile .select select {
height: 50px;
}
.form-credit-card--mobile .form__btn {
margin: 0 0 20px;
}
.form-credit-card--mobile .form__row {
position: relative;
padding: 0;
margin-bottom: 22px;
}
.form-credit-card--mobile .form__row + .form__row {
padding-bottom: 0;
}
.form-credit-card--mobile .form__col {
max-width: 49.5%;
-webkit-box-flex: 0;
-ms-flex: 0 0 49.5%;
flex: 0 0 49.5%;
padding: 0 8px;
}
.form-credit-card--mobile .form__cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -8px;
}
.form-credit-card--mobile .form__head {
padding: 21px 7px;
border: 0;
}
.form-credit-card--mobile .form__body {
padding: 18px 16px 0 14px;
}
.form-credit-card--mobile .form__label {
font-size: 18px;
line-height: 20px;
color: #858585;
font-weight: 400;
width: auto;
height: auto;
opacity: 1;
visibility: visible;
top: 0;
right: 0;
left: 0;
z-index: 1;
padding: 15px 17px;
position: absolute;
pointer-events: none;
background-color: transparent;
}
.form-credit-card--mobile .form__group {
padding-bottom: 24px;
}
.form-credit-card--mobile .form__actions {
padding: 0 14px 0 17px;
}
.form-credit-card--mobile .checkbox {
margin: 0;
}
.form-credit-card--mobile .checkbox label {
font-size: 18px;
line-height: 20px;
letter-spacing: 0.01em;
padding: 4px 0 4px 37px;
}
.form-credit-card--mobile .checkbox label:before {
width: 28px;
height: 28px;
border: 2px solid #000;
}
.form-credit-card--mobile .checkbox label:after {
width: 15px;
height: 10px;
border-width: 0 0 2px 2px;
border-color: #000;
margin: 3px 0 0 3px;
}
/* Mobile Small */
@media (max-width: 523px) {
.form-credit-card--mobile h4 {
font-size: 20px;
}
.form-credit-card--mobile h5 {
font-size: 16px;
padding: 0;
margin: 0 0 15px;
}
.form-credit-card--mobile .form__head {
padding: 10px 0 15px;
}
.form-credit-card--mobile .form__body {
padding: 0;
}
.form-credit-card--mobile .form__cols {
display: block;
margin: 0;
}
.form-credit-card--mobile .form__col {
max-width: none;
padding: 0;
}
.form-credit-card--mobile .form__actions {
padding: 0;
}
}
/* ------------------------------------------------------------ *\
Form Address
\* ------------------------------------------------------------ */
.form-address {
padding-bottom: 43px;
}
.form-address h4 {
font-size: 26px;
line-height: 1.25;
color: #444;
font-weight: 600;
}
.form-address .checkbox {
margin-bottom: 8px;
}
.form-address .select:before {
right: 15px;
margin-top: -1px;
}
.form-address .form__col {
padding: 0 5px;
}
.form-address .form__col--size1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.form-address .form__col--size2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 29.6%;
flex: 0 0 29.6%;
max-width: 29.6%;
}
.form-address .form__col--size3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 35.2%;
flex: 0 0 35.2%;
max-width: 35.2%;
}
.form-address .form__btn {
min-width: 125px;
margin-left: 10px;
}
.form-address .form__row {
padding-bottom: 20px;
}
.form-address .form__cols {
margin: 0 -5px;
}
.form-address .form__head {
padding: 28px 30px 18px;
border-bottom: 1px solid #d7d7d7;
}
.form-address .form__body {
padding: 69px 67px 49px 62px;
}
.form-address .form__actions {
font-size: 0;
line-height: 0;
padding: 0 67px 0 62px;
}
/* Form Address Alt */
.form-address--alt .form__body {
padding-top: 40px;
padding-bottom: 29px;
}
/* Form Address Mobile */
.form-address--mobile {
max-width: 600px;
padding: 21px 6px 0;
margin: auto;
}
.form-address--mobile h4 {
letter-spacing: -0.01em;
padding-bottom: 22px;
}
.form-address--mobile h5 {
font-size: 21px;
line-height: 1.1;
color: #363636;
font-weight: 400;
padding: 0 4px 3px;
border-bottom: 1px solid #f3f3f3;
margin: 0 -4px;
}
.form-address--mobile .form__btn {
margin: 0 0 20px;
}
.form-address--mobile .form__row {
padding-bottom: 14px;
}
.form-address--mobile .form__col {
max-width: 33.33333%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
padding: 0 5px;
}
.form-address--mobile .form__cols {
margin: 0 -5px;
}
.form-address--mobile .form__head {
padding: 0 0 22px;
border-bottom: 0;
}
.form-address--mobile .form__actions {
padding: 18px 8px 0 12px;
}
.form-address--mobile .form__body {
padding: 0 8px 0 12px;
}
/* Mobile */
@media (max-width: 767px) {
.form-address--default .form__col {
max-width: none;
}
.form-address--default .form__body {
padding: 15px;
}
.form-address--default .form__actions {
padding: 0;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-address--mobile h4 {
font-size: 20px;
padding-bottom: 0;
}
.form-address--mobile h5 {
font-size: 16px;
}
.form-address--mobile .form__btn {
margin-bottom: 15px;
}
.form-address--mobile .form__row {
padding-bottom: 15px;
}
.form-address--mobile .form__col {
max-width: none;
padding: 0;
}
.form-address--mobile .form__head {
padding-bottom: 15px;
}
.form-address--mobile .form__body {
padding: 0;
}
.form-address--mobile .form__cols {
display: block;
margin: 0;
}
.form-address--mobile .form__actions {
padding: 0;
}
}
/* ------------------------------------------------------------ *\
Form Newsletter
\* ------------------------------------------------------------ */
.form-newsletter {
color: #363636;
padding: 42px 0 40px;
}
.form-newsletter h1 {
font-size: 35px;
line-height: 1.3;
color: #454545;
font-weight: 400;
margin-bottom: 50px;
}
.form-newsletter h1 strong {
font-size: 40px;
line-height: 1.35;
font-weight: 700;
display: block;
}
.form-newsletter h5 {
font-size: 15px;
font-weight: 400;
margin-bottom: 29px;
}
.form-newsletter h6 {
font-size: 15px;
font-weight: 700;
margin-bottom: 24px;
}
.form-newsletter .form__label,
.form-newsletter .form__controls {
display: inline-block;
vertical-align: top;
}
.form-newsletter .form__btn {
padding-right: 22px;
padding-left: 22px;
}
.form-newsletter .form__row {
font-size: 0;
line-height: 0;
padding-bottom: 21px;
}
.form-newsletter .form__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 46.7%;
flex: 0 0 46.7%;
}
.form-newsletter .form__cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form-newsletter .form__head {
font-size: 15px;
text-align: center;
padding-bottom: 57px;
}
.form-newsletter .form__body {
padding-bottom: 86px;
}
.form-newsletter .form__hint {
font-size: 15px;
color: #f00;
padding: 6px 0 28px 103px;
}
.form-newsletter .form__label {
font-size: 15px;
line-height: 1.33;
color: #858585;
font-weight: 400;
text-align: right;
width: 35%;
padding: 11px 26px 9px 0;
}
.form-newsletter .form__actions {
text-align: center;
}
.form-newsletter .form__controls {
width: 50.5%;
}
.form-newsletter .form__asterisk {
color: #f00;
}
.form-newsletter .form__row--reverse .form__label {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.form-newsletter .form__row--reverse .form__controls {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.form-newsletter .form__foot {
font-size: 15px;
text-align: center;
padding-bottom: 54px;
}
.form-newsletter .form__foot p {
padding-top: 2px;
}
.form-newsletter .form__foot p a {
color: #098a92;
text-decoration: none;
}
.form-newsletter .form__foot p a:hover {
text-decoration: underline;
}
.form-newsletter .form__message {
font-size: 15px;
line-height: 1.2;
color: #363636;
text-align: center;
min-height: 649px;
padding: 40px 0;
}
.form-newsletter .form__message h3 {
font-size: 30px;
line-height: 1.2;
color: #454545;
font-weight: 700;
margin-bottom: 1.05em;
}
.form-newsletter .form__message a {
color: #098a92;
text-decoration: none;
}
.form-newsletter .form__message a:hover {
text-decoration: underline;
}
.form-newsletter .form__message h2 {
font-size: 35px;
line-height: 1.2;
color: #454545;
font-weight: 400;
text-transform: uppercase;
margin-bottom: .4em;
}
.form-newsletter .form__message h2 sup {
font-size: 50%;
}
.form-newsletter .form__message h2 strong {
font-size: 85px;
line-height: .5;
display: inline-block;
vertical-align: top;
margin: -5px 5px 30px -15px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.form-newsletter .form__col {
max-width: 700px;
margin: auto;
padding-bottom: 50px;
}
.form-newsletter .form__cols {
display: block;
}
.form-newsletter .form__body {
padding-bottom: 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.form-newsletter {
padding: 32px 0;
}
.form-newsletter h1 {
font-size: 19px;
line-height: 1.5;
margin-bottom: 25px;
}
.form-newsletter h1 strong {
font-size: 21px;
line-height: 1.5;
}
.form-newsletter h5 {
font-size: 14px;
text-align: center;
letter-spacing: 0.01em;
padding: 48px 0 0;
}
.form-newsletter h6 {
margin-bottom: 12px;
}
.form-newsletter .radio {
position: static;
}
.form-newsletter .radio .select {
width: calc(100vw - 46px);
left: 0;
margin-top: 19px;
}
.form-newsletter .checkbox label {
font-size: 14px;
line-height: 1.33;
font-weight: 600;
letter-spacing: -0.01em;
padding-left: 36px;
}
.form-newsletter .checkbox label br {
display: none;
}
.form-newsletter .checkbox label:before {
width: 28px;
height: 28px;
border-width: 3px;
top: 2px;
}
.form-newsletter .checkbox label:after {
width: 14px;
height: 9px;
border-width: 0 0 2px 2px;
margin: 5px 0 0 3px;
}
.form-newsletter .list-radios {
margin-bottom: 80px;
}
.form-newsletter .list-checkboxes {
font-size: 0;
line-height: 0;
display: block;
margin: 0 -20px 40px;
}
.form-newsletter .list-checkboxes li {
width: 33.33%;
display: inline-block;
vertical-align: top;
padding: 0 10px;
}
.form-newsletter .list-checkboxes li:nth-child(odd) {
margin: 0;
}
.form-newsletter .list-checkboxes img {
margin-bottom: 13px;
}
.form-newsletter .is--filled ~ .form__label {
display: none;
}
.form-newsletter .form__label,
.form-newsletter .form__controls {
display: block;
}
.form-newsletter .form__head {
letter-spacing: -0.014em;
padding: 0 30px 35px;
}
.form-newsletter .form__head p {
padding: 0 35px;
}
.form-newsletter .form__btn {
width: 100%;
display: block;
}
.form-newsletter .form__row {
display: block;
position: relative;
padding: 0;
margin-bottom: 15px;
}
.form-newsletter .form__col {
padding-bottom: 0;
}
.form-newsletter .form__body {
padding: 0 15px 25px;
}
.form-newsletter .form__label {
font-size: 18px;
line-height: 19px;
color: #858585;
font-weight: 400;
text-align: left;
width: 100%;
padding: 8px 6px 13px;
}
.form-newsletter .form__controls {
width: 100%;
}
.form-newsletter .form__actions {
padding: 0 15px;
}
.form-newsletter .form__foot {
font-size: 14px;
letter-spacing: 0.02em;
padding-bottom: 45px;
}
.form-newsletter .form__foot h6 {
font-size: 14px;
line-height: 1.35;
}
.form-newsletter .form__foot p {
padding-top: 9px;
}
.form-newsletter .form__row--reverse .form__label {
position: absolute;
top: 0;
left: 0;
padding: 15px 12px;
pointer-events: none;
}
.form-newsletter .form__message {
font-size: 10px;
min-height: 0;
padding: 0 35px;
}
.form-newsletter .form__message p {
font-size: 1.435em;
}
.form-newsletter .form__message h3 {
font-size: 1.857em;
margin-bottom: 1.8em;
}
.form-newsletter .form__message h2 {
font-size: 25px;
line-height: 1;
}
.form-newsletter .form__message h2 ~ h2 {
font-size: 19px;
}
.form-newsletter .form__message h2 sup {
font-size: 40%;
position: relative;
}
.form-newsletter .form__message h2 span {
font-size: 80%;
position: absolute;
top: 100%;
left: 5px;
margin-top: -5px;
}
.form-newsletter .form__message h2 strong {
font-size: 52px;
margin: -8px 20px 22px -6px;
}
}
/* Modile Small */
@media (max-width: 523px) {
.form-newsletter {
padding: 15px 0 25px;
}
.form-newsletter h1 {
line-height: 1.25;
margin-bottom: 15px;
}
.form-newsletter h1 strong {
font-size: 100%;
line-height: 1.25;
}
.form-newsletter h5 {
padding-top: 25px;
}
.form-newsletter .checkbox label {
padding: 6px 0 6px 40px;
}
.form-newsletter .checkbox img {
width: 100%;
}
.form-newsletter .list-checkboxes {
margin: 0;
}
.form-newsletter .list-checkboxes li {
width: auto;
display: block;
padding: 0 0 15px;
}
.form-newsletter .form__head {
padding: 0 0 15px;
}
.form-newsletter .form__foot {
padding-bottom: 25px;
}
.form-newsletter .form__body,
.form-newsletter .form__head p,
.form-newsletter .form__actions,
.form-newsletter .form__message {
padding: 0;
}
}
/* ------------------------------------------------------------ *\
Form Sort
\* ------------------------------------------------------------ */
.form-sort label {
font-size: 15px;
line-height: 1.33;
color: #1a1a1a;
font-weight: 700;
padding: 4px 3px 6px 0;
}
.form-sort .select {
width: 158px;
}
.form-sort .select:before {
right: 10px;
}
.form-sort .select select {
color: #363636;
height: 30px;
padding: 5px 31px 5px 11px;
}
.form-sort label,
.form-sort .select {
display: inline-block;
vertical-align: middle;
}
/* Mobile */
@media (max-width: 767px) {
.form-sort {
text-align: right;
}
.form-sort label {
font-size: 18px;
line-height: 20px;
color: #858585;
letter-spacing: -0.03em;
}
.form-sort .form__btn {
font-size: 14px;
line-height: 20px;
padding: 10px 29px;
margin-top: 19px;
}
.form-sort .select {
width: 214px;
}
.form-sort .select:before {
right: 20px;
}
.form-sort .select select {
font-size: 18px;
line-height: 20px;
color: #858585;
height: 50px;
padding: 14px 50px 14px 21px;
}
.form-sort .select:only-child {
width: auto;
display: block;
margin: 0 13px 16px 17px;
}
.form-sort .select:only-child select {
padding-left: 18px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-sort {
font-size: 0;
line-height: 0;
text-align: center;
}
.form-sort label {
text-align: left;
width: 50px;
padding: 0;
}
.form-sort .select {
text-align: left;
width: calc(100% - 50px);
}
.form-sort .select:only-child {
margin: 0 0 15px;
}
}
/* ------------------------------------------------------------ *\
Form Sign
\* ------------------------------------------------------------ */
.form-sign {
padding: 47px 0;
}
.form-sign h5 {
color: #3f3f3f;
letter-spacing: 0.025em;
font-weight: 600;
margin-bottom: 9px;
}
.form-sign .form__btn {
min-width: 165px;
margin-bottom: 10px;
}
.form-sign .form__btn:only-child {
margin-top: 4px;
}
.form-sign .form__col {
max-width: 413px;
-webkit-box-flex: 0;
-ms-flex: 0 0 413px;
flex: 0 0 413px;
padding: 20px 22px 12px 19px;
border: 1px solid #828282;
margin: 0 19px 20px;
}
.form-sign .form__cols {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-sign .form__head {
font-size: 14px;
line-height: 1.25;
color: #656565;
font-weight: 400;
padding-bottom: 27px;
}
.form-sign .form__body {
min-height: 114px;
}
.form-sign .form__actions {
font-size: 14px;
letter-spacing: -0.005em;
padding-top: 1px;
}
.form-sign .form__actions p a {
color: #098a92;
text-decoration: none;
}
.form-sign .form__actions p a:hover {
text-decoration: underline;
}
/* Form Sign Password */
.form-sign--password .form__row {
padding-bottom: 21px;
position: relative;
}
.form-sign--password .form__col {
padding-bottom: 6px;
}
/* Form Sign Create */
.form-sign--create h5 {
letter-spacing: 0.01em;
}
.form-sign--create input[type="checkbox"]:not(:checked) + .form__row {
display: none;
}
.form-sign--create input[type="checkbox"]:checked ~ .form__row .checkbox label:after {
opacity: 1;
}
.form-sign--create .checkbox {
margin: -5px 0 10px;
}
.form-sign--create .form__head {
padding-bottom: 14px;
}
.form-sign--create .form__body {
min-height: 344px;
}
.form-sign--create .form__actions {
text-align: center;
}
.form-sign--create .form__row + .form__row {
padding-bottom: 21px;
}
/* Form Sign Guest */
.form-sign--guest {
padding: 21px 22px 17px 19px;
border: 1px solid #828282;
}
.form-sign--guest .form__head {
padding-bottom: 13px;
}
.form-sign--guest .form__body {
min-height: 135px;
}
.form-sign--guest .form__link {
letter-spacing: 0.005em;
position: absolute;
bottom: 100%;
right: 0;
margin-bottom: 11px;
}
.form-sign--guest .form__actions {
position: relative;
}
.form-sign--guest .form__row {
padding-bottom: 21px;
}
.form-sign--guest .form__row p {
font-size: 13px;
line-height: 1.2;
color: #676767;
letter-spacing: 0.005em;
margin: -7px 0 0 3px;
}
.form-sign--guest .form__btn {
min-width: 205px;
margin: 0;
}
.form-sign--guest .form__btn:only-child {
margin: 0;
}
/* Small Desktop */
@media (max-width: 1279px) {
.form-sign {
padding-bottom: 100px;
}
.form-sign--guest {
padding-bottom: 17px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.form-sign {
padding: 0 0 20px;
}
.form-sign .form__col {
max-width: 49%;
-webkit-box-flex: 0;
-ms-flex: 0 0 49%;
flex: 0 0 49%;
padding: 15px 15px 10px;
margin: 0 0 20px;
}
.form-sign .form__cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
}
.form-sign--password .form__cols,
.form-sign--create .form__cols {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-sign--guest {
padding: 15px;
}
.form-sign--guest h5 {
margin: 0;
}
.form-sign--guest .form__row {
padding-bottom: 15px;
}
.form-sign--guest .form__body {
min-height: 0;
}
.form-sign--guest .form__head {
padding-bottom: 15px;
}
.form-sign--guest .form__link {
display: block;
position: static;
bottom: auto;
right: auto;
margin: -5px 0 12px;
}
}
/* Mobile */
@media (max-width: 767px) {
.form-sign {
padding: 9px 0 0;
}
.form-sign h5 {
font-size: 21px;
letter-spacing: 0em;
padding: 0 7px;
margin: 0;
}
.form-sign .field {
height: 50px;
}
.form-sign .form__btn {
width: 100%;
}
.form-sign .form__btn:only-child {
margin-top: -5px;
}
.form-sign .form__col {
max-width: none;
padding: 0;
border: 0;
margin: 0 0 33px;
}
.form-sign .form__cols {
display: block;
}
.form-sign .form__head {
padding: 0;
border-bottom: 1px solid #f3f3f3;
}
.form-sign .form__body {
min-height: 0;
padding: 25px 14px 0 18px;
}
.form-sign .form__actions {
font-size: 18px;
line-height: 1.5;
padding: 2px 13px 0 18px;
}
.form-sign--password h5 {
letter-spacing: -0.02em;
}
.form-sign--password .field::-webkit-input-placeholder {
color: transparent;
}
.form-sign--password .field:-ms-input-placeholder {
color: transparent;
}
.form-sign--password .field::placeholder {
color: transparent;
}
.form-sign--password .form__row {
position: relative;
padding: 0;
margin-bottom: 10px;
}
.form-sign--password .form__label {
font-size: 18px;
line-height: 20px;
color: #828282;
opacity: 1;
visibility: visible;
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 15px;
pointer-events: none;
background-color: transparent;
}
.form-sign--password .form__asterisk {
color: #f00;
}
.form-sign--password .form__actions {
padding-top: 6px;
}
.form-sign--create .checkbox {
margin: 10px 0 5px;
}
.form-sign--create .checkbox label {
font-size: 19px;
height: 24px;
color: #858585;
letter-spacing: -0.01em;
padding: 2px 0 2px 36px;
}
.form-sign--create .checkbox label:before {
width: 28px;
height: 28px;
border-width: 3px;
border-color: #000;
margin-top: -4px;
}
.form-sign--create .checkbox label:after {
width: 16px;
height: 10px;
border-width: 0 0 2px 2px;
border-color: #000;
margin: -1px 0 0 2px;
}
.form-sign--create .form__row + .form__row {
padding-bottom: 10px;
}
.form-sign--guest {
padding: 12px 0 15px;
border: 0;
margin: 0 -5px;
}
.form-sign--guest .form__row {
padding-bottom: 13px;
}
.form-sign--guest .form__row p {
font-size: 14px;
letter-spacing: 0.018em;
padding-top: 4px;
margin-bottom: 9px;
}
.form-sign--guest .form__row p br {
display: none;
}
.checkout-security-logo.security-badge-shopping-guestsignin.security-badge-shopping-cart-tablet {
display: flex !important;
justify-content: space-between;
padding-top: 20px;
max-width: 300px;
margin: 0 auto;
}
.checkout-security-logo.security-badge-shopping-guestsignin.security-badge-shopping-cart-tablet span {
max-width:110px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-sign {
padding: 0;
}
.form-sign h5 {
font-size: 16px;
padding: 5px 0;
}
.form-sign .form__col {
margin-bottom: 20px;
}
.form-sign .form__row {
padding-bottom: 15px;
}
.form-sign .form__body {
padding: 15px 0 0;
}
.form-sign .form__actions {
font-size: 14px;
padding: 0;
}
.form-sign--guest {
padding: 0;
margin: 0;
}
}
/* ------------------------------------------------------------ *\
Form Feedback
\* ------------------------------------------------------------ */
.form-feedback h6 {
font-size: 15px;
line-height: 1.3;
color: #060606;
font-weight: 300;
letter-spacing: 0.025em;
padding-left: 8px;
margin-bottom: 25px;
}
.form-feedback .select {
max-width: 168px;
}
.form-feedback .select:before {
right: 10px;
}
.form-feedback .select select {
font-size: 15px;
line-height: 18px;
color: #363636;
height: 30px;
padding: 5px 30px 5px 10px;
}
.form-feedback .textarea {
color: #363636;
width: 94.3%;
height: 216px;
margin-bottom: 3px;
}
.form-feedback .list-radios {
padding-left: 24px;
}
.form-feedback .form__btn {
font-size: 16px;
line-height: 17px;
padding: 8px 24px;
}
.form-feedback .form__body {
min-height: 512px;
}
.form-feedback .form__controls {
margin-top: -4px;
padding: 0 0 3px 17px;
}
.form-feedback .form__actions--final {
padding-bottom: 10px;
padding-top: 165px;
}
.form-feedback .form__actions--final .form__btn {
padding: 8px 15px;
}
.form-feedback .form__group + .form__group {
padding-top: 38px;
border-top: 1px solid #ebebeb;
margin-top: 39px;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.form-feedback .form__body {
min-height: 40vw;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.form-feedback h6,
.form-feedback .list-radios,
.form-feedback .form__controls {
padding: 0;
}
.form-feedback .form__actions--final {
padding: 15px 0 0;
}
.form-feedback .form__group + .form__group {
padding-top: 25px;
margin-top: 25px;
}
}
/* Mobile */
@media (max-width: 767px) {
.form-feedback h6 {
font-size: 14px;
letter-spacing: 0.04em;
margin-bottom: 13px;
}
.form-feedback .select {
max-width: 215px;
margin-left: -3px;
}
.form-feedback .select:before {
right: 20px;
}
.form-feedback .select select {
font-size: 19px;
line-height: 20px;
color: #858585;
height: 50px;
padding: 14px 50px 14px 16px;
border-color: #c0c0c0;
}
.form-feedback .textarea {
width: 102%;
height: 150px;
margin: 3px 0 -3px -3px;
}
.form-feedback .form__btn {
font-size: 14px;
line-height: 1.5;
padding: 10px 30px;
}
.form-feedback .form__body {
min-height: 0;
padding: 0;
}
.form-feedback .form__actions {
text-align: right;
padding-top: 14px;
}
.form-feedback .form__controls {
padding: 7px 0;
}
.form-feedback .form__actions--final {
padding: 35px 0 0;
margin: 0 -10px;
}
.form-feedback .form__actions--final .form__btn {
padding: 9px 13px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-feedback h6 {
letter-spacing: 0em;
margin-bottom: 10px;
}
.form-feedback .select {
max-width: none;
margin: 0;
}
.form-feedback .textarea {
width: 100%;
margin: 0;
}
.form-feedback .form__actions {
padding-top: 10px;
}
.form-feedback .form__actions--final {
padding: 3px 0 0;
margin: 0;
}
.form-feedback .form__group + .form__group {
padding-top: 10px;
margin-top: 10px;
}
}
/* ------------------------------------------------------------ *\
Form Contact
\* ------------------------------------------------------------ */
.form-contact {
padding-top: 22px;
}
.form-contact h1 {
font-size: 35px;
line-height: 1.2;
color: #454545;
font-weight: 400;
margin: 0 0 5px -3px;
}
.form-contact h5 {
font-size: 20px;
line-height: 1.2;
color: #454545;
font-weight: 600;
margin: 0 0 8px;
}
.form-contact .textarea {
height: 223px;
}
.form-contact .list-radios {
padding-bottom: 15px;
}
.form-contact .form__row {
padding-bottom: 0;
margin-bottom: 21px;
}
.form-contact .form__row:last-child {
margin-bottom: 0;
}
.form-contact .form__btn {
line-height: 1.44;
min-width: 151px;
padding: 5px 30px;
}
.form-contact .form__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 45.2%;
flex: 0 0 45.2%;
padding: 0 9px;
margin: 0;
}
.form-contact .form__cols {
margin: 0 -9px;
}
.form-contact .form__actions {
max-width: 90.3%;
padding: 13px 0;
}
/* Small Desktop */
@media (max-width: 1279px) {
.form-contact {
padding: 0 0 100px;
}
.form-contact h1 {
margin: 0;
}
.form-contact h5 {
margin: 0 0 12px;
}
.form-contact .list-radios {
font-size: 0;
line-height: 0;
}
.form-contact .list-radios li {
width: 50%;
}
.form-contact .list-radios li + li {
margin: 0;
}
.form-contact .form__row {
margin-bottom: 20px;
}
.form-contact .form__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.form-contact .form__actions {
max-width: none;
padding: 20px 0;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.form-contact {
padding: 0;
}
.form-contact .list-radios li {
width: auto;
display: block;
}
.form-contact .form__col {
max-width: none;
}
.form-contact .form__col + .form__col {
padding-top: 20px;
}
.form-contact .form__cols {
display: block;
}
}
/* Mobile */
@media (max-width: 767px) {
.form-contact {
padding: 6px 5px;
}
.form-contact h1 {
font-size: 21px;
}
.form-contact h5 {
letter-spacing: -0.02em;
padding: 0 4px;
}
.form-contact .textarea {
height: 161px;
}
.form-contact .list-radios {
padding-bottom: 8px;
margin: 0 -22px;
}
.form-contact .list-radios li {
display: inline-block;
padding: 8px 0 23px 20px;
}
.form-contact .list-radios label {
letter-spacing: -0.02em;
}
.form-contact .form__btn {
font-size: 18px;
line-height: 19px;
width: 100%;
padding: 14px;
}
.form-contact .form__row {
margin-bottom: 8px;
}
.form-contact .form__col + .form__col {
padding-top: 10px;
}
.form-contact .form__head {
padding: 0 8px 19px 6px;
}
.form-contact .form__actions {
padding: 10px 8px 10px 12px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-contact {
padding: 0;
}
.form-contact h1 {
font-size: 20px;
}
.form-contact h5 {
font-size: 18px;
margin-bottom: 15px;
padding: 0;
}
.form-contact .list-radios {
padding-bottom: 15px;
margin: 0;
}
.form-contact .list-radios li {
display: block;
padding: 0;
}
.form-contact .list-radios li + li {
padding-top: 5px;
}
.form-contact .form__row {
margin-bottom: 10px;
}
.form-contact .form__head {
padding: 0 0 15px;
}
.form-contact .form__actions {
padding: 10px 0 0;
}
}
/* ------------------------------------------------------------ *\
Form Checkout
\* ------------------------------------------------------------ */
.form-checkout h2 {
margin-bottom: .55em;
}
.form-checkout .textarea {
height: 114px;
}
.form-checkout .checkbox {
margin: 0px 26px 0;
}
.form-checkout .checkout__fields {
max-width: none;
margin-right: -4px;
}
.form-checkout .checkout__fields .form__cols {
margin-top: -4px;
margin-bottom: 4px;
}
.form-checkout .form__col {
padding: 0 5px;
}
.form-checkout .form__cols {
margin: 0 -5px -2px;
}
.form-checkout .form__section {
padding: 23px 31px 22px 19px;
border: 1px solid #828282;
margin: 0 -3px 52px 10px;
}
.form-checkout .form__section ~ .form__section {
margin-bottom: 47px;
}
.form-checkout .form__section:last-child {
padding-bottom: 13px;
margin-bottom: 0;
}
.form-checkout .form__row {
padding-bottom: 22px;
}
.form-checkout .form__row ~ .form__row {
padding-bottom: 20px;
}
.form-checkout + .checkout__foot {
text-align: left;
padding-top: 31px;
}
.form-checkout + .checkout__foot p {
text-align: center;
}
.form-checkout + .checkout__foot .checkout__btn {
margin: 0 0 0 20px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.form-checkout + .checkout__foot {
padding: 20px 0;
}
.form-checkout + .checkout__foot .checkout__btn {
margin: 0 0 0 0;
}
.terms-text .leftalign {
margin-left: 0px !important;
}
.form-checkout .form__cols {
margin: 0 -5px;
}
.form-checkout .form__section {
padding: 20px;
margin: 0 0 20px;
}
.form-checkout .form__section ~ .form__section {
margin-bottom: 20px;
}
.form-checkout .form__row,
.form-checkout .form__row ~ .form__row {
padding-bottom: 20px;
}
}
/* Mobile */
@media (max-width: 767px) {
.form-checkout h2 {
border-bottom: 1px solid #f9f9f9;
margin-bottom: 19px;
}
.form-checkout .textarea {
height: 120px;
}
.form-checkout .list-radios--payment {
padding-top: 1px;
padding-bottom: 20px;
}
.form-checkout .checkout__fields {
margin: 34px 0 10px;
}
.form-checkout .checkout__fields .form__row {
padding-bottom: 20px;
}
.form-checkout .checkout__fields .form__row ~ .form__row {
padding-bottom: 25px;
}
.form-checkout .checkout__fields .form__cols .form__row {
padding-bottom: 0;
}
.form-checkout .checkbox {
margin: 0px 10px 0px;
}
.form-checkout .checkbox label {
font-size: 16px;
line-height: 26px;
color: #858585;
font-weight: 400;
padding: 2px 0 2px 37px;
}
.form-checkout .checkbox label:before {
width: 27px;
height: 27px;
border-width: 3px;
}
.form-checkout .checkbox label:after {
width: 16px;
height: 10px;
border-width: 0 0 2px 2px;
border-color: #000;
margin: 2px 0 0 2px;
}
.form-checkout .form__row,
.form-checkout .form__row ~ .form__row {
padding-bottom: 16px;
}
.form-checkout .form__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.form-checkout .form__col--1of3 {
max-width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
}
.form-checkout .form__cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.form-checkout .form__section {
padding: 0 8px 0 12px;
border: 0;
margin: 0 0 60px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-checkout h2 {
margin-bottom: 15px;
}
.form-checkout .list-radios--payment {
padding: 0;
}
.form-checkout .form__row,
.form-checkout .form__row ~ .form__row,
.form-checkout .checkout__fields .form__row,
.form-checkout .checkout__fields .form__row ~ .form__row {
padding-bottom: 15px;
}
.form-checkout .form__section {
padding: 0;
margin-bottom: 20px;
}
.form-checkout .form__col--1of3 {
max-width: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-bottom: 15px;
}
.form-checkout .form__col--1of3 .form__row {
padding-bottom: 0;
}
}
/* ------------------------------------------------------------ *\
Form Coupon Code
\* ------------------------------------------------------------ */
.form-coupon-code h3 {
font-size: 21px;
font-weight: 700;
letter-spacing: 0.01em;
}
.form-coupon-code .form__row {
padding-bottom: 22px;
}
.form-coupon-code .form__head {
padding-bottom: 36px;
}
.form-coupon-code .form__label {
font-size: 14px;
line-height: 1.3;
color: #858585;
float: left;
padding: 11px 12px 11px 0;
}
.form-coupon-code .form__controls {
overflow: hidden;
}
.form-coupon-code .form__actions {
font-size: 0;
line-height: 0;
}
.form-coupon-code .form__btn,
.form-coupon-code .mfp-close.btn {
min-width: 91px;
margin-left: 9px;
}
/* Mobile */
@media (max-width: 767px) {
.form-coupon-code .form__row {
padding-bottom: 22px;
}
.form-coupon-code .form__head {
padding-bottom: 38px;
}
.form-coupon-code .form__body {
padding: 0;
}
.form-coupon-code .form__label {
padding: 14px 14px 14px 2px;
}
.form-coupon-code .form__actions {
text-align: right;
padding: 0;
}
.form-coupon-code .form__btn,
.form-coupon-code .mfp-close.btn {
font-size: 15px;
line-height: 18px;
padding: 9px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-coupon-code .form__row,
.form-coupon-code .form__head {
padding-bottom: 15px;
}
.form-coupon-code .form__btn,
.form-coupon-code .mfp-close.btn {
margin: 0 5px;
}
.form-coupon-code .form__label {
display: block;
float: none;
padding: 0 0 10px;
}
.form-coupon-code .form__actions {
text-align: center;
}
}
/* ------------------------------------------------------------ *\
Form Review
\* ------------------------------------------------------------ */
.form-review {
max-width: 949px;
position: relative;
padding-bottom: 49px;
margin: auto;
background-color: #fff;
box-shadow: 0 0 7px rgba(0,0,0,.3);
}
.form-review .mfp-close {
top: -12px;
right: -11px;
}
.form-review .form__head {
padding: 29px 25px 21px;
border-bottom: 1px solid #d7d7d7;
}
.form-review .form__head h2 {
font-size: 26px;
line-height: 28px;
color: #444;
font-weight: 600;
}
.form-review .form__subject {
padding: 51px 51px 42px;
overflow: hidden;
}
.form-review .form__subject p {
font-size: 15px;
color: #858585;
}
.form-review .form__subject p i {
margin-top: -4px;
}
.form-review .form__subject p i:first-of-type {
margin-left: 5px;
}
.form-review .form__subject h4 {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 19px;
line-height: 1.25;
color: #333;
font-weight: 700;
padding-top: 23px;
margin-bottom: 24px;
}
.form-review .form__subject img {
float: left;
margin-right: 25px;
}
.form-review .form__btn {
min-width: 125px;
margin-left: 10px;
}
.form-review .form__row {
font-size: 0;
line-height: 0;
padding-bottom: 15px;
}
.form-review .form__body {
padding: 0 156px 0 93px;
}
.form-review .form__label {
font-size: 15px;
line-height: 1.55;
color: #858585;
text-align: right;
width: 220px;
display: inline-block;
vertical-align: middle;
padding-right: 26px;
}
.form-review .form__asterisk {
color: #f00;
padding-left: 5px;
}
.form-review .form__actions {
font-size: 0;
line-height: 0;
padding: 34px 54px 0 93px;
}
.form-review .form__controls {
width: calc(100% - 220px);
display: inline-block;
vertical-align: middle;
}
.form-review .form__controls:first-child {
width: auto;
display: block;
margin-top: 20px;
position: relative;
}
.form-review .form__controls .form__label {
text-align: left;
width: auto;
position: absolute;
top: 0;
left: 0;
padding: 10px;
pointer-events: none;
}
.form-review .form__message {
padding: 0 54px;
margin-top: -5px;
}
.form-review .form__message-content {
font-size: 15px;
color: #3c3c3c;
letter-spacing: -0.002em;
padding: 25px 10px 8px 20px;
margin: 0 70px;
background-color: #e9e9e9;
}
.form-review .form__message-content p {
margin-bottom: 1.2em;
}
.form-review .form__message-actions {
text-align: right;
padding-top: 46px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.form-review {
padding-bottom: 15px;
}
.form-review .mfp-close {
top: -5px;
right: -5px;
}
.form-review .form__head,
.form-review .form__subject {
padding: 15px;
}
.form-review .form__body {
padding: 0 15px;
}
.form-review .form__actions {
padding: 0 15px;
}
.form-review .form__controls:first-child {
margin: 0;
}
.form-review .form__message {
padding: 0 15px;
margin: 0;
}
.form-review .form__message-content {
padding: 15px 15px 1px;
margin: 0;
}
.form-review .form__message-content p {
margin-bottom: 14px;
}
.form-review .form__message-actions {
padding-top: 15px;
}
}
/* Mobile */
@media (max-width: 767px) {
.form-review .textarea {
height: 182px;
}
.form-review .mfp-close {
display: none;
}
.form-review .form__head {
padding: 18px 17px;
border-bottom: 0;
}
.form-review .form__head h2 {
font-size: 21px;
line-height: 1.25;
color: #444;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 0.028em;
}
.form-review .form__subject {
font-size: 10px;
padding: 7px 30px 17px 30px;
}
.form-review .form__subject h4 {
font-size: 1.772em;
color: #333;
padding: 8px 30px 0 0;
margin-bottom: 10px;
}
.form-review .form__subject img {
width: 153px;
margin-right: 12px;
}
.form-review .form__subject p {
font-size: 1.434em;
text-indent: 3px;
letter-spacing: 0.01em;
}
.form-review .form__subject p i {
width: 23px;
height: 22px;
margin-left: -3px;
}
.form-review .form__subject p i:first-of-type {
margin-left: 0;
}
.form-review .form__row {
padding: 0 7px 11px 0;
}
.form-review .form__label {
font-size: 14px;
line-height: 1.25;
width: 192px;
padding: 0 8px 0 0;
}
.form-review .form__controls {
width: calc(100% - 192px);
}
.form-review .form__controls:first-child {
margin-left: 6px;
}
.form-review .form__controls .form__label {
top: -3px;
left: -8px;
}
.form-review .form__btn {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 15px;
line-height: 17px;
min-width: 91px;
padding: 10px 20px;
margin: 0 0 0 10px;
}
.form-review .form__actions {
font-size: 0;
line-height: 0;
text-align: right;
padding: 6px 12px 0;
}
.form-review .form__message {
font-size: 10px;
padding: 9px 31px 5px;
}
.form-review .form__message-content {
font-size: 1.434em;
padding: 13px 15px 1px;
}
.form-review .form__message-content p {
margin-bottom: 17px;
}
.form-review .form__message-actions {
padding-top: 30px;
margin: 0 -18px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-review .form__row {
padding: 0 0 15px;
}
.form-review .form__head {
padding: 15px;
}
.form-review .form__label {
text-align: left;
width: auto;
display: block;
padding: 0 0 5px;
}
.form-review .form__asterisk {
padding: 0;
}
.form-review .form__actions {
padding: 0 15px;
}
.form-review .form__controls {
width: auto;
display: block;
}
.form-review .form__controls:first-child {
margin: 0;
}
.form-review .form__subject {
padding: 0 15px 15px;
}
.form-review .form__subject h4 {
padding: 0;
}
.form-review .form__subject img {
width: 100%;
float: none;
margin: 0 0 10px;
}
.form-review .form__message {
padding: 0 15px;
}
.form-review .form__message-content {
padding: 15px 15px 1px;
}
.form-review .form__message-content p {
margin-bottom: 14px;
}
.form-review .form__message-actions {
padding-top: 15px;
margin: 0;
}
}
/* ------------------------------------------------------------ *\
Form Question
\* ------------------------------------------------------------ */
.form-question .form__row {
padding-bottom: 17px;
}
.form-question .form__subject {
padding-bottom: 46px;
}
.form-question .form__actions {
padding-top: 11px;
}
.form-question .form__controls:first-child {
margin-top: 0;
}
.form-question .form__message {
text-align: center;
margin-top: -10px;
}
.form-question .form__message-content {
padding-bottom: 4px;
}
.form-question .form__message-actions {
padding-top: 87px;
}
/* Mobile */
@media (max-width: 767px) {
.form-question .form__row {
padding-bottom: 11px;
}
.form-question .form__subject {
padding-bottom: 17px;
}
.form-question .form__actions {
padding-top: 7px;
}
.form-question .form__message {
padding-top: 20px;
padding-bottom: 0;
}
.form-question .form__message-actions {
padding-top: 67px;
}
.form-question .form__message-content p {
margin-bottom: 10px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.form-question .form__row {
padding-bottom: 15px;
}
.form-question .form__subject {
padding-bottom: 15px;
}
.form-question .form__actions {
padding-top: 0;
}
.form-question .form__message {
padding: 0 15px;
}
.form-question .form__message-content {
padding-bottom: 8px;
}
.form-question .form__message-actions {
padding-top: 15px;
}
}
/* ------------------------------------------------------------ *\
Form Color
\* ------------------------------------------------------------ */
.form-color {
padding: 20px 13px 20px 17px;
background-color: #fff;
box-shadow: 0 0 7px rgba(0,0,0,.3);
}
.form-color h2 {
font-size: 21px;
line-height: 1.1;
color: #444;
font-weight: 600;
letter-spacing: 0.012em;
}
.form-color h3 {
font-size: 1.434em;
line-height: 1.25;
color: #2c2c2c;
font-weight: 400;
padding-bottom: 1px;
}
.form-color .select:before {
right: 17px;
}
.form-color .select select {
font-size: 1.434em;
line-height: 20px;
padding: 14px 40px 14px 8px;
}
.form-color .form__btn,
.form-color .mfp-close.btn {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 15px;
line-height: 17px;
min-width: 91px;
padding: 10px 20px;
margin: 0 0 0 10px;
}
.form-color .form__head {
padding-bottom: 24px;
}
.form-color .form__body {
font-size: 10px;
padding: 0;
}
.form-color .form__actions {
font-size: 0;
line-height: 0;
text-align: right;
padding: 27px 0 0;
}
/* Mobile Small */
@media (max-width: 523px) {
.form-color {
padding: 15px;
}
.form-color .form__head {
padding-bottom: 15px;
}
.form-color .form__actions {
padding-top: 5px;
}
}
/* ------------------------------------------------------------ *\
Icons
\* ------------------------------------------------------------ */
.ico-chevron-left {
width: 20px;
height: 32px;
background-image: url(/Content/images/ico-chevron-left.png);
}
.ico-chevron-right {
width: 20px;
height: 32px;
background-image: url(/Content/images/ico-chevron-right.png);
}
.ico-close {
width: 30px;
height: 30px;
background-image: url(/Content/images/ico-close.png);
}
.ico-facebook {
width: 50px;
height: 49px;
background-image: url(/Content/images/ico-facebook.png);
}
.ico-linkedin {
width: 50px;
height: 49px;
background-image: url(/Content/images/ico-linkedin.png);
}
.ico-logo {
width: 38px;
height: 37px;
background-image: url(/Content/images/ico-logo.png);
}
.ico-logo-mobile {
width: 48px;
height: 46px;
background-image: url(/Content/images/ico-logo-mobile@2x.png);
}
.ico-pdf-download {
width: 40px;
height: 39px;
background-image: url(/Content/images/ico-pdf-download.png);
}
.ico-person {
width: 20px;
height: 22px;
background-image: url(/Content/images/ico-person.png);
}
.ico-person-mobile {
width: 24px;
height: 26px;
background-image: url(/Content/images/ico-person-mobile@2x.png);
}
.ico-phone-mobile {
width: 30px;
height: 36px;
background-image: url(/Content/images/ico-phone-mobile@2x.png);
}
.ico-pinterest {
width: 50px;
height: 49px;
background-image: url(/Content/images/ico-pinterest.png);
}
.ico-play {
width: 40px;
height: 40px;
background-image: url(/Content/images/ico-play.png);
}
.ico-play-invert {
width: 40px;
height: 40px;
background-image: url(/Content/images/ico-play-invert.png);
}
.ico-search {
width: 16px;
height: 16px;
background-image: url(/Content/images/ico-search.png);
}
.ico-search-mobile {
width: 21px;
height: 21px;
background-image: url(/Content/images/ico-search-mobile@2x.png);
}
.ico-shopping-cart {
width: 28px;
height: 22px;
background-image: url(/Content/images/ico-shopping-cart.png);
}
.ico-shopping-cart-mobile {
width: 32px;
height: 26px;
background-image: url(/Content/images/ico-shopping-cart-mobile@2x.png);
}
.ico-star {
width: 25px;
height: 25px;
background-image: url(/Content/images/ico-star.png);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.ico-star-default {
width: 25px;
height: 25px;
background-image: url(/Content/images/ico-star-default.png);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.ico-tick {
width: 18px;
height: 18px;
background-image: url(/Content/images/ico-tick.png);
}
.ico-trash {
width: 15px;
height: 18px;
background-image: url(/Content/images/ico-trash.png);
}
.ico-twitter {
width: 49px;
height: 49px;
background-image: url(/Content/images/ico-twitter.png);
}
.ico-youtube {
width: 50px;
height: 49px;
background-image: url(/Content/images/ico-youtube.png);
}
/* Retina Devices Icons */
@media (min-resolution: 192dpi) {
.ico-logo {
background-image: url(/Content/images/ico-logo@2x.png);
}
}
/* Mobile Small */
@media (max-width: 523px) {
.ico-logo-mobile {
width: 36px;
height: 34px;
}
}
/* ------------------------------------------------------------ *\
List
\* ------------------------------------------------------------ */
[class^="list-"] {
list-style: none outside none;
}
/* ------------------------------------------------------------ *\
List Logos
\* ------------------------------------------------------------ */
.list-logos {
font-size: 0;
line-height: 0;
text-align: center;
padding-right: 30px;
}
.list-logos li {
display: inline-block;
vertical-align: middle;
padding: 0 20px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.list-logos li {
min-width: 30%;
padding-bottom: 30px;
}
}
/* Mobile */
@media (max-width: 767px) {
.list-logos {
padding: 0;
}
.list-logos li {
min-width: 0;
padding: 0 10px;
}
.list-logos img {
width: auto;
height: 18px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.list-logos li {
padding: 0 10px 20px;
}
.list-logos img {
height: 40px;
}
}
/* ------------------------------------------------------------ *\
List Orders Data
\* ------------------------------------------------------------ */
.list-orders-data {
margin: 0 0 1.8em 2.5em;
}
.list-orders-data li {
position: relative;
}
.list-orders-data li:before {
content: '';
width: 4px;
height: 4px;
display: block;
position: absolute;
top: 8px;
left: -9px;
background-color: currentColor;
border-radius: 50%;
}
.list-orders-data span {
min-width: 138px;
display: inline-block;
padding-right: 8px;
}
/* Mobile */
@media (max-width: 767px) {
.list-orders-data {
margin-left: 1.6em;
}
.list-orders-data li {
margin-top: -1px;
}
.list-orders-data span {
min-width: 108px;
}
}
/* ------------------------------------------------------------ *\
List Addresses
\* ------------------------------------------------------------ */
.list-addresses {
font-size: 14px;
line-height: 1.5;
color: #363636;
font-weight: 400;
padding-bottom: 60px;
margin-left: 3px;
}
.list-addresses i {
display: none;
position: absolute;
top: 15px;
right: 12px;
pointer-events: none;
}
.list-addresses h6 {
font-size: 100%;
font-weight: 600;
letter-spacing: 0.018em;
margin: 0 0 1px;
}
.list-addresses address {
padding-bottom: 13px;
}
.list-addresses a {
color: #4ec5cc;
text-decoration: none;
}
.list-addresses a:hover {
text-decoration: underline;
}
.list-addresses li {
max-width: 200px;
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
position: relative;
padding: 17px 25px 12px;
border: 1px solid #bfbfbf;
margin: 0 11px 15px 0;
}
.list-addresses li > a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.list-addresses p {
color: #4ec5cc;
margin: 0 -2px;
}
.list-addresses p a {
padding: 0 2px;
}
.list-addresses .current i {
display: block;
}
/* List Addresses Checkout */
.list-addresses--checkout {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-bottom: 0;
margin: 0 0 0 3px;
}
.list-addresses--checkout i {
top: 10px;
right: 6px;
}
.list-addresses--checkout li {
padding: 22px 15px 21px 45px;
}
.list-addresses--checkout address {
padding-bottom: 0;
}
/* Small Desktop */
@media (max-width: 1279px) {
.list-addresses--checkout {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-addresses--checkout li {
min-height: 130px;
}
}
/* ------------------------------------------------------------ *\
List Cards
\* ------------------------------------------------------------ */
.list-cards li {
padding: 19px 15px 14px 22px;
}
.list-cards h6 {
padding-bottom: 6px;
}
.list-cards h6 span {
font-family: 'Helvetica Neue', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
color: #626262;
display: inline-block;
vertical-align: middle;
margin-left: 9px;
}
.list-cards h6 span strong {
font-weight: 600;
}
/* Mobile */
@media (max-width: 767px) {
.list-addresses {
display: block;
padding: 0 25px 0 20px;
}
.list-addresses i {
top: 17px;
right: 15px;
}
.list-addresses li {
max-width: none;
min-height: 132px;
padding: 15px 18px 13px;
margin: 0 0 16px;
}
.list-addresses h6 {
letter-spacing: 0.028em;
}
.list-addresses address {
padding-bottom: 17px;
}
.list-addresses p {
margin: 0 -5px;
}
.list-addresses p a {
padding: 0 5px;
}
.list-addresses--checkout {
padding: 8px 6px 6px 0;
}
.list-addresses--checkout h6 {
font-weight: 700;
letter-spacing: 0.008em;
}
.list-addresses--checkout address {
line-height: 1.35;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.list-addresses {
padding: 0;
margin: 0;
}
.list-addresses li {
padding: 15px;
}
}
/* ------------------------------------------------------------ *\
List Radios
\* ------------------------------------------------------------ */
.list-radios li {
display: inline-block;
vertical-align: top;
padding: 8px 0;
}
.list-radios li + li {
margin-left: 20px;
}
/* List Radios Full */
.list-radios--full li {
display: block;
padding: 0;
}
.list-radios--full li + li {
padding-top: 10px;
margin: 0;
}
/* List Radios Full Inline */
.list-radios--full-inline {
text-align: center;
}
.list-radios--full-inline li {
-webkit-box-flex: 0;
-ms-flex: 0 0 18%;
flex: 0 0 18%;
}
.list-radios--full-inline li + li {
padding: 0;
margin: 0 0 0 10px;
}
/* List Radios Payment */
.list-radios--payment small {
font-size: 100%;
letter-spacing: 0.015em;
}
.list-radios--payment img:not(:only-child) {
max-width: none;
display: block;
margin: -19px 0 21px 4px;
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.list-radios--full-inline {
margin: 0 -5px;
}
.list-radios--full-inline li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(20% - 10px);
flex-basis: calc(20% - 10px);
margin: 0 5px;
}
.list-radios--full-inline li + li {
margin: 0 5px;
}
}
/* Mobile */
@media (max-width: 767px) {
.list-radios {
position: relative;
}
.list-radios--full li + li {
padding-top: 8px;
}
.list-radios--full-inline {
margin: 0 -4px;
}
.list-radios--full-inline li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(20% - 8px);
flex-basis: calc(20% - 8px);
margin: 0 4px;
}
.list-radios--full-inline li + li {
padding: 0;
margin: 0 4px;
}
.list-radios--payment img:not(:only-child) {
max-height: 40px;
margin: -15px 0 25px -2px;
}
.list-radios--alt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.list-radios--alt li:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
/* Modile Small */
@media (max-width: 523px) {
.list-radios li {
display: block;
}
.list-radios li + li {
margin: 10px 0 0;
}
.list-radios--full li + li {
padding-top: 10px;
margin: 0;
}
.list-radios--full-inline li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(33.33% - 8px);
flex-basis: calc(33.33% - 8px);
padding-bottom: 8px;
}
.list-radios--full-inline li + li {
padding-top: 0;
margin: 0 4px;
}
}
/* ------------------------------------------------------------ *\
List Checkboxes
\* ------------------------------------------------------------ */
.list-checkboxes li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 16px;
}
.list-checkboxes li:nth-child(odd) {
margin-right: 44px;
}
.list-checkboxes img {
display: block;
margin-bottom: 15px;
}
/* List Checkboxes Block */
.list-checkboxes--block,
.list-checkboxes--block li,
.list-checkboxes--block li:nth-child(odd) {
display: block;
margin: 0;
}
/* Small Desktop */
@media (max-width: 1279px) {
.list-checkboxes {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/* Mobile */
@media (max-width: 767px) {
.list-checkboxes--block label {
font-size: 17px;
line-height: 18px;
padding: 5px 0 5px 41px;
margin-bottom: 19px;
}
.list-checkboxes--block label:before {
width: 28px;
height: 28px;
border-width: 3px;
}
.list-checkboxes--block label:after {
width: 15px;
height: 10px;
border-width: 0 0 2px 2px;
top: 7px;
left: 6px;
}
}
/* ------------------------------------------------------------ *\
List Filters
\* ------------------------------------------------------------ */
.list-filters {
font-size: 17px;
line-height: 19px;
color: #fff;
font-weight: 400;
letter-spacing: -0.01em;
padding: 0 3px 7px;
}
.list-filters li {
display: inline-block;
vertical-align: middle;
padding: 10px 13px;
margin: 0 10px 10px 0;
background-color: #098a92;
border-radius: 3px;
}
.list-filters a {
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
position: relative;
margin: -2px -2px 0 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.list-filters a:hover {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.list-filters a:before {
width: 15px;
height: 2px;
}
.list-filters a:after {
width: 2px;
height: 15px;
}
.list-filters a:before,
.list-filters a:after {
content: '';
background-color: #fff;
}
/* Modile Small */
@media (max-width: 523px) {
.list-filters {
padding: 0 0 5px;
}
}
/* ------------------------------------------------------------ *\
List Specials
\* ------------------------------------------------------------ */
.list-specials {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 20px;
line-height: 1.2;
color: #fff;
font-weight: 400;
text-align: center;
letter-spacing: 0.005em;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.list-specials a {
text-decoration: none;
display: block;
padding: 30px 20px 34px 10px;
}
.list-specials li {
-webkit-box-flex: 0;
-ms-flex: 0 0 29.25%;
flex: 0 0 29.25%;
margin-bottom: 53px;
background-color: #098a92;
}
.list-specials strong {
font-size: 30px;
letter-spacing: 0.02em;
display: block;
margin: 8px 0 0 10px;
}
.list-specials li:first-child {
font-size: 18px;
letter-spacing: 0em;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.list-specials li:first-child a {
padding: 51px 20px 54px;
}
.list-specials li:first-child strong {
font-size: 1.7em;
letter-spacing: -0.04em;
margin: 0 0 6px;
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.list-specials li {
-webkit-box-flex: 0;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
margin-bottom: 20px;
}
}
/* Mobile */
@media (max-width: 767px) {
.list-specials {
font-size: 10px;
}
.list-specials a {
font-size: 1.266em;
padding: 26px 10px;
}
.list-specials li {
-webkit-box-flex: 0;
-ms-flex: 0 0 29.25%;
flex: 0 0 29.25%;
}
.list-specials strong {
font-size: 1.2em;
margin: 3px 0 0 2px;
}
.list-specials li:first-child {
font-size: 1em;
}
.list-specials li:first-child a {
padding: 68px 10px 61px;
}
.list-specials li:first-child strong {
font-size: 1.47em;
letter-spacing: 0.028em;
margin: 0 0 3px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.list-specials {
font-size: 16px;
display: block;
}
.list-specials a {
font-size: 1em;
padding: 20px;
}
.list-specials li {
margin-bottom: 10px;
}
.list-specials strong {
font-size: 1.25em;
letter-spacing: 0em;
margin: 10px 0 0;
}
.list-specials li:first-child a {
padding: 40px 20px;
}
.list-specials li:first-child strong {
font-size: 1.25em;
letter-spacing: 0em;
margin: 0 0 10px;
}
}
/* ------------------------------------------------------------ *\
List Categories
\* ------------------------------------------------------------ */
.list-categories {
color: #080808;
text-align: center;
padding: 0;
margin: 0 -10px 0 -14px;
}
.list-categories a {
text-decoration: none;
display: block;
}
.list-categories li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
padding-bottom: 5.55555%;
}
.list-categories img {
display: block;
margin: 0 auto 20px;
}
.list-categories span {
font-size: 18px;
font-weight: 600;
display: block;
margin-bottom: 17px;
overflow: hidden;
}
.list-categories strong {
font-size: 16px;
font-weight: 400;
display: block;
transition: color .35s ease-in-out;
}
.list-categories strong:after {
content: '';
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: transparent transparent #f00 #f00;
margin: -2px 0 0 7px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.list-categories a:hover span {
text-decoration: underline;
}
.list-categories a:hover strong {
color: #f00;
}
/* Small Desktop */
@media (max-width: 1279px) {
.list-categories {
margin: 0 -15px;
}
.list-categories li {
padding: 0 15px 40px;
}
}
/* Mobile */
@media (max-width: 767px) {
.list-categories {
margin: 0 -5px;
}
.list-categories a {
font-size: 10px;
}
.list-categories li {
padding: 0 10px 33px;
}
.list-categories img {
margin-bottom: 9px;
}
/*.list-categories span {
font-size: 14px;
padding-bottom: 8px;
margin: 0 -10px;
}*/
.list-categories strong {
font-size: 1.35em;
}
.list-categories strong:after {
margin-left: 5px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.list-categories {
display: block;
margin: 0;
}
.list-categories li {
padding: 0 0 15px;
}
.list-categories span {
margin: 0;
}
}
/* ------------------------------------------------------------ *\
List Brands
\* ------------------------------------------------------------ */
.list-brands {
font-size: 0;
line-height: 0;
text-align: center;
}
.list-brands li {
display: inline-block;
vertical-align: middle;
padding: 0 46px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.list-brands li {
padding: 0 20px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.list-brands img {
max-height: 58px;
}
}
/* Mobile */
@media (max-width: 767px) {
.list-brands img {
max-height: 27px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.list-brands li {
width: 46%;
padding: 0 10px 20px;
}
.list-brands img {
max-height: none;
}
}
/* ------------------------------------------------------------ *\
List Colors
\* ------------------------------------------------------------ */
.list-colors {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -5px;
}
.list-colors li {
max-width: 12.5%;
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
padding: 0 5px 11px;
}
.list-colors a {
height: 90px;
display: block;
position: relative;
border: 1px solid #8a8a8a;
}
.list-colors .selected a {
border-width: 2px;
border-color: #cc0001;
}
/* List Colors Large */
.list-colors--large {
display: block;
margin: 0 -10px;
}
.list-colors--large li {
max-width: none;
display: inline-block;
vertical-align: top;
padding: 0 9px 20px;
}
.list-colors--large a {
width: 200px;
height: 160px;
border: 1px solid #81807f;
}
.list-colors--large p {
font-size: 20px;
font-weight: 700;
text-align: center;
padding-top: 10px;
}
/* Mobile */
@media (max-width: 767px) {
.list-colors {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.list-colors li {
max-width: 20%;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
padding: 0 6px 12px;
}
.list-colors a {
height: 86px;
}
.list-colors--large {
font-size: 0;
line-height: 0;
margin: 0 -6px;
}
.list-colors--large li {
padding: 0 6px 12px;
}
.list-colors--large a {
width: 86px;
height: 86px;
}
.list-colors--large p {
font-size: 10px;
line-height: 1.25;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.list-colors {
margin: 0 -3px;
}
.list-colors li {
padding: 0 3px 6px;
}
.list-colors a {
height: calc(20vw - 8px);
}
.list-colors--large a {
width: calc(20vw - 8px);
}
}
/* ------------------------------------------------------------ *\
List Docs
\* ------------------------------------------------------------ */
.list-docs {
font-size: 14px;
color: #4ec5cc;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 92.2%;
padding: 46px 18px 74px;
}
.list-docs li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
padding-bottom: 12px;
}
.list-docs a {
text-decoration: none;
display: block;
}
.list-docs a i {
margin-right: 7px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.list-docs {
max-width: none;
padding: 15px 0 0;
}
.list-docs li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
padding-bottom: 15px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.list-docs li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
/* Mobile */
@media (max-width: 767px) {
.list-docs {
font-size: 10px;
display: block;
padding: 27px 24px;
}
.list-docs li {
padding-bottom: 13px;
}
.list-docs a {
font-size: 1.435em;
}
.list-docs a i {
width: 64px;
height: 64px;
margin: 0 5px -5px 0;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.list-docs {
padding: 15px 0 5px;
}
.list-docs li {
padding-bottom: 10px;
}
.list-docs a {
padding-left: 5px;
}
.list-docs a i {
width: 30px;
height: 30px;
margin: 0 5px 0 0;
}
}
/* ------------------------------------------------------------ *\
Logo
\* ------------------------------------------------------------ */
.logo {
font-size: 12px;
color: #686868;
font-weight: 300;
width: 280px;
text-decoration: none;
display: block;
position: relative;
padding-left: 46px;
}
.logo i {
position: absolute;
top: 3px;
left: 0;
}
.logo strong {
font-size: 20px;
line-height: 1;
color: #5b5b5b;
font-weight: 700;
letter-spacing: 0.03em;
display: block;
padding: 1px 0 3px;
}
/* Mobile */
@media (max-width: 767px) {
.logo {
font-size: 12px;
padding-left: 56px;
}
.logo strong {
font-size: 20px;
letter-spacing: 0.04em;
padding: 0;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.logo {
font-size: 9px;
width: auto;
padding-left: 45px;
}
.logo strong {
font-size: 12px;
}
}
@media (max-width: 374px) {
.logo {
padding-left: 40px;
}
}
/* ------------------------------------------------------------ *\
Message
\* ------------------------------------------------------------ */
.message {
font-size: 16px;
line-height: 1.5;
color: #444;
text-align: center;
max-width: 500px;
position: relative;
padding: 34px 40px;
margin: auto;
background-color: #fff;
box-shadow: 0 0 17px rgba(0,0,0,.3);
}
.message > .mfp-close {
top: -15px;
right: -15px;
}
.message__btn {
min-width: 94px;
}
.message__content {
padding: 20px 0;
min-height: 118px;
}
.message__actions {
text-align: right;
}
.message__actions--center {
font-size: 0;
line-height: 0;
text-align: center;
}
.message__actions--center .message__btn {
min-width: 95px;
margin: 0 5px;
}
/* Message Large */
.message--large {
font-size: 22px;
line-height: 1.64;
color: #060606;
font-weight: 300;
text-align: left;
max-width: 1022px;
padding: 27px 131px 35px;
}
/* Message Form */
.message--form {
text-align: left;
max-width: 512px;
padding: 16px 13px 49px 16px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.message {
padding: 15px;
}
.message__content {
min-height: 0;
padding: 35px 0 50px;
}
.message--large {
max-width: 90vw;
padding: 25px;
}
.message--large .message__content {
font-size: 20px;
line-height: 1.35;
padding: 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.message {
font-size: 17px;
line-height: 1.35;
max-width: 477px;
}
.message__btn,
.message__btn.mfp-close.btn {
width: 100%;
display: block;
padding: 8px 10px;
}
.message__content {
padding: 37px 0 70px;
}
.message__actions {
max-width: 329px;
padding-bottom: 18px;
margin: auto;
}
.message__actions--center .message__btn,
.message__actions--center .message__btn.mfp-close.btn {
width: auto;
display: inline-block;
}
.message--large {
padding: 15px;
}
.message--large .message__content {
font-size: 16px;
}
.message--form {
max-width: 512px;
padding: 18px 13px 49px 16px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.message__content {
padding: 0 0 15px 0;
}
.message__actions {
padding: 0;
}
.message--form {
padding: 15px;
}
.message--large {
max-width: 80vw;
}
}
/* ------------------------------------------------------------ *\
Nav
\* ------------------------------------------------------------ */
.navs {
font-size: 15px;
line-height: 17px;
color: #000;
position: relative;
z-index: 4;
padding-bottom: 6px;
}
.nav li {
display: inline-block;
vertical-align: top;
position: relative;
}
.nav li + li {
padding-left: 18px;
}
.nav a {
text-decoration: none;
display: block;
padding: 2px 0 7px;
border-width: 2px 0;
border-style: solid;
border-color: transparent;
}
.nav a:not(:only-child):after {
content: '';
width: 8px;
height: 8px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: transparent transparent #cc0001 #cc0001;
margin: -6px 0 0 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
/* Nav Dropdown */
.nav__dropdown {
white-space: nowrap;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: -18px;
padding: 0 5px 13px 0;
background-color: #fff;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
transition: all .35s ease-in-out;
will-change: transform;
}
.nav__dropdown a {
font-size: 15px;
line-height: 1.33;
color: #5a5a5a;
letter-spacing: 0.01em;
padding: 2px 0;
border: 0;
}
.nav__dropdown a:hover {
color: #cc0001;
}
.nav__dropdown a:not(:only-child):after {
content: none;
}
.nav__dropdown ul {
position: relative;
padding: 20px 28px 0 26px;
margin: 0;
background-color: #fff;
}
.nav__dropdown ul + ul {
padding-left: 28px;
}
.nav__dropdown ul + ul:before {
content: '';
width: 1px;
display: block;
position: absolute;
top: 0;
bottom: 47px;
left: 0;
background-color: #e1e1e1;
}
.nav__dropdown li {
display: block;
position: static;
padding: 4px 0;
}
.nav__dropdown li + li {
padding: 4px 0;
}
.nav__dropdown--primary {
left: 16px;
padding: 18px 0 19px;
}
.nav__dropdown--primary ul {
min-width: 310px;
padding: 0 37px 0 26px;
}
.nav__dropdown--primary ul + ul:before {
top: 16px;
}
.nav__dropdown--primary ul:last-child {
min-width: 290px;
}
.nav__dropdown--primary li,
.nav__dropdown--primary li + li {
padding: 5px 0 6px;
}
.nav__dropdown--is-visible:before {
opacity: .5;
}
.nav__dropdown .nav__dropdown {
top: 0;
left: 100%;
padding: 0;
border-left: 1px solid #ccc;
margin-left: 5px;
background-color: #f8f8f8;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.nav__dropdown .nav__dropdown ul {
padding: 5px 15px;
background-color: #f8f8f8;
background-color: #fff;
}
.nav__dropdown li:hover > .nav__dropdown {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* Nav Hover State */
.nav li:hover > a,
.nav li.is--open > a {
border-bottom-color: #cc0001;
}
.nav > ul > li:active > .nav__dropdown,
.nav li.is--open > .nav__dropdown {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
/* Nav Toggle */
.nav__toggle {
width: 33px;
height: 30px;
display: block;
padding: 0;
border: 0;
margin: 9px 23px 0 3px;
background: none;
border-radius: 0;
box-shadow: none;
}
.nav__toggle span {
height: 6px;
display: block;
background-color: #cc0001;
transition: background-color .35s ease-in-out;
}
.nav__toggle span + span {
margin-top: 6px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.nav__dropdown ul,
.nav__dropdown ul + ul {
min-width: 0;
padding: 0 20px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.navs {
/*-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;*/
font-size: 12px;
z-index: 6;
padding: 0;
}
.nav li {
position: relative;
}
.nav__dropdown,
.nav__dropdown--primary {
/*white-space: normal;
left: 0;*/
/*right: 0;*/
padding: 15px 0;
}
#ProductsList {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 15px;
}
}
/* Mobile */
@media (max-width: 767px) {
.navs {
z-index: 7;
}
.nav {
width: 260px;
position: fixed;
top: 155px;
left: 0;
right: 0;
bottom: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
will-change: transform;
}
.nav a {
font-size: 1.35em;
line-height: 1.41;
color: #000;
font-weight: 400;
display: block;
padding: 15px 17px;
border: 0;
}
.nav a:not(:only-child):after {
width: 10px;
height: 10px;
float: right;
border-width: 0 0 2px 2px;
margin: 5px 7px 0 0;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.nav li {
font-size: 10px;
display: block;
border-top: 1px solid #cacaca;
}
.nav li + li {
padding: 0;
}
.nav li ul:first-child {
padding-top: 7px;
border-top: 1px solid #cacaca;
padding-left: 15px;
padding-right: 15px;
width: 100%;
display: inline-block
}
.nav li .nav__dropdown li a {
white-space: normal;
}
.nav li .nav__dropdown li .nav__dropdown li a {
padding-left: 0;
padding-right: 0;
}
.nav li li {
border-top: 0;
}
.nav li li a {
padding: 10px 17px 9px;
}
.nav > ul.is--open > li:not(.is--open) {
display: none !important;
}
.nav > ul.is--open > li.is--open > a {
font-size: 1.7em;
line-height: 20px;
font-weight: 700;
display: block;
position: relative;
padding: 14px 17px 15px;
}
.nav > ul.is--open > li.is--open > a:before {
content: 'Back';
font-size: .85em;
font-weight: 400;
display: block;
padding: 0 17px 15px 30px;
border-bottom: 1px solid #cacaca;
margin: 0 -17px 14px;
}
.nav > ul.is--open > li.is--open > a:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 14px;
left: 12px;
}
.nav > ul.is--open > li > .nav__dropdown {
display: block;
-webkit-transform: none;
transform: none;
}
.nav__dropdown {
display: none;
opacity: 1;
visibility: visible;
position: static;
top: auto;
left: auto;
right: auto;
padding: 0;
-webkit-transform: none;
transform: none;
}
.nav__dropdown li {
padding: 0;
}
.nav__dropdown a:not(:only-child):after {
content: '';
margin: 2px -10px 0 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav__dropdown ul,
.nav__dropdown ul + ul {
max-width: none;
padding: 0;
}
.nav__dropdown .is--open > a:after {
margin-top: 6px;
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
}
.nav__dropdown .is--open > .nav__dropdown {
display: block;
border-width: 1px 0;
border-style: solid;
border-color: #a3a3a3;
margin: 0;
background-color: #e5e7e9;
}
.nav__dropdown .nav__dropdown {
box-shadow: none;
}
.nav__dropdown .nav__dropdown ul {
padding: 0;
background: none;
}
.nav__dropdown .nav__dropdown ul:first-child {
border: 0;
background: none;
}
.nav--is-visible .nav {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.nav--is-visible .nav__toggle span {
background-color: #a6a6a6;
}
.nav--is-visible .wrapper:before,
.nav--is-visible .search:before {
opacity: .5;
}
.nav--is-visible .main,
.nav--is-visible .search {
pointer-events: none;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.nav {
top: 128px;
}
.nav__toggle {
margin: 7px 7px 0 0px;
width: 25px;
}
}
@media (max-width: 374px) {
/*.nav__toggle {
margin: 5px 8px 0 0;
}*/
body .nav-utilities ul li span.logged-user {
top: -10px !important;
right: 4px !important;
}
}
/* ------------------------------------------------------------ *\
Nav Utilities
\* ------------------------------------------------------------ */
.nav-utilities {
padding-right: 20px;
}
.nav-utilities li a > span {
position: relative;
}
.nav-utilities li {
display: inline-block;
vertical-align: top;
}
.nav-utilities li + li {
padding-left: 43px;
}
.nav-utilities a {
display: block;
text-decoration: none;
padding: 4px 0 0;
}
.nav-utilities a:hover {
color: #cc0001;
}
.nav-utilities a i {
margin-top: -3px;
}
nav.nav-utilities li + li + li + a + i {
margin-top: -10px;
}
.nav-utilities a i.ico-person {
margin-left: 7px;
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.nav-utilities {
padding: 6px 0;
}
.nav-utilities li + li {
padding-left: 20px;
}
header .nav {
padding: 6px 0px;
}
}
/* Mobile */
@media (max-width: 767px) {
.nav-utilities {
position: absolute;
top: 48px;
right: 18px;
}
/*.nav-utilities li {
float: left;
}*/
.nav-utilities li + li {
padding-left: 13px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
nav.nav-utilities {
top: 12px !important;
}
.nav-utilities li + li {
padding-left: 10px;
}
nav.nav-utilities li + li + li {
padding-left: 23px;
}
}
@media (max-width: 374px) {
.nav-utilities {
font-size: 0;
line-height: 0;
top: 42px;
right: 8px;
}
.nav-utilities li + li {
padding-left: 7px;
}
nav.nav-utilities li + li + li {
padding-left: 9px;
}
}
/* ------------------------------------------------------------ *\
Nav Account
\* ------------------------------------------------------------ */
.nav-account {
font-size: 10px;
letter-spacing: 0.02em;
max-width: 406px;
margin: 2px auto 49px;
}
.nav-account li {
border-bottom: 1px solid #f5f5f5;
}
.nav-account li:first-child {
border-bottom-color: transparent;
}
.nav-account a {
font-size: 2.533em;
line-height: 1.11;
text-decoration: none;
display: block;
padding: 19px 15px;
}
.nav-account small {
font-size: .67em;
color: #cc0001;
margin-left: 14px;
}
/* Mobile Small */
@media (max-width: 523px) {
.nav-account {
margin: 0 0 10px;
}
.nav-account a {
font-size: 1.7em;
padding: 10px;
}
.nav-account small {
font-size: .8em;
margin-left: .5em;
}
}
/* ------------------------------------------------------------ *\
Orders
\* ------------------------------------------------------------ */
.orders {
padding-right: 27px;
}
.orders__body {
position: relative;
z-index: 1;
}
.orders__filter {
max-width: 370px;
position: relative;
z-index: 2;
margin: -33px 26px -21px auto;
}
.orders__filter label {
font-size: 18px;
line-height: 1.33;
color: #3f3f3f;
letter-spacing: 0.03em;
display: inline-block;
vertical-align: middle;
margin-bottom: 13px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.orders {
padding: 0 5px 60px;
}
.orders__filter {
margin: 0 0 30px auto;
}
}
/* Mobile */
@media (max-width: 767px) {
.orders {
padding-bottom: 0;
}
.orders__filter {
max-width: none;
margin: 0 8px 24px 12px;
}
.orders__filter label {
line-height: 1.5;
letter-spacing: 0.018em;
margin-bottom: 9px;
}
}
/* ------------------------------------------------------------ *\
Order
\* ------------------------------------------------------------ */
.order {
padding-bottom: 27px;
}
.order__head {
position: relative;
padding: 0 0 11px 52px;
border-bottom: 2px solid #d7d7d7;
margin-bottom: 11px;
cursor: pointer;
}
.order__head:before,
.order__head:after {
content: '';
width: 26px;
height: 7px;
display: block;
position: absolute;
top: 0;
bottom: 5px;
left: 9px;
margin: auto;
background-color: #b7b7b7;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.order__head h4 {
font-size: 22px;
line-height: 1.27;
color: #1a1a1a;
font-weight: 400;
letter-spacing: 0.02em;
padding: 8px 0 0;
margin: 0;
}
.order__head h4 span {
width: 2px;
height: 38px;
display: inline-block;
vertical-align: middle;
margin: -5px 18px 0;
background-color: #acacac;
}
.order__head .order__price {
font-weight: 400;
float: right;
padding-right: 5px;
}
.order__sum {
margin-left: -23px;
}
.order__sum ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.order__sum ul span {
float: right;
}
.order__btn {
min-width: 145px;
}
.order__body {
display: none;
}
.order__name {
-webkit-box-flex: 0;
-ms-flex: 0 0 197px;
flex: 0 0 197px;
}
.order__color {
-webkit-box-flex: 0;
-ms-flex: 0 0 129px;
flex: 0 0 129px;
}
.order__price {
-webkit-box-flex: 0;
-ms-flex: 0 0 99px;
flex: 0 0 99px;
}
.order__quantity {
-webkit-box-flex: 0;
-ms-flex: 0 0 98px;
flex: 0 0 98px;
}
.order__container {
padding: 27px 33px 26px;
border: 1px solid #828282;
margin-left: 31px;
}
.order__description {
-webkit-box-flex: 0;
-ms-flex: 0 0 279px;
flex: 0 0 279px;
}
.order__address {
font-size: 14px;
line-height: 1.55;
color: #363636;
font-weight: 400;
padding-bottom: 24px;
}
.order__address strong {
font-size: 100%;
font-weight: 600;
letter-spacing: 0.02em;
margin: 0;
}
.order__date {
font-size: 18px;
color: #1e1e1e;
padding-bottom: 37px;
}
.order__date h3 {
font-size: 20px;
margin: 0 0 7px;
}
.order__details {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 15px;
line-height: 1.2;
color: #333;
padding: 0 0 30px;
margin: 0;
list-style: none outside none;
}
.order__details p {
padding: 12px 20px 0 0;
}
.order__details a {
color: #098a92;
}
.order__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
}
.order__image figure {
width: 90px;
height: 90px;
position: relative;
border: 1px solid #828282;
background-color: #f0f0f0;
}
.order__image figcaption {
font-size: 18px;
line-height: 1;
color: #7f7f7f;
font-weight: 400;
text-align: center;
display: block;
position: absolute;
top: 50%;
right: 5px;
left: 5px;
margin-top: -11px;
}
.order__total {
font-size: 22px;
line-height: 1.5;
color: #363636;
padding: 26px 16px 37px 18px;
border-top: 1px solid #f3f3f3;
}
.order__total span {
font-size: 25px;
line-height: 1;
font-weight: 700;
position: relative;
top: 5px;
}
.order__total span sup {
font-size: 45%;
line-height: 0;
}
.order__subtotal {
font-size: 15px;
line-height: 2;
color: #414141;
padding: 17px 16px 52px 18px;
border-top: 1px solid #f3f3f3;
}
.order.is--collapsed .order__head:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* Medium Desktop */
@media (max-width: 1360px) {
.order__name {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.order__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
}
.order__color {
-webkit-box-flex: 0;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
}
.order__price {
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
}
.order__quantity {
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
}
.order__description {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
}
/* Small Desktop */
@media (max-width: 1279px) {
.order {
padding-bottom: 30px;
}
.order__date {
padding-bottom: 20px;
}
.order__details {
padding-bottom: 25px;
}
.order__address {
padding-bottom: 15px;
}
.order__container {
padding: 20px 25px 25px;
margin: 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.order {
padding: 0;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.order__head {
border: 0;
padding: 0 0 0 23px;
margin: 0;
}
.order__head:before,
.order__head:after {
width: 11px;
height: 3px;
bottom: 2px;
left: 4px;
}
.order__head h4 {
font-size: 14px;
line-height: 20px;
letter-spacing: 0em;
padding: 13px 0;
}
.order__head h4 span {
height: 20px;
margin: 0 6px;
}
.order__date {
font-size: 13px;
padding-bottom: 31px;
}
.order__date h3 {
font-size: 15px;
margin: 0 0 3px;
}
.order__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 78px;
flex: 0 0 78px;
}
.order__image figure {
width: 65px;
height: 65px;
}
.order__image figcaption {
font-size: 10px;
margin-top: -6px;
}
.order__details {
font-size: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 19px;
}
.order__details li {
font-size: 1.35em;
padding-bottom: 19px;
}
.order__details p {
padding-top: 4px;
}
.order__description {
-webkit-box-flex: 0;
-ms-flex: 0 0 48.6%;
flex: 0 0 48.6%;
}
.order__description p {
padding-right: 0;
}
.order__color {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
padding-left: 78px;
}
.order__color p {
padding-right: 0;
}
.order__price {
text-align: right;
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
}
.order__price p {
padding-right: 10px;
}
.order__btn {
font-size: 19px;
padding: 12px;
display: block;
}
.order__name {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(51.4% - 78px);
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(51.4% - 78px);
flex-basis: calc(51.4% - 78px);
}
.order__address {
line-height: 1.45;
padding-bottom: 12px;
}
.order__actions {
padding-bottom: 17px;
margin: 0 4px 0 -6px;
}
.order__quantity {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
}
.order__container {
padding: 2px 0 0 23px;
border: 0;
}
}
/* ------------------------------------------------------------ *\
Products
\* ------------------------------------------------------------ */
.products {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.products .products__title {
font-size: 24px;
line-height: 1.2;
color: #363636;
font-weight: 400;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(100% - 30px);
flex-basis: calc(100% - 30px);
padding: 14px 10px 9px;
border-bottom: 1px solid #ededed;
margin: 0 15px 14px;
}
/* Products Results */
.products--results {
margin: 0 -26px;
}
/* Products Related */
.products--related {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 15px -20px -10px;
}
.products--related .product__rating {
padding-bottom: 11px;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.products--results {
margin: 0 -15px;
}
}
/* Small Desktop */
@media (max-width: 1279px) {
.products {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
/* Mobile */
@media (max-width: 767px) {
.products {
padding: 0 7px 32px;
overflow: hidden;
}
.products--results {
padding: 0;
margin: -7px 0 0;
}
.products--related {
margin: 0;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.products {
padding: 0 0 20px;
}
}
/* ------------------------------------------------------------ *\
Product
\* ------------------------------------------------------------ */
.product {
color: #080808;
-webkit-box-flex: 0;
-ms-flex: 0 0 260px;
flex: 0 0 260px;
max-width: 260px;
padding: 0 20px 65px;
}
.slider--products .product {
padding: 0 20px 0px;
}
.product__title {
font-size: 18px;
line-height: 1.28;
font-weight: 600;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 92px;
overflow: hidden;
margin-bottom: 10px !important;
align-items: flex-end;
overflow: hidden !important;
}
.product__title sup {
font-size: 75%;
line-height: 0;
}
.product__image {
margin-bottom: 13px;
}
.product__image + .product__actions {
text-align: center;
font-size: 16px;
line-height: 1.28;
font-weight: 600;
-webkit-box-align: center;
-webkit-box-pack: center;
padding: 10px 0;
margin: 0 -5px;
margin-bottom: 0px;
margin-bottom: 0px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden !important;
width: 100%;
display: inline-block !important;
height: auto !important;
}
.product__image,
.product__image img {
width: 100%;
display: block;
}
.product__links {
font-size: 16px;
line-height: 1.5;
text-align: right;
display: inline-block;
padding: 0;
margin: 0;
list-style: none outside none;
}
.product__links a {
text-decoration: none;
display: block;
}
.product__links a:after {
content: '';
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: transparent transparent #f00 #f00;
margin: -3px 0 0 8px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.product__links a:hover {
color: #f00;
}
.product__price {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.02em;
padding-bottom: 15px;
}
.product__badges {
margin: 4px 0 10px -2px;
}
.product__rating {
font-size: 15px;
color: #5a5a5a;
padding-bottom: 6px;
}
.product__rating img {
margin: 0 2px 0 -2px;
}
.product__rating span {
letter-spacing: 0.04em;
}
.product__rating img,
.product__rating span {
display: inline-block;
vertical-align: middle;
}
.product__actions {
font-size: 16px;
}
.product__actions a {
line-height: 1.5;
text-decoration: none;
display: inline-block;
}
.product__actions a:after {
content: '';
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: transparent transparent #f00 #f00;
margin: -1px 0 0 6px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.product__actions .btn {
padding: 5px 26px 5px 27px;
margin: 8px 2px 0 0;
}
.product__actions .btn:after {
content: none;
}
.product__description {
font-size: 16px;
padding-bottom: 8px;
margin-top: -2px;
}
.product__description ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.product__description li {
position: relative;
padding-left: 10px;
}
.product__description li:before {
content: '';
width: 4px;
height: 4px;
display: block;
position: absolute;
top: 8px;
left: 0;
background-color: currentColor;
border-radius: 50%;
}
.product__top {
padding-bottom: 14px;
}
.product__media {
max-width: 457px;
-webkit-box-flex: 0;
-ms-flex: 0 0 457px;
flex: 0 0 457px;
padding: 11px 57px 0 0;
}
.product__meta {
font-size: 0;
line-height: 0;
}
.product__meta .product__rating {
font-size: 19px;
line-height: 1.58;
color: #098a92;
padding: 0;
margin: -6px 27px 0 -5px;
}
.product__meta .product__rating i {
margin-right: -1px;
}
.product__meta .product__rating a {
text-decoration: none;
}
.product__meta .product__rating a:hover {
text-decoration: underline;
}
.product__meta .product__rating span {
padding: 0 8px 0 4px;
}
.product__meta .product__badges {
margin-bottom: 12px;
}
.product__meta .product__badges img + img {
margin-left: 18px;
}
.product__meta .product__rating,
.product__meta .product__badges {
display: inline-block;
vertical-align: middle;
}
.product__nav {
font-size: 0;
line-height: 0;
}
.product__nav li {
vertical-align: middle;
padding: 0 0px 10px;
}
.product__nav li:before {
content: none;
}
.product__nav a {
font-size: 18px;
line-height: 1.2;
color: #098a92;
text-decoration: underline !important;
display: block;
}
.product__nav a:hover {
text-decoration: underline;
}
.product__article {
font-size: 19px;
line-height: 1.58;
letter-spacing: -0.006em;
padding: 34px 18px 9px;
}
.product__article p {
margin-bottom: .6em;
}
.product__article ul:not([class]) {
padding-left: 11px;
}
.product__article ul:not([class]) li:before {
top: 14px;
left: -11px;
}
.product__specs {
font-size: 14px;
color: #646464;
padding: 24px 9px 28px;
}
.product__specs p {
margin-bottom: 23px;
}
.product__specs ul {
margin: -8px 0 20px 20px;
}
.product__specs h3 {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 19px;
color: #333;
font-weight: 700;
margin-bottom: 15px;
}
.product__specs h4 {
font-size: 18px;
color: #646464;
letter-spacing: 0.02em;
margin-bottom: 4px;
}
.product__specs h6 {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
text-align: right;
color: #12aeb8;
padding: 75px 71px 0 0;
margin-bottom: -30px;
}
.product__specs h6 a {
text-decoration: none;
}
.product__specs h6 a:hover {
text-decoration: underline;
}
.product__specs img {
display: block;
}
.product__color {
width: 200px;
height: 160px;
margin-bottom: 22px;
}
.product__colors {
padding-bottom: 32px;
}
.product__colors-list {
max-width: calc(100% - 378px);
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(100% - 378px);
flex-basis: calc(100% - 378px);
padding-right: 64px;
}
.product__colors-last {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 65px 0 79px;
}
.product__colors-last h5 {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 19px;
line-height: 1.2;
color: #333;
font-weight: 700;
padding-bottom: 19px;
margin: 0;
}
.product__colors-selected {
max-width: 378px;
-webkit-box-flex: 0;
-ms-flex: 0 0 378px;
flex: 0 0 378px;
padding: 171px 100px 0 78px;
}
.product__colors-selected p {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 24px;
line-height: 1;
color: #000;
font-weight: 700;
text-align: center;
}
.product__colors-nav {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
line-height: 1.25;
color: #098a92;
font-weight: 400;
padding-bottom: 16px;
}
.product__colors-nav ul {
padding: 23px 20px 23px 43px;
}
.product__colors-nav li {
display: inline-block;
vertical-align: middle;
}
.product__colors-nav li + li {
margin-left: 59px;
}
.product__colors-nav a {
text-decoration: none;
}
.product__colors-nav a:hover {
text-decoration: underline;
}
.product__colors-nav .current a {
color: #000;
font-weight: 700;
}
.product__colors-head {
color: #7f7f7f;
padding-bottom: 23px;
}
.product__colors-head h5 {
font-size: 18px;
letter-spacing: 0.022em;
}
.product__colors-head h5 span {
float: right;
}
.product__faq {
padding: 43px 26px 83px;
}
.product__faq-head {
font-family: 'Helvetica', 'Arial', sans-serif;
padding-bottom: 19px;
border-bottom: 1px solid #d7d7d7;
}
.product__faq-head h3 {
font-size: 19px;
line-height: 1.25;
color: #333;
font-weight: 700;
}
.product__faq-head h4 {
font-size: 16px;
color: #000;
font-weight: 700;
margin-bottom: 3.1em;
}
.product__faq-head h4 span {
/*background-color: #098a92*/
color: #098a92
}
.product__faq-head h4 a {
/*color: #098a92;*/
text-decoration: none;
}
.product__faq-head h4 a:hover {
text-decoration: underline;
}
.product__faq-body {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 14px;
color: #646464;
position: relative;
padding: 36px 0;
}
.product__faq-body h5 {
font-family: 'Helvetica Neue', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-size: 19px;
color: #333333;
font-weight: 700;
letter-spacing: -0.015em;
position: relative;
margin-bottom: 1.2em;
}
.product__faq-body h5:before {
content: 'q.';
top: -2px;
}
.product__faq-body p {
margin-bottom: 1.25em;
overflow-wrap: break-word;
}
.product__faq-entry {
padding: 0 16px;
}
.product__faq-entry + .product__faq-entry {
padding-top: 36px;
border-top: 1px solid #d7d7d7;
margin-top: 36px;
}
.product__faq-entry-content {
position: relative;
}
.product__faq-entry-content:before {
content: 'a.';
top: -6px;
}
.product__faq-body h5:before,
.product__faq-entry-content:before {
font-family: 'Times', 'Times New Roman', 'Georgia', serif;
font-size: 26px;
line-height: 1;
color: #f00;
font-weight: 400;
text-transform: uppercase;
position: absolute;
right: 100%;
margin-right: 8px;
}
.product__faq-foot {
font-size: 10px;
padding: 11px 2px 33px 0;
}
.product__faq-foot p {
font-size: 1.435em;
text-align: right;
}
.product__faq-foot a {
color: #098a92;
text-decoration: none;
}
.product__faq-foot a:hover {
text-decoration: underline;
}
.product__section-head {
font-family: 'Helvetica', 'Arial', sans-serif;
position: relative;
padding: 8px 60px 10px 0;
border-bottom: 2px solid #d7d7d7;
cursor:pointer;
}
.product__section-head h2 {
font-size: 24px;
line-height: 1.2;
color: #454545;
font-weight: 400;
}
.product__section-head:before,
.product__section-head:after {
content: '';
width: 26px;
height: 7px;
display: block;
position: absolute;
top: 0;
bottom: 11px;
right: 18px;
margin: auto;
background-color: #cc0001;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.product__section-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 43.2%;
flex: 0 0 43.2%;
padding: 24px 0;
}
.product__section-col:nth-child(odd) {
border-right: 1px solid #d7d7d7;
}
.product__section-col:nth-child(even) {
-webkit-box-flex: 0;
-ms-flex: 0 0 44.8%;
flex: 0 0 44.8%;
}
.product__section-cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 4px;
}
.product__section.is--collapsed .product__section-head:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.product__section.is--collapsed .product__section-head:before,
.product__section.is--collapsed .product__section-head:after {
bottom: 4px;
}
/* Product Category */
.product--category {
text-align: center;
padding-bottom: 29px;
}
.product--category .product__title {
/*height: auto;*/
display: block;
/*margin: 0 -20px;*/
overflow: visible;
}
/* Product Medium */
.product--medium {
max-width: 272px;
-webkit-box-flex: 0;
-ms-flex: 0 0 272px;
flex: 0 0 272px;
padding: 0 26px 10px;
}
.product--medium .product__title {
/* -webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;*/
margin: 0;
}
.product--medium .product__price {
padding: 7px 0 8px;
}
/* Product Medium Spaced */
.product--medium-spaced {
padding-bottom: 37px;
}
.product--medium-spaced .product__actions {
padding-top: 3px;
}
/* Product Title Below */
.product--title-below {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 22px 0 24px;
}
.product--title-below:after {
content: '';
height: 1px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(100% + 22px);
flex-basis: calc(100% + 22px);
display: block;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
margin: 11px -11px 26px;
background-color: #e1e1e1;
}
.product--title-below .product__title {
font-size: 16px;
line-height: 1.2;
color: #363636;
font-weight: 400;
height: auto;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0 0 10px;
margin: 0 -20px;
}
.product--title-below .product__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 10px;
}
.product--title-below .product__actions {
color: #ee3636;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
/* Product Category Alt */
.product--category-alt .product {
padding-bottom: 30px;
}
/*.product--category-alt .product__title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}*/
.product--category-alt .product__badges {
margin-top: 8px;
}
/* Product Single */
.product--single {
color: #333;
max-width: 1240px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding: 0;
margin: auto;
}
.product--single h1 {
font-size: 35px;
line-height: 1.2;
color: #454545;
font-weight: 400;
margin-bottom: 19px;
}
.product--single .breadcrumbs {
padding: 5px 0 20px;
}
.product--single .breadcrumbs p + p {
margin-right: -40px;
}
.product--single .product__description {
font-size: 19px;
line-height: 1.58;
color: #333;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
padding: 3px 0 0;
margin: 0;
}
.product--single .product__description a {
color: #098a92;
text-decoration: none;
margin-left: 10px;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.product__media {
padding: 11px 30px 0 27px;
}
.product--medium {
max-width: 25%;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding: 0 15px 15px;
}
.product--single .breadcrumbs p + p {
margin: 0;
}
}
/* Small Desktop */
@media (max-width: 1279px) {
.product {
max-width: 25%;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding: 0 10px 20px;
}
.product--medium {
max-width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
padding: 0 15px 15px;
}
.product--title-below {
max-width: none;
padding: 0 22px;
}
.product--single {
max-width: none;
padding: 0 0 80px;
}
.product--single h1 {
font-size: 30px;
margin-bottom: 15px;
}
.product--single .breadcrumbs {
padding: 0;
}
.product--single .breadcrumbs p {
margin: 0 0 1em;
}
.product--single .product__description {
font-size: 16px;
padding: 0;
}
.product__top {
padding: 15px 0 0;
}
.product__media {
max-width: 460px;
-webkit-box-flex: 0;
-ms-flex: 0 0 460px;
flex: 0 0 460px;
padding: 0 30px;
}
.product__meta .product__rating,
.product__meta .product__badges {
display: block;
margin: 0 0 15px;
}
.product__nav {
padding: 15px 0 0;
}
.product__nav ul {
padding: 0;
}
.product__nav li {
padding: 0 0 15px 10px;
}
.product__nav li a {
margin-left: 0;
}
.product__nav a {
font-size: 16px;
}
.product__colors {
padding: 0;
}
.product__colors-head {
padding-bottom: 15px;
}
.product__colors-list {
max-width: calc(100% - 230px);
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(100% - 230px);
flex-basis: calc(100% - 230px);
padding-right: 36px;
}
.product__colors-last {
padding: 5px 0 0;
}
.product__colors-selected {
max-width: 230px;
-webkit-box-flex: 0;
-ms-flex: 0 0 230px;
flex: 0 0 230px;
padding: 88px 30px 0 0;
}
.product__colors-selected p {
font-size: 16px;
}
.product__colors-nav {
padding: 0;
}
.product__colors-nav ul {
padding: 15px 0;
}
.product__colors-nav li + li {
margin-left: 30px;
}
.product__article {
font-size: 16px;
letter-spacing: 0em;
padding: 15px 0 0;
}
.product__article ul:not([class]) li:before {
top: 11px;
}
.product__specs {
padding: 15px 0 0;
}
.product__specs h6 {
padding: 0;
margin: 0;
}
.product__section-cols {
padding: 0;
}
.product__section-col,
.product__section-col:nth-child(even) {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}
.product__faq {
padding: 15px 0 0;
}
.product__faq-head {
padding-bottom: 15px;
}
.product__faq-head h4 {
margin-bottom: 15px;
}
.product__faq-body {
padding: 15px 0 0;
}
.product__faq-body h5 {
margin-bottom: 1em;
}
.product__faq-entry {
padding: 0 0 0 33px;
}
.product__faq-entry + .product__faq-entry {
padding-top: 15px;
margin-top: 15px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
/*.product {
max-width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
}
.product--single {
max-width: none;
padding: 0;
}
.product__top {
display: block;
}
.product__media {
margin: auto;
}
.product__color {
margin: 0 auto 20px;
}
.product__nav li {
padding: 0 5px 25px;
}
.product__colors-list,
.product__colors-last,
.product__colors-selected {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.product__colors-list {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0 36px;
}
.product__colors-last {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.product__colors-selected {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0;
}*/
}
/* Mobile */
@media (max-width: 767px) {
.product {
max-width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
}
.product--single {
max-width: none;
padding: 0;
}
.product__top {
display: block;
}
.product__media {
margin: auto;
}
.product__color {
margin: 0 auto 20px;
}
.product__nav li {
padding: 0 5px 25px;
}
.product__colors-list,
.product__colors-last,
.product__colors-selected {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.product__colors-list {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0 36px;
}
.product__colors-last {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.product__colors-selected {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0;
}
.product {
max-width: 30.5%;
-webkit-box-flex: 0;
-ms-flex: 0 0 30.5%;
flex: 0 0 30.5%;
padding: 0 0 1px;
}
.product__title, .category-members span.landing-heading {
font-size: 13px;
height: 62px !important;
padding: 0px 0 0 !important;
}
.category-members span.landing-heading {
height: 105px !important;
padding-bottom: 10px !important;
}
.product__price {
font-size: 14px;
letter-spacing: 0.03em;
padding: 0 0 5px 2px;
}
.product__badges {
margin-bottom: 8px;
}
.product__actions {
font-size: 14px;
}
.product__actions a {
font-weight: 400;
}
.product__description {
font-size: 13px;
padding-bottom: 5px;
margin-top: 5px;
}
.product__rating {
font-size: 14px;
padding-bottom: 12px;
}
.product__rating img {
margin: 0 4px 0 0;
}
.product__image + .product__actions {
margin-top: -6px;
}
/*.product--category .product__title {
padding: 10px 0 8px;
}*/
.product--medium .product__title {
line-height: 1.2;
padding: 0;
margin: 0 -5px 6px;
}
.product--medium .product__image {
margin-bottom: 11px;
}
.product--medium .product__price {
padding: 7px 0 5px 3px;
}
.product--medium .product__badges {
margin: 4px 0 7px 4px;
}
.product--medium .product__rating {
padding: 0 0 5px 3px;
}
.product--medium .product__actions {
padding-left: 4px;
}
.product--medium .product__description {
padding: 0 0 5px 3px;
margin-right: -8px;
}
.product--medium-spaced {
padding-bottom: 2px;
}
.product--medium-spaced .product__title {
margin-bottom: 11px;
}
.product--category-alt {
max-width: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
position: relative;
padding: 0 0 27px 240px;
}
.product--category-alt + .product--category-alt {
padding-top: 24px;
border-top: 1px solid #cfcfcf;
}
.product--category-alt + .product--category-alt .product__image {
top: 24px;
}
.product--category-alt .product__image {
width: 228px;
position: absolute;
top: 0;
left: 0;
}
.product--category-alt .product__title {
font-size: 18px;
line-height: 1.2;
color: #080808;
font-weight: 600;
text-align: left;
letter-spacing: -0.012em;
display: block;
margin: 0;
}
.product--category-alt .product__price {
font-size: 19px;
letter-spacing: 0em;
padding-bottom: 10px;
}
.product--category-alt .product__description {
font-size: 15px;
line-height: 1.2;
color: #080808;
padding-bottom: 10px;
}
.product--category-alt .product__rating {
margin-left: -5px;
}
.product--category-alt .product__rating img {
width: 114px;
}
.product--category-alt .product__badges {
padding-bottom: 5px;
margin-left: 0;
}
.product--category-alt .product__badges img {
width: auto;
height: 24px;
display: inline-block;
vertical-align: middle;
}
.product--category-alt .product__badges img + img {
margin-left: -7px;
}
.product--category-alt .product__badges img + img + img {
margin-left: 0;
}
.product--category-alt .product__actions {
font-size: 17px;
font-weight: 600;
margin-left: -3px;
}
.product--single {
max-width: none;
}
.product--single .product__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* .product--single .product__group .product__section:first-child,
.product--single .product__group .product__section:nth-child(3) {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}*/
.product--single .breadcrumbs {
display: block;
padding: 0 7px;
}
.product--single .breadcrumbs p {
max-width: 84%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: .7em;
}
.product--single .breadcrumbs p + p {
max-width: none;
text-align: right;
margin: 0 8px 0 0;
}
.product--single .widget {
padding: 2px 8px 20px 6px;
}
.product--single .widget__body {
margin: 0 -10px;
}
.product--single .widget .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 0 10px;
}
.product--single .widget .product__title {
margin: 0 -10px;
}
.product__top {
padding: 9px 0 40px;
}
.product__media {
max-width: 482px;
-webkit-box-flex: 0;
-ms-flex: 0 0 482px;
flex: 0 0 482px;
padding: 0 21px 0 9px;
}
.product__media:after {
content: '';
line-height: 0;
display: table;
clear: both;
}
.product__media-title {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 20px;
line-height: 1.2;
color: #454545;
font-weight: 400;
text-align: center;
max-width: 338px;
padding-bottom: 18px;
margin-left: auto;
}
.product__section-head {
padding: 2px 30px 2px 5px;
cursor:pointer;
}
.product__section-head h2 {
font-size: 17px;
}
.product__section-head:before,
.product__section-head:after {
width: 12px;
height: 4px;
right: 11px;
bottom: 0;
}
.product__section.is--collapsed .product__section-head:before,
.product__section.is--collapsed .product__section-head:after {
bottom: 2px;
}
.product__section-cols {
font-family: 'Helvetica Neue', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-size: 10px;
display: block;
padding: 0 17px 11px;
}
.product__section-cols p {
margin-bottom: 2.5em;
}
.product__section-cols h3 {
margin-bottom: .5em;
}
.product__section-cols h6 {
margin-top: -27px;
}
.product__section-cols ul {
margin: -6px 0 0 5px;
list-style: none outside none;
}
.product__section-cols li:before {
content: '\2219';
font-size: 1.5em;
line-height: .75;
position: relative;
top: 2px;
left: -5px;
}
.product__section-cols h3,
.product__section-cols h4,
.product__section-cols h6,
.product__section-cols ul,
.product__section-cols p {
font-size: 1.435em;
}
.product__section-col {
padding-bottom: 8px;
}
.product__section-col:nth-child(odd) {
border-right: 0;
}
.product__color {
width: 170px;
height: 127px;
margin-bottom: 15px;
}
.product__colors {
padding-bottom: 24px;
}
.product__colors-list {
padding: 21px 17px 17px;
}
.product__colors-last {
padding: 2px 17px 0;
}
.product__colors-last h5 {
font-size: 14px;
}
.product__colors-head {
font-size: 10px;
color: #646464;
padding-bottom: 11px;
}
.product__colors-head h5 {
font-size: 1.435em;
}
.product__colors-head h5 span {
padding-right: 8px;
}
.product__colors-nav {
text-align: center;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 17px 0 15px;
}
.product__colors-nav li {
font-size: 10px;
padding: 0 6px;
}
.product__colors-nav a {
font-size: 1.435em;
}
.product__colors-selected p {
font-size: 17px;
}
.product__article {
font-size: 0.79723em;
line-height: 1.2;
letter-spacing: -0.007em;
padding: 13px 15px 27px;
}
.product__article p {
margin-bottom: .85em;
}
.product__article ul:not([class]) {
line-height: 1.47;
padding: 0 0 1em 17px;
}
.product__article ul:not([class]) li {
text-indent: 0;
padding: 0;
}
.product__article ul:not([class]) li:before {
top: 9px;
left: -9px;
}
.product__specs {
padding: 19px 0 0;
}
.product__specs img {
min-width: 104px;
margin: 0 23px -39px auto;
}
.product__faq {
font-size: 10px;
padding: 24px 9px 0;
}
.product__faq-head {
padding-bottom: 5px;
border-bottom-color: #efefef;
}
.product__faq-head h4 {
font-size: 1.35em;
padding-right: 40px;
margin-bottom: 1.75em;
}
.product__faq-head h3 {
font-size: 1.435em;
}
.product__faq-body {
font-size: 1.435em;
}
.product__faq-body h5 {
font-size: 100%;
margin-bottom: .5em;
}
.product__faq-entry {
padding: 0 30px 0 7px;
}
.product__faq-entry + .product__faq-entry {
padding-top: 20px;
margin-top: 23px;
}
.product__faq-body h5:before,
.product__faq-entry-content:before {
content: none;
}
.product__faq--standalone {
padding: 9px 0;
}
.product__faq--standalone .product__faq-head {
padding: 17px 8px 6px;
}
.product__faq--standalone .product__faq-head h2 {
font-size: 23px;
color: #363636;
padding-bottom: 12px;
}
.product__faq--standalone .product__faq-entry {
padding-left: 16px;
}
.product__faq--standalone .product__faq-entry + .product__faq-entry {
padding-top: 23px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.product {
max-width: 48%;
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
padding: 0;
}
.product--category-alt .product__image img, .product--medium .product__image img {
object-fit: cover;
}
.product__title, .category-members span.landing-heading {
height: auto !important;
}
.product__title,
.product--category .product__title {
line-height: 1.2;
/*height: 50px;
padding: 5px 0 0;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
overflow: hidden;
}
.product--category-alt .product__badges, .product--medium .product__badges {
flex-direction: column;
align-items: center;
margin: 0 auto;
width: 100%;
}
.product--category-alt {
padding-bottom: 20px;
}
.product--category-alt + .product--category-alt {
padding-top: 0;
border-top: 0;
}
.product--category-alt .product__image {
width: auto;
position: static;
top: auto;
left: auto;
}
.product--category-alt .product__title {
font-size: 13px;
line-height: 1.2;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product--category-alt .product__price {
font-size: 15px;
}
.product--category-alt .product__actions {
font-size: 15px;
}
.product--category-alt .product__description {
font-size: 13px;
}
.product--category-alt .product__rating {
margin: 0;
}
.product--category-alt .product__rating img {
width: auto;
}
.product--category-alt .product__badges {
margin: 0;
}
.product--category-alt .product__badges img {
display: block !important;
margin: 0 0 7px !important;
}
.product--single {
max-width: none;
}
.product--single .breadcrumbs {
padding: 0;
}
.product--single .breadcrumbs p {
max-width: none;
}
.product--single .widget {
padding: 0;
}
.product--single .widget .product {
max-width: none;
padding: 0 0 15px;
}
.product--single .widget .product__title {
height: auto;
padding: 15px 0;
margin: 0;
}
.product--single .widget .widget__body {
display: block;
margin: 0;
}
.product__top {
padding: 10px 0 20px;
}
.product__media {
max-width: none;
padding: 0;
}
.product__media-title {
padding-bottom: 15px;
margin: auto;
}
.product__colors {
padding-bottom: 9px;
}
.product__colors-list {
padding: 15px 0 9px;
}
.product__colors-head {
padding-bottom: 15px;
}
.product__colors-nav {
text-align: center;
padding: 15px 0;
}
.product__colors-nav ul {
padding: 0;
}
.product__colors-nav li {
padding: 0 10px;
}
.product__colors-nav li + li {
margin: 0;
}
.product__colors-last {
padding: 0;
}
.product__colors-last h5 {
padding-bottom: 15px;
}
.product__article {
padding: 15px 0 0;
}
.product__article ul:not([class]) {
padding: 0 0 1em .75em;
}
.product__specs {
padding-top: 15px;
}
.product__specs img {
margin: 0 0 15px auto;
}
.product__section-col {
padding: 0 0 15px;
}
.product__section-cols {
padding: 0;
}
.product__section-cols p {
margin-bottom: .75em;
}
.product__section-cols h6 {
margin: 0;
}
.product__faq {
padding: 15px 0 0;
}
.product__faq-head {
padding-bottom: 15px;
}
.product__faq-head h4 {
padding: 0;
margin: 0 0 15px;
}
.product__faq-entry {
padding: 0;
}
.product__faq-entry + .product__faq-entry {
padding-top: 15px;
margin-top: 15px;
}
.product__faq-foot {
padding: 15px 0;
}
.product__faq--standalone {
padding: 5px 0;
}
.product__faq--standalone .product__faq-head {
padding: 0 0 15px;
}
.product__faq--standalone .product__faq-head h2 {
font-size: 20px;
padding: 0;
}
.product__faq--standalone .product__faq-entry {
padding: 0;
}
.product__faq--standalone .product__faq-entry + .product__faq-entry {
padding-top: 15px;
}
}
/* ------------------------------------------------------------ *\
Receipt
\* ------------------------------------------------------------ */
.receipt {
font-size: 18px;
line-height: 1.225;
color: #363636;
padding: 40px 57px;
}
.receipt h2 {
font-size: 28px;
font-weight: 600;
letter-spacing: 0.015em;
}
.receipt h3 {
font-size: 22px;
font-weight: 600;
letter-spacing: 0.015em;
padding-bottom: 8px;
border-bottom: 1px solid #dfdfdf;
margin: 0 42px 21px 0;
}
.receipt h6 {
font-size: 18px;
font-weight: 600;
margin-bottom: 1.2em;
}
.receipt address {
line-height: 1.23;
}
.receipt h1 {
font-size: 35px;
line-height: 1.2;
color: #454545;
font-weight: 400;
margin-bottom: .65em;
}
.receipt h1 a {
font-size: 18px;
color: #4ec5cc;
text-decoration: none;
float: right;
margin: 5px -45px 0 0;
}
.receipt h1 a:hover {
text-decoration: underline;
}
.receipt__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 48.3%;
flex: 0 0 48.3%;
padding-bottom: 44px;
}
.receipt__col:last-child {
padding-bottom: 0;
}
.receipt__col--wide {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.receipt__col--wide h3 {
max-width: 44.8%;
}
.receipt__cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.receipt__head {
padding-bottom: 37px;
}
.receipt__subhead {
padding: 0 0 54px;
}
.receipt__payment {
padding: 0;
margin: -2px 0 0;
list-style: none outside none;
}
.receipt__payment li {
padding-bottom: 4px;
}
.receipt__payment span {
min-width: 60%;
display: inline-block;
}
.receipt__details {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 0 49px;
border-bottom: 1px solid #dfdfdf;
margin: -3px 0 0;
list-style: none outside none;
}
.receipt__details span {
display: block;
padding-bottom: 8px;
}
.receipt__details li {
position: relative;
}
.receipt__details li:nth-child(2) {
left: 10px;
}
.receipt__details li:nth-child(3) {
left: 7px;
}
.receipt__details li:nth-child(4) {
text-align: center;
}
.receipt__details li:nth-child(5) {
text-align: right;
padding-left: 5px;
}
.receipt__details li:nth-child(6) {
text-align: center;
padding: 0 27px 0 12px;
}
.receipt__sum {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 19px 38px 48px 2px;
}
.receipt__sum ul {
text-align: right;
padding: 0;
margin: 0;
list-style: none outside none;
}
.receipt__sum span {
min-width: 65px;
display: inline-block;
}
.receipt__sum li {
padding-bottom: 18px;
}
.receipt__sum li:last-child {
font-weight: 700;
}
.receipt__sum li:nth-child(3),
.receipt__sum li:nth-child(4) {
padding-bottom: 21px;
}
.receipt__coupon {
text-align: center;
padding-bottom: 50px;
}
.receipt__coupon img {
display: block;
margin: 0 auto 25px;
}
.receipt__coupon figcaption {
text-align: left;
max-width: 787px;
margin: auto;
position: relative;
left: 4px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.receipt {
padding: 20px;
}
.receipt h1 {
margin-bottom: 20px;
}
.receipt h1 a {
margin: 0;
}
.receipt h3 {
margin: 0 0 20px;
}
.receipt address {
padding-bottom: 20px;
}
.receipt__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 49%;
flex: 0 0 49%;
padding-bottom: 20px;
}
.receipt__head {
padding-bottom: 30px;
}
.receipt__subhead {
padding: 0 0 30px;
}
.receipt__details {
padding: 0 0 30px;
margin: 0;
}
.receipt__col--wide {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.receipt__col--wide h3 {
max-width: 49%;
}
.receipt__sum {
padding: 20px 0 0;
}
.receipt__sum li,
.receipt__sum li:nth-child(3),
.receipt__sum li:nth-child(4) {
padding-bottom: 20px;
}
.receipt__coupon {
padding-bottom: 100px;
}
.receipt__coupon figcaption {
max-width: none;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.receipt {
font-size: 16px;
padding: 0;
}
.receipt__details li:nth-child(2),
.receipt__details li:nth-child(3) {
left: auto;
}
.receipt__details li:nth-child(5),
.receipt__details li:nth-child(6) {
padding: 0 0 20px;
}
}
/* Mobile */
@media (max-width: 767px) {
.receipt {
font-size: 10px;
padding: 15px 11px;
}
.receipt h2 {
font-size: 1.603em;
}
.receipt h3 {
padding-bottom: 4px;
margin-bottom: 10px;
}
.receipt h3,
.receipt h6,
.receipt address,
.receipt__sum ul,
.receipt__payment,
.receipt__details,
.receipt__coupon figcaption {
font-size: 1.434em;
}
.receipt p {
font-size: 1.434em;
}
.receipt p:not(:last-child) {
margin-bottom: 1.3em;
}
.receipt h1 {
font-size: 2.109em;
margin-bottom: .3em;
}
.receipt h1 a {
font-size: .68em;
}
.receipt__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 47.4%;
flex: 0 0 47.4%;
}
.receipt__head {
padding-bottom: 25px;
}
.receipt__subhead {
padding-bottom: 36px;
}
.receipt__col--wide {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-top: 10px;
}
.receipt__col--wide h3 {
max-width: 47.4%;
}
.receipt__payment {
margin: 13px -28% 0 0;
}
.receipt__payment li {
padding-bottom: 13px;
}
.receipt__details {
padding-bottom: 26px;
}
.receipt__details li {
padding-bottom: 27px;
}
.receipt__details span {
padding-bottom: 5px;
}
.receipt__details li:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 24.7%;
flex: 0 0 24.7%;
}
.receipt__details li:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 47.5%;
flex: 0 0 47.5%;
}
.receipt__details li:nth-child(3) {
-webkit-box-flex: 0;
-ms-flex: 0 0 27%;
flex: 0 0 27%;
}
.receipt__details li:nth-child(5) {
padding: 0 0 27px 15px;
}
.receipt__details li:nth-child(6) {
padding: 0 65px 27px 0;
}
.receipt__sum {
padding: 13px 0 0;
}
.receipt__sum ul {
padding: 5px 20px 0 0;
}
.receipt__sum li {
padding-bottom: 12px;
}
.receipt__sum span {
min-width: 53px;
}
.receipt__sum li:nth-child(3),
.receipt__sum li:nth-child(4) {
padding-bottom: 10px;
}
.receipt__coupon {
padding: 62px 38px 20px;
}
.receipt__coupon img {
margin-bottom: 10px;
}
.receipt__coupon figcaption {
text-align: center;
margin: 0 -26px 0 -32px;
}
.btn.shopping-cart__btn.cart-continue-shopping {
width: 100%;
}
.shopping-cart__head .shopping-cart__btn {
margin: 19px 2px 0 0 !important;
}
.shopping-cart__coupon {
position: static !important;
}
.checkout__col.checkout__col--size-1 {
padding-top: 10px !important;
}
.checkout__section-body > br {
display: none;
}
.cart-head .shopping-cart__btn {
margin-top: 0 !important;
}
.shopping-cart__head .shopping-cart__btn {
padding: 10px 0;
margin-bottom: 10px;
margin-top: 0 !important;
margin-bottom: 10px !important;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.receipt {
padding: 0;
}
.receipt h1 a {
float: none;
display: block;
margin: 5px 0 20px;
}
.receipt__col {
padding-bottom: 0;
}
.receipt__cols {
display: block;
}
.receipt__head {
padding-bottom: 20px;
}
.receipt__payment {
margin: 13px 0 0;
}
.receipt__details {
padding: 0;
}
.receipt__details span {
font-weight: 600;
text-decoration: underline;
}
.receipt__details li:first-child,
.receipt__details li:nth-child(2),
.receipt__details li:nth-child(3),
.receipt__details li:nth-child(4),
.receipt__details li:nth-child(5),
.receipt__details li:nth-child(6) {
text-align: left;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 0 0 20px;
}
.receipt__sum {
display: block;
padding: 20px 0 0;
}
.receipt__sum ul {
padding: 0;
}
.receipt__coupon {
padding: 20px 0;
}
.receipt__coupon figcaption {
margin: 0;
}
}
/* ------------------------------------------------------------ *\
Reviews
\* ------------------------------------------------------------ */
.reviews {
padding: 34px 13px 58px;
}
.reviews .reviews__btn {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
line-height: 1.25;
padding: 9px 37px;
margin-top: 2px;
}
.reviews__head {
font-size: 14px;
line-height: 1.75;
color: #646464;
padding-bottom: 12px;
}
.reviews__head p {
padding-bottom: 1.95em;
margin: 0;
}
.reviews__head h3 {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 19px;
line-height: 1.2;
color: #333;
font-weight: 700;
margin-bottom: 6px;
}
.reviews__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 345px;
flex: 0 0 345px;
}
.reviews__col:nth-child(even) {
-webkit-box-flex: 0;
-ms-flex: 0 0 550px;
flex: 0 0 550px;
}
.reviews__cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.reviews__offer {
font-family: 'Helvetica', 'Arial', sans-serif;
}
.reviews__offer img {
margin-left: 40px;
}
.reviews__meta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 18px 19px 18px 0;
border-bottom: 1px solid #d7d7d7;
margin: 0 10px 37px 14px;
}
.reviews__meta h4 {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 19px;
line-height: 20px;
color: #363636;
font-weight: 700;
position: relative;
top: 9px;
margin: 0;
}
.reviews__meta label {
font-weight: 400;
padding-left: 7px;
}
.reviews__meta .select {
width: 168px;
}
.reviews__meta .select select {
border-color: #d3d3d3;
}
.reviews__foot {
font-size: 10px;
padding: 19px 16px 7px 0;
}
.reviews__foot p {
font-size: 1.435em;
text-align: right;
}
.reviews__foot a {
color: #098a92;
text-decoration: none;
}
.reviews__foot a:hover {
text-decoration: underline;
}
/* Small Desktop */
@media (max-width: 1279px) {
.reviews {
padding: 15px 0 0;
}
.reviews__head {
padding-bottom: 15px;
}
.reviews__meta {
padding: 0 0 15px;
margin: 0 0 15px;
}
.reviews__col,
.reviews__col:nth-child(even) {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}
}
/* Mobile */
@media (max-width: 767px) {
.reviews {
font-size: 10px;
padding: 23px 0;
}
.reviews__cols {
display: block;
padding-right: 48px;
}
.reviews__head {
font-size: 1.435em;
line-height: 1.2;
padding: 0 40px 31px;
}
.reviews__head p {
padding-bottom: .9em;
}
.reviews__head h3 {
font-size: 100%;
margin-bottom: 5px;
}
.reviews__head img {
width: 127px;
margin: 33px 0 0 50px;
}
.reviews__head .reviews__btn {
font-size: 100%;
line-height: 20px;
padding: 10px 31px;
margin: 8px 0 0 2px;
border-color: #4ec5cc;
background-color: #4ec5cc;
}
.reviews__head .reviews__btn:hover {
color: #4ec5cc;
background-color: #fff;
}
.reviews__meta {
padding: 0 7px 10px;
}
.reviews__meta h4 {
font-size: 17px;
top: 18px;
}
.reviews__meta label {
letter-spacing: 0em;
padding: 6px 10px 6px 0;
}
.reviews__meta .select {
width: 208px;
}
.reviews__meta .select:before {
right: 17px;
}
.reviews__meta .select select {
padding-left: 14px;
}
.reviews__body {
font-size: 10px;
}
/* Reviews Standalone */
.reviews--standalone {
padding: 9px 0;
}
.reviews--standalone .reviews__meta {
padding: 20px 8px 21px;
border: 0;
margin: 0;
}
.reviews--standalone .reviews__meta h4 {
font-size: 23px;
color: #363636;
font-weight: 400;
top: auto;
}
.reviews--standalone .review {
padding: 2px 15px 2px 11px;
}
.reviews--standalone .review + .review {
margin-top: 1px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.reviews {
padding: 15px 0;
}
.reviews__cols {
padding: 0;
}
.reviews__head {
padding: 0 0 25px;
}
.reviews__head img {
margin: 0 0 0 20px;
}
.reviews__meta {
display: block;
padding: 0 0 10px;
}
.reviews__meta h4 {
position: static;
top: auto;
margin-bottom: 10px;
}
.reviews__meta label {
width: 25%;
padding: 0;
}
.reviews__meta .select {
width: 75%;
}
.reviews__foot {
padding: 15px 0;
}
.reviews--standalone {
padding: 0;
}
.reviews--standalone .reviews__meta {
padding: 0 0 5px;
}
.reviews--standalone .review {
padding: 0;
}
.reviews--standalone .review + .review {
margin: 0;
}
}
/* ------------------------------------------------------------ *\
Review
\* ------------------------------------------------------------ */
.review {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 14px;
line-height: 1.2;
color: #646464;
max-width: 1190px;
padding: 0 20px 0 18px;
margin: auto;
}
.review + .review {
padding-top: 35px;
border-top: 1px solid #d7d7d7;
margin-top: 18px;
}
.review p {
padding-bottom: 1.9em;
margin: 0;
overflow-wrap: break-word;
}
.review h3 {
font-size: 19px;
color: #333;
font-weight: 700;
margin-bottom: .75em;
}
.review h3 strong {
float: right;
}
.review h4 {
font-size: 19px;
font-weight: 400;
color: #646464;
margin-bottom: .85em;
}
.review h4 i {
margin-top: -5px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.review {
padding: 0;
}
.review p {
padding-bottom: 1em;
}
.review + .review {
padding-top: 15px;
margin-top: 2px;
}
}
/* Mobile */
@media (max-width: 767px) {
.review {
font-size: 1.435em;
padding: 2px 13px;
}
.review h3 {
margin: 0 -3px 7px 0;
}
.review h4 {
color: #646464;
}
.review h3,
.review h4 {
font-size: 100%;
}
.review__rating i {
width: 18px;
height: 18px;
margin-left: -1px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.review {
padding: 0;
}
.review + .review {
padding-top: 15px;
margin-top: 0;
}
}
/* ------------------------------------------------------------ *\
Search
\* ------------------------------------------------------------ */
.search {
width: 660px;
position: relative;
}
.search__btn {
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 0;
right: 0;
padding: 0;
border: 0;
background: none;
border-radius: 0;
box-shadow: none;
}
.search__field {
font-size: 15px;
line-height: 1.2;
color: #606060;
font-weight: 600;
width: 100%;
height: 40px;
display: block;
padding: 10px 42px 10px 15px;
border: 1px solid #828282;
background: #fff;
border-radius: 0;
box-shadow: none;
text-transform: uppercase;
}
.search__field::-webkit-input-placeholder {
color: #858585;
font-weight: 400;
}
.search__field:-ms-input-placeholder {
color: #858585;
font-weight: 400;
}
.search__field::placeholder {
color: #858585;
font-weight: 400;
}
.search__reset {
font-size: 13px;
line-height: 20px;
color: #098a92;
width: 72px;
height: 46px;
display: none;
position: absolute;
top: 40px;
right: 0;
padding: 13px 0;
border: 0;
background: none;
border-radius: 0;
box-shadow: none;
}
/* Search Dropdown */
.search__dropdown {
width: 900px;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
transition: all .35s ease-in-out;
}
.search__field:valid ~ .search__dropdown {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
/* Search Tabs */
.search__tabs {
border: 1px solid #000;
background-color: #fff;
}
.search__tabs .tabs__nav {
color: #767676;
font-weight: 600;
text-transform: lowercase;
text-transform: uppercase;
}
.search__tabs .tabs__nav a {
font-size: 16px;
line-height: 1.35;
text-decoration: none;
display: block;
padding: 10px 20px 12px 18px;
}
.search__tabs .tabs__nav a strong {
font-size: 18px;
line-height: 1.25;
}
.search__tabs .tabs__nav .current a {
background-color: #fff;
}
.search__tabs .tabs__head {
-webkit-box-flex: 0;
-ms-flex: 0 0 157px;
flex: 0 0 157px;
background-color: #f1f1f1;
}
.search__tabs .tabs__body {
-webkit-box-flex: 0;
-ms-flex: 0 0 741px;
flex: 0 0 741px;
}
.search__tabs-links {
font-size: 12px;
line-height: 1;
color: #777;
letter-spacing: 0.01em;
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
}
.search__tabs-links a {
text-decoration: none;
display: block;
}
.search__tabs-links a:hover {
text-decoration: underline;
}
.search__tabs-links > ul {
padding: 21px 22px 11px;
}
.search__tabs-links > ul > li {
padding-bottom: 8px;
}
.search__tabs-links > ul > li > a {
font-size: 14px;
color: #cc0001;
font-weight: 700;
letter-spacing: 0.02em;
}
.search__tabs-links > ul ul {
padding-top: 12px;
}
.search__tabs-links > ul ul li {
padding-bottom: 7px;
}
/* Search Results */
.search__results {
max-width: calc(100% - 200px);
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
padding: 20px 12px 9px 0;
}
.search__results h5 {
color: #000;
font-weight: 700;
letter-spacing: -0.016em;
padding-left: 8px;
text-transform: uppercase;
}
.search__results h5 strong {
color: #cc0001;
}
.search__results ul {
font-size: 12px;
line-height: 1.25;
color: #3d3d3d;
letter-spacing: 0.02em;
padding: 0;
margin: 0;
list-style: none outside none;
}
.search__results ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
padding-bottom: 11px;
}
.search__results ul a {
text-decoration: none;
display: block;
padding: 0 12px;
}
.search__results ul a img {
width: 100%;
display: block;
margin-bottom: 14px;
}
.search__results ul a span {
display: block;
margin: 0 -3px 11px;
}
.search__results ul a strong {
letter-spacing: 0.05em;
font-weight: 700;
display: block;
margin: 0 -3px;
}
.search__results ul a strong span {
color: #39a100;
display: inline-block;
margin: 0 0 0 6px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.search__dropdown {
left: 50%;
margin-left: -450px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.search__dropdown {
width: 550px;
right: 0;
left: auto;
margin-left: 0;
}
.search__tabs .tabs__body {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
}
.search__results ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
/* Mobile */
@media (max-width: 767px) {
.search {
background-color: #fff;
}
.search::before {
content: '';
display: block;
opacity: 0;
position: absolute;
top: 0;
right: -8px;
bottom: 0;
left: -8px;
z-index: 3;
background-color: #000;
pointer-events: none;
transition: opacity .35s ease-in-out;
}
.search__btn {
width: 38px;
height: 42px;
top: 8px;
right: 10px;
background-color: #cc0001;
}
.search__field {
font-size: 16px;
line-height: 1.25;
height: 46px;
padding: 11px 48px 11px 15px;
border-width: 2px;
}
.search__field::-webkit-input-placeholder {
color: transparent;
}
.search__field:-ms-input-placeholder {
color: transparent;
}
.search__field::placeholder {
color: transparent;
}
.search__field:valid {
width: calc(100% - 64px);
}
.search__field:valid ~ .search__btn {
right: 74px;
}
.search__field:valid ~ .search__reset {
display: block;
}
.search__dropdown {
font-size: 15px;
line-height: 1.33;
width: auto;
top: 93px;
right: 0;
left: 0;
padding: 30px 30px 3px;
background-color: #fff;
}
.search__dropdown ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.search__dropdown li {
padding-bottom: 27px;
}
.search__dropdown a {
text-decoration: none;
font-weight: 400;
letter-spacing: -0.015em;
}
.search-disabled .wrapper {
padding-top: 165px;
}
}
@media (max-width: 523px) {
.search__reset {
top: 47px;
}
.search-disabled .wrapper {
padding-top: 125px;
}
}
/* ------------------------------------------------------------ *\
Section Products
\* ------------------------------------------------------------ */
.section-products .section__head {
color: #363636;
padding: 10px;
border-bottom: 1px solid #ededed;
margin-bottom: 0px;
pointer-events: none;
}
.section-products .section__body {
margin-bottom: -12px;
}
.section-products + .section-clients {
margin-top: -25px;
}
/* Section Products Related */
.section-products--related {
padding: 0 72px 0 17px;
}
.section-products--related .section__head {
padding: 9px 8px;
}
.section-products--related + .section-products--related {
padding-bottom: 59px;
}
.section-products--related + .section-products--related .section__head {
margin-bottom: 18px;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.section-products--related,
.section-products--related + .section-products--related {
padding: 0;
}
.section-products--related .section__head {
padding: 10px;
}
.section-products--related + .section-products--related .section__head {
margin: 0;
}
}
/* Small Desktop */
@media (max-width: 1279px) {
.section-products .section__body {
margin-bottom: 0;
}
.section-products + .section-clients {
margin-top: 0;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.section-products .section__head {
padding: 10px 0;
margin-bottom: 15px;
}
.section-products--related {
padding-bottom: 50px;
}
}
/* Mobile */
@media (max-width: 767px) {
.product__media {
/*display: flex;*/
flex-wrap: wrap;
margin-bottom:15px;
}
.section-products .section__head {
padding: 10px 6px 2px;
border-bottom-color: #f3f3f3;
margin-bottom: 10px;
pointer-events: all;
}
.section-products .section__head--accordion {
position: relative;
padding: 15px 20px;
border-top: 1px solid #979797;
border-bottom: 1px solid #979797;
margin: 0 -8px -1px;
cursor: pointer;
}
.section-products .section__head--accordion:before {
width: 11px;
height: 3px;
right: 24px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.section-products .section__head--accordion:after {
width: 3px;
height: 11px;
right: 28px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.section-products .section__head--accordion h4 {
font-size: 15px;
line-height: 19px;
color: #454545;
font-weight: 400;
}
.section-products .section__head--accordion:before,
.section-products .section__head--accordion:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-color: #cc0001;
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.section-products.is--collapsed .section__head--accordion:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
/* ------------------------------------------------------------ *\
Section Clients
\* ------------------------------------------------------------ */
.section-clients:first-child {
padding: 29px 0 70px;
}
.section-clients .section__head {
padding: 0 10px 10px;
border-bottom: 1px solid #ededed;
margin-bottom: 56px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.section-clients:first-child {
padding: 20px 0;
}
.section-clients .section__head {
margin-bottom: 30px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.section-clients .section__head {
padding: 10px 0;
margin-bottom: 15px;
}
}
/* Mobile */
@media (max-width: 767px) {
.section-clients:first-child {
padding: 0 0 46px;
}
.section-clients .section__head {
padding: 10px 10px 1px;
margin-bottom: 32px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.section-clients:first-child {
padding: 0 0 20px;
}
}
/* ------------------------------------------------------------ *\
Section Account
\* ------------------------------------------------------------ */
.section-account {
color: #535353;
padding: 57px 0 130px;
}
.section-account h2 {
letter-spacing: -0.01em;
margin-bottom: 0;
}
.section-account .section__head {
font-size: 16px;
line-height: 1.3;
padding: 0 5px 25px;
}
.section-account .section__link {
font-size: 19px;
color: #098a92;
text-decoration: none;
letter-spacing: -0.01em;
margin-bottom: 10px;
}
.section-account .section__subtitle {
font-size: 21px;
line-height: 1.1;
color: #363636;
font-weight: 400;
padding: 12px 5px 2px;
border-bottom: 1px solid #f3f3f3;
margin-bottom: 23px;
}
.section-account .section__col--size1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50.45%;
flex: 0 0 50.45%;
margin-right: 23px;
}
.section-account .section__col--size2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 39.75%;
flex: 0 0 39.75%;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.section-account .section__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 48.7%;
flex: 0 0 48.7%;
margin: 0;
}
.section-account .section__cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
/* Small Desktop */
@media (max-width: 1279px) {
.section-account {
padding: 20px 0 100px;
}
.section-account .section__col {
margin: 0 0 20px;
}
.section-account .section__cols {
display: block;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.section-account {
padding-bottom: 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.section-account h2 {
font-size: 26px;
letter-spacing: 0.005em;
margin-bottom: 5px;
}
.section-account .section__head {
font-size: 10px;
padding-bottom: 21px;
}
.section-account .section__head p {
font-size: 1.35em;
}
.section-account .section__col {
margin-bottom: 37px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.section-account .section__head {
padding: 0 0 20px;
}
}
/* ------------------------------------------------------------ *\
Section Results
\* ------------------------------------------------------------ */
.section-results {
padding: 12px 0;
}
.section-results h1 {
font-size: 30px;
line-height: 1.25;
color: #454545;
font-weight: 400;
}
.section-results h2 {
font-size: 35px;
line-height: 1;
color: #454545;
font-weight: 400;
letter-spacing: 0.005em;
padding: 0 7px 16px;
}
.section-results .section__head {
padding-bottom: 12px;
}
.section-results .section__image {
padding-bottom: 8px;
}
.section-results .section__image img {
width: 100%;
display: block;
}
.section-results .section__actions {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 2px 11px 0;
}
.section-results .section__actions p {
font-size: 16px;
line-height: 1.25;
color: #363636;
margin-top: 3px;
}
.section-results .section__article {
font-size: 16px;
line-height: 1.2;
color: #363636;
padding: 47px 8px 58px;
}
.section-results .section__article h2 {
font-size: 24px;
padding: 0 8px 12px;
border-bottom: 1px solid #e1e1e1;
margin: 0 -16px 25px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.section-results .section__article {
padding: 40px 0;
}
.section-results .section__article h2 {
padding: 0 0 10px;
margin: 0 0 25px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.section-results {
padding: 40px 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.section-results {
padding: 12px 5px;
}
.section-results h2 {
font-size: 30px;
padding: 0;
margin: -5px 0 -3px;
}
.section-results .section__head {
padding-bottom: 15px;
}
.section-results .section__actions {
padding: 0 5px;
}
.section-results .section__actions p {
font-size: 20px;
margin-top: 9px;
}
.section-results .section__article {
font-size: 14px;
padding: 20px 0 0;
}
.section-results .section__article h2 {
font-size: 20px;
margin: 0 0 10px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.section-results {
padding: 0;
}
.section-results h2 {
margin: 15px 0 0;
}
.section-results .section__actions {
display: block;
padding: 0 0 15px;
}
.section-results .section__actions p {
font-size: 16px;
margin: 0 0 15px;
}
}
/* ------------------------------------------------------------ *\
Section Specials
\* ------------------------------------------------------------ */
.section-specials {
color: #363636;
padding: 34px 47px 0;
}
.section-specials .section__head {
padding: 0 10px 9px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 43px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.section-specials {
padding: 30px 20px 100px;
}
.section-specials .section__head {
padding: 0 0 10px;
margin-bottom: 40px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.section-specials {
padding: 20px 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.section-specials {
padding: 9px 0 0;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.section-specials {
padding: 0;
}
}
/* ------------------------------------------------------------ *\
Section Category
\* ------------------------------------------------------------ */
.section-category h1 {
font-size: 35px;
line-height: 1;
padding: 0 8px;
}
.section-category .section__head {
padding-bottom: 36px;
}
/* Mobile */
@media (max-width: 767px) {
.section-category {
padding: 2px 0;
}
.section-category h1 {
font-size: 23px;
padding: 0 6px;
margin-top: -3px;
}
.section-category .products {
padding-top: 13px;
margin: 0;
}
.section-category .section__head {
padding-bottom: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-category .section__actions {
font-size: 10px;
text-align: right;
padding-right: 9px;
}
.section-category .section__actions .section__btn {
font-size: 1.435em;
line-height: 1.46;
padding: 10px 29px;
}
.section-category--alt .section__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-category--alt .section__head h1 {
padding-right: 10px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.section-category {
padding: 0;
}
.section-category h1 {
font-size: 22px;
padding: 0;
margin: 0;
}
.section-category h1 span {
display: block !important;
}
.section-category .products {
padding: 0 0 20px;
}
.section-category .section__head {
padding-bottom: 15px;
}
.section-category .section__actions {
padding: 0 0 15px;
}
}
/* ------------------------------------------------------------ *\
Section Testimonials
\* ------------------------------------------------------------ */
.section-testimonials {
padding-bottom: 22px;
}
.section-testimonials h2 {
color: #454545;
padding: 0 8px;
margin-bottom: 52px;
}
.section-testimonials h3 {
font-size: 24px;
line-height: 1;
color: #363636;
margin: -3px 0 0;
}
.section-testimonials .section__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 49%;
flex: 0 0 49%;
}
.section-testimonials .section__cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-testimonials .section__head {
padding: 0 10px 12px;
border-bottom: 1px solid #e1e1e1;
margin: 0 -10px 17px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.section-testimonials {
padding-bottom: 100px;
}
.section-testimonials h2 {
padding: 0;
margin-bottom: 40px;
}
}
/* Mobile */
@media (max-width: 767px) {
.section-testimonials {
padding-bottom: 0;
}
.section-testimonials h2 {
font-size: 21px;
padding: 0 9px;
margin-bottom: 26px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.section-testimonials h2 {
padding: 0;
margin: 0 0 20px;
}
}
/* ------------------------------------------------------------ *\
Section Category
\* ------------------------------------------------------------ */
.section-category {
color: #363636;
}
.section-category h1 {
font-size: 35px;
line-height: 1.2;
color: #454545;
font-weight: 400;
}
.section-category h2 {
font-size: 28px;
line-height: 1.2;
color: #454545;
font-weight: 400;
}
.section-category .section__head {
padding: 6px 0 27px;
}
.section-category .section__article {
padding: 31px 7px 43px;
}
.section-category .section__image {
padding-bottom: 71px;
}
.section-category .section__image img {
width: 100%;
display: block;
}
.section-category .section__group h2 {
padding: 0 14px 0px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 41px;
vertical-align: top;
display: inline-block;
width: 100%;
}
.section-category .section__group h2 a {
font-size: 16px;
color: #098a92;
text-decoration: none;
display: inline-block;
vertical-align: top;
}
.section-category .section__group h2 > a {
vertical-align: bottom;
margin-left: 15px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.section-category h1 {
padding: 0;
}
.section-category .section__head {
padding: 5px 0 20px;
}
.section-category .section__image {
padding-bottom: 40px;
}
.section-category .section__article {
padding: 30px 0;
}
/* .section-category .section__group h2 a {
margin-top: 7px;
}*/
}
/* Mobile */
@media (max-width: 767px) {
.section-category h1 {
font-size: 20px;
}
.section-category h2 {
font-size: 21px;
}
.section-category .section__head {
padding: 12px 4px 38px;
}
.section-category .section__article {
padding: 34px 0 0;
}
.section-category .section__group h2 {
margin-bottom: 20px;
}
/* .section-category .section__group h2 a {
margin-top: 3px;
}*/
}
/* Mobile Small */
@media (max-width: 523px) {
.section-category .section__head {
padding: 0 0 15px;
}
.section-category .section__article {
padding: 10px 0 0;
}
/*.section-category .section__group h2 {
padding: 0;
margin-bottom: 20px;
}*/
}
/* ------------------------------------------------------------ *\
Section Brands
\* ------------------------------------------------------------ */
.section-brands {
color: #363636;
padding: 0 7px 36px;
}
.section-brands h2 {
font-size: 28px;
font-weight: 400;
}
.section-brands .section__head {
padding: 0 17px 9px;
border-bottom: 1px solid #e1e1e1;
}
.section-brands .section__body {
padding: 59px 0;
}
/* Small Desktop */
@media (max-width: 1279px) {
.section-brands {
padding: 0 0 100px;
}
.section-brands .section__head {
padding: 0 0 10px;
}
.section-brands .section__body {
padding: 40px 0;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.section-brands {
padding: 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.section-brands h2 {
font-size: 21px;
}
.section-brands .section__head {
padding: 0 10px 1px;
}
.section-brands .section__body {
padding-bottom: 32px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.section-brands .section__head {
padding: 0;
}
.section-brands .section__body {
padding: 20px 0 0;
}
}
/* ------------------------------------------------------------ *\
Shopping Cart
\* ------------------------------------------------------------ */
.shopping-cart {
font-family: 'Helvetica', 'Arial', sans-serif;
padding: 18px 74px 0 16px;
}
.shopping-cart h1 {
font-size: 35px;
line-height: 1.25;
color: #454545;
font-weight: 400;
margin-bottom: 18px;
}
.shopping-cart__alert {
font-size: 15px;
line-height: 1.25;
font-weight: 700;
text-indent: 7px;
}
.shopping-cart__alert--success {
color: #39a100;
}
.shopping-cart__head {
padding: 0 10px 35px 15px;
}
.shopping-cart__head:after {
content: '';
display: block;
clear: both;
}
.shopping-cart__head .shopping-cart__btn {
float: right;
padding-right: 12px;
padding-left: 12px;
margin-top: -25px;
}
.shopping-cart__body {
padding-bottom: 36px;
}
.shopping-cart__body h4 {
font-size: 24px;
line-height: 1.2;
color: #363636;
font-weight: 400;
padding: 0 10px 9px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 40px;
}
.shopping-cart__body h6 {
font-size: 15px;
line-height: 1;
color: #098a92;
text-align: right;
padding: 4px 30px 0 0;
margin: 0;
}
.shopping-cart__body h6 a {
text-decoration: none;
margin: 0 10px;
}
.shopping-cart__body h6 a:hover {
text-decoration: underline;
}
.shopping-cart__field {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 15px;
line-height: 18px;
color: #363636;
font-weight: 400;
text-align: center;
width: 48px;
height: 30px;
display: block;
padding: 5px;
border: 1px solid #ccc;
margin: -7px 0 0 3px;
background: #fff;
border-radius: 0;
box-shadow: none;
}
.shopping-cart__remove {
display: inline-block;
vertical-align: middle;
padding: 0;
border: 0;
margin: -4px 0 0 17px;
background: none;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.shopping-cart__price {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 0 45px 10px;
margin-right: -16px;
}
.shopping-cart__coupon {
font-size: 16px;
line-height: 1.5;
color: #444;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
}
.shopping-cart__coupon .field::-webkit-input-placeholder {
color: transparent;
}
.shopping-cart__coupon .field:-ms-input-placeholder {
color: transparent;
}
.shopping-cart__coupon .field::placeholder {
color: transparent;
}
.shopping-cart__box {
max-width: 413px;
margin-bottom: 16px;
}
.shopping-cart__box label {
font-size: 18px;
line-height: 1.33;
color: #3f3f3f;
font-weight: 400;
letter-spacing: 0.035em;
display: block;
margin-bottom: 27px;
}
.shopping-cart__box label em {
font-size: 14px;
color: #656565;
display: block;
letter-spacing: 0.005em;
margin-top: 6px;
}
.shopping-cart__controls {
position: relative;
}
.shopping-cart__controls .field {
padding-right: 90px;
}
.shopping-cart__controls .shopping-cart__btn {
width: 80px;
position: absolute;
top: 0;
right: 0;
border-color: #828282;
background-color: #cc0001;
}
.shopping-cart__controls .shopping-cart__btn:hover {
color: #fff;
background-color: #333;
}
.shopping-cart__sum {
font-size: 15px;
line-height: 1.3;
color: #333;
-webkit-box-flex: 0;
-ms-flex: 0 0 31.5%;
flex: 0 0 31.5%;
padding-top: 8px;
}
.shopping-cart__sum ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.shopping-cart__sum ul strong {
font-weight: 400;
float: right;
}
.shopping-cart__sum li {
padding-bottom: 12px;
}
.shopping-cart__actions {
font-size: 14px;
line-height: 1.2;
text-align: center;
width: 205px;
padding: 16px 0 0;
margin: 0 5px 0 auto;
}
.shopping-cart__actions p {
margin-bottom: 9px;
}
.shopping-cart__actions img {
margin-left: 5px;
}
.shopping-cart__actions .shopping-cart__btn {
padding-right: 36px;
padding-left: 36px;
border-color: #10ab25;
margin-bottom: 15px;
background-color: #10ab25;
}
.shopping-cart__actions .shopping-cart__btn:hover {
color: #10ab25;
background-color: #fff;
}
/* Medium Desktop */
@media (max-width: 1360px) {
.shopping-cart {
padding: 0;
}
.shopping-cart h1 {
margin-bottom: 15px;
}
.shopping-cart__head {
padding: 0 10px 20px;
}
.shopping-cart__head .shopping-cart__btn {
margin: 0;
}
.shopping-cart__body {
padding-bottom: 20px;
}
.shopping-cart__body h4 {
margin-bottom: 11px;
}
.shopping-cart__body h6 {
padding: 15px 0 0;
}
.shopping-cart__sum {
padding: 0;
}
.shopping-cart__alert {
text-indent: 0;
}
.shopping-cart__price {
padding: 0 10px 20px;
margin: 0;
}
.shopping-cart__actions {
padding: 0;
margin: auto;
}
body .checkout-security-logo.security-badge-shopping-cart span.aplus-logo {
margin-right: 10%;
}
body .shopping-cart__price .cart-actions {
margin-top: 25px !important;
}
}
.view-colors-search {
display: inline-block;
width: 100%;
margin: 30px 0 0;
text-align: right;
}
.view-colors-search #txtColorSearch {
border: 1px solid #ccc;
height: 35px;
display: inline-block;
width: 230px;
max-width: 100%;
padding: 0 12px;
}
.view-colors-search .search__btn {
margin-left: -25px;
position: relative;
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
top: -2px;
right: 10px;
}
.view-colors-search .search__btn .ico-search, .view-colors-search .search__btn .ico-search-mobile {
width: 15px;
height: 15px;
}
.view-colors-search a {
color: #fff;
padding: 6px 12px;
display: inline-block;
height: 35px;
border: 1px solid transparent;
}
.view-colors-search #btnColorSearch {
background-color: #10ab25;
}
.view-colors-search #btnColorSearch:hover {
border-color: #10ab25;
background-color: transparent;
color: #10ab25;
}
.view-colors-search #btnColorClear {
background-color: #939393;
border-color: #939393;
}
.view-colors-search #btnColorClear:hover {
border-color: #939393;
background-color: transparent;
color: #939393;
}
.view-colors-search-wrapper {
display: inline-block;
width: 100%;
max-width: calc(100% - 378px);
text-align: left;
}
@media (max-width: 1279px) {
body .checkout__section--wide + .checkout__section--wide {
padding-bottom: 0;
}
.view-colors-search-wrapper {
max-width: calc(100% - 230px);
}
body .security-badge-shopping-cart.security-badge-edit-card.orm-sign.hidden-xs {
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px 0;
max-width: 420px;
float: none !important;
width: 100%;
margin: 0 auto !important;
}
body .security-badge-shopping-cart.orm-sign a.aplus-logo {
margin: 0 70px;
}
body .security-badge-shopping-cart.orm-sign a.aplus-logo:first-child {
margin-left: 0;
margin-right: 10px;
}
body .security-badge-shopping-cart.orm-sign a.aplus-logo:last-child {
margin-right: 0;
position: relative;
right: -39px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.shopping-cart__price br {
display: none;
}
body .checkout-security-logo.security-badge-shopping-cart span.aplus-logo {
margin-right: 0;
}
body .checkout-security-logo.security-badge-shopping-cart span {
width: 192px !important;
}
}
/* Mobile */
@media (max-width: 767px) {
.shopping-cart h1 {
font-size: 26px;
letter-spacing: 0.01em;
margin: 10px -4px;
}
.shopping-cart__head {
padding-bottom: 27px;
}
.shopping-cart__head .shopping-cart__btn {
font-size: 18px;
line-height: 19px;
padding: 14px 25px;
border-color: #10ab25;
margin: 48px 2px 0 0;
background-color: #10ab25;
}
.shopping-cart__head .shopping-cart__btn:hover {
color: #10ab25;
background-color: #fff;
}
.shopping-cart__head .shopping-cart__btn:first-child {
font-size: 14px;
color: #0c939c;
letter-spacing: 0.015em;
float: none;
padding: 11px 0;
border: 0;
margin: 0;
background-color: transparent;
}
.shopping-cart__head .shopping-cart__btn:first-child:hover {
color: #cc0001;
background-color: transparent;
}
.shopping-cart__body h4 {
font-size: 21px;
padding: 0 6px 9px;
}
.shopping-cart__body h6 {
font-size: 14px;
padding: 3px 8px 0 0;
}
.shopping-cart__body h6 a {
margin: 0 6px;
}
.shopping-cart__field {
font-size: 14px;
line-height: 17px;
width: 50px;
height: 49px;
display: inline-block;
padding: 15px 5px;
margin: -5px 0 0 8px;
}
.shopping-cart__price {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap;
position: relative;
}
.shopping-cart__sum {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 30px;
}
.shopping-cart__sum ul {
font-size: 15px;
padding-top: 3px;
}
.shopping-cart__sum li {
padding: 0 11px 9px 13px;
}
.shopping-cart__sum li + li {
padding-bottom: 11px;
}
.shopping-cart__sum li:last-child {
font-size: 21px;
padding: 27px 13px 27px 7px;
border-top: 2px solid #f9f9f9;
margin-top: 18px;
}
.shopping-cart__sum li:last-child strong {
font-size: 25px;
line-height: 1.25;
font-weight: 700;
}
.shopping-cart__sum li:last-child strong sup {
font-size: 40%;
line-height: 0;
position: relative;
top: -2px;
}
.shopping-cart__coupon {
max-width: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
position: absolute;
bottom: 346px;
left: 0;
right: 0;
padding: 0 13px 0 17px;
}
.shopping-cart__actions {
font-size: 15px;
width: auto;
padding: 0 3px 0 10px;
margin-top: 159px;
}
.shopping-cart__actions p {
margin-bottom: 6px;
}
.shopping-cart__actions .shopping-cart__btn {
font-size: 18px;
line-height: 19px;
width: 100%;
padding: 14px 0;
margin-bottom: 14px;
}
.shopping-cart__actions .shopping-cart__coupon .shopping-cart__btn {
background-color: #cc0001;
border-color: #828282;
}
.shopping-cart__actions .shopping-cart__coupon .shopping-cart__btn:hover {
color: #cc0001;
background-color: #fff;
}
.shopping-cart__actions .shopping-cart__coupon .shopping-cart__controls {
max-width: 350px;
margin: 0 auto;
}
.shopping-cart__box {
max-width: none;
padding: 15px 20px 24px;
}
.shopping-cart__box label {
letter-spacing: 0.015em;
margin-bottom: 13px;
}
.shopping-cart__controls .field {
padding-right: 108px;
}
.shopping-cart__controls .shopping-cart__btn {
font-size: 18px;
line-height: 19px;
width: 98px;
padding: 14px 0;
}
.shopping-cart__hint {
font-size: 10px;
text-align: right;
padding: 27px 3px 4px;
}
.shopping-cart__hint p {
font-size: 1.265em;
line-height: 1.4;
height: 68px;
margin-bottom: 16px;
overflow: hidden;
}
.shopping-cart__hint br {
display: block;
}
.shopping-cart__hint img {
width: 130px;
display: block;
margin-left: auto;
}
.view-colors-search {
padding: 0 5px;
text-align: center;
}
.view-colors-search-wrapper {
max-width: 100%;
}
.view-colors-search #txtColorSearch {
width: calc(100% - 167px);
margin: 0 0 12px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.shopping-cart h1 {
margin: 15px 0 0;
}
.shopping-cart__head,
.shopping-cart__body {
padding: 0 0 15px;
}
.shopping-cart__head .shopping-cart__btn {
width: 100%;
float: none;
margin: 0;
}
.shopping-cart__head .shopping-cart__btn:first-child {
padding: 10px 0;
margin-bottom: 10px;
}
.shopping-cart__body h4 {
padding: 0 10px 9px;
}
.shopping-cart__body h6 {
padding: 0;
}
.shopping-cart__hint {
padding: 15px 0 0;
}
.shopping-cart__hint p {
font-size: 13px;
line-height: 1.2;
height: auto;
margin-bottom: 15px;
}
.shopping-cart__box {
padding: 12px 10px 10px;
margin-bottom: 12px;
}
.shopping-cart__price {
padding: 0;
}
.shopping-cart__coupon {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
position: static;
bottom: auto;
right: auto;
left: auto;
padding: 0;
}
.shopping-cart__coupon label {
display: none;
}
.shopping-cart__coupon .btn {
font-size: 16px;
}
.shopping-cart__coupon .field {
font-size: 16px;
}
.shopping-cart__coupon .field::-webkit-input-placeholder {
color: #363636;
}
.shopping-cart__coupon .field:-ms-input-placeholder {
color: #363636;
}
.shopping-cart__coupon .field::placeholder {
color: #363636;
}
.shopping-cart__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
margin: 0;
}
.shopping-cart__actions p {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.shopping-cart__actions .shopping-cart__btn {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.shopping-cart__sum ul {
padding: 0;
}
.shopping-cart__sum li {
padding: 0 0 10px;
}
.shopping-cart__sum li + li {
padding: 0 0 10px;
}
.shopping-cart__sum li:last-child {
margin-top: 10px;
padding: 15px 0;
}
}
/* ------------------------------------------------------------ *\
Sitemap
\* ------------------------------------------------------------ */
.sitemap {
line-height: 1.225;
color: #363636;
padding: 22px 57px;
}
.sitemap h1 {
font-size: 35px;
line-height: 1.25;
color: #454545;
font-weight: 400;
}
.sitemap h2 {
font-size: 28px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 30px;
}
.sitemap h3 {
font-size: 24px;
line-height: 1.25;
font-weight: 700;
margin-bottom: 20px;
}
.sitemap ul {
padding: 0;
margin: 0 0 20px;
list-style: none outside none;
}
.sitemap a {
color: #098a92;
text-decoration: none;
}
.sitemap a:hover {
text-decoration: underline;
}
.sitemap__cols {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sitemap__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 45.75%;
flex: 0 0 45.75%;
}
/* Small Desktop */
@media (max-width: 1279px) {
.sitemap {
padding: 20px 20px 100px;
}
.sitemap ul {
margin-bottom: 5px;
}
.sitemap li {
padding-bottom: 10px;
}
.sitemap__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.sitemap {
font-size: 16px;
padding: 20px 0;
}
.sitemap h1 {
font-size: 30px;
}
.sitemap h2 {
font-size: 26px;
}
.sitemap h3 {
font-size: 22px;
}
}
/* Mobile */
@media (max-width: 767px) {
.sitemap {
font-size: 10px;
padding: 10px 13px;
}
.sitemap h1 {
font-size: 2.109em;
margin: 0 0 15px -4px;
}
.sitemap h2 {
font-size: 1.603em;
margin-bottom: 16px;
}
.sitemap h3 {
font-size: 1.434em;
margin-bottom: 17px;
}
.sitemap ul {
font-size: 1.434em;
margin-bottom: 20px;
}
.sitemap li {
padding-bottom: 0;
max-width: 60%;
}
.sitemap__cols {
display: block;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.sitemap {
padding: 0;
}
.sitemap h1,
.sitemap h2,
.sitemap h3,
.sitemap ul {
margin: 0 0 10px;
}
.sitemap li {
max-width: none;
}
}
/* ------------------------------------------------------------ *\
Slider
\* ------------------------------------------------------------ */
.slider {
position: relative;
}
.slider .slick-list {
z-index: 1;
}
.slider .slick-disabled {
opacity: 0;
visibility: hidden;
}
.slider .slick-arrow {
font-size: 0;
line-height: 0;
width: 26px;
height: 90px;
display: block;
position: absolute;
top: 50%;
z-index: 2;
border: 0;
margin-top: -45px;
background: #8d8d8d;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.slider .slick-arrow:before {
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
border: 10px solid transparent;
margin-top: -10px;
}
.slider .slick-prev {
left: -35px;
}
.slider .slick-prev:before {
border-right-color: #fff;
margin-left: -15px;
}
.slider .slick-next {
right: -26px;
}
.slider .slick-next:before {
border-left-color: #fff;
margin-left: -5px;
}
.slider__head {
font-size: 18px;
line-height: 1;
color: #7f7f7f;
font-weight: 400;
padding: 0 6px 9px;
}
.slider__head i {
float: right;
}
.slider__head strong {
color: #363636;
padding-right: 5px;
}
.slider__outer {
padding: 0 5px 15px 0;
}
.slider__link {
width: 90px;
height: 90px;
display: block;
position: relative;
border: 1px solid #828282;
background-color: #f0f0f0;
}
/* Slider Preview */
.slider--preview {
margin-bottom: 12px;
}
.slider--preview .slick-prev {
left: 11px;
background-image: url(/Content/images/ico-chevron-left.png);
}
.slider--preview .slick-next {
right: 17px;
background-image: url(/Content/images/ico-chevron-right.png);
}
.slider--preview .slick-arrow {
width: 20px;
height: 32px;
margin-top: -16px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
}
.slider--preview .slick-arrow:before {
content: none;
}
/* Slider Thumbs */
.slider--thumbs {
margin-left: -1px;
}
.slider--thumbs .slick-slide img,
.slider--thumbs .slick-slide span {
border: 1px solid #828282;
cursor: pointer;
}
.slider--thumbs .slick-current img,
.slider--thumbs .slick-current span {
border-color: #f00;
}
/* Slider Related */
.slider--related {
margin-left: -1px;
}
.slider--related .slick-slide img,
.slider--related .slick-slide span {
border: 1px solid #828282;
cursor: pointer;
}
.slider--related .slick-current img,
.slider--related .slick-current span {
border-color: #f00;
}
/* Slider Colors */
.slider--colors .slick-next {
right: -36px;
}
.slider--colors .slick-arrow {
margin-top: -51px;
}
/* Slider */
.slider--products {
max-width: 90%;
margin: 28px auto 22px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.slider--products {
max-width: none;
margin: 15px 30px;
}
.slider--products .product {
max-width: none;
}
}
/* Mobile */
@media (max-width: 767px) {
.slider .slick-arrow {
width: 16px;
height: 100%;
top: 0;
margin-top: 0;
}
.slider .slick-arrow:before {
border-width: 5px;
margin-top: -5px;
}
.slider .slick-prev {
left: -26px;
}
.slider .slick-prev:before {
margin-left: -7px;
}
.slider .slick-next {
right: -18px;
}
.slider .slick-next:before {
margin-left: -1px;
}
.slider--thumbs {
margin-left: 0;
}
.slider__head {
font-size: 13px;
padding: 0 0 6px;
}
.slider__head i {
float: right;
}
.slider__head strong {
font-size: 15px;
padding-left: 3px;
}
.slider__link {
width: 100%;
height: 100%;
border: 0;
}
.slider__outer {
width: 100%;
float: left;
padding: 0 20px 0 114px;
}
.slider__outer .slick-slide {
height: 70px;
margin-right: 10px;
}
.slider__outer .slick-slide {
width: 97px;
border: 1px solid #828282;
background-color: #fff;
}
.slider__outer .slick-slide img {
width: auto;
height: 100%;
display: block;
margin: auto;
}
.slider__outer .slick-slide.slick-current {
border-color: #f00;
}
.slider__outer .slick-slide img,
.slider__outer .slick-slide span {
border: 0;
}
.slider__outer--vertical {
width: 98px;
padding: 0;
margin-top: -20px;
}
.slider__outer--vertical .slick-slide {
width: auto;
margin: 0 0 10px;
}
.slider__outer--vertical .slick-prev {
top: -42px;
}
.slider__outer--vertical .slick-prev:before {
border-right-color: transparent;
border-bottom-color: #fff;
margin: -7px 0 0 -5px;
}
.slider__outer--vertical .slick-next {
top: auto;
bottom: -17px;
}
.slider__outer--vertical .slick-next:before {
border-top-color: #fff;
border-left-color: transparent;
margin: -2px 0 0 -5px;
}
.slider__outer--vertical .slick-arrow {
left: 0;
right: auto;
width: 98px;
height: 17px;
}
.slider__outer--vertical .slick-arrow:before {
border-width: 5px;
}
.slider--preview {
width: 338px;
float: right;
border: 1px solid #ebebeb;
margin-bottom: 15px;
}
.slider--preview .slick-prev {
left: 9px;
}
.slider--preview .slick-next {
right: 12px;
}
.slider--preview .slick-arrow {
width: 16px;
height: 24px;
top: 50%;
margin-top: -9px;
}
/*.slider--colors .slick-arrow {
opacity: 0;
visibility: hidden;
}*/
}
/* Mobile Small */
@media (max-width: 523px) {
.slider--preview,
.slider__outer--vertical {
width: auto;
float: none;
margin: 0 0 15px;
}
.slider__outer {
padding: 0 10px 0 20px;
}
.slider__outer .slick-slide {
margin: 0 10px 0 0;
}
.slider__outer .slick-arrow {
width: 16px;
height: 100%;
top: 0;
}
.slider__outer .slick-prev {
left: -20px;
}
.slider__outer .slick-prev:before {
border-bottom-color: transparent;
border-right-color: #fff;
margin: -5px 0 0 -8px;
}
.slider__outer .slick-next {
right: -10px;
left: auto;
}
.slider__outer .slick-next:before {
border-top-color: transparent;
border-left-color: #fff;
margin: -5px 0 0 -2px;
}
}
/* ------------------------------------------------------------ *\
Socials
\* ------------------------------------------------------------ */
.socials {
padding-bottom: 28px;
}
.socials h4 {
font-size: 16px;
line-height: 1.25;
color: #080808;
font-weight: 400;
margin: 0 0 9px;
}
.socials ul {
font-size: 0;
line-height: 0;
padding: 0;
margin: 0;
list-style: none outside none;
}
.socials img {
display: block;
}
.socials li {
display: inline-block;
vertical-align: top;
}
.socials li + li {
padding-left: 9px;
}
.socials li + li + li {
padding-left: 10px;
}
.socials a {
display: block;
-webkit-transform: translateY(0px);
transform: translateY(0px);
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.socials a i {
width: 30px;
height: 30px;
}
.socials a:hover {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
@media (max-width: 767px) {
.socials {
padding-bottom: 0;
}
.socials h4 {
font-size: 14px;
}
.socials a i {
width: 33px;
height: 32px;
}
.socials li + li {
padding-left: 5px;
}
.socials li + li + li {
padding-left: 6px;
}
}
/* ------------------------------------------------------------ *\
Sprite
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
Subscribe
\* ------------------------------------------------------------ */
.subscribe {
padding-bottom: 21px;
}
.subscribe label {
font-size: 18px;
line-height: 1;
color: #080808;
letter-spacing: -0.04em;
display: block;
margin-bottom: 5px;
}
.subscribe label span {
font-size: 14px;
line-height: 1.33;
color: #5c5c5c;
font-weight: 400;
letter-spacing: 0em;
display: block;
padding: 6px 0;
}
.subscribe label strong {
font-weight: 600;
display: block;
}
.subscribe__btn {
font-size: 15px;
line-height: 18px;
color: #fff;
font-weight: 400;
text-align: center;
width: 80px;
height: 40px;
display: block;
position: absolute;
top: 0;
right: 0;
padding: 10px;
border: 1px solid #828282;
background: #cc0001;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.subscribe__btn:hover {
background-color: #363636;
}
.subscribe__field {
font-size: 15px;
line-height: 18px;
color: #5c5c5c;
font-weight: 400;
width: 100%;
height: 40px;
display: block;
padding: 10px 89px 10px 17px;
border: 1px solid #828282;
background: #fff;
border-radius: 0;
box-shadow: none;
}
.subscribe__field::-webkit-input-placeholder {
color: #858585;
}
.subscribe__field:-ms-input-placeholder {
color: #858585;
}
.subscribe__field::placeholder {
color: #858585;
}
.subscribe__controls {
max-width: 370px;
position: relative;
}
/* Mobile */
@media (max-width: 767px) {
.subscribe {
padding-bottom: 15px;
}
.subscribe label {
font-size: 15px;
margin-bottom: 13px;
}
.subscribe__btn {
font-size: 18px;
line-height: 27px;
width: 97px;
height: 49px;
padding: 10px;
}
.subscribe__field {
font-size: 18px;
line-height: 27px;
height: 49px;
padding: 10px 100px 10px 22px;
}
.subscribe__controls {
max-width: none;
margin-right: 7px;
}
}
/* ------------------------------------------------------------ *\
Tabs
\* ------------------------------------------------------------ */
.tabs__body {
position: relative;
}
/* ------------------------------------------------------------ *\
Tab
\* ------------------------------------------------------------ */
.tab {
height: 0;
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: -1;
overflow: hidden;
transition: opacity .35s ease-in-out, visibility .35s ease-in-out;
}
.tab.current {
height: auto;
opacity: 1;
visibility: visible;
position: relative;
top: auto;
right: auto;
left: auto;
z-index: 1;
overflow: visible;
}
/* ------------------------------------------------------------ *\
Table
\* ------------------------------------------------------------ */
.table {
font-size: 15px;
line-height: 1.33;
color: #1e1e1e;
font-weight: 400;
margin: 21px 32px 50px -4px;
}
.table i {
margin-left: 16px;
}
.table table {
border: 1px solid #828282;
margin-bottom: 27px;
}
.table .table__title {
margin: 0 0 26px;
}
.table th {
color: #1a1a1a;
font-weight: 700;
text-align: left;
padding: 14px 32px;
background-color: #f0f0f0;
}
.table th:last-child {
width: 170px;
}
.table td {
padding: 30px 32px;
border-top: 1px solid #828282;
background-color: #fff;
}
.table td a {
color: #098a92;
text-decoration: none;
}
.table td a ~ a {
margin-left: 18px;
}
.table td a:hover {
text-decoration: underline;
}
.table__btn {
min-width: 205px;
}
.table__title {
font-size: 21px;
line-height: 1.1;
color: #363636;
font-weight: 400;
padding: 13px 5px 2px;
border-bottom: 1px solid #f3f3f3;
}
/*.table__actions {
padding: 0 5px;
}*/
/* Small Desktop */
@media (max-width: 1279px) {
.table {
margin: 0 0 30px;
}
.table th {
padding: 10px 20px;
}
.table td {
padding: 20px;
}
.table table {
margin-bottom: 20px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.table {
margin: 0;
}
.table th {
padding: 10px 15px;
}
.table td {
padding: 20px 15px;
}
.table__actions {
padding: 0 0 22px;
}
}
/* Mobile */
@media (max-width: 767px) {
.table--responsive table,
.table--responsive thead,
.table--responsive tbody,
.table--responsive tfoot,
.table--responsive tr,
.table--responsive th,
.table--responsive td {
display: block;
}
.table--responsive table {
width: auto;
border: 0;
margin: 0 24px;
}
.table--responsive tr {
font-size: 10px;
position: relative;
padding: 19px 18px 2px;
border: 1px solid #dedede;
margin-bottom: 20px;
}
.table--responsive td {
font-size: 1.265em;
padding: 0 0 14px;
border: 0;
}
.table--responsive td:first-child {
font-size: 1.6em;
font-weight: 700;
padding-bottom: 9px;
}
.table--responsive td i {
position: absolute;
top: 14px;
right: 15px;
}
.table--responsive td img {
width: 33px;
margin-right: 3px;
}
.table--responsive td > span {
color: #858585;
font-weight: 400;
}
.table--responsive td > small {
color: #098a92;
position: relative;
top: -1px;
padding: 0 3px;
}
.table__btn {
font-size: 1.434em;
line-height: 1.39;
color: #098a92;
text-transform: lowercase;
display: block;
padding: 54px 10px 56px;
border: 1px solid #dfdfdf;
background-color: transparent;
}
.table__btn:first-letter {
text-transform: uppercase;
}
.table__btn:hover {
color: #fff;
background-color: #098a92;
}
.table__actions {
font-size: 10px;
padding: 0 0px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.table .table__title {
padding: 0 0 5px;
margin-bottom: 30px;
}
.table--responsive table {
margin: 0;
}
.table__btn {
padding: 30px 15px;
}
.table__actions {
padding: 0;
}
}
/* ------------------------------------------------------------ *\
Table Cart
\* ------------------------------------------------------------ */
.table-cart {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 15px;
line-height: 1.2;
color: #333;
font-weight: 400;
}
.table-cart th {
font-weight: 700;
text-align: left;
padding: 0 0 11px 15px;
border-bottom: 1px solid #e1e1e1;
}
.table-cart td {
vertical-align: top;
padding: 28px 0 36px 15px;
border-bottom: 1px solid #e1e1e1;
}
.table-cart img {
float: left;
margin: -12px 20px 10px -5px;
}
.table-cart td a {
color: #098a92;
text-decoration: underline;
}
.table-cart td a:hover {
text-decoration: none;
}
.table-cart--secondary td {
padding-bottom: 0;
border-bottom: 0;
}
@media ( min-width: 1360px ) {
/* Table Cart Primary */
.table-cart--primary th:first-child {
width: 275px;
}
.table-cart--primary th:nth-child(3) {
width: 133px;
}
.table-cart--primary th:nth-child(4) {
width: 103px;
}
.table-cart--primary th:nth-child(5) {
width: 100px;
}
.table-cart--primary th:nth-child(6) {
width: 110px;
}
/* Table Cart Secondary */
.table-cart--secondary th:first-child {
width: 396px;
}
.table-cart--secondary th:nth-child(2) {
width: 302px;
}
.table-cart--secondary th:nth-child(3) {
width: 155px;
}
.table-cart--secondary th:nth-child(4) {
width: 143px;
}
.table-cart--secondary th:nth-child(5) {
width: 103px;
}
}
/* Medium Desktop */
@media (max-width: 1360px) {
.table-cart th {
padding: 0 0 10px 10px;
}
.table-cart td {
padding: 25px 0 25px 10px;
}
.table-cart img {
margin: 0 15px 0 0;
}
.table-cart table {
table-layout: fixed;
}
.table-cart--secondary th:first-child {
width: 300px;
}
.table-cart--secondary td {
padding-bottom: 0;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.table-cart th {
vertical-align: top;
}
.table-cart br {
display: none;
}
}
/* Mobile */
@media (max-width: 767px) {
.table-cart tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 21px 14px;
border-bottom: 1px solid #f3f3f3;
}
.table-cart thead {
display: none;
}
.table-cart td,
.table-cart tbody,
.table-cart table {
display: block;
}
.table-cart td {
font-size: 14px;
line-height: 1.25;
padding: 0;
border: 0;
}
.table-cart td a {
color: inherit;
text-decoration: none;
}
.table-cart td br {
display: block;
}
.table-cart td:first-child {
font-size: 18px;
line-height: 1.2;
color: #333;
font-weight: 700;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-bottom: 14px;
}
.table-cart td:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-bottom: 35px;
}
.table-cart td:nth-child(2) br ~ br {
line-height: 1.8;
}
.table-cart td:nth-child(4),
.table-cart td:nth-child(5) {
text-align: right;
}
.table-cart td:last-child a {
color: #0c939c;
display: block;
margin-top: 48px;
}
.table-cart--secondary tr {
display: block;
padding: 6px 70px 0 174px;
border: 0;
position: relative;
}
.table-cart--secondary img {
width: 153px;
/*position: absolute;*/
top: 0;
left: 0;
margin: 0;
display: block;
float: none;
}
.table-cart--secondary td {
letter-spacing: 0.01em;
padding-bottom: 9px;
}
.table-cart--secondary td br {
display: none;
}
.table-cart--secondary td:first-child {
letter-spacing: 0em;
}
.table-cart--secondary td:last-child {
position: absolute;
top: 20px;
right: 18px;
}
.table-cart--secondary td:nth-child(2) {
padding-bottom: 11px;
}
.table-cart--secondary td:nth-child(4),
.table-cart--secondary td:nth-child(5) {
text-align: left;
}
.table-cart--secondary .shopping-cart__field {
text-align: left;
height: 17px;
padding: 0;
border: 0;
margin: 0 0 0 10px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.table-cart tr {
display: block;
padding: 0 0 5px;
}
.table-cart td,
.table-cart td:first-child,
.table-cart td:nth-child(2),
.table-cart td:nth-child(4),
.table-cart td:nth-child(5) {
font-size: 14px;
text-align: left;
padding-bottom: 10px;
}
.table-cart td:first-child br {
display: none;
}
.table-cart td:last-child a {
margin: 15px 0 0;
}
.table-cart--secondary tr {
padding-left: 80px;
}
.table-cart--secondary img {
width: 70px;
}
.table-cart--secondary td:last-child {
position: static;
}
}
/* ------------------------------------------------------------ *\
Table Sizes
\* ------------------------------------------------------------ */
.table-sizes {
padding: 36px 0 33px;
}
.table-sizes .field {
font-size: 15px;
line-height: 18px;
color: #7c7c7c;
width: 98px;
height: 30px;
padding: 5px 11px;
border: 1px solid #ccc;
}
.table-sizes .select {
width: 250px;
margin-bottom: 10px;
}
/*.table-sizes .select:before {
right: 14px;
}*/
.table-sizes .select select {
font-size: 15px;
line-height: 18px;
color: #363636;
font-weight: 400;
height: 30px;
padding: 5px 11px;
border-color: #ccc;
}
.table-sizes th {
font-size: 15px;
line-height: 18px;
color: #1a1a1a;
font-weight: 600;
text-align: left;
padding: 15px 15px 15px 15px;
border-bottom: 1px solid #828282;
background-color: #e2e2e2;
}
.table-sizes th:first-child {
width: 350px;
}
.table-sizes th:nth-child(2) {
width: 590px;
}
.table-sizes th:nth-child(3) {
width: 116px;
}
.table-sizes td {
padding: 15px 15px;
vertical-align: middle;
}
.table-sizes tr:nth-child(odd) td {
background-color: #f7f7f7;
}
.table-sizes tr:nth-child(even) td {
padding-top: 20px;
padding-bottom: 10px;
}
.table-sizes table {
border: 1px solid #828282;
}
.table-sizes .table__price {
font-size: 15px;
line-height: 1.15;
color: #1a1a1a;
text-align: right;
display: inline-block;
}
.table-sizes .table__price del,
.table-sizes .table__price strong {
display: block;
}
.table-sizes .table__btn {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
line-height: 18px;
color: #fff;
font-weight: 400;
text-align: center;
min-width: 0;
padding: 5px 15px;
border-color: #10ab25;
background-color: #10ab25;
}
.table-sizes .table__btn:hover {
color: #10ab25;
background-color: #fff;
}
.table-sizes .table__color {
width: 30px;
display: block;
position: absolute;
top: 0;
bottom: 10px;
right: 0;
}
.table-sizes .table__field {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding-right: 52px;
}
.table-sizes .table__sorter {
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
border: 5px solid transparent;
margin-left: 10px;
}
.table-sizes .table__sorter--up {
border-bottom-color: #8a8a8a;
margin-top: -8px;
}
.table-sizes .table__sorter--down {
border-top-color: #8a8a8a;
margin-top: 4px;
}
.table-sizes .table__actions {
font-size: 0;
line-height: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
/*padding: 1px 23px 15px 2px;*/
}
.table-sizes .table__actions p {
font-size: 15px;
line-height: 1.2;
color: #12aeb8;
font-weight: 400;
white-space: nowrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 10px 0 0 -10px;
}
/*.table-sizes .table__actions p {
display: none;
}*/
.table-sizes .table__actions p a {
text-decoration: none;
}
.table-sizes .table__actions p a:hover {
text-decoration: underline;
}
.table-sizes .table__actions .select {
width: 54px;
-webkit-box-flex: 0;
-ms-flex: 0 0 54px;
flex: 0 0 54px;
margin: 0;
}
.table-sizes .table__description {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 26px 0 0;
}
.table-sizes .table__description h6 {
font-size: 15px;
line-height: 1.2;
color: #1e1e1e;
font-weight: 700;
letter-spacing: 0.01em;
-webkit-box-flex: 0;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
padding-top: 5px;
}
.table-sizes .table__description h6 strong {
color: #f00;
font-weight: 600;
display: block;
padding-top: 6px;
}
.table-sizes .table__description label {
font-size: 15px;
line-height: 1;
color: #363636;
font-weight: 400;
display: block;
padding-bottom: 4px;
}
.table-sizes .table__description .table__field {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 98px;
flex: 0 0 98px;
padding: 0;
}
.table-sizes .table__description--image {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.table-sizes .table__description--image h6 {
margin-bottom: .7em;
}
.table-sizes .table__description--image img {
position: static;
top: 10px;
left: 5px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.table-sizes td {
padding: 15px 10px;
}
/*.table-sizes {
padding: 15px 0;
}*/
/*.table-sizes th,
.table-sizes td,
.table-sizes tr:nth-child(even) td {
padding: 10px 0 10px 10px;
}*/
/*.table-sizes th:first-child {
width: 30%;
}
.table-sizes th:nth-child(2) {
width: 40%;
}
.table-sizes th:nth-child(3) {
width: 10%;
}
.table-sizes th:nth-child(4) {
width: 20%;
}*/
.table-sizes .select {
width: 100%;
margin-bottom: 5px;
}
.table-sizes .select:last-child {
margin-bottom: 0;
}
.table-sizes .table__field {
display: block;
padding-right: 40px;
}
.table-sizes .table__color {
bottom: 0;
}
.table-sizes .table__price {
font-size: 14px;
text-align: left;
padding: 0;
}
/*.table-sizes .table__actions {
padding: 0 10px 0 0;
}*/
.table-sizes .table__actions p {
margin: 10px 0 0;
}
/*.table-sizes .table__actions .select,
.table-sizes .table__actions .table__btn {
width: 48%;
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}*/
.table-sizes .table__description {
display: block;
padding: 0;
}
.table-sizes .table__description h6 {
padding: 0;
}
.table-sizes .table__description--image {
margin: 0;
}
.table-sizes .table__description--image img {
position: static;
top: auto;
left: auto;
margin: 0 0 10px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.table-sizes th:first-child {
width: 25%;
}
.table-sizes th:nth-child(3) {
width: 15%;
}
}
/* Mobile */
@media (max-width: 767px) {
.table-sizes {
font-size: 10px;
padding: 23px 0 74px;
}
.table-sizes th {
font-size: 1.35em;
line-height: 1.26;
letter-spacing: 0.03em;
padding: 10px 0 10px 13px;
}
.table-sizes td,
.table-sizes tr:nth-child(even) td {
/*padding: 22px 0 8px 12px;*/
}
.table-sizes th:first-child {
width: 33%;
}
.table-sizes th:nth-child(2) {
width: 21%;
}
.table-sizes th:nth-child(3) {
width: 17%;
}
.table-sizes th:nth-child(4) {
width: auto;
}
.table-sizes td:nth-child(2) {
text-align: center;
}
.table-sizes td:nth-child(2) a {
font-size: 1.435em;
color: #cc0001;
text-decoration: none;
position: relative;
padding: 7px 22px 7px 0;
}
.table-sizes td:nth-child(2) a:before {
width: 26px;
height: 26px;
z-index: 1;
margin: 13px 2px 0 0;
background-color: #10ab25;
border-radius: 50%;
}
.table-sizes td:nth-child(2) a:after {
width: 15px;
height: 9px;
z-index: 2;
border-width: 0 0 3px 3px;
border-style: solid;
border-color: #fff;
margin: 19px 7px 0 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.table-sizes td:nth-child(2) a:before,
.table-sizes td:nth-child(2) a:after {
content: '';
display: block;
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
right: 0;
}
.table-sizes td:nth-child(2) a.is--selected:before,
.table-sizes td:nth-child(2) a.is--selected:after {
opacity: 1;
visibility: visible;
}
.table-sizes .field {
font-size: 1.35em;
line-height: 1.26;
width: 102px;
height: 49px;
padding: 10px;
margin-left: 2px;
}
.table-sizes .table__price {
font-size: 1.435em;
text-align: right;
padding: 8px 4px 0 0;
}
.table-sizes .table__actions {
font-size: 1em;
line-height: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.table-sizes .table__actions p {
font-size: 1.435em;
margin: 48px 0 0 -17px;
}
.table-sizes .table__actions .select {
width: 47px;
-webkit-box-flex: 0;
-ms-flex: 0 0 47px;
flex: 0 0 47px;
}
/* .table-sizes .table__actions .select select {
font-size: 1.35em;
line-height: 18px;
height: 50px;
padding: 15px 0 15px 10px;
}*/
.table-sizes .table__actions .select:before {
content: '';
}
.table-sizes .table__actions .table__btn {
width: auto;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding-top: 12px;
padding-bottom: 12px;
}
.table-sizes .table__description h6 {
font-size: 1.35em;
letter-spacing: -0.01em;
margin-bottom: 1.25em;
}
.table-sizes .table__description label {
font-size: 1.35em;
padding: 0 3px 11px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.table-sizes {
padding: 15px 0;
max-width: 100%;
}
.table-sizes table {
max-width: 100%;
}
.table-sizes .table__actions .select {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 5px;
}
/* .table-sizes .table__actions .select select {
height: 40px;
padding: 5px 0 5px 10px;
}*/
.table-sizes .table__actions {
width: 100%;
max-width: 100%;
}
.table-sizes .table__price {
font-size: 1.2em;
}
.table-sizes .table__description label,
.table-sizes .table__description h6 {
font-size: 1.15em;
}
.table-sizes .table__description h6 {
margin-bottom: 1em;
}
.table-sizes .field {
width: 80px;
height: 34px;
}
.table-sizes td:nth-child(2) a {
font-size: 1.25em;
}
.table-sizes td:nth-child(2) a:before {
width: 20px;
height: 20px;
}
.table-sizes td:nth-child(2) a:after {
width: 11px;
height: 7px;
}
.table-sizes td,
.table-sizes tr:nth-child(even) td {
/*padding-left: 5px;*/
}
.table-sizes .table__actions p {
margin: 20px 0 0 -60px;
}
}
@media (max-width: 374px) {
.table-sizes th {
font-size: 12px;
padding-left: 5px;
}
.table-sizes .table__actions {
position: relative;
padding-bottom: 22px;
}
.table-sizes .table__actions p {
font-size: 12px;
position: absolute;
bottom: 0;
right: 8px;
margin: 0;
}
}
/* ------------------------------------------------------------ *\
Testimonial
\* ------------------------------------------------------------ */
.testimonial {
font-size: 16px;
line-height: 1.2;
color: #363636;
}
.testimonial h6 {
font-size: 100%;
line-height: 1.2;
color: #262626;
font-weight: 600;
letter-spacing: -0.01em;
padding: 8px 0 1px;
margin: 0 -1px 10px;
}
.testimonial blockquote {
letter-spacing: 0.005em;
}
.testimonial__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 135px;
flex: 0 0 135px;
}
.testimonial__content {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(100% - 135px);
flex-basis: calc(100% - 135px);
}
/* Testimonial Primary */
.testimonial--primary {
line-height: 1.5;
margin: 0 120px 33px 34px;
}
.testimonial--primary p {
margin-bottom: 1.55em;
word-break: break-all
}
.testimonial--primary h6 {
padding-top: 4px;
margin: 0 0 8px;
}
.testimonial--primary blockquote {
letter-spacing: 0em;
}
.testimonial--primary .testimonial__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 131px;
flex: 0 0 131px;
}
.testimonial--primary .testimonial__content {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
}
.testimonial--primary + .testimonial--primary {
margin-bottom: 48px;
}
.testimonial--primary + .testimonial--primary + .testimonial--primary {
margin-bottom: 39px;
}
/* Small Desktop */
@media (max-width: 1279px) {
.testimonial--primary,
.testimonial--primary + .testimonial--primary,
.testimonial--primary + .testimonial--primary + .testimonial--primary {
margin: 0 0 30px;
}
}
/* Mobile */
@media (max-width: 767px) {
.testimonial--primary {
font-size: 14px;
line-height: 1.25;
}
.testimonial--primary p {
margin-bottom: 1.35em;
}
.testimonial--primary h6 {
font-size: 14px;
letter-spacing: 0.01em;
padding: 0;
margin: 0 0 6px;
}
.testimonial--primary br {
display: none;
}
.testimonial--primary blockquote {
letter-spacing: 0.01em;
margin: 0 -1px;
}
.testimonial--primary .testimonial__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 72px;
flex: 0 0 72px;
}
.testimonial--primary .testimonial__image img {
width: 61px;
}
.testimonial--primary {
margin: 0 15px 15px 5px;
}
.testimonial--primary + .testimonial--primary,
.testimonial--primary + .testimonial--primary + .testimonial--primary {
margin: 0 15px 20px 5px;
}
}
/* Mobile Small */
@media (max-width: 523px) {
.testimonial--primary,
.testimonial--primary + .testimonial--primary,
.testimonial--primary + .testimonial--primary + .testimonial--primary {
margin: 0 0 10px;
}
}
/* ------------------------------------------------------------ *\
Widget
\* ------------------------------------------------------------ */
.widgets {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
list-style: none outside none;
border: 1px solid #828282;
margin: 7px 27px 20px 0;
}
/* Widgets Contact */
.widgets--contact {
padding: 25px 0;
border: 0;
margin: 0;
}
/* Small Desktop */
@media (max-width: 1279px) {
.widgets--contact {
padding: 0 0 40px;
}
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.widgets {
margin: 0;
}
}
/* Mobile */
@media (max-width: 767px) {
.widgets--filters {
border: 0;
margin: 0 -8px;
}
}
/* ------------------------------------------------------------ *\
Widget Nav
\* ------------------------------------------------------------ */
.widget--nav {
font-size: 15px;
line-height: 1.2;
color: #181818;
padding: 13px 10px;
}
.widget--nav h6 {
font-size: 15px;
color: #272727;
font-weight: 400;
padding: 7px 8px;
border-bottom: 1px solid #ededed;
margin: 0 0 7px;
}
.widget--nav ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.widget--nav li {
padding-bottom: 35px;
}
.widget--nav li li {
padding: 2px 0;
}
.widget--nav a {
color: #12aeb8;
text-decoration: none;
display: block;
padding: 0 8px;
}
.widget--nav a:hover {
text-decoration: underline;
}
.widget--nav .current a {
/*color: inherit;
font-weight: 700;*/
color: #12aeb8;
font-weight: 700;
}
/* ------------------------------------------------------------ *\
Widget Accordion
\* ------------------------------------------------------------ */
.widget--accordion {
padding: 15px 10px 0;
}
.widget--accordion h6 {
font-size: 15px;
color: #272727;
letter-spacing: 0.015em;
}
.widget--accordion .widget__head {
position: relative;
padding: 6px 35px 6px 8px;
border-bottom: 1px solid #ededed;
cursor: pointer;
}
.widget--accordion .widget__head:before,
.widget--accordion .widget__head:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-color: #cc0001;
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.widget--accordion .widget__head:before {
width: 16px;
height: 4px;
right: 8px;
}
.widget--accordion .widget__head:after {
width: 4px;
height: 16px;
right: 14px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.widget--accordion .widget__btn {
padding-right: 11px;
padding-left: 11px;
margin-top: 18px;
}
.widget--accordion .widget__body {
display: none;
padding: 6px 0 6px 11px;
}
.widget--accordion.is--collapsed .widget__head:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* Mobile */
@media (max-width: 767px) {
.widget--accordion {
padding: 0;
}
.widget--accordion .widget__head {
padding: 13px 61px 13px 16px;
border-width: 1px 0;
border-style: solid;
border-color: #cacaca;
}
.widget--accordion .widget__head:before {
width: 13px;
height: 3px;
right: 24px;
}
.widget--accordion .widget__head:after {
width: 3px;
height: 13px;
right: 29px;
}
.widget--accordion .widget__head h6 {
font-size: 19px;
line-height: 1.25;
color: #454545;
font-weight: 400;
}
.widget--accordion .widget__body {
padding: 27px 20px 27px 42px;
}
.tooltip-text {
position: relative;
}
.tooltip {
left: inherit !important;
right: 0 !important;
margin: 0 auto;
}
}
/* Modile Small */
@media (max-width: 523px) {
.widget--accordion .widget__head {
padding: 10px 60px 10px 15px;
}
.widget--accordion .widget__body {
padding: 20px 15px 0;
}
}
/* ------------------------------------------------------------ *\
Widget Recent
\* ------------------------------------------------------------ */
.widget--recent {
padding-top: 47px;
}
.widget--recent:first-child {
padding-top: 24px;
}
.widget--recent .widget__head {
padding: 0 11px 17px;
}
.widget--recent .widget__head h6 {
font-size: 16px;
line-height: 1.25;
padding: 0 8px 6px;
border-bottom: 1px solid #ededed;
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.widget--recent .widget__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
/* ------------------------------------------------------------ *\
Widget Links
\* ------------------------------------------------------------ */
.widget--links {
font-size: 16px;
line-height: 1.25;
padding-bottom: 17px;
}
.widget--links h3 {
font-size: 24px;
color: #363636;
margin-bottom: 7px;
}
.widget--links ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.widget--links ul a {
color: #098a92;
text-decoration: none;
}
.widget--links ul li {
padding-bottom: 6px;
}
/* Mobile */
@media (max-width: 767px) {
.widget--links {
font-size: 14px;
}
.widget--links h3 {
font-size: 17px;
margin-bottom: 6px;
}
.widget--links ul li {
padding-bottom: 4px;
}
.checkout__btn {
padding: 10px 30px;
}
}
/* ------------------------------------------------------------ *\
Widget Contacts
\* ------------------------------------------------------------ */
.widget--contacts {
font-size: 16px;
line-height: 1.5;
color: #080808;
}
.widget--contacts h3 {
font-size: 24px;
color: #363636;
margin-bottom: 2px;
}
.widget--contacts p {
margin-bottom: 1.5em;
}
/* Mobile */
@media (max-width: 767px) {
.widget--contacts {
font-size: 14px;
}
.widget--contacts h3 {
font-size: 17px;
margin-bottom: 3px;
}
.widget--contacts p {
line-height: 1.45;
letter-spacing: 0.015em;
margin-bottom: 1.25em;
}
}
/* ------------------------------------------------------------ *\
Themes
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
Magnific Popup Theme
\* ------------------------------------------------------------ */
.mfp-bg {
opacity: .5;
}
.mfp-close,
button.mfp-close {
font-size: 0;
line-height: 0;
width: 30px;
height: 30px;
opacity: 1;
background: url(/Content/images/ico-close.png) no-repeat 0 0;
}
.mfp-close.btn {
font-family: 'Helvetica Neue', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
line-height: 1.25;
color: #fff;
width: auto;
height: auto;
display: inline-block;
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
padding: 9px 19px;
border: 1px solid #098a92;
background: #098a92;
}
.mfp-close.btn:hover {
color: #098a92;
background-color: #fff;
}
.mfp-content {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition: opacity .35s ease-in-out, visibility .35s ease-in-out, -webkit-transform .35s ease-in-out;
transition: opacity .35s ease-in-out, visibility .35s ease-in-out, transform .35s ease-in-out;
transition: opacity .35s ease-in-out, visibility .35s ease-in-out, transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.mfp-ready .mfp-content {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
/* Mfp Container */
.mfp-container {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mfp-container-size1,
.mfp-container-size2 {
position: relative;
margin: 15px auto;
background-color: #fff;
}
.mfp-container-size1 .mfp-close,
.mfp-container-size2 .mfp-close {
top: -13px;
right: -11px;
}
.mfp-container-size1 {
max-width: 949px;
}
.mfp-container-size2 {
max-width: 660px;
}
/* Tablet Portrait */
@media (max-width: 1023px) {
.mfp-container-size1 {
margin: 15px 10px;
}
}
.text-muted {
color: #999999 !important;
}
#passwordHelpInline {
font-size: small;
}
#partialFAQs br, #partialReviews br {
display: none;
}
.reviews {
padding: 34px 13px 36px;
}
.reviews__foot {
display: inline-block;
width: 100%;
}
.product__faq {
padding-bottom: 20px;
}
.product__media {
text-align: center;
}
.product__media .slider__outer {
padding-left: 35px;
max-width: calc(100% - 20px) !important;
}
.product__faq-body h5 {
overflow-wrap: break-word;
}
.table-cart--primary tr {
border-bottom: 1px solid #e1e1e1;
}
.table-cart--primary .table-cart th {
border-bottom: 0;
}
.checkout__order h4 {
padding-left: 0;
}
.checkout__order ul {
padding-left: 0;
}
.checkout__sum ul {
padding-left: 0;
padding-right: 20px;
}
.checkout__total h3 {
padding-left: 0;
}
.checkout__coupon {
margin-left: 0;
margin-right: 0;
}
.footer__btn {
z-index: 1;
}
.order__details {
display: table;
border-collapse: collapse;
}
.order__details > li {
padding: 10px !important;
border: 1px solid #ccc;
display: table-cell;
vertical-align: middle;
}
.order__actions {
margin-top: 30px;
}
.print-receipt .grid-sec table td table td {
border-right: 0;
}
#invoice-mail .grid-sec table {
table-layout: fixed;
}
/*.shopping-cart__box, .header__callout{display: none !important;}*/
@media only screen and (min-width: 1360px) {
.table-cart--primary th:last-child {
width: 86px !important;
}
}
@media only screen and (max-width: 1200px) {
/*.section-category .section__group h2{padding-bottom: 4px;}*/
/*.table-sizes .table__actions{align-items: flex-start;flex-wrap: nowrap;}*/
.table-sizes .table__actions .select, .table-sizes .table__actions .table__btn {
font-size: 13px;
}
.navs {
z-index: 5;
}
.nav__dropdown .nav__dropdown ul {
background-color: transparent;
}
.order__image figure {
width: 70px;
height: 70px;
}
.nav__dropdown--is-visible::before {
opacity: 0.5;
}
.nav__dropdown .nav__dropdown {
background-color: #fff;
}
.nav__dropdown--primary ul:last-child {
min-width: inherit
}
.nav__dropdown {
max-width: 600px;
}
.nav__dropdown ul + ul::before {
left: 8px;
}
.nav__dropdown a {
width: 100%;
font-size: 14px;
}
.nav__dropdown li {
float: left;
width: 100%;
}
.nav__dropdown ul {
padding-right: 30px;
padding-left: 0;
}
.nav__dropdown ul:first-child {
padding-left: 30px;
}
}
@media only screen and (max-width: 768px) {
.order__body .order__details {
display: block;
}
.order__details > li {
display: block !important;
}
}
@media only screen and (max-width: 767px) {
ul.list-categories li {
padding-bottom: 0;
}
.search__field::placeholder {
color: #858585;
}
.search__field {
padding: 11px 48px 11px 10px;
font-size: 15px;
}
.table-sizes .table__actions {
flex-wrap: wrap;
}
.table-sizes .table__actions .table__btn {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.table__actions .form-numbers .field {
width: 35px !important;
min-width: 35px !important;
max-width: 35px !important;
}
.slider__outer {
padding: 0 30px 0 50px;
}
.slider__outer .slick-prev {
left: -40px;
}
.slider__outer .slick-next {
right: -20px;
}
.product__media-title {
margin-left: 0;
width: 100%;
max-width: 100%;
}
.slider--preview {
width: 100%;
}
.product__media .slider__outer {
padding-left: 40px;
max-width: 100% !important;
}
.slider--preview img {
width: 100%;
object-fit: contain;
}
.product--single .product__description {
display: block !important;
visibility: visible !important;
}
.cart-add__actions h3, .cart-add__actions h6 {
display: block !important;
visibility: visible !important;
}
.cart-add__details li:nth-child(5), .cart-add__details li:nth-child(6), .cart-add__details li:nth-child(7) {
display: inline-block;
width: 100%;
}
.shopping-cart__box {
max-width: 365px;
text-align: left;
padding-left: 0 !important;
}
.shopping-cart__coupon {
top: 150px;
bottom: inherit;
}
.shopping-cart__actions {
margin-top: 135px;
}
.shopping-cart__coupon label {
display: inline-block !important;
width: 100%;
}
.table-cart tr {
display: block;
padding: 15px 0 5px;
}
.table-cart td, .table-cart td:first-child, .table-cart td:nth-child(2), .table-cart td:nth-child(4), .table-cart td:nth-child(5) {
font-size: 14px;
text-align: left;
padding-bottom: 10px;
}
.table-cart td:last-child a {
margin: 15px 0 0;
}
.shopping-cart__sum li {
padding: 0 0 10px;
}
.checkout__order ul {
padding-left: 0;
}
.checkout__order li:nth-last-child(3) {
margin-left: 0;
width: 100%;
}
.checkout__order li:last-child {
width: 100%;
}
.checkout__order h3 strong {
margin: 0 15px 0 0;
}
.checkout__actions .return-cart {
padding-right: 0 !important;
float: left;
width: 100%;
text-align: center;
}
.header {
position: relative;
}
.wrapper {
padding-top: 0 !important;
}
.header__body {
padding-top: 10px !important;
}
.nav-utilities {
top: 16px !important;
}
.header__callout {
top: 75px !important;
z-index: 6;
}
.header__body .search {
width: 100% !important;
margin-left: 0 !important;
}
.nav {
top: 77px;
}
.nav__dropdown--is-visible::before {
opacity: 0.5;
}
/*.section-category .section__group h2 a{margin-right: 0 !important;margin-top: 0 !important}
.section-category .section__group h2 a span {display: inline-block;vertical-align: middle;width: auto !important;margin-left: 0 !important;margin-top: 0 !important;top: 0;right: 0px;}
.section-category .section__group h2 a span.viewall-icon{position: relative;top: -2px;}*/
.section-category .section__group h2 > a br {
display: none !important;
}
.nav-utilities li + li + li {
padding-left: 15px;
}
/*.slider--preview{pointer-events: none;}
.slider--preview .slick-arrow{pointer-events: auto;}*/
.product__nav {
display: none;
}
/*.search-disabled .main {padding-top: 50px;}*/
.footer__nav {
display: inline-block !important;
visibility: visible !important;
}
.footer__nav > ul {
display: none;
}
.nav-utilities ul li span.logged-user {
top: -20px !important;
right: 4px !important;
}
.navs {
z-index: 7;
}
/*.product__title {height: auto}*/
}
@media only screen and (max-width: 523px) {
.header__callout {
top: 58px !important;
}
.nav {
top: 69px;
}
.slider__outer .slick-prev {
left: -20px;
}
.slider__outer .slick-next {
right: -10px;
}
.product__media .slider__outer {
padding: 0 20px;
}
}
@media screen and (min-width: 320px) and (max-width:376px) {
.nav-utilities .mobile-cart-count {
line-height: 2px;
}
}
.sidebar .product--title-below .product__title {
white-space: initial;
}
.section-products .product {
-ms-flex: 0 0 300px;
flex: 0 0 300px;
max-width: 300px;
}
.section-products .product--category-home .product__image img {
height: 200px;
}
.checkout__order h3 {
display: none;
}
#divBillingAddress {
margin: 0 0px 52px 0px;
}
.shopping-cart__body .table-cart.table-cart--primary th {
width: auto;
}
@media only screen and (max-width: 1279px) {
.section-products .product {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.section-products .product--category-home .product__image img {
height: 120px;
}
}
@media only screen and (max-width: 767px) {
.section-products .product {
-ms-flex: 0 0 30.5%;
flex: 0 0 30.5%;
max-width: 30.5%;
}
.checkout__col.checkout__col--size-2 > .checkout__actions.hidden-sm.hidden-xs, .checkout__head {
/*display: block !important;
visibility: visible !important;*/
position: absolute;
top: 10px;
left: 0;
right: 0;
padding-bottom: 15px;
}
.checkout .checkout__cols .checkout__col .logo.checkout__logo + .checkout__head {
position: static;
}
.checkout__col.checkout__col--size-1 {
padding-top: 120px;
}
.header__body .search {
padding: 10px 8px 6px;
}
.header__body .search__btn {
top: 12px;
}
}
@media only screen and (max-width: 523px) {
.section-products .product {
-ms-flex: 0 0 48%;
flex: 0 0 48%;
max-width: 48%;
}
.section-products .product--category-home .product__image img {
height: 120px;
}
.header__body .search {
padding: 10px 8px 6px;
}
.header__body .search__btn {
top: 12px;
}
.category-members span.landing-heading {
height: 105px !important;
padding-bottom: 10px !important;
}
}
.viewalltext {
display: inline-block;
width: 40px;
vertical-align: middle;
text-align: center;
font-weight: bold;
}
.table-sizes .table__actions .select {
margin-right: 5px;
margin-bottom: 5px;
}
.table-sizes .table__actions .table__btn {
margin-bottom: 5px;
}
@supports (-ms-ime-align: auto) {
.list-categories li {
margin-bottom: 40px;
}
}
.form__controls.is--filled .field, .form__controls.is--filled select, .form__controls.is--filled textarea, .iti.iti--allow-dropdown.is--filled .field, .checkout__coupon.is--filled .field {
color: #000;
}
.tooltip-icon {
width: 20px;
height: 20px;
display: inline-block;
background-color: #287d80;
border-radius: 50%;
color: #fff;
font-size: 14px;
position: relative;
top: -3px;
line-height: 19px;
font-weight: 600;
margin-left: 3px;
font-style:normal;
}
.tooltip {
background-color: rgba(0,0,0,0.9);
color: #fff;
font-size: 14px;
padding: 10px 10px;
display: inline-block;
width: 240px;
max-width: 100%;
font-weight: 400;
line-height: 23px;
z-index: 3;
}
.terms-text {
display: inline-block;
width: 100%;
}
.terms-text p {
text-align: right;
max-width: 250px;
float: right;
font-size: 14px;
margin-top: 10px;
}
.terms-text .leftalign {
text-align: left !important;
float: left;
margin-left: 20px;
}
.terms-text p a {
color: #098a92;
}
.checkout-btn i {
width: 18px;
display: inline-block;
margin-right: 5px;
}
.alertBoxBlockUi {
border: none !important;
background-color: transparent !important;
color: #808080 !important;
cursor: default !important;
}
.contact-section-new {
flex: 1;
display: flex;
width: 100%;
flex-direction: column;
margin-top: 25px;
padding-left: 40px;
}
.contact-section-new .heading {
display: flex;
width: 100%;
flex-wrap: wrap;
margin-bottom: 35px;
}
.contact-section-new .heading h2 {
margin-bottom: 10px;
width: 100%;
border-bottom: 3px solid #cc0001;
padding-bottom: 10px;
}
.contact-section-new .heading .order-status {
width: 100%;
color: #cc0001;
}
.contact-section-new .heading .order-status a {
color: blue;
text-decoration: underline;
cursor: pointer;
}
.contact-id-listing {
display: flex;
width: 100%;
flex-wrap: wrap;
flex-direction: column;
}
.contact-id-listing .contact-id-single {
display: flex;
width: 100%;
flex-wrap: wrap;
margin-bottom: 25px;
}
.contact-id-listing .contact-id-single h3 {
width: 100%;
margin-bottom: 6px;
font-size: 22px;
color: #363636;
font-weight: 500;
}
.contact-id-listing .contact-id-single p {
width: 100%;
color: #666;
font-weight: 400;
font-size: 18px;
}
.contact-id-listing .contact-id-single p a {
color: blue;
text-decoration: underline;
}
.checkout-security-logo {
display: flex;
width: 100%;
align-items: center;
position: relative
}
.checkout-security-logo-2 {
display: flex;
width: 100%;
align-items: center;
position: relative;
justify-content: end;
}
.checkout-security-logo-2 span {
max-width: 110px;
}
.checkout-security-logo > a img {
height: auto;
}
.checkout-security-logo > a {
height: 45px;
position: absolute;
left: 70px;
max-width: 110px;
}
.checkout-security-logo-2 > a img {
height: auto;
}
.checkout-security-logo.security-badge-shopping-cart span {
width: 110px;
}
.checkout-security-logo-2 > a {
height: 45px;
position: absolute;
left: 50px;
}
.checkout-security-logo.security-badge-shopping-cart {
margin-top: -115px;
padding-right: 0;
justify-content: end;
flex-wrap: wrap;
text-align: right;
}
.checkout-security-logo.security-badge-shopping-cart > a {
height: 50px;
right: 0;
position: inherit;
display: block;
width: 100%;
margin-top: -30px;
}
.checkout-security-logo.security-badge-shopping-cart > a.aplus-logo {
width: 190px;
height: 108px;
}
.security-badge-shopping-cart.security-badge-edit-card.orm-sign.hidden-xs {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px 0;
max-width: 388px;
float: right;
width: 100%;
margin-right: 96px;
margin-top: 5px;
margin-bottom: 0;
}
.security-badge-shopping-cart.orm-sign {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px 0;
max-width: 440px;
float: right;
width: 100%;
margin-right: 197px;
margin-top: -6px;
}
.security-badge-shopping-cart.orm-sign a.aplus-logo {
max-width: 110px;
}
.cart-item-logo {
display: inline-block;
margin-top: 50px;
height: 50px;
width: 115px;
}
.checkout-security-logo.security-badge-shopping-guestsignin.security-badge-shopping-cart-tablet {
display: none;
}
@media only screen and (max-width: 767px) {
.checkout-security-logo.security-badge-shopping-cart {
padding-right: 0;
padding-bottom: 60px;
}
.checkout-security-logo.security-badge-shopping-cart > a {
height: 40px;
right: 0;
top: 30px;
}
.checkout-security-logo.guestcheckout-security-logo > a {
right: 0;
top: 26px;
left:auto;
}
.checkout-security-logo.guestcheckout-security-logo {
padding-bottom: 40px
}
}
.show-xs {
display: none;
}
@media (max-width: 767px) {
.show-xs {
display: block;
}
}
@media (min-width:768px) and (max-width:1025px) {
.table__actions .form-numbers {
margin-bottom: 10px !important;
}
.table-sizes .table__actions {
justify-content: center !important;
}
.table-sizes .table__actions p {
white-space: normal;
text-align: center;
font-size: 11px;
}
}
.sorting-alphabet .select select {
padding: 5px 31px 5px 7px !important;
}
.text-danger {
color: #cc0001;
font-size: small;
}
.g-recaptcha.error {
border: solid 2px #cc0001;
}
.bottom_space {
padding-bottom: 4% !important;
}
.recent_product_name {
width: 100% !important;
}
.mfp-content1 {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content1,
.mfp-ajax-holder .mfp-content1 {
width: 100%;
cursor: auto;
}
.mfp-ready .mfp-content1 {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0%);
transform: translateY(-90%);
}
.mfp-content1.modalvertical {
position: fixed;
left: 50%;
transform: translate(-50%, -50%);
height: 100vh;
top: 50%;
}
.mfp-bg1 {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-bg1 {
opacity: .5;
}
img.starStyle {
width: 16px !important;
height: 16px !important;
}
.mobilestyle {
padding: 19px 18px 16px !important;
cursor: pointer;
}
.brand-sizechange {
height: 900px !important;
}
.close-btn .mfp-close {
top: -5px !important;
}
.rightP {
float: right !important;
display: block !important;
}
/***Quantity Plus and Minus***/
.table-sizes .form-numbers {
display: flex;
}
.table-sizes .form-numbers .up-control,
.table-sizes .form-numbers .down-control {
position: relative;
display: inline-block;
width: 20px;
height: 30px;
border: 1px solid #ccc;
background-color: #fff;
}
.table-sizes .form-numbers .up-control {
border-left: 0;
}
.table-sizes .form-numbers .down-control {
border-right: 0;
}
.table-sizes .form-numbers .down-control:before,
.table-sizes .form-numbers .up-control:before,
.table-sizes .form-numbers .up-control:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
background-color: #cc0001;
transform: translate(-50%, -50%);
}
.table-sizes .form-numbers .down-control:before {
width: 10px;
height: 1px;
}
.table-sizes .form-numbers .up-control:before {
width: 10px;
height: 1px;
}
.table-sizes .form-numbers .up-control:after {
width: 10px;
height: 1px;
transform: translate(-50%, -50%) rotate(90deg);
}
.table-sizes .form-numbers .field {
width: 45px;
height: 30px;
padding: 5px;
text-align: center;
position: relative;
z-index: 1 !important;
}
.table-sizes .table__actions .form-numbers .field {
text-align: center;
}
@media (max-width: 767px) {
.table-sizes .form-numbers {
margin-bottom: 5px;
}
.table-sizes .form-numbers .field {
width: 30px;
height: 30px;
margin-left: 0;
}
.table-size-items tr td.product-desc, .table-size-items tr th:first-child {
width: 23.387%;
}
.table-size-items tr td.product-desc, .table-size-items tr th:first-child {
width: 23.387%;
}
}
@media (max-width: 523px) {
.table-sizes .form-numbers {
margin-bottom: 5px;
}
.table__actions .form-numbers .field {
width: 34px !important;
padding: 5px 5px !important;
min-width: 34px !important;
}
.table-sizes .form-numbers .field {
width: 100%;
border-width: 1px 0;
}
.table-sizes .form-numbers .up-control,
.table-sizes .form-numbers .down-control {
min-width: 15px;
}
.table-sizes .form-numbers .down-control:before {
width: 7px;
height: 1px;
}
.table-sizes .form-numbers .up-control:before {
width: 7px;
height: 1px;
}
.table-sizes .form-numbers .up-control:after {
width: 7px;
height: 1px;
}
.cart-add__suggestions .product__title {
height: 70px;
}
.list-categories li {
padding: 0 0 0px;
}
}
#PriceZero {
font-size: 15px;
font-weight: 700;
}
/***Color Responsive for Lastviewed***/
.responsive {
width: 100%;
height: 100% !important;
overflow: hidden;
}
.slider--preview img {
width: 400px;
height: 280px;
}
.slider--thumbs img, .slider--related img {
width: 50px !important;
height: 29px !important;
}
.category-members img {
width: 300px;
height: 210px;
}
.review-faq-image img {
width: 220px;
height: 160px;
}
.products-vendor .product__title {
margin-top: 0px;
}
.product__colors-tab ul {
padding-left: 27px !important;
}
.slider--colors ul {
justify-content: flex-start;
}
@media screen and (max-width: 477px) {
/*.mfp-popup {
bottom: 70% !important;
}*/
.mfp-popup-contact {
bottom: 70% !important;
}
.mfp-container {
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
.product--medium-spaced {
padding-bottom: 30px;
}
.product--medium {
padding-bottom: 30px;
}
.nav__dropdown li {
position: inherit !important;
}
.nav__dropdown .nav__dropdown {
left: 109% !important;
}
.list-checkboxes--half img {
width: 229px;
height: 160px;
}
.section-image {
padding-bottom: 16px !important;
}
.saveforalter-img img {
width: 90px;
height: 90px;
}
.table-sizes table tr td a.is--selected::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
z-index: 1;
margin: 13px 2px 0 0;
background-color: #10ab25;
border-radius: 50%;
left: 24px;
top: 16px;
}
.table-sizes table tr td a.is--selected::after {
position: absolute;
content: "";
width: 11px;
height: 7px;
z-index: 2;
border-width: 0 0 3px 3px;
border-style: solid;
border-color: #fff;
margin: 19px 7px 0 0;
-webkit-transform: rotate(-45deg);
font-weight: 700;
left: 28px;
top: 15px;
}
/*.product .sub-category-title {
height: 55px;
align-items: flex-end;
}*/
.item-desc-size {
/**/
word-break: break-word;
}
.item-style-color {
/**/
}
.item-color-style {
/**/
}
.item-price-table {
/**/
}
.item-qty-button { /**/
text-align: center !important;
}
.table-sizes .table__actions {
justify-content: center;
}
.table-sizes .form-numbers {
margin-right: 5px;
}
.table-sizes .table__field {
padding-right: 0;
}
.table-sizes td.product-item-style h6 {
padding-top: 0;
}
.table-size-items {
table-layout: fixed;
}
.table-size-items tr td.product-desc, .table-size-items tr th:first-child {
width: 28.225806%;
}
.table-size-items tr td.product-item-style, .table-size-items tr th:nth-child(2) {
width: 18.387096%;
}
.table-size-items tr td.product-item-style + td, .table-size-items tr th:nth-child(3) {
width: 22.580645%;
}
.table-size-items tr td.product-item-style + td + td, .table-size-items tr th:nth-child(4) {
width: 16.129034%;
text-align: center;
}
.table-size-items tr td.product-item-style + td + td + td, .table-size-items tr th:nth-child(5) {
width: 14.677419%;
}
.product-videos li {
flex: 20%;
}
.recent-product-image {
padding-top: 10px;
}
.member-badge img {
width: auto;
height: auto;
display: inline;
}
.landing-desc ul li {
padding-bottom: 0px;
}
@media only screen and (max-width: 1200px) {
.nav__dropdown .nav__dropdown {
left: calc(100% + 10px) !important;
}
}
@media screen and (max-width: 767px) {
.landing-desc ul li {
margin-bottom: -10px;
}
.landing-desc {
padding: 30px;
}
.landing-desc ul {
margin-left: 21px !important;
padding: 0px !important;
}
.viewall-btn {
font-size: 12px;
font-weight: 600;
float: none;
margin-top: 40px;
margin-bottom: 85px;
}
.product__colors-nav label {
font-size: 1.435em;
}
}
.cart-continue-shopping {
float: none !important;
}
.checkout-btn {
float: none !important;
border-color: #10ab25;
background-color: #10ab25;
padding-right: 36px !important;
padding-left: 36px !important;
}
.product__rating a {
color: teal;
text-decoration: none;
}
.landing-rating a:hover span {
text-decoration: none;
}
.add-card-checkout {
flex-wrap: wrap;
}
.landing-rating span {
padding-bottom: 0px;
font-size: 14px;
}
.total-price-order {
text-align: right !important;
}
.item-dropdown {
border-color: #f00 !important;
background-color: rgba(255, 0, 0, 0.1) !important;
}
@media screen and (max-width: 767px) {
.product__faq-body h5, .product__faq-entry-content {
margin-left: 15px;
}
.product__faq-body h5:before {
content: 'q.';
font-size: 13px;
margin-top: 4px;
}
.product__faq-entry-content:before {
content: 'a.';
font-size: 13px !important;
margin-top: 7px;
}
.product__faq-entry-content:before {
font-family: 'Times', 'Times New Roman', 'Georgia', serif;
font-size: 26px;
line-height: 1;
color: #f00;
font-weight: 400;
text-transform: uppercase;
position: absolute;
right: 100%;
margin-right: 8px;
}
.cart-remove-button {
max-width: 367px;
}
.cancel-btn-cart {
margin-top: 0px !important;
}
}
@media screen and (max-width: 390px) {
.cancel-btn-cart {
margin-top: 10px !important;
}
}
.version-image {
width: 50px;
height: 50px;
top: 18px !important;
}
.shop-cart-save h6 {
padding-top: 0px;
margin: 0px 8px 20px 0px;
}
.shop-cart-save h6 a {
display: inline !important;
}
@media screen and (max-width: 523px) {
.table-sizes tr td {
padding-left: 0px !important;
}
.product-style {
padding-right: 0px !important;
}
.cart-add {
padding: 5%;
}
.table-cart--secondary img {
width: 70px !important;
}
.product__colors-head h5 {
letter-spacing: 0em;
}
}
.checkout__actions .return-cart:hover, .edit-cart:hover {
text-decoration: none !important;
}
@media screen and (max-width: 767px) {
.checkout__actions .return-cart {
padding-right: 100px;
}
.product--medium .product-search-title {
margin: 0px !important
}
.shopping-cart__head .cart-head {
float: none !important;
}
.section-products .home-saved-later table {
padding-top: 10px;
}
.product-item-style h6 {
padding-top: 0px !important;
}
.table-sizes td.product-desc {
text-align: left !important;
}
}
@media print {
.category-print .product {
margin-bottom: 150px;
}
.landing-desc li {
padding-bottom: 50px;
}
.header {
position: absolute;
}
.print-receipt .page-address {
width: 33%;
float: left;
}
.print-receipt .print-invoice-mobile table tr td {
text-align: left;
display: block;
width: 100%;
padding-bottom: 15px;
}
.print-receipt .mail-page {
display: none;
}
}
@media print {
.head-sec h2 {
margin-top: 170px;
}
}
.checkout--guest .guest-error {
color: #cc0001;
font-weight: bold;
}
.shopcart-message h4 {
text-align: center;
border-bottom: 1px solid #e1e1e1;
}
.shopping-cart__price .cancel-order-cart {
font-weight: bold;
color: #098a92;
text-decoration: none;
text-align: center;
width: 100%;
margin-bottom: 15px;
display:inline-block;
}
@media screen and (min-width:525px) and (max-width:767px) {
.nav-utilities .mobile-cart-count {
font-size: 11px;
position: absolute;
top: 1px;
width: 16px;
height: 16px;
border-radius: 50%;
color: #ffffff;
text-align: center;
background: #cc0001;
font-weight: bold;
margin-left: 18px;
}
}
@media screen and (min-width:376px) and (max-width:525px) {
.nav-utilities .mobile-cart-count {
font-size: 11px;
position: absolute;
top: 1px;
width: 21px;
height: 20px;
border-radius: 50%;
color: #ffffff;
text-align: center;
background: #cc0001;
font-weight: bold;
margin-left: 18px;
}
}
@media screen and (min-width: 320px) and (max-width:376px) {
.nav-utilities .mobile-cart-count {
font-size: 11px;
position: absolute;
top: 1px;
width: 21px;
height: 20px;
border-radius: 50%;
color: #ffffff;
text-align: center;
background: #cc0001;
font-weight: bold;
padding-top: 0px;
margin-left: 18px;
line-height: 16px;
}
}
.shopping-cart__price .cart-actions {
width: 250px !important;
margin: 0px !important;
}
.shopping-cart__head .cart-head {
float: right;
}
.pdf-video-section h4 {
padding-top: 20px;
}
.form__section .mfp-shipping {
top: 0px !important;
}
.product-item-style h6 {
padding-top: 15px;
}
.checkout__col .checkout-guest-header h4 {
margin-top: 1.6em;
}
@media screen and (min-width:767px) {
.product__colors-last .list-colors--large a {
width: 90px;
height: 90px;
}
.list-filters {
padding-top: 7px;
}
.category-results {
margin-bottom: 60px;
}
.search__btn {
background-color: #cc0001;
}
.ico-search {
background-image: url(/Content/images/ico-search-mobile@2x.png);
width: 21px;
height: 21px;
}
.table__description--image h6 {
padding-top: 34px !important;
}
}
@media screen and (min-width: 1360px) {
.table-cart--primary th:nth-child(2) {
width: 338px;
}
.table-cart--primary th:nth-child(3) {
width: 155px;
}
.table-cart--primary th:last-child {
width: 85px;
}
.table-cart--secondary th:nth-child(2) {
width: 200px;
}
.table-cart--secondary th:nth-child(3) {
width: 141px;
}
}
.product__colors-last {
padding-top: 50px;
}
@media screen and (max-width: 767px) {
/* .product__colors-body .slider--colors .slick-arrow {
opacity: 1;
visibility: visible;
}*/
.product__colors-body .slider .slick-next {
right: -21px;
}
.product__colors-body .slider .slick-prev {
left: -18px;
}
.product__colors-body .slider .slick-arrow {
width: 23px;
}
.product__colors-body .slider .slick-arrow {
max-height: 80px;
top: 45%;
}
.product__colors-body .list-colors {
margin: 0;
}
.section-category .section__group h2 > a {
margin-left: 10px;
}
}
@media screen and (max-width: 523px) {
.product__colors-body .list-colors {
margin: 0 10px !important;
}
.product__colors-body .slider .slick-next {
right: -5px !important;
}
.product__colors-body .slider .slick-prev {
left: -5px !important;
}
.product__colors-body .slider .slick-arrow {
width: 19px !important;
max-height: 80px;
top: 45%;
}
}
.slider--related .slick-prev, .slider--thumbs .slick-prev {
right: 17px !important;
background-image: url(/Content/images/ico-chevron-left.png) !important;
background-color: transparent;
background-repeat: no-repeat;
top: 44px;
height: 75px;
}
.slider--related .slick-next, .slider--thumbs .slick-next {
background-image: url(/Content/images/ico-chevron-right.png) !important;
background-color: transparent;
background-repeat: no-repeat;
top: 44px;
height: 75px;
}
.slider--thumbs .slick-arrow:before, .slider--related .slick-arrow:before {
position: unset !important;
}
.section-category .section__group h2 a span.viewall-icon {
width: 0;
height: 0;
margin: 0px 0px -2px 0px;
border-top: 7px solid transparent;
border-left: 13px solid #098a92;
border-bottom: 7px solid transparent;
display: inline-block;
padding-bottom: 0px;
}
.section-category .section__group h2 span.section-landing-heading {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #cc0011;
margin: 0 0 0px 0;
padding-bottom: 5px;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 320px) {
.landing-desc {
width: 320px !important;
}
}
@media screen and (max-width: 768px) {
span.product-count {
font-size: 13px;
font-weight: bold;
}
.viewalltext {
width: 34px;
font-size: 13px;
}
.section-category .section__group h2 span.section-landing-heading {
max-width: calc(100% - 100px);
vertical-align: bottom;
}
/*.section-category .section__group h2 a {
margin-top: -15px;
margin-right: 10px;
}*/
.section-category .section__group h2 {
font-size: 18px;
padding: 0px;
}
.section-category .section__group h2 a span.viewall-icon {
border-top: 5px solid transparent;
border-left: 8px solid #098a92;
border-bottom: 5px solid transparent;
}
.form-sign .form-error-msg {
margin-top: 30px;
}
.print-receipt .invoice-register {
margin-top: 100px !important;
}
}
.product a {
text-decoration: none;
}
.product__title a {
text-decoration: none;
text-align: center;
display: inline-block;
width: 100%;
}
.section-category .section__group h2 a.viewall-mobile {
font-size: 28px !important;
color: #454545 !important;
}
@media screen and (max-width: 768px) {
.section-category .section__group h2 a.viewall-mobile {
font-size: 16px !important;
}
}
.cart-add .cart-mfp-close {
top: 0px !important;
}
@media screen and (max-width: 768px) {
.cart-add__details del, .table-cart del, .checkout__cols del {
position: relative;
}
.cart-add__details del::after, .table-cart del::after, .checkout__cols del::after {
border-bottom: 0.125em solid #333;
content: "";
left: 0;
margin-top: calc(0.125em / 2 * -1);
position: absolute;
right: 0;
top: 57%;
}
}
@media screen and (max-width:1200px) {
ul.list-categories li {
width: 33%;
float: left;
}
ul.list-categories li ul li {
width: auto;
float: none;
}
ul.list-categories.category-members li a img {
width: 100%;
height: 100%;
}
}
@media screen and (min-width: 768px) and (max-width:920px) {
.category-members span.landing-heading {
font-size: 16px;
}
}
.category-members .landing-desc {
max-width: 300px;
text-align: left;
margin: 0px auto;
}
@media screen and (max-width: 640px) {
ul.list-categories li {
width: 30%;
float: left;
}
ul.list-categories.category-members li a img {
max-height: 96px;
}
}
@media screen and (max-width: 768px) {
/*.list-categories span {
font-size: 12px;
}*/
.form-review .mfp-close {
display: block;
}
}
@media screen and (max-width: 523px) {
ul.list-categories li {
margin-right: 3%;
}
/* .category-members span.landing-heading {
min-height: 64px;
}*/
}
@media screen and (max-width: 490px) {
ul.list-categories.category-members li a img {
height: 80px;
}
}
@media screen and (min-width: 768px) {
/*.slider__body .slider--thumbs .slick-track .slick-slide {
width: 66px !important;
}*/
.slider__body .slider--thumbs .slider .slick-next {
right: 22px;
}
/*.slider__body .slider--related .slick-track .slick-slide {
width: 66px !important;
}*/
.slider__body .slider--related .slider .slick-next {
right: 22px;
}
.product__media .slider__outer {
max-width: 267px;
}
/*.feedback .mfp-close {
display: inline;
width: 284px;
}*/
.category-products {
justify-content: flex-start;
}
.checkout__order .cart-item-total {
width: auto !important;
}
.category-sort {
float: right;
}
/*.category-products .category-product {
margin-left: 30px;
}*/
.product-badge img {
width: auto;
height: auto;
}
.slider__head, .slider__head strong {
padding-right: 0px;
}
.slider__head i {
float:right;
}
.category-members .landing-heading {
width: 300px;
text-align: center;
display: grid;
margin: 0px auto;
align-items: flex-end;
height: 87px;
margin-bottom: 15px;
}
.email-message {
padding: 0px !important;
}
.section-category .section__group h2 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.slider__outer .slick-arrow {
width: 19px !important;
}
.slider__outer .slick-slide {
margin-right: 12px !important;
}
.checkout-edit-actions {
display: inline-flex;
}
}
.color-palatte {
color: #000;
font-weight: 700;
}
@media screen and (max-width: 768px) {
.nav-utilities ul li span.logged-user {
color: #cc0001;
font-size: 15px;
position: absolute;
top: 2px;
right: 90px;
}
.order__body .order__details {
display: block;
width: 100% !important;
text-align: left;
}
.order__details .order__color {
padding-left: 0px;
}
.order__details li {
text-align: left;
}
/*.feedback .feedback-close {
margin-left: 387px !important;
margin-top: -31px !important;
}*/
.product-category-space .product__title {
padding-bottom: 18px;
}
}
@media screen and (min-width: 524px) and (max-width: 768px) {
.nav-utilities ul li span.logged-user {
right: 100px;
}
}
.order__details .order__description {
flex-basis: 160px !important;
}
.slider__outer .slider__head {
font-size: 16px;
}
.checked-btn-inpop {
display: block;
background: #10ab25;
border: 1px solid #10ab25;
margin-bottom: 7px;
padding: 5px;
}
.clear-all-filter h6 {
padding: 10px 0px 0px 18px;
font-size: 14px;
color: #000;
font-weight: 600;
cursor: pointer;
width: 114px;
}
.clear-all-filter h6 span {
color: #cc0001;
margin-right: 5px;
font-weight: bold;
}
.feedback .mfp-close {
display: inline;
}
.feedback .feedback-close {
/*margin-left: 984px;
margin-top: -56px;*/
cursor: pointer;
right: -12px;
top: -12px;
position: absolute;
}
.about-red img {
width: 100%;
height: 1px !important;
}
.about-red {
padding-top: 30px;
}
.product__color img {
width: 200px;
height: 160px;
}
.mobile-dim:before {
opacity: 0;
}
.landing-body {
clear: both;
}
.clearance-desc {
margin-left: 30px;
}
.checkout__col .credit-card-name {
font-weight: 400;
}
@media screen and (max-width: 767px) {
.table-sizes .table__description h6 {
letter-spacing: 0.01em;
}
.product--single .breadcrumbs p {
white-space: normal;
}
.shop-continue {
margin-left: 100px !important;
}
}
@media screen and (max-width:375px) {
.slider--thumbs .slick-slide, .slider--related .slick-slide {
width: 98px;
}
}
@media screen and (min-width:320px) and (max-width:375px) {
.slider--thumbs .slick-slide, .slider--related .slick-slide {
width: 80px;
}
}
@media screen and (min-width:360px) {
.slider--thumbs .slick-slide, .slider--related .slick-slide {
width: 93px;
}
}
@media screen and (min-width:375px) {
.slider--thumbs .slick-slide, .slider--related .slick-slide {
width: 98px;
}
}
@media screen and (min-width:411px) and (max-width:767px) {
.slider--thumbs .slick-slide, .slider--related .slick-slide {
width: 110px;
}
}
@media screen and (max-width:480px) {
ul.list-categories.category-members li a span {
text-align: center;
display: flex;
margin: 0px auto;
align-items: flex-end;
height: 80px;
padding-bottom: 8px;
}
}
.categorytitle {
font-size: 16pt;
font-weight: bold;
color: #cc0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
.interContent h1 {
font-size: 20px;
margin-top: 40px;
color: #cc0000;
}
.l4_content {
padding: 45px;
}
.l4_content p {
margin: 20px 5px 5px 5px;
}
@media screen and (min-width: 1360px) {
.table-cart--primary th:nth-child(5) {
width: 107px;
}
}
@media (max-width: 1279px) {
/*.table-sizes .select {
width: 160px;
}
.table-sizes .table__btn {
min-width: 55px;
}*/
}
.landing-heading {
text-decoration: none !important;
}
@media screen and (max-width: 767px) {
.product__section-cols {
font-size: 0.79723em;
line-height: 1.2;
letter-spacing: -0.007em;
padding: 13px 15px 27px;
min-height: 245px;
}
.product--category-alt + .product--category-alt {
overflow: hidden;
}
.product--category-alt .product__image img, .product--medium .product__image img {
height: 120px !important;
}
}
@media screen and (max-width: 523px) {
.product__section-cols {
padding: 15px 0 0;
}
.table-sizes .table__description {
padding: 0px 8px;
}
.product--category-alt .product__badges, .product--medium .product__badges, .vendor-products .product__badges, .category-product .product__badges, .new-products .product__badges, .recent-category-products .product__badges {
display: inline-flex;
}
.product--medium .product__badges img, .vendor-products .product__badges img, .category-product .product__badges img, .new-products .product__badges img, .recent-category-products .product__badges img {
width: auto;
height: 24px;
vertical-align: middle;
}
.products--results .product--medium .product__title {
margin-right: 0px;
margin-left: 0px;
}
}
.product__specs {
color: #363636;
}
@media screen and (max-width: 535px) {
table.table-size-items tr th {
padding-left: 4px !important;
padding-right: 4px !important;
font-size: 12px;
}
.product-item-style {
word-break: break-word;
min-width: 67px;
}
}
@media screen and (max-width:320px) {
table.table-size-items tr th {
padding-left: 1px !important;
padding-right: 4px !important;
}
}
.product__faq .reviews__btn {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
line-height: 1.25;
padding: 9px 37px;
margin-top: 2px;
}
.product__section-col li {
font-size: 19px;
line-height: 1.58;
letter-spacing: -0.006em;
color: #363636;
display: inline-block;
width: 100%;
position: relative;
}
.product__section-col li:before {
content: '';
width: 7px;
height: 7px;
display: block;
position: absolute;
top: 12px;
left: -17px;
background-color: currentColor;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
.product__section-col ul li ul li:before {
background: none;
}
.product__section-col ul li ul {
margin-left: 28px;
}
.product__section-col ul li ul li {
list-style-type: circle;
}
.product__section-col li {
line-height: 1.47;
}
.product__section-cols ul {
margin: -6px 0 0 12px;
}
.product__section-col li:before {
content: '';
width: 3px;
height: 3px;
display: block;
position: relative;
top: 11px;
left: -9px;
background-color: currentColor;
border-radius: 50%;
}
.product__section-col ul li ul li:before {
top: 4px;
}
.product__section-col li {
font-size: 14px;
}
.product__section-cols ul li ul {
font-size: 1.035em;
margin-top: 10px;
}
.table-cart--secondary td:last-child {
position: initial;
top: 20px;
right: 18px;
}
}
.product__section-cols ul li ul {
margin-top: 0px;
}
.product__section-cols a {
text-decoration: underline;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product--category-home .product__title {
margin: 0px;
}
}
@media (max-width: 1023px) {
.table-sizes .form-numbers .field {
width: 36px;
min-width: 36px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.nav__dropdown a {
width: 100%;
}
span.product-count {
top: 0px;
font-weight: bold;
}
.category-members .landing-heading {
width: 200px;
}
.product__media .slider__outer {
max-width: 295px;
}
.product--category-home .product__title {
margin: 0px;
}
.sidebar--filters {
display: none;
}
.footer__badge {
max-width: 82px;
margin: 0 21px -42px 0;
}
}
@media screen and (min-width: 1024px) {
.category-members .landing-heading {
width: 300px;
}
/*.slider--products .slick-track {
width: 2232px !important;
}
.slider--products .slick-slide {
width: 279px !important;
}*/
}
@media screen and (max-width: 1024px) {
.main {
padding-bottom: 50px;
}
}
@media screen and (max-width: 767px) {
.slider__body .slider--thumbs .slick-track .slick-slide, .slider__body .slider--related .slick-track .slick-slide {
padding-top: 18px !important;
}
.slider--related .slick-prev, .slider--related .slick-next, .slider--thumbs .slick-prev, .slider--thumbs .slick-next {
top: 15px !important;
}
.category-members img {
margin-bottom: 65px;
}
.product__section-cols p {
font-size: 14px;
}
.cart-freeship-mobile {
font-size: 13px;
text-align: center;
font-weight: 600;
}
.search__field::-webkit-input-placeholder {
color: #606060;
}
.footer__nav {
width: 80%;
}
.nav-account {
margin: 0 0 10px;
}
.footer__badge {
max-width: 90px;
margin: 0px 0px -41px 0;
}
.form-review .form__controls .form__label {
padding-bottom: 0;
padding-top: 0;
}
.table-cart td a {
text-decoration: underline;
}
.table-cart td .shopping-cart__remove {
text-decoration: none;
}
.table-sizes .table__price {
padding-top: 0px;
}
.user-log-out {
font-size: .9em;
margin-left: .5em;
color: #cc0001;
}
.product--category-alt .product__description, .product--medium .product__description {
width: 100%;
}
.product--category-alt .rating-mobile img {
width: 16px;
margin: 0 0 0 0 !important;
}
.product-style {
font-size: 1.15em;
color: #0000ff;
position: relative;
padding: 0px 22px 7px 0;
text-align: center;
}
}
.product--category-alt .product__image img, .product--medium .product__image img {
height: 154px;
}
.vendor-products .product__image img, .recent-category-products .product__image img {
height: 120px;
}
.product--category-home .product__image img {
height: 138px;
}
.color-tooltip {
display: inline-block;
position: relative;
}
.color-tooltip:hover:after {
border: 1px solid #948e8e;
content: attr(tooltip-title);
left: auto;
top: 0;
background: #fff;
padding: 3px 3px;
font-size: 11px;
position: absolute;
z-index: 98;
width: auto;
white-space: nowrap;
font-weight: 600;
}
.product--category-home .product__title {
/* height: 45px !important;*/
display: flex;
}
.list-specials li:first-child {
flex: 0 0 29.25%;
}
.checkout__col .checkout-submit-btn {
font-size: 18px;
line-height: 1;
display: block;
width: 100%;
padding: 15px;
}
.disable-select {
user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}
@media (max-width: 767px) {
.checkout__link--edit {
top: 54px;
margin-top: 15px;
}
.cat-badges {
width: auto;
}
.cat-badges img {
margin-bottom: 7px;
height: 22px;
}
.vendor-products .product__image img {
height: 120px;
}
}
.sample-img {
height: auto !important;
}
@media screen and (min-width: 768px) {
.product-badge img {
width: auto;
height: auto;
margin: 0px 14px 15px 10px;
display: inline-flex;
}
}
@media screen and (max-width: 950px) and (min-width: 770px) {
.product-badge img {
margin: 0px 5px 15px 5px;
}
}
.product__links {
width: 100%;
}
@media (max-width: 1279px) {
.checkout h1 {
margin: 15px 0px;
}
}
@media (min-width:768px) and (max-width: 1279px) {
.vendor-products .product__image img, .recent-category-products .product__image img {
height: 154px;
}
}
.btn--feedback {
margin-left: 650px;
}
.feedback {
position: relative;
}
.feedback .mfp-close {
top: -8px;
right: -8px;
}
@media (min-width: 1025px) {
.nav > ul > li:hover > .nav__dropdown,
.nav li.is--open > .nav__dropdown {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
.thumb_row.active, .bottom_row.active {
border: 1px #f00 solid;
}
.product_image_thumbnails img {
width: 50px !important;
height: 29px !important;
}
.thumbnails img {
cursor: pointer;
border: 1px solid #828282;
}
.thumbnails .slider .slick-next {
background-image: url(/Content/images/ico-chevron-right.png) !important;
background-color: transparent;
background-repeat: no-repeat;
top: 67px;
height: 75px;
}
.thumbnails .slider .slick-next.two-row {
top: 95px !important;
}
.thumbnails .slider .slick-next.single-row {
top: 45px !important;
}
.thumbnails .slider .slick-prev {
top: 45px !important;
}
.thumbnails .slider .slick-prev {
right: 17px !important;
background-image: url(/Content/images/ico-chevron-left.png) !important;
background-color: transparent;
background-repeat: no-repeat;
top: 67px;
height: 75px;
}
@media (max-width: 1200px) {
.table-size-items tr td.product-desc, .table-size-items tr th:first-child {
width: 26.903225%;
}
.table-size-items tr td.product-item-style + td + td + td, .table-size-items tr th:nth-child(5) {
width: 16%;
}
.table-sizes .table__actions {
justify-content: start;
}
}
@media (max-width: 1024px) {
.table-size-items tr td.product-desc, .table-size-items tr th:first-child {
width: 26.903225%;
}
.table-size-items tr td.product-desc, .table-size-items tr th:first-child {
width: 18.387096%;
}
}
@media (max-width: 767px) {
.thumbnails .slider .slick-next, .thumbnails .slider .slick-prev {
top: 0px;
}
.product_image_thumbnails {
padding-bottom: 18px;
}
.thumbnails .slider .slick-prev {
top: 0 !important;
}
.thumbnails .slider .slick-next {
top: 52px !important;
}
.thumbnails .slider .slick-next.single-row {
top: 0 !important;
}
.thumbnails .slider .slick-prev {
top: 0 !important;
}
.thumbnails .slider .slick-next.two-row {
top: 52px !important;
}
.header__body .logo br {
display: none;
}
.table-size-items tr td.product-item-style + td + td + td, .table-size-items tr th:nth-child(5) {
width: 23%;
}
.table-size-items tr td.product-item-style + td, .table-size-items tr th:nth-child(3) {
width: 15.580645%;
}
.table-size-items tr td.product-desc, .table-size-items tr th:first-child {
width: 27.387096%;
}
}
@media (max-width: 572px) {
.product--category-home .product__image img {
height: 100px;
}
.table-sizes .form-numbers .up-control, .table-sizes .form-numbers .down-control {
width: 15px;
}
.table__actions .form-numbers .field {
width: 34px !important;
padding: 5px 5px !important;
min-width: 34px !important;
}
.table-sizes .table__actions .table__btn {
margin-left: 0;
min-width: 64px;
}
.table-sizes .table__actions {
padding-right: 0;
}
}
::-webkit-input-placeholder {
color: #000;
opacity: 1;
}
::-moz-placeholder {
color: #000;
opacity: 1;
}
:-ms-input-placeholder {
color: #000;
opacity: 1;
}
:-moz-placeholder {
color: #000;
opacity: 1;
}
.leftColumnContent.sub-total {
text-align: right;
}
.leftColumnContent.sub-total strong {
max-width: calc(100% - 128px) !important;
/*.leftColumnContent.sub-total strong(max-width:calc(100% - 68px)) {*/
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: calc(100% - 65px);
position: relative;
padding-right: 10px;
}
.leftColumnContent.sub-total span {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 120px;
}
.leftColumnContent.sub-total strong::after {
content: ':';
}
.tooltip-wrapper {
/*display: inline-block;*/ /* display: block works as well */
/*margin: 50px;*/ /* make some space so the tooltip is visible */
}
.tooltip-wrapper .select[disabled] {
/* don't let button block mouse events from reaching wrapper */
pointer-events: none;
}
.tooltip-wrapper.disabled {
/* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
cursor: not-allowed;
}
.numeric-password {
font-family: text-security-disc;
}
.numeric-password::-webkit-input-placeholder {
font-family: 'Helvetica', 'Arial', sans-serif !important;
}
.numeric-password:-ms-input-placeholder {
font-family: 'Helvetica', 'Arial', sans-serif !important;
}
.numeric-password::-moz-placeholder {
font-family: 'Helvetica', 'Arial', sans-serif !important;
}
div.sr-only {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
/* Checkout Page Login Functionality Related CSS */
.email-address-container {
display: flex;
justify-content: space-between;
align-items: center;
}
#login-text {
font-family: 'Helvetica', 'Arial', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: #717171;
}
#login-text a {
font-family: 'Helvetica', 'Arial', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 15px;
text-decoration-line: underline;
color: #393939;
margin-left: 5px;
}
#login-button span {
font-family: 'Helvetica', 'Arial', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
color: #FFFFFF;
}
#login-button:hover {
text-decoration: none !important;
}
#cancel-button {
width: 100%;
line-height: 1.25;
font-weight: 400;
text-align: center;
display: inline-block;
vertical-align: middle;
padding: 9px 19px;
border: none;
border-radius: 0;
box-shadow: none;
cursor: pointer;
appearance: none;
color: #808080;
}
#cancel-button span {
font-family: 'Helvetica', 'Arial', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
}
#cancel-button:hover {
text-decoration: none !important;
}
.forgot-password {
font-family: 'Helvetica', 'Arial', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 130%;
text-decoration-line: underline;
color: #262626;
}
.password-container {
position: relative;
width: 100%;
}
.password-input {
width: 100%;
padding-right: 30px;
}
.toggle-password {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
#errMessage {
margin-bottom: 10px;
}
#password-row {
padding-bottom: 0px;
display: none;
}
.forgot-password-container {
padding-top: 0px;
}
#action-buttons {
padding-bottom: 0px;
display: none
}
.form__actions:has(#cancel-button) {
padding-bottom: 0px;
}
/* cart popup design css */
/* Scrollbar design start */
/* width */
.cart-add__details::-webkit-scrollbar {
width: 5px;
}
/* Track */
.cart-add__details::-webkit-scrollbar-track {
background: white;
border-radius: 10px;
}
/* Handle */
.cart-add__details::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
/* Scrollbar design end */
.mfp-wrap {
overflow-x: hidden;
overflow-y: auto;
}
#removeitemmodal {
width: 100%;
position: absolute;
top: 68px;
}
.cart-popup__head {
background-color: #333333;
}
.cart-popup__head h2 {
color: #FFFFFF;
}
.cart-popup__body {
padding: 24px 0;
}
.cart-popup__details {
max-height: 457px;
overflow-y: auto;
padding: 15px;
border-radius: 8px;
max-width: 70%;
flex: 0 0 70%;
}
.cart-item {
display: flex;
background-color: #F4F5F7;
border-radius: 8px;
padding: 15px;
margin-bottom: 10px;
}
.cart-item__body {
flex: 1;
display: flex;
flex-direction: column;
}
.cart-item__title {
display: flex;
justify-content: space-between;
align-items: center;
}
.cart-item__attributes {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 5px 0;
}
.cart-item__attributes .right-section {
min-width: 200px;
}
.cart-item__quantity {
display: flex;
align-items: center;
margin-top: 5px;
}
.cart-item__quantity strong {
margin-right: 10px;
}
.cart-item__quantity div {
padding: 0;
}
.cart-popup__actions {
padding: 0px 30px;
flex: 0 0 30%;
max-width: 30%;
}
#alert-notification .header__alert span {
float: right;
}
h3:has(#order-total) {
text-align: center;
}
#cartadd-signIn {
margin: 30px 0;
}
#continuebtnClose {
text-decoration: underline;
margin: 20px 0;
}
.trust-seal {
margin-top: 0px;
height: auto;
}
.cart-popup__statements {
text-align: left;
margin: 20px 0px;
}
.cart-popup__statement {
display: flex;
align-items: center;
padding: 5px 0px;
font-size: 14px;
}
.cart-popup__statement span {
margin-left: 5px;
padding-top: 1px;
}
#order-total {
font-size: 25px;
}
/* remove item confirmation modal css */
#removeitemmodal .mfp-bg {
z-index: 1047;
}
#removeitemmodal .message {
z-index: 1047;
}
.cart-add__details:before {
content: none !important;
}
/* Article page Related CSS */
.article--page h1 {
text-align: center;
}
.article--page .article--subheading {
text-align: center;
}
.article--page {
line-height: 1.18;
}
.article--page p {
margin-bottom: 1.3em;
}
.article--page h2 {
margin-bottom: .65em;
}
.article--page .article--quote {
font-style: italic;
padding: 0 4rem;
}
.article--page .article--quote strong {
padding: 0 4rem;
}
.article--page img {
margin-bottom: 2rem;
display: block;
}
@media (max-width: 767px) {
.article--primary h2 {
margin-bottom: .5em;
}
.article--primary h3 {
font-size: 17px;
}
}
/* Sectigo Badge Image Related CSS */
.cart-item-logo,
.aplus-logo,
.checkout-security-logo a,
.checkout-security-logo span{
pointer-events: auto; /* Ensure the link is clickable */
}
.cart-item-logo:hover,
.aplus-logo:hover,
.checkout-security-logo a:hover,
.checkout-security-logo span:hover{
cursor: default; /* Change the cursor to default on hover */
}
.pac-container {
z-index: 1043; /* Make sure this is above your modal */
}
/* testing-alert & testing-confirm Title Relates CSS */
.form-review .form__head .form__title {
font-size: 26px;
line-height: 28px;
color: #444;
font-weight: 600;
}
/* Google Recaptcha v2 related css */
.grecaptcha-badge {
z-index: 1;
visibility: hidden;
}
.google-terms-text {
display: inline-block;
width: 100%;
}
.google-terms-text p {
text-align: right;
max-width: 250px;
float: right;
font-size: 14px;
margin-top: 10px;
}
.google-terms-text .leftalign {
text-align: left !important;
float: left;
margin-bottom: 40px;
margin-left: 20px;
}
@media (max-width: 1279px) {
.google-terms-text .leftalign {
margin-left: 0px !important;
}
}
#id-open-settings-cc {
font-size: 14px;
line-height: 1.65;
letter-spacing: 0em;
}
/* Brand Seo Field Related CSS */
.vendor-name {
font-weight: 700 !important;
font-size: 30px;
line-height: 1.25;
color: #454545;
}
.vendor-tag-line{
font-size: 15px !important;
text-indent: 5px;
}