.field__input,input:focus,select:focus,textarea:focus {
    box-shadow: none
}

.field {
    --uiFieldPaddingTop:var(--fieldPaddingTop, 0px);--uiFieldPaddingRight:var(--fieldPaddingRight, 0px);--uiFieldPaddingBottom:var(--fieldPaddingBottom, 0px);--uiFieldPaddingLeft:var(--fieldPaddingLeft, 0px);--uiFieldBorderColor:var(--fieldBorderColor, transpatent);--uiFieldBorderTop:var(--fieldBorderTop, 0px);--uiFieldBorderRight:var(--fieldBorderRight, 0px);--uiFieldBorderBottom:var(--fieldBorderBottom, 0px);--uiFieldBorderLeft:var(--fieldBorderLeft, 0px);--uiFieldBgColor:var(--fieldBgColor, transpatent);--uiFieldPlaceholderColor:var(--fieldPlaceholderColor, #767676);--uiFieldAnimationDuration:var(--fieldAnimationDuration, .3s);--uiFieldFonstSize:var(--fieldFontSize, 16px);position: relative;
    display: block
}

.field__input {
    appearance: none;
    font-family: inherit;
    font-size: 12px;
    color: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    line-height: 100%;
    margin: 0 0 1em;
    padding: .8em;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    background: 0;
    resize: none;
    outline: 0;
    -webkit-appearance: none
}

select.field__input {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 6px center no-repeat #fff;
    background-size: 8px
}

.field__input::-webkit-input-placeholder {
    color: var(--uiFieldPlaceholderColor);
    opacity: 0
}

.field__input::-moz-placeholder {
    color: var(--uiFieldPlaceholderColor);
    opacity: 0
}

.field__input:focus {
    outline: 0;
    border-color: #171717;
    color: #171717
}

.field__input:focus::-webkit-input-placeholder {
    transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);
    opacity: 1
}

.field__input:focus::-moz-placeholder {
    transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);
    opacity: 1
}

.field__label-wrap {
    height: 100%;
    display: block
}

.field__label {
    position: absolute;
    top: 17px;
    left: 12px;
    pointer-events: none;
    transition: top var(--uiFieldAnimationDuration) cubic-bezier(.9,-.15,.1,1.15),opacity var(--uiFieldAnimationDuration) ease-out;
    will-change: top,opacity;
    background-color: #fff;
    padding: 0;
    font-size: 12px
}

.field__input:not(:placeholder-shown)~.field__label-wrap .field__label {
    opacity: 0;
    top: calc(0px + var(--uiFieldPaddingTop) + var(--uiFieldBorderTop))
}

.field__input:focus~.field__label-wrap .field__label {
    opacity: 1;
    top: -6px;
    color: #171717;
    background-color: #fff
}

.field_type1 {
    --uiFieldPaddingTop:var(--fieldPaddingTop, 15px);--uiFieldPaddingRight:var(--fieldPaddingRight, 15px);--uiFieldPaddingBottom:var(--fieldPaddingBottom, 15px);--uiFieldPaddingLeft:var(--fieldPaddingLeft, 15px);--uiFieldBorderTop:var(--fieldBorderTop, 2px);--uiFieldBorderRight:var(--fieldBorderRight, 2px);--uiFieldBorderBottom:var(--fieldBorderBottom, 2px);--uiFieldBorderLeft:var(--fieldBorderLeft, 2px)}

.field_type1 .field__input {
    transition: border-color var(--uiFieldAnimationDuration) ease-out;
    will-change: border-color
}

.field_type2 .field__label-wrap:after,.field_type3 .field__label-wrap:after,.field_type3 .field__label-wrap:before {
    height: var(--uiFieldBorderBottom);
    background-color: var(--fieldBorderColorActive);
    will-change: width;
    transition: width var(--uiFieldAnimationDuration) ease-out;
    content: "";
    position: absolute;
    bottom: 0
}

.field_type1 .field__input:focus {
    --uiFieldBorderColor:var(--fieldBorderColorActive)}

.field_type2 {
    --uiFieldBorderBottom:var(--fieldBorderBottom, 2px);--uiFieldPaddingTop:var(--fieldPaddingTop, 5px);--uiFieldPaddingRight:var(--fieldPaddingRight, 15px);--uiFieldPaddingBottom:var(--fieldPaddingBottom, 10px);--uiFieldPaddingLeft:var(--fieldPaddingLeft, 15px)}

.field_type2 .field__label-wrap:after {
    width: 0;
    left: 0
}

.field_type2 .field__input:focus~.field__label-wrap:after {
    width: 100%
}

.field_type3 {
    --uiFieldBorderBottom:var(--fieldBorderBottom, 2px);--uiFieldPaddingTop:var(--fieldPaddingTop, 5px);--uiFieldPaddingRight:var(--fieldPaddingRight, 15px);--uiFieldPaddingBottom:var(--fieldPaddingBottom, 10px);--uiFieldPaddingLeft:var(--fieldPaddingLeft, 15px)}

.field_type3 .field__label-wrap:after,.field_type3 .field__label-wrap:before {
    width: 0
}

.field_type3 .field__label-wrap:before {
    left: 50%
}

.field_type3 .field__label-wrap:after {
    right: 50%
}

.field_type3 .field__input:focus~.field__label-wrap:after,.field_type3 .field__input:focus~.field__label-wrap:before {
    width: 50%
}

.field_type4 {
    --uiFieldBorderBottom:var(--fieldBorderBottom, 2px);--uiFieldPaddingTop:var(--fieldPaddingTop, 15px);--uiFieldPaddingRight:var(--fieldPaddingRight, 15px);--uiFieldPaddingBottom:var(--fieldPaddingBottom, 10px);--uiFieldPaddingLeft:var(--fieldPaddingLeft, 15px)}

.field_type4 .field__label-wrap:after {
    content: "";
    width: 100%;
    height: 0;
    box-sizing: border-box;
    border-width: var(--uiFieldBorderBottom);
    border-style: solid;
    border-color: var(--fieldBorderColorActive);
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    will-change: opacity,height;
    transition: height var(--uiFieldAnimationDuration,.2s) ease-out,opacity var(--uiFieldAnimationDuration,.2s) ease-out
}

.field_type4 .field__input:focus~.field__label-wrap:after {
    height: 100%;
    opacity: 1
}

#cartDetail .block {
    background-color: transparent;
    border: 0 solid #c2c2c2;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 2rem
}

#cartDetail .block-header {
    background-color: transparent;
    border-bottom: 0 solid #c2c2c2;
    padding: .25rem 0;
    margin-bottom: .5rem
}

#cartDetail .block-header>:last-child {
    margin-bottom: 0
}

.block-title {
    font-family: "Helvetica Neue Bold",sans-serif;
    font-weight: 700;
    line-height: 1.267;
    color: #292929;
    text-transform: uppercase
}

#cartDetail .block-content {
    flex: 1 1 auto;
    padding: .25rem 0
}

#cartDetail .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

#cartDetail .middle-block.cart-block .table {
    border-bottom: 1px solid #c2c2c2
}

#cartDetail .table thead th {
    border-top-width: 0;
    font-weight: 400;
    line-height: 1.133;
    text-transform: uppercase;
    border-bottom: 2px solid #c2c2c2
}

#cartDetail .thead-default th {
    color: #666;
    background-color: #f5f5f5;
    border-top: 1px solid #c2c2c2
}

.text-sm-left {
    text-align: left!important
}

.page.cart-page .middle-block .block-title,.page.cart-page .sidebar-block .block-title {
    font-size: 1.383rem
}

.sidebar-block.cart-summary-block .row {
    align-items: baseline;
    font-size: .933rem;
    line-height: 1.133;
    margin-right: 0
}

.sidebar-block.cart-summary-block .row dt {
    text-align: left;
    text-transform: uppercase
}

.sidebar-block.cart-summary-block .row dd {
    background-color: #f5f5f5;
    padding: 11px;
    text-align: right
}

@media (min-width: 520px) {
    .col-sm-6 {
        flex:0 0 50%;
        max-width: 50%
    }

    .middle-block.cart-block .table td:not(:last-child) {
        position: relative
    }
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

.text-black {
    color: #292929!important
}

#cartDetail .btn-block,#cartDetail .sidebar-block.cart-summary-block .block-link {
    display: block;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 10px
}

.btn-group-lg>.btn,.btn-lg,.header-block.main-header-block .main-header-btn,.middle-block.address-book-block .block-link,.middle-block.campaigns-block .card-link,.middle-block.messages-block .block-footer .block-link,.middle-block.product-detail-block .product-detail-btn,.sidebar-block.cart-summary-block .block-link {
    padding: .75rem 1.5rem;
    font-size: 1.067rem;
    border-radius: 0
}

.text-left {
    text-align: left!important
}

#cartDetail .block-content h3 {
    text-transform: uppercase;
    line-height: 1.267;
    color: #292929
}

#cartDetail .block-content p {
    margin-top: 0;
    margin-bottom: 13px
}

.text-gray-dark {
    color: #666!important
}

.table td,.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #c2c2c2
}

.middle-block.cart-block .table td,.middle-block.cart-block .table th {
    padding: 1rem;
    text-align: center;
    vertical-align: middle
}

.middle-block.cart-block .cart-price-cell {
    white-space: nowrap
}

.item-prices,.item-prices+div {
    padding-left: 0
}

.item-prices+div {
    margin-bottom: 10px!important;
    display: block
}

.text-center {
    text-align: center!important
}

.middle-block.cart-block .table {
    border-bottom: 1px solid #c2c2c2
}

#cart-middle-block-form .form-control {
    display: block;
    line-height: 1.267;
    color: #666;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    box-shadow: none;
    transition: background-color ease-in-out .25s,border-color ease-in-out .25s,color ease-in-out .25s;
    padding: .75rem 1.5rem;
    font-size: 1.067rem;
    border-radius: 0
}

#cart-middle-block-form .btn {
    border: 1px solid transparent;
    line-height: 1.267;
    vertical-align: middle;
    user-select: none;
    padding: .75rem 1.5rem;
    font-size: 1.067rem;
    border-radius: 0;
    text-indent: -10px;
}

.bg-gray-light {
    background-color: #c2c2c2!important
}

.text-white {
    color: #fff!important
}

.btn,.dropdown-header,.dropdown-item {
    text-transform: uppercase
}

.flex-column {
    flex-direction: column!important
}

.menu {
    display: flex;
    list-style: none;
    margin: -.25rem -.5rem;
    padding-left: 0
}

.menu-link {
    line-height: 1.133;
    font-size: 12px;
    display: block;
    padding: .25rem .5rem
}

.cart-total-cell {
    font-weight: 700;
    color: #000
}

.cmp-block {
    margin-top: 12px
}

@media (min-width: 520px) {
    .middle-block.cart-block .table td:not(:last-child) {
        position:relative
    }

    .middle-block.cart-block .table td:not(:last-child):after {
        background-color: #c2c2c2;
        bottom: .75rem;
        content: '';
        position: absolute;
        right: 0;
        top: .75rem;
        width: 1px
    }
}
