@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'),local('Lato-Regular'),url(fonts/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+100-24F,U+259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'),local('Lato-Regular'),url(fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'),local('Lato-Bold'),url(fonts/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
    unicode-range: U+100-24F,U+259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'),local('Lato-Bold'),url(fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'),local('Lato-Light'),url(fonts/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+100-24F,U+259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'),local('Lato-Light'),url(fonts/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'),local('RobotoSlab-Regular'),url(fonts/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
    unicode-range: U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'),local('RobotoSlab-Regular'),url(fonts/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
    unicode-range: U+400-45F,U+490-491,U+4B0-4B1,U+2116
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'),local('RobotoSlab-Regular'),url(fonts/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'),local('RobotoSlab-Regular'),url(fonts/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
    unicode-range: U+370-3FF
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'),local('RobotoSlab-Regular'),url(fonts/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
    unicode-range: U+102-103,U+110-111,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'),local('RobotoSlab-Regular'),url(fonts/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
    unicode-range: U+100-24F,U+259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'),local('RobotoSlab-Regular'),url(fonts/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: local('Raleway Medium'),local('Raleway-Medium'),url(fonts/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format('woff2');
    unicode-range: U+100-24F,U+259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: local('Raleway Medium'),local('Raleway-Medium'),url(fonts/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

.blue_border_btn {
    display: inline-block
}

    .blue_border_btn a {
        font-size: 14px;
        font-family: 'Lato',sans-serif;
        border-radius: 2px;
        border: 1px solid #006983;
        padding: 5px 27px;
        text-align: center;
        color: #006983;
        display: inline-block
    }

        .blue_border_btn a:hover {
            background: #006983;
            color: #fff;
            border: 1px solid #006983;
            text-decoration: none
        }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

.clear {
    clear: both
}

.cf {
    display: block
}

    .cf:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
        line-height: 0
    }

.border_box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.table {
    display: table;
    width: 100%;
    height: 100%
}

.cell {
    display: table-cell;
    vertical-align: middle
}

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

body {
    color: #333;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 2.4rem;
    margin: 0
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

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

html, body, button {
    background: #fff
}

.left {
    float: left;
    margin-right: 5px
}

h1, h2, h3, h4 {
    color: #006983;
    font-family: 'Lato',sans-serif
}

h1 {
    font-size: 37px;
    font-size: 3.7rem;
    font-weight: 300;
    line-height: 44px;
    line-height: 4.4rem;
    margin: 0 0 20px
}

h2 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
    line-height: 35px;
    line-height: 3.5rem;
    margin: 0 0 20px
}

h3 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 30px;
    line-height: 3rem;
    margin: 0 0 20px
}

h4, h5, h6 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 30px;
    line-height: 3rem;
    margin: 0
}

h5, h6 {
    color: #5c5c5c
}

p {
    margin: 0 0 24px
}

a {
    background: transparent;
    color: #006983;
    text-decoration: none
}

    a:hover {
        text-decoration: underline
    }

    a:active, a:hover {
        outline: 0
    }

b, strong {
    font-weight: 700
}

img {
    border: none;
    display: block;
    max-width: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

    table td, table th {
        padding: 0;
        text-align: left;
        vertical-align: top;
        border-bottom: 0
    }

hr {
    -moz-box-sizing: content-box;
    border: none;
    border-top: 1px solid #5c5c5c;
    box-sizing: content-box;
    height: 0;
    margin-bottom: 16px
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

input, select, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    color: #858585;
    font: inherit;
    margin: 0
}

input, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ebebeb;
    box-shadow: none;
    display: block;
    font: 1.4rem 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
    padding: 5px 10px;
    width: 100%
}

    input.error, textarea.error {
        border-color: #b42314;
        color: #b42314
    }

    input[type="password"].error, textarea[type="password"].error {
        border-color: #adadad;
        color: #333
    }

    input:hover, textarea:hover {
        border-color: #99c3cd;
        color: #006983
    }

    input:focus, textarea:focus {
        border-color: #adadad;
        color: #333;
        outline: none
    }

:-ms-input-placeholder, ::-webkit-input-placeholder {
    color: #858585
}

:-moz-placeholder, ::-moz-placeholder {
    color: #858585;
    opacity: 1
}

.error:-ms-input-placeholder, .error::-webkit-input-placeholder {
    color: #b42314
}

.error:-moz-placeholder, .error::-moz-placeholder {
    color: #b42314;
    opacity: 1
}

input:hover:-ms-input-placeholder, input:hover::-webkit-input-placeholder {
    color: #006983
}

input:hover:-moz-placeholder, input:hover::-moz-placeholder {
    color: #006983;
    opacity: 1
}

input {
    height: 40px
}

select {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%
}

label {
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700
}

textarea {
    overflow: auto;
    resize: none;
    line-height: 2.4rem;
    height: 66px
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

    button[disabled], input[disabled] {
        cursor: default
    }

input[type=checkbox], input[type=radio] {
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    margin: 0 0 30px;
    padding: 16px 0 0
}

    fieldset:first-child {
        border-top: none;
        padding-top: 0
    }

    fieldset:last-child {
        margin-bottom: 0
    }

input[type=radio], input[type=checkbox] {
    display: none
}

    input[type=radio] + label, input[type=checkbox] + label {
        display: inline-block
    }

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

.p0 {
    padding: 0 !important
}

.m0 {
    margin: 0 !important
}

.hidden {
    display: none
}

.row_wrapper {
    overflow: hidden
}

.row_offset {
    margin-bottom: 30px
}

.container {
    margin: 0 auto;
    max-width: 1240px;
    width: 90%
}

    .container .container {
        width: auto
    }

.row:after, .col:after {
    clear: both;
    content: '.';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.col {
    margin-bottom: 30px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

@media screen and (min-width:1024px) {
    .hidden_xs {
        display: none
    }

    .visible_xs {
        display: block
    }
}

.col_1 {
    width: 8.33333333%
}

.col_2 {
    width: 16.66666667%
}

.col_3 {
    width: 25%
}

.col_4 {
    width: 33.33333333%
}

.col_5 {
    width: 41.66666667%
}

.col_6 {
    width: 50%
}

.col_7 {
    width: 58.33333333%
}

.col_8 {
    width: 66.66666667%
}

.col_9 {
    width: 75%
}

.col_10 {
    width: 83.33333333%
}

.col_11 {
    width: 91.66666667%
}

.col_12 {
    width: 100%
}

.offset_1 {
    margin-left: 8.33333333%
}

.offset_2 {
    margin-left: 16.66666667%
}

.offset_3 {
    margin-left: 25%
}

.offset_4 {
    margin-left: 33.33333333%
}

.offset_5 {
    margin-left: 41.66666667%
}

.offset_6 {
    margin-left: 50%
}

.offset_7 {
    margin-left: 58.33333333%
}

.offset_8 {
    margin-left: 66.66666667%
}

.offset_9 {
    margin-left: 75%
}

.offset_10 {
    margin-left: 83.33333333%
}

.offset_11 {
    margin-left: 91.66666667%
}

.offset_12 {
    margin-left: 100%
}

@media screen and (min-width:768px) {
    .row_offset {
        margin-bottom: 40px
    }

    .row {
        margin: 0 -1.5%
    }

    .col {
        margin-bottom: 40px;
        padding: 0 1.5%
    }

    .hidden_sm {
        display: none
    }

    .visible_sm {
        display: block
    }

    .col_sm_1 {
        width: 8.33333333%
    }

    .col_sm_2 {
        width: 16.66666667%
    }

    .col_sm_3 {
        width: 25%
    }

    .col_sm_4 {
        width: 33.33333333%
    }

    .col_sm_5 {
        width: 41.66666667%
    }

    .col_sm_6 {
        width: 50%
    }

    .col_sm_7 {
        width: 58.33333333%
    }

    .col_sm_8 {
        width: 66.66666667%
    }

    .col_sm_9 {
        width: 75%
    }

    .col_sm_10 {
        width: 83.33333333%
    }

    .col_sm_11 {
        width: 91.66666667%
    }

    .col_sm_12 {
        width: 100%
    }

    .offset_sm_1 {
        margin-left: 8.33333333%
    }

    .offset_sm_2 {
        margin-left: 16.66666667%
    }

    .offset_sm_3 {
        margin-left: 25%
    }

    .offset_sm_4 {
        margin-left: 33.33333333%
    }

    .offset_sm_5 {
        margin-left: 41.66666667%
    }

    .offset_sm_6 {
        margin-left: 50%
    }

    .offset_sm_7 {
        margin-left: 58.33333333%
    }

    .offset_sm_8 {
        margin-left: 66.66666667%
    }

    .offset_sm_9 {
        margin-left: 75%
    }

    .offset_sm_10 {
        margin-left: 83.33333333%
    }

    .offset_sm_11 {
        margin-left: 91.66666667%
    }

    .offset_sm_12 {
        margin-left: 100%
    }

    .col_sm_1 .col {
        padding: 0 18%
    }

    .col_sm_2 .col {
        padding: 0 9%
    }

    .col_sm_3 .col {
        padding: 0 6%
    }

    .col_sm_4 .col {
        padding: 0 4.5%
    }

    .col_sm_5 .col {
        padding: 0 3.6%
    }

    .col_sm_6 .col {
        padding: 0 3%
    }

    .col_sm_7 .col {
        padding: 0 2.57142857%
    }

    .col_sm_8 .col {
        padding: 0 2.25%
    }

    .col_sm_9 .col {
        padding: 0 2%
    }

    .col_sm_10 .col {
        padding: 0 1.8%
    }

    .col_sm_11 .col {
        padding: 0 1.63636364%
    }

    .col_sm_12 .col {
        padding: 0 1.5%
    }

    .col_sm_1 .row {
        margin: 0 -18%
    }

    .col_sm_2 .row {
        margin: 0 -9%
    }

    .col_sm_3 .row {
        margin: 0 -6%
    }

    .col_sm_4 .row {
        margin: 0 -4.5%
    }

    .col_sm_5 .row {
        margin: 0 -3.6%
    }

    .col_sm_6 .row {
        margin: 0 -3%
    }

    .col_sm_7 .row {
        margin: 0 -2.57142857%
    }

    .col_sm_8 .row {
        margin: 0 -2.25%
    }

    .col_sm_9 .row {
        margin: 0 -2%
    }

    .col_sm_10 .row {
        margin: 0 -1.8%
    }

    .col_sm_11 .row {
        margin: 0 -1.63636364%
    }

    .col_sm_12 .row {
        margin: 0 -1.5%
    }
}

@media screen and (min-width:1024px) {
    .row_offset {
        margin-bottom: 30px
    }

    .hidden_md {
        display: none
    }

    .visible_md {
        display: block
    }

    .col {
        margin-bottom: 30px
    }

    .col_md_1 {
        width: 8.33333333%
    }

    .col_md_2 {
        width: 16.66666667%
    }

    .col_md_3 {
        width: 25%
    }

    .col_md_4 {
        width: 33.33333333%
    }

    .col_md_5 {
        width: 41.66666667%
    }

    .col_md_6 {
        width: 50%
    }

    .col_md_7 {
        width: 58.33333333%
    }

    .col_md_8 {
        width: 66.66666667%
    }

    .col_md_9 {
        width: 75%
    }

    .col_md_10 {
        width: 83.33333333%
    }

    .col_md_11 {
        width: 91.66666667%
    }

    .col_md_12 {
        width: 100%
    }

    .offset_md_1 {
        margin-left: 8.33333333%
    }

    .offset_md_2 {
        margin-left: 16.66666667%
    }

    .offset_md_3 {
        margin-left: 25%
    }

    .offset_md_4 {
        margin-left: 33.33333333%
    }

    .offset_md_5 {
        margin-left: 41.66666667%
    }

    .offset_md_6 {
        margin-left: 50%
    }

    .offset_md_7 {
        margin-left: 58.33333333%
    }

    .offset_md_8 {
        margin-left: 66.66666667%
    }

    .offset_md_9 {
        margin-left: 75%
    }

    .offset_md_10 {
        margin-left: 83.33333333%
    }

    .offset_md_11 {
        margin-left: 91.66666667%
    }

    .offset_md_12 {
        margin-left: 100%
    }

    .col_md_1 .col {
        padding: 0 18%
    }

    .col_md_2 .col {
        padding: 0 9%
    }

    .col_md_3 .col {
        padding: 0 6%
    }

    .col_md_4 .col {
        padding: 0 4.5%
    }

    .col_md_5 .col {
        padding: 0 3.6%
    }

    .col_md_6 .col {
        padding: 0 3%
    }

    .col_md_7 .col {
        padding: 0 2.57142857%
    }

    .col_md_8 .col {
        padding: 0 2.25%
    }

    .col_md_9 .col {
        padding: 0 2%
    }

    .col_md_10 .col {
        padding: 0 1.8%
    }

    .col_md_11 .col {
        padding: 0 1.63636364%
    }

    .col_md_12 .col {
        padding: 0 1.5%
    }

    .col_md_1 .row {
        margin: 0 -18%
    }

    .col_md_2 .row {
        margin: 0 -9%
    }

    .col_md_3 .row {
        margin: 0 -6%
    }

    .col_md_4 .row {
        margin: 0 -4.5%
    }

    .col_md_5 .row {
        margin: 0 -3.6%
    }

    .col_md_6 .row {
        margin: 0 -3%
    }

    .col_md_7 .row {
        margin: 0 -2.57142857%
    }

    .col_md_8 .row {
        margin: 0 -2.25%
    }

    .col_md_9 .row {
        margin: 0 -2%
    }

    .col_md_10 .row {
        margin: 0 -1.8%
    }

    .col_md_11 .row {
        margin: 0 -1.63636364%
    }

    .col_md_12 .row {
        margin: 0 -1.5%
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    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;
    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: -.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;
    -webkit-box-shadow: none;
    box-shadow: none
}

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: .65;
    filter: alpha(opacity='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;
        filter: alpha(opacity=100)
    }

    .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
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity='65');
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .mfp-arrow:active {
        margin-top: -54px
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        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, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: .7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid #fff;
        margin-left: 31px
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid #fff;
        margin-left: 39px
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        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,.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.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,.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
}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    .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,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.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
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url("mCSB_buttons.png");
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.form--order {
    padding: 50px 0 0 0
}

    .form--order h1, .form--order h2, .form--order h3, .form--order h4, .form--order h5 {
        color: #a3bf2b
    }

    .form--order h1 {
        font-size: 37px;
        font-size: 3.7rem
    }

    .form--order h2 {
        font-size: 30px;
        font-size: 3rem
    }

    .form--order .user_summary {
        color: #006983;
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: -10px
    }

    .form--order h3 {
        font-size: 20px;
        font-size: 2rem;
        color: #005469
    }

@media(max-width:400px) {
    .form--order h3 {
        font-size: 15px
    }
}

.form--order .t-align-r {
    text-align: right
}

.form--order .t-align-l {
    text-align: left
}

.form--order .t-align-c {
    text-align: center
}

.form--order p.no-margin {
    margin: 0
}

.form--order .hidden {
    display: none
}

.form--order label {
    color: #006983;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold
}

.form--order .col {
    margin-bottom: 10px
}

.form--order .item {
    display: block;
    clear: both;
    margin-bottom: 20px
}

.form--order .accordeon .title {
    padding: 8px
}

.form--order .icon__sex--male {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url('../img/svg/icoon_man.svg') 0 0 no-repeat;
    background-size: auto 20px
}

.form--order .icon__sex--female {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url('../img/svg/icoon_vrouw.svg') 5px 0 no-repeat;
    background-size: auto 20px
}

.form--order input, .form--order textarea {
    border: 1px solid #cce1e6
}

.form--order .textarea {
    width: 100%;
    clear: both
}

    .form--order .textarea textarea {
        margin: 0 0 30px 0
    }

.form--order .form--order__introduction .btn {
    margin-top: 10px
}

.form--order .form--order__meta .btn {
    margin-top: 26px
}

.form--order .user_details, .form--order .user_meta {
    background: #005469;
    color: #fff;
    position: relative;
    height: 40px;
    padding: 8px;
    margin: 0;
    font-size: 15px
}

    .form--order .user_details svg #icoon_man, .form--order .user_details svg #icoon_vrouw {
        fill: #fff
    }

.form--order .disabled .user_details, .form--order .disabled .user_meta {
    background: #ebebeb;
    color: #858585
}

.form--order .disabled svg #icoon_man, .form--order .disabled svg #icoon_vrouw {
    fill: #858585
}

.form--order .disabled .user_meta .user_menu .user_options button {
    width: 40px;
    height: 40px;
    background: transparent url('../img/svg/icon-user-options-disabled.svg') -9px -29px no-repeat;
    background-size: 60px 60px
}

    .form--order .disabled .user_meta .user_menu .user_options button:hover {
        transition: all .3s ease-out
    }

    .form--order .disabled .user_meta .user_menu .user_options button.active {
        background-position: -9px 12px
    }

.form--order .disabled .user_meta .user_menu .user_accordeon button {
    width: 40px;
    height: 40px;
    background: transparent url('../img/svg/icon-accordion-arrow-disabled.svg') -9px -29px no-repeat;
    background-size: 60px 60px
}

    .form--order .disabled .user_meta .user_menu .user_accordeon button:hover {
        transition: all .3s ease-out
    }

    .form--order .disabled .user_meta .user_menu .user_accordeon button.active {
        background-position: -9px 12px
    }

.form--order .disabled .user_product {
    color: #858585 !important;
    border-color: #ebebeb !important
}

    .form--order .disabled .user_product input {
        border-color: #ebebeb !important
    }

    .form--order .disabled .user_product button.btn-remove {
        background: transparent url('../img/svg/icon-product-delete-disabled.svg') 0 0 no-repeat !important
    }

    .form--order .disabled .user_product .product-label {
        color: #858585 !important
    }

    .form--order .disabled .user_product .custom_order {
        background-color: transparent !important
    }

.form--order .disabled .user_menu .user_options .dropdown-mini {
    border-color: #ebebeb
}

.form--order .user_details .uuid {
    margin: 0 10px
}

@media(max-width:678px) {
    .form--order .user_details {
        font-size: 15px
    }

        .form--order .user_details .uuid {
            font-size: 12px
        }
}

@media(max-width:678px) {
    .form--order .user_meta {
        text-align: left;
        font-size: 11px
    }

        .form--order .user_meta .user_menu {
            text-align: left
        }

        .form--order .user_meta.t-align-r {
            text-align: right
        }
}

.form--order p.user_location, .form--order .user_menu, .form--order .user_accordeon, .form--order .user_options {
    display: inline-block
}

.form--order .user_location {
    position: relative;
    top: -6px;
    margin: 0 10px 0 0
}

    .form--order .user_location span {
        margin: 0 0 0 20px
    }

.form--order .user_menu {
    position: relative;
    top: -9px
}

    .form--order .user_menu .user_accordeon button {
        width: 40px;
        height: 40px;
        background: transparent url('../img/svg/icon-accordion-arrow.svg') 13px -29px no-repeat;
        border: 0;
        border-left: 1px solid #fff;
        outline: 0;
        text-indent: 100px;
        overflow: hidden;
        white-space: nowrap;
        transition: all .3s ease-out
    }

        .form--order .user_menu .user_accordeon button:hover {
            transition: all .3s ease-out
        }

        .form--order .user_menu .user_accordeon button.active {
            background-position: 13px 12px
        }

    .form--order .user_menu .user_options {
        position: relative
    }

        .form--order .user_menu .user_options button {
            width: 40px;
            height: 40px;
            background: transparent url('../img/svg/icon-user-options.svg') 10px -29px no-repeat;
            border: 0;
            border-left: 1px solid #fff;
            outline: 0;
            text-indent: 100px;
            overflow: hidden;
            white-space: nowrap;
            transition: all .3s ease-out
        }

            .form--order .user_menu .user_options button:hover {
                transition: all .3s ease-out
            }

            .form--order .user_menu .user_options button.active {
                background-position: 10px 12px
            }

        .form--order .user_menu .user_options .dropdown-mini {
            z-index: 10;
            width: 260px;
            position: absolute;
            background: #fff;
            right: -6px;
            border: 1px solid #005469;
            padding: 20px;
            text-align: left
        }

            .form--order .user_menu .user_options .dropdown-mini li {
                width: 100%;
                line-height: 40px
            }

                .form--order .user_menu .user_options .dropdown-mini li a {
                    color: #000;
                    font-size: 16px
                }

@media(max-width:678px) {
    .form--order .user_menu .user_options .dropdown-mini {
        width: 90vw;
        margin: 0;
        right: -52px;
        box-sizing: border-box
    }
}

.form--order .form_header_labels {
    padding-top: 10px;
    font-size: 12px;
    color: #858585;
    border-left: 1px solid #cce1e6;
    border-right: 1px solid #cce1e6;
    border-bottom: 1px solid #cce1e6;
    margin-bottom: 0
}

.form--order .remove-product-area {
    padding: 20px !important
}

.form--order .user_products .product-label {
    display: none
}

.form--order .user_products .disabled.user_product {
    color: #858585
}

    .form--order .user_products .disabled.user_product input {
        border-color: #ece9e3
    }

    .form--order .user_products .disabled.user_product button.btn-remove {
        background: transparent url('../img/svg/icon-product-delete-disabled.svg') 0 0 no-repeat
    }

.form--order .user_products .user_product {
    border-left: 1px solid #cce1e6;
    border-right: 1px solid #cce1e6;
    border-bottom: 1px solid #cce1e6;
    margin-bottom: 0;
    color: #006983
}

@media(max-width:900px) {
    .form--order .user_products .user_product .col_sm_5 {
        margin-top: 15px !important
    }
}

.form--order .user_products .user_product .product-label {
    font-size: 12px;
    color: #5c5c5c;
    margin-top: -10px;
    margin-bottom: 20px
}

.form--order .user_products .user_product:nth-child(1) .product-label {
    display: block
}

.form--order .user_products .user_product .col.default_order, .form--order .user_products .user_product .col.custom_order {
    margin: 0;
    padding: 10px
}

.form--order .user_products .user_product .col.col_sm_1.custom_order {
    background-color: #e5f0f2
}

.form--order .user_products .user_product.form_row:first-child .col.default_order, .form--order .user_products .user_product.form_row:first-child .col.custom_order {
    padding-top: 0
}

    .form--order .user_products .user_product.form_row:first-child .col.default_order .product-label, .form--order .user_products .user_product.form_row:first-child .col.custom_order .product-label {
        margin-bottom: 10px;
        margin-top: 8px
    }

.form--order .user_products .user_product .col {
    padding: 18px 10px 0 10px;
    margin: 0;
    min-width: 60px;
    display: table-cell;
    vertical-align: middle
}

@media(max-width:900px) {
    .form--order .user_products .user_product .col {
        padding: 5px 10px 0 10px
    }
}

.form--order .user_products .user_product .col:first-child {
    padding-left: 40px
}

.form--order .user_products .user_product .col input {
    width: 50px;
    text-align: right;
    position: relative;
    margin: 0 auto
}

.form--order .user_products .user_product .col .custom_order {
    background-color: #e6f0f3;
    margin-top: 20px
}

.form--order .user_products .user_product .col button {
    margin-left: -30px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/svg/icon-product-delete.svg') 0 0 no-repeat;
    border: 0;
    border-left: 1px solid #fff;
    outline: 0;
    text-indent: 100px;
    overflow: hidden;
    white-space: nowrap
}

.form--order .user_products .order_actions {
    padding-top: 20px;
    border-top: 1px solid #cce1e6
}

.form--order .user_products .delivery_date {
    clear: both;
    display: block;
    margin-bottom: 30px
}

@media(max-width:900px) {
    .form--order .t-align-r {
        text-align: left
    }

    .form--order .user_products .user_product .btn-remove {
        float: left;
        margin-top: 2px
    }

    .form--order .user_products .user_product .col:first-child .hidden {
        display: none
    }

    .form--order .user_products .user_product .col span {
        display: inline-block;
        float: left;
        width: 45%;
        margin: 8px 15px 0 0;
        clear: left
    }

    .form--order .user_products .user_product .col input[type="text"] {
        margin: 0;
        float: left
    }

    .form--order .user_products .user_product:nth-child(1) .product-label {
        display: inline-block;
        margin-right: 6px
    }
}

.form--order .add_user {
    padding-top: 8px;
    display: inline-block
}

    .form--order .add_user:before {
        content: "+";
        position: relative;
        margin: 0 5px 0 0
    }

    .form--order .add_user:hover:before {
        text-decoration: none !important
    }

.order_actions {
    border-top: 1px solid #cce1e6;
    margin-top: 20px;
    padding-top: 20px
}

.order_actions, .add_description {
    margin-top: 10px
}

    .order_actions .col, .add_description .col {
        padding: 0
    }

    .order_actions span, .add_description span {
        color: #006983;
        padding-top: 8px;
        display: block
    }

.white-popup h4 {
    margin-bottom: 20px
}

.white-popup p {
    margin-bottom: 20px
}

    .white-popup p strong {
        color: #006983
    }

.white-popup div.datepicker {
    max-width: 65%;
    margin-bottom: 30px
}

.white-popup div#ui-datepicker-div {
    top: auto !important;
    left: auto !important;
    right: auto !important
}

.product__flyover {
    position: fixed;
    height: 75px;
    width: 75px;
    z-index: 999
}

    .product__flyover div {
        text-align: center;
        color: #fff;
        font-weight: 700;
        line-height: 75px;
        font-size: 25px;
        transition: all 600ms;
        transition-delay: 400ms;
        background-image: url('../img/product_flyover.svg');
        background-size: cover;
        background-position: center
    }

    .product__flyover.animate_zoom div {
        transform: scale(.3);
        -moz-transform: scale(.3)
    }

.page h1:last-child, .page h2:last-child, .page h3:last-child, .page p:last-child, .page ol:last-child, .page ul:last-child, .page table:last-child {
    margin-bottom: 0
}

.error_message {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-family: 'Lato',sans-serif;
    color: #b42314
}

.ui-helper-hidden-accessible {
    display: none !important
}

.fa-user:before, .fa-search:before, .fa-shopping-cart {
    font-size: 20px;
    color: #a3bf2b
}

.user-white.fa-user:before, .cart-white.fa-shopping-cart {
    color: #fff
}

.fas.fa-user {
    float: left;
    line-height: 33px;
    height: 32px;
    margin-right: 10px;
    background: none
}

.fa-user + span {
    float: left;
    line-height: 32px
}

.fas.fa-search {
    line-height: 40px;
    padding: 0 10px
}

.fas.fa-shopping-cart {
    float: left;
    line-height: 30px;
    height: 32px;
    margin-right: 10px;
    background: none
}

.fa-arrow-up {
    font-size: 20px;
    color: #fff
}

.fas.fa-exclamation-circle {
    font-size: 29px;
    float: left;
    margin-right: 10px
}

.addtocart-btn span, .bottom-addtocart-btn span {
    float: left;
    line-height: 30px
}

.angle-left-align {
    font-size: 17px;
    display: inline-block;
    margin-top: 4px;
    float: left;
    padding-right: 7px
}

.fas.fa-angle-left.angle-left-align {
    color: #006983
}

.icon {
    display: inline-block;
    height: 24px;
    position: relative;
    vertical-align: top;
    width: 24px
}

    .icon.icon_close {
        background-position: -44px -144px
    }

    .icon.icon_cart_white {
        background-position: -47px -97px
    }

    .icon.icon_d_arr {
        background-position: 7px -190px
    }

    .icon.icon_d_arr_white {
        background-position: -43px -190px
    }

    .icon.icon_l_arr {
        background-image: none !important
    }

        .icon.icon_l_arr:before {
            content: "";
            font-family: "Font Awesome 5 Free";
            color: #33879c;
            font-size: 20px;
            font-weight: 900
        }

    .icon.icon_remove {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -icab-border-radius: 100%;
        border-radius: 100%;
        background-color: #d6d6d6;
        background-position: -43px -243px;
        height: 21px;
        width: 21px
    }

    .icon.icon_cart_blue {
        background-position: 4px -244px
    }

    .icon.icon_default {
        height: 32px;
        width: 32px
    }

    .icon.icon_facebook {
        background-position: -150px 0;
        height: 32px;
        width: 32px
    }

    .icon.icon_twitter {
        background-position: -200px 0;
        height: 32px;
        width: 32px
    }

    .icon.icon_linkedin {
        background-position: -250px 0;
        height: 32px;
        width: 32px
    }

    .icon.icon_l_arr_cyan {
        background-position: -92px -343px
    }

    .icon.icon_doc {
        background-position: -100px -250px
    }

    .icon.icon_info {
        width: 24px;
        height: 22px;
        background: none
    }

        .icon.icon_info:before {
            font-family: "Font Awesome 5 Free";
            content: "";
            font-size: 18px;
            color: #a3bf2b;
            font-weight: 900
        }

    .icon.icon_list {
        background-color: #33879c;
        background-position: -188px -388px;
        height: 40px;
        width: 40px
    }

    .icon.icon_grid {
        background-color: #33879c;
        background-position: -288px -388px;
        height: 40px;
        width: 40px
    }

    .icon.icon_l_arr_black {
        background-position: -296px -46px
    }

    .icon.icon_r_arr_black {
        background-position: -296px -96px
    }

    .icon.icon_d_arr_gray {
        background-position: -294px -144px
    }

    .icon.icon_t_arr_gray {
        background-position: -344px -144px
    }

    .icon.icon_usefull_yes {
        background-position: -300px -300px;
        height: 36px;
        width: 36px
    }

    .icon.icon_usefull_no {
        background-position: -300px -350px;
        height: 36px;
        width: 36px
    }

    .icon.icon_arr_down {
        background: none !important
    }

        .icon.icon_arr_down:before {
            font-family: "Font Awesome 5 Free";
            content: "";
            font-size: 19px;
            color: #006983;
            font-weight: 900
        }

        .icon.icon_arr_down:hover:before {
            color: #73c8d2
        }

    .icon.icon_arr_up {
        background: none !important
    }

        .icon.icon_arr_up:before {
            font-family: "Font Awesome 5 Free";
            content: "";
            font-size: 19px;
            color: #006983;
            font-weight: 900
        }

    .icon.icon_arr_down_white {
        background-position: -97px -147px
    }

    .icon.icon_arr_up_white {
        background-position: -397px -147px
    }

    .icon.icon_complete {
        float: left;
        margin-top: 8px;
        margin-left: 13px
    }

@media(min-width:768px) {
    .icon.icon_complete {
        float: left;
        margin-top: 8px;
        margin-left: 40px
    }
}

@media(min-width:1024px) {
    .icon.icon_complete {
        float: left;
        margin-top: 8px;
        margin-left: 40px
    }
}

.icon.icon_t_arr {
    background-position: -398px -147px;
    width: 19px;
    height: 20px
}

.icon.icon_close {
    background-position: -44px -144px
}

.icon.icon_service_message {
    background-position: -450px -400px;
    height: 26px;
    width: 26px
}

a:hover .icon_facebook {
    background-position: -150px -50px
}

a:hover .icon_twitter {
    background-position: -200px -50px
}

a:hover .icon_linkedin {
    background-position: -250px -50px
}

a:hover .icon_l_arr_cyan {
    background-position: -92px -393px
}

a:hover .icon_remove {
    background-color: #858585
}

a:hover .icon_info {
    background-position: -249px -149px
}

a:hover .icon_list {
    background-color: #006983
}

a:hover .icon_grid {
    background-color: #006983
}

a:hover .icon_arr_down {
    background-position: -347px -47px
}

a:hover .icon_arr_up {
    background-position: -397px -47px
}

a:hover .icon_usefull_yes {
    background-position: -400px -250px
}

a:hover .icon_usefull_no {
    background-position: -400px -350px
}

a:active .icon_facebook {
    background-position: -150px -100px
}

a:active .icon_twitter {
    background-position: -200px -100px
}

a:active .icon_linkedin {
    background-position: -250px -100px
}

a:active .icon_l_arr_cyan {
    background-position: -142px -343px
}

a:active .icon_remove {
    background-color: #5c5c5c
}

a:active .icon_list {
    background-color: #005469
}

a:active .icon_grid {
    background-color: #005469
}

a:active .icon_arr_down {
    background-position: -347px -97px
}

a:active .icon_arr_up {
    background-position: -397px -97px
}

a:active .icon_usefull_yes {
    background-position: -400px -300px
}

a:active .icon_usefull_no {
    background-position: -400px -400px
}

.active > .icon_list, .active:hover > .icon_list, .active:active > .icon_list {
    background-color: #cce1e6;
    background-position: -138px -388px;
    cursor: default
}

    .active > .icon_list:hover, .active:hover > .icon_list:hover, .active:active > .icon_list:hover, .active > .icon_list:active, .active:hover > .icon_list:active, .active:active > .icon_list:active {
        background-color: #cce1e6
    }

.active > .icon_grid, .active:hover > .icon_grid, .active:active > .icon_grid {
    background-color: #cce1e6;
    background-position: -238px -388px;
    cursor: default
}

.iconremove_undo {
    background: url('../img/bg/icon-undo.png') no-repeat 0 0;
    display: inline-block;
    height: 24px;
    position: relative;
    vertical-align: top;
    width: 24px;
    top: 10px;
    right: 10px
}

.icon_undo {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -icab-border-radius: 100%;
    border-radius: 100%;
    background-color: #ccc;
    background-position: 3px 5px;
    height: 21px;
    width: 21px
}

a:hover .icon_undo {
    background-color: #999
}

a:active .icon_undo {
    background-color: #666
}

.loader {
    background-image: url('../img/loader.gif');
    background-size: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    padding: 30px
}

#editMode .loader {
    background-image: url(../img/loader.gif);
    background-size: 39px;
    background-position: left center;
    background-repeat: no-repeat;
    width: 40px;
    height: 42px;
    padding: 10px;
    margin: 0
}

.btn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 8px 30px;
    text-align: center;
    text-transform: uppercase
}

    .btn:hover {
        text-decoration: none
    }

    .btn.cyan {
        background: #66a5b5;
        color: #fff;
        margin-top: 10px
    }

        .btn.cyan:hover {
            background: #33879c
        }

        .btn.cyan:active {
            background: #006983
        }

        .btn.cyan.disabled, .btn.cyan.disabled:hover, .btn.cyan.disabled:active {
            background: #66a5b5;
            cursor: default;
            opacity: .5
        }

        .btn.cyan.loading, .btn.cyan.loading:hover, .btn.cyan.loading:active {
            background-image: url('../img/loader-cyan.gif');
            background-size: 20px;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #66a5b5 !important;
            color: transparent !important;
            opacity: .5;
            cursor: default
        }

@media(min-width:768px) {
    .btn.cyan {
        background: #66a5b5;
        color: #fff;
        float: left;
        margin-top: 5px
    }

        .btn.cyan:hover {
            background: #33879c
        }

        .btn.cyan:active {
            background: #006983
        }

        .btn.cyan.disabled, .btn.cyan.disabled:hover, .btn.cyan.disabled:active {
            background: #66a5b5;
            cursor: default;
            opacity: .5
        }

        .btn.cyan.loading, .btn.cyan.loading:hover, .btn.cyan.loading:active {
            background-image: url('../img/loader-cyan.gif');
            background-size: 20px;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #66a5b5 !important;
            color: transparent !important;
            opacity: .5;
            cursor: default
        }

    .btn.green {
        background: #a3bf2b;
        color: #000;
        border: solid 1px #a3bf2b;
        font-weight: bold;
        border-radius: 2px
    }

        .btn.green:hover {
            background: #6c7e1c;
            color: #000;
            border: 1px solid #6c7e1c
        }

        .btn.green:active {
            background: #a3bf2b;
            color: #000;
            border: 1px solid #a3bf2b
        }

        .btn.green.disabled, .btn.green.disabled:hover, .btn.green.disabled:active {
            background: #cfc9b8;
            cursor: default;
            opacity: .5;
            color: #cfc9b8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        .btn.green.loading, .btn.green.loading:hover, .btn.green.loading:active {
            background-image: url('../img/loader-green.gif');
            background-size: 20px;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #a3bf2b !important;
            color: transparent !important;
            opacity: .5;
            cursor: default
        }
}

@media(min-width:1024px) {
    .btn.cyan {
        background: #66a5b5;
        color: #fff;
        float: left;
        margin-top: 5px
    }

        .btn.cyan:hover {
            background: #33879c
        }

        .btn.cyan:active {
            background: #006983
        }

        .btn.cyan.disabled, .btn.cyan.disabled:hover, .btn.cyan.disabled:active {
            background: #66a5b5;
            cursor: default;
            opacity: .5
        }

        .btn.cyan.loading, .btn.cyan.loading:hover, .btn.cyan.loading:active {
            background-image: url('../img/loader-cyan.gif');
            background-size: 20px;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #66a5b5 !important;
            color: transparent !important;
            opacity: .5;
            cursor: default
        }

    .btn.green {
        background: #a3bf2b;
        color: #000;
        margin-top: 5px;
        font-size: 14px;
        font-weight: bold;
        border: solid 1px #a3bf2b;
        border-radius: 2px
    }

        .btn.green:hover {
            background: #6c7e1c;
            color: #000 !important;
            border: 1px solid #6c7e1c
        }

        .btn.green:active {
            background: #a3bf2b;
            color: #000;
            border: 1px solid #a3bf2b
        }

        .btn.green.disabled, .btn.green.disabled:hover, .btn.green.disabled:active {
            background: #cfc9b8;
            cursor: default;
            opacity: .5;
            color: #cfc9b8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        .btn.green.loading, .btn.green.loading:hover, .btn.green.loading:active {
            background-image: url('../img/loader-green.gif');
            background-size: 20px;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #a3bf2b !important;
            color: transparent !important;
            opacity: .5;
            cursor: default
        }
}

.btn.blue {
    background: #99c3cd;
    color: #006983
}

    .btn.blue:hover {
        background: #66a5b5;
        color: #fff
    }

    .btn.blue:active {
        background: #33879c;
        color: #fff
    }

    .btn.blue.disabled, .btn.blue.disabled:hover, .btn.blue.disabled:active {
        background: #99c3cd;
        color: #006983;
        cursor: default;
        opacity: .5
    }

    .btn.blue.loading, .btn.blue.loading:hover, .btn.blue.loading:active {
        background-image: url('../img/loader-blue.gif');
        background-size: 20px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #99c3cd !important;
        color: transparent !important;
        opacity: .5;
        cursor: default
    }

.btn.orange {
    background-color: #dd752d;
    border: solid 1px #dd752d;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

    .btn.orange:hover {
        background: #ff7800;
        color: #fff;
        border: 1px solid #dd752d;
        text-decoration: none
    }

    .btn.orange:active {
        background: #dd752d;
        color: #fff;
        border: 1px solid #dd752d
    }

    .btn.orange.disabled, .btn.orange.disabled:hover, .btn.orange.disabled:active {
        background: #cfc9b8;
        color: #faf9f8;
        border: 1px solid #cfc9b8
    }

    .btn.orange.loading, .btn.orange.loading:hover, .btn.orange.loading:active {
        background-image: url('../img/loader-orange.gif');
        background-size: 20px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #ff7800 !important;
        color: transparent !important;
        opacity: .5;
        cursor: default
    }

.btn.green {
    background: #a3bf2b;
    color: #000 !important;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
    border: solid 1px #a3bf2b;
    border-radius: 2px
}

    .btn.green:hover {
        background: #6c7e1c;
        color: #000;
        border: 1px solid #6c7e1c
    }

    .btn.green:active {
        background: #a3bf2b;
        color: #000;
        border: 1px solid #a3bf2b
    }

    .btn.green.disabled, .btn.green.disabled:hover, .btn.green.disabled:active {
        background: #cfc9b8;
        cursor: default;
        opacity: .5;
        color: #cfc9b8;
        border: 1px solid #cfc9b8;
        font-weight: bold
    }

    .btn.green.loading, .btn.green.loading:hover, .btn.green.loading:active {
        background-image: url('../img/loader-green.gif');
        background-size: 20px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #a3bf2b !important;
        color: transparent !important;
        opacity: .5;
        cursor: default
    }

.btn.deep_blue {
    background: #006983;
    color: #fff
}

    .btn.deep_blue:hover {
        background: #005469
    }

    .btn.deep_blue:active {
        background: #003f4f
    }

    .btn.deep_blue.disabled, .btn.deep_blue.disabled:hover, .btn.deep_blue.disabled:active {
        background: #006983;
        cursor: default;
        opacity: .5
    }

    .btn.deep_blue.loading, .btn.deep_blue.loading:hover, .btn.deep_blue.loading:active {
        background-image: url('../img/loader-deep_blue.gif');
        background-size: 20px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #006983 !important;
        color: transparent !important;
        cursor: default;
        opacity: .5
    }

input[type='submit'] {
    background: #a3bf2b;
    border: none;
    color: #fff;
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    padding: 0 27px;
    text-transform: uppercase
}

    input[type='submit']:hover {
        background: #829922
    }

    input[type='submit']:active {
        background: #62731a
    }

.remove {
    display: inline-block;
    height: 21px;
    vertical-align: top;
    width: 21px
}

.undo {
    display: inline-block;
    height: 21px;
    vertical-align: top;
    width: 21px
}

.to_top {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -icab-border-radius: 100%;
    border-radius: 100%;
    background: #33879c;
    bottom: 5px;
    display: none;
    height: 50px;
    position: fixed;
    padding: 16px;
    right: 10px;
    width: 50px;
    z-index: 100
}

    .to_top:hover {
        background: #006983
    }

    .to_top:active {
        background: #005469
    }

.underline {
    text-decoration: underline
}

.link_orange {
    color: #ff7800
}

    .link_orange:hover {
        color: #ff7800
    }

    .link_orange:active {
        color: #cc6000
    }

.link_gray {
    color: #5c5c5c
}

    .link_gray:hover {
        color: #73c8d2
    }

    .link_gray:active {
        color: #5ca0a8
    }

.link_light_gray {
    color: #858585
}

    .link_light_gray:hover {
        color: #73c8d2
    }

    .link_light_gray:active {
        color: #5ca0a8
    }

.date {
    color: #858585;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem
}

.blue_box {
    color: #5c5c5c;
    padding: 0 15px 40px 15px
}

@media(min-width:768px) {
    .blue_box {
        color: #5c5c5c;
        padding: 0 30px 40px 10px
    }
}

@media(min-width:1024px) {
    .blue_box {
        color: #5c5c5c;
        padding: 0 30px 40px 10px
    }
}

.row_view {
    width: 100%
}

.hint {
    position: absolute
}

    .hint .hint_text {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #ebebeb;
        bottom: 100%;
        color: #858585;
        display: none;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 22px;
        line-height: 2.2rem;
        right: 50%;
        margin: 0 -60px 32px 0;
        padding: 15px 20px;
        position: absolute;
        width: 260px;
        z-index: 1000
    }

        .hint .hint_text:before, .hint .hint_text:after {
            content: '';
            display: block;
            right: 20px;
            position: absolute;
            top: 100%
        }

        .hint .hint_text:before {
            border: 11px solid transparent;
            border-top-color: #ebebeb;
            margin-right: -11px
        }

        .hint .hint_text:after {
            border: 9px solid transparent;
            border-top-color: #fff;
            margin-right: -9px
        }

    .hint[data-trigger='hover']:hover .hint_text {
        display: block
    }

    .hint[data-trigger='focus']:focus .hint_text {
        display: block
    }

@media(min-width:768px) {
    .hint .hint_text {
        margin: 0 -50px 16px 0
    }

        .hint .hint_text:before, .hint .hint_text:after {
            right: 50%
        }
}

@media(min-width:1024px) {
    .hint {
        position: absolute
    }

        .hint .hint_text {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: #fff;
            border: 1px solid #ebebeb;
            bottom: 100%;
            color: #858585;
            display: none;
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 22px;
            line-height: 2.2rem;
            right: 50%;
            margin: 0 -20px 19px 0;
            padding: 15px 20px;
            position: absolute;
            width: 260px;
            z-index: 1000
        }

            .hint .hint_text:before, .hint .hint_text:after {
                content: '';
                display: block;
                right: 20px;
                position: absolute;
                top: 100%
            }

            .hint .hint_text:before {
                border: 11px solid transparent;
                border-top-color: #ebebeb;
                margin-right: -11px
            }

            .hint .hint_text:after {
                border: 9px solid transparent;
                border-top-color: #fff;
                margin-right: -9px
            }

        .hint[data-trigger='hover']:hover .hint_text {
            display: block
        }

        .hint[data-trigger='focus']:focus .hint_text {
            display: block
        }
}

@media(min-width:1024px) and (min-width:768px) {
    .hint .hint_text {
        margin: 0 -50px 16px 0
    }

        .hint .hint_text:before, .hint .hint_text:after {
            right: 50%
        }
}

@media(min-width:768px) {
    .grid-view-block .for_reimbursed .hint_text {
        margin: 0 -150px 32px 0
    }
}

@media(min-width:768px) {
    .grid-view-block .for_notreimbursed .hint_text {
        margin: 0 -150px 32px 0
    }
}

@media(min-width:768px) {
    .small .hint_text {
        margin: 0 -138px 25px 0
    }
}

.form label {
    display: block;
    margin-bottom: 3px
}

.form .form_row {
    display: block;
    margin-bottom: 14px
}

    .form .form_row:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
        line-height: 0
    }

    .form .form_row:last-child {
        margin-bottom: 0
    }

.form .hint {
    display: block;
    float: right;
    margin-left: 350px
}

@media(max-width:767px) {
    .form .hint {
        margin-left: 317px
    }

        .form .hint .hint_text {
            right: 54px;
            margin: 0 -60px 10px 0
        }
}

.form .label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 20px;
    line-height: 2rem;
    margin-bottom: 10px;
    padding: 1px 40px 1px 0
}

    .form .label .hint {
        margin: -2px -38px 0 0
    }

.form .sub_field {
    display: inline-block;
    margin-left: 34px;
    vertical-align: top
}

    .form .sub_field:first-child {
        margin-left: 0
    }

    .form .sub_field label {
        font-weight: 400;
        line-height: 19px
    }

.form .date_select .select_wrapper {
    margin-bottom: 10px
}

    .form .date_select .select_wrapper:last-child {
        margin-bottom: 0
    }

@media(min-width:768px) {
    .form .date_select {
        font-size: 0
    }

        .form .date_select .select_wrapper {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            margin: 0;
            vertical-align: top
        }

            .form .date_select .select_wrapper .select {
                margin-left: 9px
            }

            .form .date_select .select_wrapper:first-child .select {
                margin-left: 0
            }

        .form .date_select .day {
            width: 26%
        }

        .form .date_select .month {
            width: 41%
        }

        .form .date_select .year {
            width: 33%
        }
}

.password {
    position: relative
}

    .password input {
        padding-right: 32px
    }

    .password:before {
        background-color: #fff;
        bottom: 1px;
        content: '';
        display: block;
        position: absolute;
        right: 1px;
        top: 1px;
        width: 32px
    }

    .password:after {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -icab-border-radius: 100%;
        border-radius: 100%;
        content: '';
        display: block;
        height: 10px;
        right: 8px;
        position: absolute;
        top: 15px;
        width: 10px
    }

    .password.invalid:after {
        background: #b42314
    }

    .password.valid:after {
        background: #a3bf2b
    }

@media(min-width:768px) {
    .field_xl {
        max-width: 376px
    }

    .field_md {
        max-width: 175px
    }
}

.header_usp {
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    height: 22px;
    text-align: right
}

@media screen and (min-width:290px) {
    .header_usp {
        background: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        height: 34px;
        text-align: center
    }

        .header_usp .header_usp_container p {
            padding-top: 15px;
            font-family: 'Lato',sans-serif;
            color: #4a4a4a;
            font-size: 14px
        }
}

@media screen and (min-width:768px) {
    .header_usp {
        background: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        height: 22px;
        text-align: center !important
    }

        .header_usp .header_usp_container p {
            padding-top: 3px;
            font-family: 'Lato',sans-serif;
            color: #4a4a4a;
            font-size: 14px
        }
}

@media screen and (min-width:1024px) {
    .usp-bar .col_md_8 {
        width: 65.666667%
    }

    .header_usp {
        background: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        height: 24px;
        text-align: right !important
    }

        .header_usp .header_usp_container p {
            padding-top: 4px;
            font-family: 'Lato',sans-serif;
            color: #4a4a4a;
            font-size: 14px
        }
}

@media(min-width:1024px) {
    .header_wrapper .col_md_5 {
        width: 32%
    }

    .header_wrapper .col_md_4 {
        width: 35%;
        float: right
    }

    .header_wrapper .col_md_3 {
        width: 35%
    }

    .header_wrapper .col {
        padding: 0 1.35%
    }
}

.header {
    background: #fff;
    font-size: 0;
    position: relative;
    z-index: 60;
    margin-top: 1px
}

@media all and (min-width:1024px) {
    .header {
        position: fixed;
        width: 100%
    }
}

.header.sticky {
    left: 0;
    position: fixed;
    right: 0;
    top: -76px;
    z-index: 9999
}

    .header.sticky .logo_small {
        padding: 8px 0 5px 0;
        float: left
    }

        .header.sticky .logo_small a {
            display: block
        }

        .header.sticky .logo_small img {
            height: auto;
            max-height: 35px;
            width: auto
        }

    .header.sticky .nav_box {
        position: relative;
        z-index: 130
    }

        .header.sticky .nav_box .main_menu {
            display: none
        }

            .header.sticky .nav_box .main_menu + .row {
                display: block
            }

        .header.sticky .nav_box .links, .header.sticky .nav_box .buttons {
            color: #fff;
            padding: 6px 0;
            display: inline-flex
        }

            .header.sticky .nav_box .links li:before {
                color: #32879e
            }

            .header.sticky .nav_box .buttons a {
                color: #fff
            }

        .header.sticky .nav_box .cart a {
            color: #006983
        }

            .header.sticky .nav_box .cart a.btn {
                color: #fff
            }

        .header.sticky .nav_box .user_menu a {
            color: #5c5c5c
        }

        .header.sticky .nav_box .user_menu .button a {
            color: #006983
        }

    .header.sticky .fw_subs_wrapper {
        display: block !important
    }

.header .notification {
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px
}

.header ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.header li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem
}

.header .col {
    margin-bottom: 0
}

.header .logo img {
    margin: 0 auto;
    max-height: 40px
}

.header .logo_small a {
    display: none
}

.header .links, .header .buttons {
    color: #fff;
    float: right;
    font-weight: 700
}

    .header .links li:before {
        content: '|';
        display: none;
        vertical-align: top;
        padding: 0 10px
    }

    .header .links li:first-child:before {
        display: none
    }

    .header .links a {
        color: #fff
    }

        .header .links a:hover {
            text-decoration: none
        }

        .header .links a.active {
            text-decoration: none;
            cursor: default
        }

    .header .buttons li > a {
        color: #fff;
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
        margin-left: 0;
        font-family: 'Lato',sans-serif
    }

@media(min-width:768px) {
    .header .buttons li > a {
        color: #006983;
        display: inline-block;
        font-size: 14px !important;
        vertical-align: top;
        margin-left: 0;
        font-family: 'Lato',sans-serif !important
    }

    .header .buttons li > .user_menu_link {
        margin-right: 10px
    }
}

.header .buttons .icon {
    margin-right: 5px
}

.header .buttons .count {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -icab-border-radius: 100%;
    border-radius: 100%;
    background: #006983;
    color: #fff;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-family: 'Lato',sans-serif;
    font-style: normal;
    text-align: center;
    min-width: 13px;
    padding: 0 3px;
    height: 19px
}

.header .buttons .active {
    position: relative;
    z-index: 110
}

.header .buttons .replaced_wrapper {
    margin-top: -7px;
    margin-left: 40px
}

@media screen and (min-width:290px) {
    .header .buttons .replaced_wrapper {
        display: none
    }
}

@media screen and (min-width:768px) {
    .header .buttons .replaced_wrapper {
        display: block
    }
}

.header .cart a {
    color: #006983;
    font-size: 14px;
    font-size: 1.4rem
}

.header .user_menu_link .icon_user, .header .user_menu_link .icon_user_white {
    margin: 0 8px 0 -4px
}

    .header .user_menu_link .icon_user .count, .header .user_menu_link .icon_user_white .count {
        left: 13px
    }

.header .user_menu_link.active .icon_user:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    top: 57%;
    display: block;
    height: 6px;
    left: 50%;
    margin: 5px 0 0 -6px;
    position: absolute;
    width: 12px;
    font-weight: 900
}

.header .user_menu_link.active .icon_user_white:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    top: 55%;
    display: block;
    height: 6px;
    left: 50%;
    margin: 5px 0 0 -6px;
    position: absolute;
    width: 12px;
    font-weight: 900
}

.header .cart_link.active .fa-shopping-cart:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    color: #e6f4f7;
    font-size: 15px;
    top: 50%;
    display: block;
    height: 6px;
    left: 60%;
    margin: 6px 0 0 -6px;
    position: absolute;
    width: 12px;
    font-weight: 900
}

.header .user_menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #99c3cd;
    display: none;
    left: 5%;
    right: 5%;
    position: absolute;
    top: 100%;
    z-index: 100
}

    .header .user_menu ul {
        list-style: none;
        padding: 10px 0 16px
    }

        .header .user_menu ul li {
            display: block;
            padding: 0
        }

            .header .user_menu ul li a {
                color: #5c5c5c;
                font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
                font-size: 14px;
                font-size: 1.4rem;
                font-weight: normal
            }

    .header .user_menu a {
        display: block;
        color: #5c5c5c;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal;
        padding: 12px 22px 10px 18px
    }

    .header .user_menu .count {
        float: right
    }

    .header .user_menu .button {
        border-top: 1px solid #99c3cd;
        text-align: center
    }

        .header .user_menu .button a {
            color: #006983;
            font-family: 'Lato',sans-serif;
            padding: 13px 0;
            text-transform: uppercase
        }

.header .cart {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #99c3cd;
    display: none;
    left: 5%;
    right: 5%;
    position: absolute;
    top: 100%;
    z-index: 100
}

    .header .cart .subtotal {
        font-weight: 700;
        display: inline
    }

    .header .cart .btn {
        display: block;
        color: #fff
    }

.header .icon .count {
    position: absolute;
    left: 14px
}

.header .icon.icon_cart, .header .icon.icon_cart_white {
    margin-right: 8px
}

.header .icon.icon_d_arr {
    background-position: 0 -190px;
    margin-right: 3px;
    margin-left: 0;
    width: 10px;
    display: none
}

.header .icon.icon_d_arr_white {
    background-position: -48px -190px;
    margin-right: 3px;
    margin-left: 0;
    width: 12px;
    display: none
}

.header .dropdown a {
    margin-left: 0
}

@media(min-width:290px) {
    .header .buttons li {
        position: relative
    }

    .header .cart {
        left: auto;
        margin: 7px 0 0;
        right: 0;
        width: 312px;
        height: auto;
        max-height: 400px;
        overflow-y: auto
    }

    .header .user_menu {
        left: auto;
        margin: 9px 0 0;
        right: 0;
        width: 265px
    }
}

@media(min-width:768px) {
    .header .buttons li > a {
        font-size: 14px !important;
        font-size: 1.4rem !important
    }

    .header .cart {
        height: 500px;
        width: 412px;
        height: auto;
        max-height: 450px;
        overflow-y: auto
    }
}

@media(min-width:1024px) {
    .header .logo img {
        height: auto;
        margin: 0;
        max-height: 50px
    }

    .header .links {
        padding-top: 4px;
        display: inline-block
    }

    .header .buttons {
        padding-top: 0
    }

        .header .buttons .login_component {
            display: inline-block;
            width: 138px;
            height: 35px;
            background-color: #fff;
            border: solid 1px #a8cb17;
            margin-left: 130px;
            line-height: 35px;
            box-sizing: border-box
        }

        .header .buttons .user_menu_link {
            margin-top: 2px;
            padding-right: 12px;
            margin-right: 0 !important
        }

            .header .buttons .user_menu_link .login-user-name {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                width: 130px;
                display: inline-block
            }

        .header .buttons .cart_link {
            margin-top: 8px
        }

        .header .buttons .zsn_user_menu_link {
            margin-top: 5px;
            margin-left: 160px !important
        }

    .header .links li:before {
        color: #858585
    }

    .header .links a {
        color: #006983;
        font-family: 'Lato',sans-serif;
        font-size: 14px;
        padding-left: 15px;
        color: #046175
    }

        .header .links a.active {
            color: #5c5c5c
        }

    .header .buttons li > a {
        color: #046175
    }

    .header .dropdown a {
        margin-left: 0
    }

    .header .cart a {
        color: #006983
    }

    .header.sticky {
        top: -90px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .header .cart_link.active .icon_cart_white:after, .header .cart_link.active .icon_cart:after, .header .user_menu_link.active .icon_user_white:after, .header .user_menu_link.active .icon_user:after {
        background: none !important
    }
}

.cart {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #e6f0f3;
    color: #006983;
    font-weight: 400;
    padding: 11px
}

    .cart a {
        color: #006983;
        font-size: 14px;
        font-size: 1.4rem
    }

    .cart .remove, .cart .price {
        float: right
    }

    .cart .price {
        color: #a3bf2b;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 700
    }

    .cart .remove {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -icab-border-radius: 100%;
        border-radius: 100%;
        margin: 0 -2px 0 15px;
        height: 21px;
        width: 21px
    }

        .cart .remove .icon {
            height: inherit;
            width: inherit
        }

    .cart .icon_close {
        margin: 0
    }

    .cart .title, .cart .subtotal {
        overflow: hidden
    }

    .cart .title {
        font-family: 'Lato',sans-serif;
        font-weight: 700;
        line-height: 20px;
        line-height: 2rem;
        margin-bottom: 2px
    }

    .cart .subtotal {
        font-size: 16px;
        font-size: 1.6rem
    }

    .cart .item {
        background: #fff;
        color: #003f4f;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 7px 9px 2px 9px
    }

        .cart .item:first-child {
            margin-top: 0
        }

    .cart .cart_header {
        font-family: 'Lato',sans-serif;
        font-size: 16px;
        font-size: 1.6rem
    }

        .cart .cart_header p {
            margin: 0
        }

    .cart .cart_footer {
        padding: 8px 10px 8px 10px;
        height: 102px
    }

    .cart .button {
        padding: 8px 0 8px 0
    }

    .cart .btn {
        display: block;
        color: #fff
    }

    .cart .link {
        text-align: center
    }

        .cart .link a {
            display: inline-block;
            border-bottom: 1px solid #9b9b9b;
            font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
            font-size: 16px;
            text-align: left;
            color: #006983
        }

            .cart .link a:hover {
                border-bottom-color: transparent;
                text-decoration: none
            }

        .cart .link .icon {
            margin-left: -5px
        }

    .cart .empty_message {
        font-family: 'Lato',sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 700;
        padding: 24px 10px;
        text-align: center
    }

.sitemap h1 {
    color: #a3bf2b;
    margin-bottom: 28px
}

.sitemap ul {
    margin: 20px 0 25px;
    padding-left: 28px;
    position: relative
}

    .sitemap ul:before {
        border-left: 1px solid #adadad;
        bottom: 17px;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        top: 15px
    }

    .sitemap ul li {
        padding: 8px 0 9px
    }

    .sitemap ul ul:last-child {
        margin: 8px 0 -9px
    }

        .sitemap ul ul:last-child:before {
            bottom: 16px;
            top: 18px
        }

    .sitemap ul a {
        color: #5c5c5c
    }

.header_checkout .logo {
    padding-top: 40px
}

    .header_checkout .logo img {
        height: auto;
        margin: 0 auto;
        max-height: 40px
    }

.header_checkout .col {
    margin-bottom: 0
}

@media(min-width:1024px) {
    .header_checkout .logo img {
        height: auto;
        margin: 0;
        max-height: 50px
    }
}

.nav_box {
    background: #33879c
}

    .nav_box .menu_switcher {
        display: block;
        height: 24px;
        margin: 13px 0;
        position: relative;
        width: 30px
    }

        .nav_box .menu_switcher:before, .nav_box .menu_switcher:after, .nav_box .menu_switcher span {
            content: '';
            display: block;
            left: 0;
            position: absolute;
            height: 2px;
            width: 100%;
            background: #fff
        }

        .nav_box .menu_switcher:before {
            top: 0
        }

        .nav_box .menu_switcher:after {
            bottom: 0
        }

        .nav_box .menu_switcher span {
            top: 7px;
            transition: all .2s linear
        }

            .nav_box .menu_switcher span + span {
                top: 15px
            }

        .nav_box .menu_switcher.open i {
            display: block;
            border: 10px solid transparent;
            border-top-color: #33879c;
            left: 50%;
            margin: 12px 0 0 -10px;
            position: absolute;
            top: 100%;
            z-index: 100
        }

        .nav_box .menu_switcher.open:after, .nav_box .menu_switcher.open:before, .nav_box .menu_switcher.open span {
            display: none
        }

        .nav_box .menu_switcher.open .fa-times {
            position: absolute;
            color: #fff;
            font-size: 33px;
            margin: 0;
            top: 0;
            left: 5px;
            border: 0
        }

    .nav_box .markers {
        height: 0;
        overflow: hidden
    }

        .nav_box .markers span {
            font-size: 1px
        }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .nav_box.open {
        background-image: url('../img/bg/sprite@2x.png');
        background-size: 500px 450px
    }
}

.main_menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #eff6f7;
    bottom: 0;
    font-weight: 700;
    left: -320px;
    position: fixed;
    padding: 0 5% 0 5%;
    top: 0;
    width: 100%
}

@media screen and (min-width:290px) {
    .main_menu .links_wrapper .links li a {
        margin-right: 30px
    }
}

@media screen and (min-width:1024px) {
    .main_menu {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #eff6f7;
        bottom: 0;
        font-weight: 700;
        left: -320px;
        position: fixed;
        padding: 0 5% 0 5%;
        top: 0;
        width: 100%
    }
}

.main_menu .container {
    width: 90%
}

.main_menu ul:first-child {
    padding-top: 20px
}

.main_menu li {
    display: block
}

    .main_menu li.fw_subs {
        padding-right: 20px
    }

        .main_menu li.fw_subs > a {
            padding-right: 39px;
            min-width: 160px
        }

            .main_menu li.fw_subs > a:after {
                font-family: "Font Awesome 5 Free";
                content: "";
                float: right;
                padding-left: 15px;
                background-image: none !important;
                font-weight: 900
            }

            .main_menu li.fw_subs > a.open:after {
                font-family: "Font Awesome 5 Free";
                content: "";
                float: right;
                padding-left: 15px;
                background-image: none !important;
                font-weight: 900
            }

        .main_menu li.fw_subs.nochilds > a:after {
            background-image: none
        }

        .main_menu li.fw_subs > .open:after {
            background-position: -98px -395px
        }

    .main_menu li.language_switch {
        width: 113px;
        margin-top: 10px
    }

@media(min-width:1024px) {
    .main_menu li.language_switch {
        display: none !important;
        margin-top: 0
    }
}

.main_menu li > a {
    color: #32879e;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Lato',sans-serif;
    padding: 5px 10px 5px 0;
    position: relative;
    letter-spacing: .01em;
    font-weight: normal
}

@media screen and (min-width:768px) {
    .main_menu li > a > a {
        color: #32879e;
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        font-family: 'Lato',sans-serif;
        padding: 10px 10px 10px 0;
        position: relative;
        letter-spacing: .01em;
        font-weight: normal
    }
}

@media screen and (min-width:1024px) {
    .main_menu li > a > a {
        color: #fff;
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        font-family: 'Lato',sans-serif;
        padding: 10px 10px 10px 0;
        position: relative;
        letter-spacing: .01em;
        font-weight: normal
    }
}

.main_menu li > a.open, .main_menu li > a.active {
    color: #32879e
}

.main_menu .fw_subs_wrapper {
    background: #eff6f7;
    bottom: 0;
    font-size: 0;
    left: 100%;
    overflow: auto;
    position: absolute;
    padding-top: 20px;
    top: 0;
    width: 0;
    z-index: 10
}

    .main_menu .fw_subs_wrapper li {
        display: block;
        width: auto
    }

    .main_menu .fw_subs_wrapper a {
        white-space: nowrap;
        color: #33879c;
        padding: 10px 10px 10px 0;
        font-weight: normal
    }

    .main_menu .fw_subs_wrapper.animate {
        z-index: 10
    }

.main_menu .back {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px
}

    .main_menu .back .icon {
        margin-left: -7px
    }

.main_menu .links {
    float: none;
    font-size: 0;
    padding: 0
}

    .main_menu .links:first-child {
        padding: 0
    }

    .main_menu .links li {
        display: inline-block;
        margin: 0;
        padding-right: 0;
        vertical-align: top;
        color: #046175
    }

    .main_menu .links a {
        display: inline-block;
        margin: 0;
        padding-right: 0;
        vertical-align: top;
        color: #046175;
        font-weight: 600;
        font-size: 15px
    }

    .main_menu .links li:before {
        padding-top: 7px
    }

.main_menu .teaser {
    background: rgba(255,255,255,.4);
    display: block;
    margin: 30px auto 0;
    max-width: 195px;
    padding: 0;
    white-space: normal
}

    .main_menu .teaser:last-child {
        margin-bottom: 30px
    }

    .main_menu .teaser img {
        margin: 10px auto
    }

    .main_menu .teaser .image {
        background: rgba(255,255,255,.3);
        display: block;
        height: 110px
    }

    .main_menu .teaser .text {
        display: block;
        padding: 20px;
        white-space: normal
    }

    .main_menu .teaser:hover {
        background: #fff;
        color: #33879c;
        text-decoration: none
    }

@media(min-width:290px) {
    .main_menu .links_wrapper {
        display: block;
        color: #046175;
        font-weight: 600;
        margin-top: 30px
    }
}

@media(min-width:768px) {
    .main_menu {
        width: auto
    }

        .main_menu:after {
            content: '';
            display: block;
            position: absolute;
            left: 100%;
            width: 10px;
            background: rgba(0,0,0,.2);
            top: 0;
            bottom: 0
        }

        .main_menu .links_wrapper .links li a {
            margin-right: 30px
        }

        .main_menu ul:first-child {
            padding-top: 40px
        }

        .main_menu.open {
            border-right: 1px solid #66a5b5
        }

            .main_menu .open + .fw_subs_wrapper:after {
                display: block
            }

        .main_menu .fw_subs_wrapper {
            border-left: 1px solid #d6d6d6;
            overflow: visible;
            padding-top: 0
        }

            .main_menu .fw_subs_wrapper:after {
                background: rgba(0,0,0,.2);
                bottom: 0;
                content: '';
                display: block;
                left: 100%;
                position: absolute;
                top: 0;
                width: 10px;
                display: none
            }

            .main_menu .fw_subs_wrapper .container {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                height: 100%;
                overflow: hidden;
                padding-top: 20px;
                width: 100%
            }

            .main_menu .fw_subs_wrapper li {
                padding-left: 30px
            }

        .main_menu.static .links_wrapper {
            display: block
        }

        .main_menu .links_wrapper {
            display: block;
            color: #046175;
            font-weight: 600;
            margin-top: 30px
        }

        .main_menu .teaser {
            margin-bottom: 30px;
            margin-top: 0
        }
}

@media(min-width:1024px) {
    .main_menu.static .links_wrapper {
        display: none
    }

    .main_menu .links_wrapper {
        display: block;
        color: #046175;
        font-weight: 600;
        margin-top: 30px
    }

    .main_menu:after {
        display: none
    }

    .main_menu.static {
        background: none;
        border-right: none;
        font-weight: 400;
        padding: 0;
        position: static;
        margin-left: -10px;
        max-width: none;
        margin-top: 1px
    }

        .main_menu.static ul:first-child {
            padding-top: 0
        }

        .main_menu.static li {
            display: inline-block;
            width: 20%
        }

            .main_menu.static li.fw_subs {
                padding-right: 0;
                margin-bottom: 0
            }

                .main_menu.static li.fw_subs > a {
                    min-width: 1px;
                    color: #fff;
                    padding: 13px 5px
                }

                    .main_menu.static li.fw_subs > a:active {
                        color: #4a4a4a
                    }

                    .main_menu.static li.fw_subs > a .active {
                        color: #4a4a4a
                    }

                    .main_menu.static li.fw_subs > a:after, .main_menu.static li.fw_subs > .open:after {
                        height: 0;
                        width: 0;
                        font-size: 0
                    }

        .main_menu.static a {
            display: inline-block;
            padding-left: 13px
        }

            .main_menu.static a.open {
                color: #4a4a4a !important;
                position: relative;
                z-index: 10;
                background-color: #eff6f7;
                margin-top: 6px
            }

                .main_menu.static a.open:after {
                    opacity: .5
                }

                .main_menu.static a.open:before {
                    content: '';
                    display: block;
                    border: 10px solid transparent;
                    border-top-color: #33879c;
                    left: 50%;
                    margin: 0 0 0 -10px;
                    position: absolute;
                    top: 100%;
                    opacity: 1
                }

        .main_menu.static .fw_subs_wrapper {
            border-left: none;
            bottom: auto;
            display: none;
            font-weight: 700;
            height: auto;
            left: 0;
            margin: 0;
            padding-bottom: 20px;
            top: 100%;
            width: 100% !important
        }

            .main_menu.static .fw_subs_wrapper:after {
                bottom: auto;
                height: 10px;
                left: 0;
                right: 0;
                top: 100%;
                width: auto
            }

            .main_menu.static .fw_subs_wrapper .container {
                overflow: hidden;
                width: 90%
            }

            .main_menu.static .fw_subs_wrapper ul {
                display: inline-block;
                vertical-align: top;
                width: 25%
            }

            .main_menu.static .fw_subs_wrapper div + ul {
                margin-left: -10px
            }

            .main_menu.static .fw_subs_wrapper li {
                padding-left: 0;
                width: 100%
            }

            .main_menu.static .fw_subs_wrapper ul:first-child {
                margin-left: -10px
            }

        .main_menu.static .open + .fw_subs_wrapper {
            border-right: none
        }

        .main_menu.static .teasers {
            margin: 0 -1.25%
        }

        .main_menu.static .teaser {
            color: #33879c;
            display: block;
            float: left;
            margin: 0 1.25% 20px;
            max-width: none;
            padding: 0;
            width: 47.5%
        }

            .main_menu.static .teaser img {
                max-width: 115px
            }

            .main_menu.static .teaser .image {
                float: left;
                height: 80px;
                width: 140px
            }

            .main_menu.static .teaser .text {
                overflow: hidden;
                padding: 15px
            }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .main_menu li.fw_subs > a:after {
        background-image: url('../img/bg/sprite@2x.png');
        background-size: 500px 450px
    }
}

.form_login {
    background: #73c8d2;
    display: none;
    left: 0;
    right: 0;
    padding: 14px 0 15px;
    position: absolute;
    top: 100%
}

    .form_login.open {
        display: block
    }

    .form_login a {
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff
    }

    .form_login input {
        border-color: #67b4bd;
        font-size: 14px
    }

    .form_login .form_box {
        display: block;
        position: relative;
        padding-right: 40px
    }

        .form_login .form_box:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
            line-height: 0
        }

    .form_login .form_row {
        display: block
    }

        .form_login .form_row:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
            line-height: 0
        }

        .form_login .form_row + .form_row {
            padding-top: 5px
        }

    .form_login .field {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .form_login .field + .field {
            padding-top: 5px
        }

    .form_login .btn {
        background: #33879c;
        padding: 8px 19px 8px 20px
    }

        .form_login .btn:hover {
            background: #006983
        }

    .form_login .form_links {
        line-height: 20px;
        overflow: hidden;
        padding-top: 10px
    }

        .form_login .form_links a {
            display: inline-block;
            vertical-align: top;
            float: left
        }

            .form_login .form_links a + a {
                clear: both
            }

    .form_login .close {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -icab-border-radius: 100%;
        border-radius: 100%;
        display: block;
        background: #73c8d2;
        margin: 5px 0;
        padding: 3px;
        position: absolute;
        right: 0;
        top: 0
    }

        .form_login .close:hover {
            background: #006983
        }

@media(min-width:480px) {
    .form_login .field {
        float: left;
        width: 50%;
        padding: 0 10px 0 0
    }

        .form_login .field + .field {
            padding-top: 0
        }

    .form_login .button {
        float: left;
        margin-right: 4px
    }

    .form_login .form_links {
        padding-top: 0
    }

        .form_login .form_links a {
            margin: 0 8px 0 6px
        }
}

@media(min-width:768px) {
    .form_login .form_row {
        overflow: hidden
    }

        .form_login .form_row:first-child {
            float: left;
            width: 51%
        }

        .form_login .form_row + .form_row {
            padding-top: 0
        }

    .form_login .field {
        padding: 0 6px 0 2px
    }

    .form_login .button {
        margin: 0 3%
    }
}

@media(min-width:1024px) {
    .form_login .form_links {
        padding: 8px 0;
        text-align: center
    }

        .form_login .form_links a {
            float: none
        }
}

.form_search h1 {
    color: #a3bf2b
}

.form_search .form_box {
    display: block;
    background: #ece9e3;
    position: relative
}

    .form_search .form_box:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
        line-height: 0
    }

.form_search .field {
    margin-left: 7px;
    position: absolute
}

    .form_search .field input {
        background: none;
        border: none;
        font-family: 'Lato',sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        padding-left: 20px;
        padding-right: 41px
    }

        .form_search .field input::-webkit-input-placeholder {
            color: #5c5c5c
        }

        .form_search .field input:-moz-placeholder, .form_search .field input::-moz-placeholder {
            color: #5c5c5c
        }

.form_search .remove_query {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -icab-border-radius: 100%;
    border-radius: 100%;
    display: block;
    height: 21px;
    position: absolute;
    right: 0;
    top: 15px
}

    .form_search .remove_query .icon_remove {
        background-position: -43px -243px;
        height: 21px;
        width: 21px
    }

@media(min-width:1024px) {
    .form_search .button {
        right: 0;
        position: absolute;
        top: 0
    }
}

.form_search .type {
    background: #d9d4c6;
    display: none;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 10px;
    position: inherit;
    margin-top: 10px
}

    .form_search .type li {
        display: none
    }

    .form_search .type a {
        color: #5c5c5c;
        display: block;
        font-family: 'Lato',sans-serif;
        font-weight: 700;
        padding: 4px 6px 4px 10px
    }

        .form_search .type a:hover {
            text-decoration: none;
            background: #ece9e3
        }

    .form_search .type .active {
        background: #d9d4c6;
        display: block;
        left: 0;
        position: relative;
        top: 0
    }

        .form_search .type .active:after {
            background: url(../img/bg/spritedvn.png) no-repeat 0 -200px;
            content: '';
            display: block;
            height: 10px;
            right: 8px;
            position: absolute;
            top: 11px;
            width: 10px
        }

        .form_search .type .active a:hover {
            text-decoration: none;
            background: #d9d4c6;
            cursor: pointer
        }

.form_search .submit {
    background: #a3bf2b;
    display: block;
    margin-left: 20px;
    padding: 13px
}

    .form_search .submit:hover {
        background: #829922
    }

.form_search input[type="submit"] {
    background-image: url('../img/bg/spritedvn.png');
    background-position: -36px -36px;
    display: block;
    height: 50px;
    margin-left: 20px;
    padding: 13px;
    width: 50px
}

    .form_search input[type="submit"]:hover {
        background-color: #829922
    }

.form_search .results {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

    .form_search .results .ui-autocomplete {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #ece9e3;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important
    }

    .form_search .results li {
        display: block;
        cursor: pointer;
        padding: 8px 20px
    }

        .form_search .results li:hover {
            background: #ebebeb
        }

.form_search.with_type_select .field input {
    padding-left: 10px
}

.form_search.panel {
    display: block;
    left: 0;
    position: absolute;
    right: 0
}

@media(min-width:768px) {
    .form_search .type {
        display: block
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .form_search .type .active:after, .form_search input[type="submit"] {
        background-image: url('../img/bg/sprite@2x.png');
        background-size: 500px 450px
    }
}

.bx-controls .bx-pager {
    text-align: center;
    font-size: 0;
    padding: 20px 0 0;
    height: 16px
}

.bx-controls .bx-pager-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 9px
}

.bx-controls .bx-pager-link {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -icab-border-radius: 100%;
    border-radius: 100%;
    background: #ece9e3;
    display: block;
    height: 16px;
    width: 16px
}

    .bx-controls .bx-pager-link.active {
        background: #a3bf2b
    }

.teaser_header_full_width {
    position: relative
}

    .teaser_header_full_width ul {
        width: auto;
        position: relative
    }

    .teaser_header_full_width .teaser-content-box {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .teaser_header_full_width ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .teaser_header_full_width h2 {
        text-transform: uppercase
    }

    .teaser_header_full_width .col {
        position: relative;
        margin-bottom: 0
    }

    .teaser_header_full_width .text {
        text-align: center
    }

@media(min-width:768px) {
    .teaser_header_full_width h2 {
        color: #fff;
        max-height: 70px;
        max-height: 7rem;
        overflow: hidden
    }

    .teaser_header_full_width p {
        max-height: 150px;
        overflow: hidden;
        line-height: 21px;
        width: 450px
    }

    .teaser_header_full_width .text {
        color: #fff;
        text-align: left
    }

    .teaser_header_full_width .cell {
        background: url('../img/bg/text-bg.png');
        padding: 20px
    }
}

@media(max-width:767px) {
    .teaser_header_full_width .teaser-content-box {
        position: static;
        margin-top: 10px
    }

        .teaser_header_full_width .teaser-content-box .text {
            padding-top: 0
        }

    .teaser_header_full_width .image {
        margin-bottom: 0
    }

    .teaser_header_full_width .bx-controls {
        margin: 0;
        left: 0;
        right: 0
    }
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .teaser_header_full_width .teaser-content-box h2 {
        font-size: 22px;
        margin-bottom: 8px;
        line-height: 26px
    }

    .teaser_header_full_width .teaser-content-box p {
        font-size: 15px
    }

    .teaser_header_full_width .teaser-content-box .text {
        padding: 15px
    }
}

.block_contact {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #e6f0f3;
    padding: 24px 19px 11px
}

    .block_contact.expanded {
        height: auto
    }

    .block_contact h2 {
        margin-bottom: 8px
    }

    .block_contact p {
        margin-bottom: 10px
    }

    .block_contact ul {
        color: #5c5c5c;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .block_contact li {
        display: block;
        border-top: 1px solid #cce1e6;
        padding: 10px 0 10px 45px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 32px;
        line-height: 3.2rem;
        position: relative
    }

        .block_contact li:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
            line-height: 0
        }

        .block_contact li:first-child {
            border-top: none
        }

    .block_contact a {
        color: #5c5c5c
    }

    .block_contact img {
        height: 33px;
        left: 0;
        position: absolute;
        top: 10px;
        width: 32px
    }

    .block_contact strong {
        display: block;
        line-height: 18px
    }

    .block_contact .callback_form {
        display: none;
        margin: 10px 0 0 -45px
    }

        .block_contact .callback_form .submit {
            line-height: 24px;
            line-height: 2.4rem
        }

    .block_contact .field {
        margin-bottom: 10px
    }

@media(min-width:768px) {
    .block_contact {
        overflow: hidden
    }
}

@media(min-width:1024px) {
    .block_contact p {
        margin-bottom: 10px
    }
}

.teaser_small {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 439px;
    margin: 0 auto;
    padding-bottom: 40px;
    position: relative
}

    .teaser_small img {
        height: auto;
        width: 100%
    }

    .teaser_small h2 {
        max-height: 35px;
        margin-bottom: 13px;
        overflow: hidden
    }

        .teaser_small h2 + p {
            height: 48px
        }

    .teaser_small .image {
        margin-bottom: 22px;
        overflow: hidden;
        text-align: center;
        position: relative
    }

    .teaser_small .button {
        bottom: 0;
        left: 0;
        position: absolute
    }

@media(min-width:768px) {
    .teaser_small {
        height: 404px
    }

        .teaser_small h2 {
            max-height: 70px
        }

            .teaser_small h2 + p {
                height: 72px
            }
}

@media(min-width:1024px) {
    .teaser_small {
        height: 367px
    }

        .teaser_small h2 {
            max-height: 35px
        }

            .teaser_small h2 + p {
                height: 48px
            }

        .teaser_small .image {
            height: 185px
        }
}

.banner {
    overflow: hidden;
    background-color: #ccc
}

    .banner img {
        width: 100%
    }

.embedded_video {
    position: relative
}

    .embedded_video iframe {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .embedded_video .show_video {
        position: relative
    }

        .embedded_video .show_video img {
            height: auto;
            width: 100%
        }

    .embedded_video .button {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        text-align: center;
        width: 100%
    }

.block_message {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff2e6;
    padding: 20px
}

    .block_message h4 {
        color: #ff7800;
        height: 30px;
        margin-bottom: 27px;
        overflow: hidden
    }

    .block_message a {
        color: #ff7800;
        text-decoration: underline
    }

        .block_message a:hover {
            color: #ff7800
        }

        .block_message a:active {
            color: #cc6000
        }

        .block_message a:hover {
            text-decoration: none
        }

    .block_message .icon {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -icab-border-radius: 100%;
        border-radius: 100%;
        background-color: #ff7800;
        height: 30px;
        margin-right: 10px;
        width: 30px
    }

    .block_message .text {
        overflow: hidden;
        max-height: 216px;
        max-height: 21.6rem
    }

    .block_message.full_width .text {
        max-height: none
    }

@media(min-width:768px) {
    .block_message {
        height: 404px
    }

        .block_message .text {
            overflow: hidden;
            max-height: 286px;
            max-height: 28.8rem
        }

        .block_message.full_width {
            height: auto
        }

            .block_message.full_width .text {
                max-height: none
            }
}

@media(min-width:1024px) {
    .block_message {
        height: 367px
    }

        .block_message .text {
            max-height: 235px;
            max-height: 24rem
        }

        .block_message.full_width {
            height: auto
        }

            .block_message.full_width .text {
                max-height: none
            }
}

.teaser_big ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.teaser_big img {
    margin: 0 auto
}

.teaser_big .col {
    min-height: 1px;
    position: relative;
    margin-bottom: 0
}

.teaser_big .bx-viewport {
    overflow: visible !important
}

.teaser_big .wrapper {
    padding: 20px 0
}

.teaser_big .text {
    position: relative
}

    .teaser_big .text:before {
        content: '“';
        color: #7c796e;
        display: inline-block;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        float: left;
        font-size: 24px;
        font-size: 2.4rem;
        left: -16px;
        position: absolute;
        top: 4px
    }

.teaser_big p {
    line-height: 24px;
    line-height: 2.4rem
}

    .teaser_big p:first-child {
        margin-bottom: 10px;
        overflow: hidden
    }

        .teaser_big p:first-child:after {
            content: '”';
            color: #7c796e;
            font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
            font-size: 24px;
            font-size: 2.4rem;
            vertical-align: top
        }

        .teaser_big p:first-child + p {
            color: #a3bf2b;
            max-height: 24px;
            margin-bottom: 18px;
            overflow: hidden
        }

.teaser_big.full_width {
    overflow: hidden;
    margin-bottom: 30px
}

    .teaser_big.full_width p {
        line-height: 36px;
        line-height: 3.6rem
    }

        .teaser_big.full_width p:first-child {
            margin: 0;
            max-height: 144px;
            font-size: 20px;
            font-family: 'Lato',sans-serif
        }

            .teaser_big.full_width p:first-child + p {
                max-height: 36px
            }

    .teaser_big.full_width li {
        background: #ece9e3
    }

    .teaser_big.full_width .btn {
        padding: 8px 16px
    }

    .teaser_big.full_width .icon {
        margin: 0 7px 0 -5px
    }

@media(min-width:768px) {
    .teaser_big .wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .teaser_big .wrapper {
        left: -100%;
        height: 100%;
        padding: 0 3%;
        position: absolute;
        top: 0;
        width: 100%
    }

    .teaser_big.full_width {
        margin-bottom: 40px
    }

        .teaser_big.full_width .text {
            margin-left: 18px;
            padding-top: 20px
        }

            .teaser_big.full_width .text:before {
                top: 24px
            }

        .teaser_big.full_width img {
            float: right
        }

    .teaser_big.teaser_big_2_3 p {
        margin-bottom: 12px
    }

        .teaser_big.teaser_big_2_3 p:first-child {
            margin-bottom: 10px;
            max-height: 96px
        }

    .teaser_big.teaser_big_3_4 p:first-child {
        max-height: 96px
    }
}

@media(min-width:1024px) {
    .teaser_big {
        padding: 40px 0 0
    }

        .teaser_big .image {
            margin-top: -40px
        }

        .teaser_big.full_width {
            margin-bottom: 50px
        }

        .teaser_big.teaser_big_2_3 p {
            margin-bottom: 24px
        }

            .teaser_big.teaser_big_2_3 p:first-child {
                margin-bottom: 10px
            }

        .teaser_big.teaser_big_3_4 p:first-child {
            margin-bottom: 10px
        }
}

.block_text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

    .block_text .content-result {
        margin-bottom: 20px
    }

    .block_text h4 {
        font-weight: 700;
        margin-bottom: 7px
    }

    .block_text ul {
        list-style: disc;
        padding-left: 2em;
        margin-bottom: 24px
    }

    .block_text .text {
        margin-bottom: 24px
    }

    .block_text .link {
        text-decoration: underline
    }

    .block_text .embedded_video {
        margin-bottom: 16px
    }

    .block_text p + .embedded_video {
        margin-top: -11px
    }

    .block_text.block_1_3 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 40px
    }

        .block_text.block_1_3 .button {
            bottom: 0;
            left: 0;
            position: absolute
        }

@media(min-width:768px) {
    .block_text.block_1_3 {
        height: 404px
    }

        .block_text.block_1_3 .text {
            max-height: 340px;
            overflow: hidden
        }
}

@media(min-width:1024px) {
    .block_text.block_1_3 {
        height: 367px
    }

        .block_text.block_1_3 .text {
            max-height: 300px;
            margin-bottom: 27px;
            overflow: hidden
        }
}

.text ul {
    list-style: disc;
    padding-left: 2em;
    margin-bottom: 24px
}

.cookies_block {
    box-shadow: 0 -2px 3px rgba(0,0,0,.1) inset;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 0 0;
    opacity: .85;
    margin-bottom: 0;
    width: 100%;
    position: absolute;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 100;
    bottom: 0;
    background-color: #f0f8ff
}

    .cookies_block p {
        margin: 0 !important
    }

    .cookies_block .buttons .link {
        display: inline-block;
        line-height: 24px;
        vertical-align: top;
        padding-right: 10px;
        position: relative;
        color: #006983
    }

        .cookies_block .buttons .link:after {
            background: url('../img/bg/spritedvn.png') no-repeat -50px -400px;
            content: "";
            display: block;
            height: 11px;
            left: 100%;
            position: absolute;
            top: 7px;
            width: 6px
        }

    .cookies_block .buttons .btn {
        display: block;
        color: #006983;
        font-weight: bold
    }

@media(min-width:290px) {
    .cookies_block .buttons {
        display: inline-block
    }

        .cookies_block .buttons .link {
            margin: 8px 15px 8px 0
        }

        .cookies_block .buttons .btn {
            display: inline-block;
            color: #006983;
            font-weight: bold;
            padding: 0;
            float: left
        }
}

@media(min-width:768px) {
    .cookies_block .buttons {
        display: inline-block
    }

        .cookies_block .buttons .link {
            margin: 8px 15px 8px 0
        }

        .cookies_block .buttons .btn {
            padding: 0
        }
}

@media(min-width:1024px) {
    .cookies_block .buttons {
        display: inline-block
    }

        .cookies_block .buttons .more {
            float: left
        }

        .cookies_block .buttons .link {
            margin: 0
        }

        .cookies_block .buttons .btn {
            padding: 0 30px;
            float: right;
            color: #006983;
            font-weight: bold
        }
}

.table_3_col {
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%
}

    .table_3_col th {
        border-bottom: 1px solid #cce1e6;
        color: #006983;
        font-weight: 700;
        line-height: 30px;
        line-height: 3rem;
        letter-spacing: .04em;
        padding: 10px
    }

        .table_3_col th:first-child {
            padding-left: 0
        }

    .table_3_col td {
        color: #858585;
        padding: 14px 10px
    }

        .table_3_col td:first-child {
            padding-left: 0
        }

@media(min-width:768px) {
    .table_3_col th {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.table_2_col {
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%
}

    .table_2_col td {
        color: #858585;
        padding: 14px 10px
    }

        .table_2_col td:first-child {
            padding-left: 0
        }

    .table_2_col strong {
        color: #003f4f
    }

@media(min-width:768px) {
    .table_2_col {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.form_newsletter {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #73c8d2;
    color: #fff;
    padding: 29px 30px;
    position: relative
}

    .form_newsletter h2 {
        color: #fff
    }

    .form_newsletter input {
        border-color: #73c8d2
    }

        .form_newsletter input.error {
            border-color: #b42314
        }

    .form_newsletter .form_row {
        display: block;
        position: relative
    }

        .form_newsletter .form_row:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
            line-height: 0
        }

    .form_newsletter .field {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 10px
    }

    .form_newsletter .btn {
        display: block
    }

    .form_newsletter .markers {
        height: 0;
        overflow: hidden
    }

@media(min-width:768px) {
    .form_newsletter {
        height: 404px;
        overflow: hidden
    }

        .form_newsletter h2 + p {
            display: none;
            visibility: hidden
        }

        .form_newsletter.full_width {
            height: auto
        }

            .form_newsletter.full_width .form_row {
                margin: 0 -10px 0 -9px;
                padding-right: 150px
            }

            .form_newsletter.full_width .field {
                width: 50%;
                float: left;
                padding: 0 9px 0 10px
            }

            .form_newsletter.full_width .button {
                position: absolute;
                right: 10px;
                top: 0
            }

            .form_newsletter.full_width h2 + p {
                display: block
            }
}

@media(min-width:1024px) {
    .form_newsletter {
        height: 367px;
        min-height: 367px
    }

        .form_newsletter.expanded {
            height: auto
        }

        .form_newsletter h2 + p {
            display: block;
            visibility: visible
        }

        .form_newsletter.full_width {
            height: auto;
            min-height: 1px
        }
}

.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer a {
    color: #5c5c5c;
    line-height: 18px;
    line-height: 1.8rem
}

    .footer a:hover {
        color: #73c8d2
    }

    .footer a:active {
        color: #5ca0a8
    }

    .footer a:hover {
        text-decoration: none
    }

.footer .col {
    margin-bottom: 0
}

.footer .nav, .footer .links {
    background: #ece9e3
}

.footer .links {
    padding: 23px 0 33px;
    margin-bottom: 2px
}

    .footer .links li {
        padding: 8px 0 9px
    }

    .footer .links .col {
        padding-top: 20px
    }

.footer .nav .links {
    margin: 0;
    padding: 0 0 12px;
    white-space: nowrap
}

.footer .nav ul {
    font-size: 0
}

.footer .nav .links ul {
    font-size: 14px
}

.footer .nav li {
    display: inline-block;
    vertical-align: top;
    margin-left: 17px
}

    .footer .nav li:first-child {
        margin-left: 0
    }

.footer .menu {
    padding: 15px 0 16px;
    margin: 0 -10px
}

    .footer .menu a {
        display: inline-block;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 13px 10px;
        vertical-align: top
    }

    .footer .menu li {
        margin-left: 0;
        width: auto
    }

@media(min-width:768px) {
    .footer .menu {
        margin: 0 15px 0 -10px
    }

    .footer .nav .links {
        float: right;
        padding-top: 14px
    }
}

@media(min-width:1024px) {
    .footer .menu li {
        width: 20%
    }
}

.breadcrumbs {
    border-top: 0;
    color: #858585;
    font-size: 0;
    margin-bottom: 15px;
    padding-top: 15px
}

    .breadcrumbs ul {
        margin: 0;
        padding: 0
    }

    .breadcrumbs li {
        display: inline-block;
        font-size: 14px;
        font-size: 1.4rem;
        position: relative;
        vertical-align: top
    }

        .breadcrumbs li .fas.fa-angle-right {
            color: #b4b4b4;
            padding: 0 15px;
            font-size: 16px
        }

        .breadcrumbs li:first-child {
            padding-left: 0
        }

            .breadcrumbs li:first-child:before {
                display: none
            }

        .breadcrumbs li:last-child i.fas.fa-angle-right {
            display: none
        }

    .breadcrumbs a {
        color: #73c8d2;
        text-decoration: underline
    }

        .breadcrumbs a:hover {
            color: #006983
        }

        .breadcrumbs a:active {
            color: #003f4f
        }

@media(min-width:768px) {
    .breadcrumbs {
        margin-bottom: 15px
    }
}

@media(min-width:1024px) {
    .breadcrumbs {
        margin-bottom: 15px
    }
}

.breadcrumb-back .fas.fa-angle-left {
    font-size: 17px;
    padding-right: 6px;
    color: #73c8d2;
    float: left
}

.breadcrumb-back span {
    float: left;
    margin-top: -3px
}

.teaser_checklist ul {
    margin-top: -1px
}

.teaser_checklist li {
    margin-bottom: 10px;
    padding: 10px 0 9px 0;
    position: relative
}

    .teaser_checklist li:last-child {
        margin-bottom: 0
    }

    .teaser_checklist li .fas.fa-check-circle {
        color: #a3bf2b;
        font-size: 31px;
        padding-right: 11px;
        float: left
    }

.teaser_checklist.dinamic_height {
    height: auto
}

@media(min-width:768px) {
    .teaser_checklist {
        height: 404px;
        overflow: hidden
    }
}

@media(min-width:1024px) {
    .teaser_checklist {
        height: 367px
    }

        .teaser_checklist ul {
            padding-top: 7px
        }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .teaser_checklist li:before {
        background-image: url('../img/bg/sprite@2x.png')
    }
}

.personal_info {
    color: #5c5c5c
}

    .personal_info h4 {
        font-weight: 700;
        margin-bottom: 17px
    }

    .personal_info p {
        margin-bottom: 15px
    }

    .personal_info dl {
        font-size: 0;
        margin-bottom: 19px
    }

    .personal_info dt, .personal_info dd {
        display: inline-block;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 3px 0;
        vertical-align: top;
        width: 100%
    }

    .personal_info dt {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: 700
    }

    .personal_info dd {
        color: #858585
    }

    .personal_info input[type='submit'] {
        margin-bottom: 10px;
        padding: 0 16px
    }

    .personal_info fieldset {
        margin-top: 30px
    }

        .personal_info fieldset + .form_buttons {
            margin-top: 30px
        }

    .personal_info .box_part {
        display: none
    }

        .personal_info .box_part:first-child {
            display: block
        }

    .personal_info .checkboxes_group {
        border-top: 1px solid #cce1e6;
        margin-top: 30px;
        padding-top: 30px
    }

        .personal_info .checkboxes_group .form_row {
            margin-bottom: 17px
        }

    .personal_info .text {
        padding: 10px 0 9px
    }

    .personal_info .form_buttons {
        border-top: 1px solid #cce1e6;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .personal_info .btn {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px 20px;
        letter-spacing: -.04em;
        width: 100%
    }

    .personal_info.blue_box .form_buttons {
        margin: 0 -31px;
        padding: 20px 31px 0
    }

    .personal_info.zorgplan .info-icon-green .label {
        float: left;
        margin-bottom: 0;
        width: 70%
    }

        .personal_info.zorgplan .info-icon-green .label .icon_info {
            background-position: -199px -149px;
            margin-left: 260px
        }

    .personal_info.zorgplan .form {
        padding-top: 4px
    }

    .personal_info.zorgplan .form_row {
        margin-bottom: 18px
    }

        .personal_info.zorgplan .form_row:last-child {
            margin-bottom: 0
        }

    .personal_info.zorgplan .field {
        font-size: 0
    }

    .personal_info.zorgplan .hint_text {
        margin-right: -40px
    }

        .personal_info.zorgplan .hint_text:before, .personal_info.zorgplan .hint_text:after {
            right: 40px
        }

@media(min-width:768px) {
    .personal_info dt {
        width: 38%;
        padding-right: 20px
    }

    .personal_info dd {
        width: 62%
    }

    .personal_info input[type='submit'] {
        margin-bottom: 0;
        width: auto
    }

    .personal_info .btn {
        width: auto
    }

    .personal_info #btnCancel {
        float: left;
        font-size: 14px;
        margin-top: 7px;
        margin-right: 98px
    }

    .personal_info.zorgplan .info-icon-green .label {
        float: left;
        margin-bottom: 0;
        width: 70%
    }

        .personal_info.zorgplan .info-icon-green .label .icon_info {
            background-position: -199px -149px;
            margin-left: 260px
        }

    .personal_info.zorgplan .label {
        float: left;
        margin-bottom: 0;
        width: 70%
    }

    .personal_info.zorgplan .field {
        float: right
    }

    .personal_info.zorgplan .hint_text {
        margin-right: -129px
    }

        .personal_info.zorgplan .hint_text:before, .personal_info.zorgplan .hint_text:after {
            right: 50%
        }

    .personal_info .form_wrapper dd {
        text-align: right
    }
}

.login_box {
    color: #5c5c5c
}

    .login_box h1 {
        color: #a3bf2b;
        margin-bottom: 29px
    }

    .login_box p {
        margin-bottom: 20px
    }

    .login_box input[type='submit'] {
        height: auto;
        min-height: 40px;
        padding: 5px 20px;
        width: auto;
        white-space: normal
    }

    .login_box .important_info_title {
        margin-bottom: 28px
    }

    .login_box .form_buttons {
        margin-top: 20px
    }

    .login_box .form_row:first-child {
        margin-bottom: 11px
    }

.new_customer .label {
    padding: 0;
    margin-bottom: 4px
}

.new_customer .sub_field {
    margin-left: 11px
}

.new_customer fieldset {
    border-top-color: #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 30px 0;
    padding: 23px 0 25px
}

.new_customer .form {
    padding-top: 19px
}

.new_customer .field_nieuwsbrief {
    padding-top: 10px;
    margin-bottom: 12px
}

.new_customer .label + .important_info_title {
    margin-top: 10px;
    margin-bottom: 14px
}

.important_info_title_1_3 {
    overflow: hidden
}

@media(min-width:768px) {
    .important_info_title_1_3 {
        height: 404px
    }

        .important_info_title_1_3 h4 {
            max-height: 30px;
            overflow: hidden
        }

        .important_info_title_1_3 p {
            max-height: 72px;
            overflow: hidden
        }
}

@media(min-width:1024px) {
    .important_info_title_1_3 {
        height: 367px
    }
}

.important_info_title {
    color: #006983;
    margin-bottom: 31px;
    padding: 2px 0 0 50px;
    position: relative
}

    .important_info_title h4 {
        font-weight: 700
    }

    .important_info_title:before {
        background: url('../img/bg/spritedvn.png') no-repeat -300px 0;
        content: '';
        display: block;
        height: 29px;
        left: 0;
        position: absolute;
        top: 5px;
        width: 29px
    }

    .important_info_title:last-child {
        margin-bottom: 0
    }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .important_info_title:before {
        background-image: url('../img/bg/sprite@2x.png');
        background-size: 500px 450px
    }
}

.checkout_adress input[type='radio'] + label {
    color: #474747;
    display: inline-block;
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 1px 39px;
    vertical-align: top
}

.checkout_adress input[type=radio] + label:before {
    left: -39px
}

.checkout_adress input[type='checkbox'] + label {
    margin-top: 11px;
    margin-bottom: 13px
}

.checkout_adress label {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3px
}

.checkout_adress p {
    margin-bottom: 18px
}

.checkout_adress .field + p {
    padding-top: 8px
}

.checkout_adress .form_row {
    margin-bottom: 13px
}

    .checkout_adress .form_row:first-child input[type='checkbox'] + label {
        margin-bottom: 15px;
        margin-top: 15px
    }

    .checkout_adress .form_row:last-child {
        margin-bottom: 0
    }

    .checkout_adress .form_row + fieldset {
        margin-top: 30px
    }

.checkout_adress .text {
    margin: 16px 0 18px
}

.checkout_adress .part {
    display: none
}

.checkout_delivery_date {
    font-size: 14px;
    font-size: 1.4rem
}

    .checkout_delivery_date .field:first-child + .delivery-dates-label {
        margin-left: 0 !important
    }

    .checkout_delivery_date .form-yes-label .field .delivery-dates-label {
        display: inline-block;
        margin-left: 60px
    }

        .checkout_delivery_date .form-yes-label .field .delivery-dates-label:first-child {
            margin-left: 0
        }

    .checkout_delivery_date h4 {
        font-size: 18px;
        color: #333;
        margin-bottom: 2px
    }

    .checkout_delivery_date p {
        margin-bottom: 2px
    }

    .checkout_delivery_date label {
        display: block;
        margin-bottom: 3px
    }

    .checkout_delivery_date .form_row {
        margin-bottom: 24px;
        border-bottom: 1px solid #cce1e6
    }

        .checkout_delivery_date .form_row:last-child {
            margin-bottom: 0;
            border: 0
        }

@media(min-width:768px) {
    .checkout-alignment-right .checkout_delivery_date .form_row .field_xl {
        max-width: 505px !important
    }
}

.showCalendar {
    display: block !important
}

.div-width {
    max-width: 700px !important
}

.datepicker {
    position: relative
}

    .datepicker .fa-calendar-alt {
        padding: 10px;
        font-weight: normal
    }

    .datepicker:after {
        content: '';
        cursor: pointer;
        display: block;
        height: 38px;
        right: 1px;
        position: absolute;
        pointer-events: none;
        top: 1px;
        width: 39px
    }

    .datepicker:hover:after {
        background-position: -238px -238px;
        border-color: #99c3cd
    }

    .datepicker.active:after {
        background-position: -238px -237px
    }

    .datepicker.active input {
        border-color: #99c3cd;
        color: #006983
    }

    .datepicker .hasDatepicker {
        cursor: pointer
    }

    .datepicker input {
        padding-left: 20px;
        padding-right: 50px
    }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .datepicker:after {
        background-size: 500px 450px
    }
}

.datepicker .ui-datepicker {
    overflow: visible
}

.ui-datepicker {
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Lato',sans-serif;
    font-weight: 700;
    left: auto !important;
    margin-left: 1px;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 40px !important;
    z-index: 1000 !important
}

    .ui-datepicker:after {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        left: -1px;
        top: 0;
        right: 0;
        bottom: 0;
        border: 1px solid #99c3cd;
        border-top: none
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        background: url('../img/bg/spritedvn.png') no-repeat;
        cursor: pointer;
        display: block;
        height: 20px;
        width: 35px
    }

        .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
            display: none
        }

    .ui-datepicker .ui-datepicker-prev {
        background-position: -192px -346px;
        margin-left: 1%;
        float: left
    }

    .ui-datepicker .ui-datepicker-next {
        background-position: -242px -346px;
        margin-right: 1%;
        float: right
    }

    .ui-datepicker .ui-datepicker-title {
        color: #006983;
        line-height: 25px;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
            display: none
        }

    .ui-datepicker th {
        color: #858585;
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
        text-transform: uppercase
    }

    .ui-datepicker td {
        border: 1px solid #fff;
        line-height: 15px;
        text-align: center
    }

        .ui-datepicker td a:hover {
            background: #99c3cd;
            color: #fff;
            text-decoration: none
        }

    .ui-datepicker .ui-state-active {
        background: #99c3cd;
        color: #fff
    }

    .ui-datepicker .ui-datepicker-calendar {
        width: 100%
    }

    .ui-datepicker .ui-datepicker-other-month, .ui-datepicker .ui-datepicker-week-end {
        border: none
    }

    .ui-datepicker .ui-state-default {
        display: block
    }

    .ui-datepicker .ui-state-disabled {
        color: #858585
    }

        .ui-datepicker .ui-state-disabled:hover:after {
            background: #333;
            border-radius: 5px;
            bottom: 26px;
            color: #fff;
            left: 15%;
            padding: 5px 15px;
            position: absolute;
            z-index: 98;
            min-width: 150px;
            width: auto;
            font-size: 12px;
            font-weight: bold
        }

        .ui-datepicker .ui-state-disabled:hover:before {
            border: solid;
            border-color: #333 transparent;
            border-width: 6px 6px 0 6px;
            left: 10%;
            position: absolute;
            z-index: 99;
            bottom: 48%;
            transform: rotate(90deg)
        }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        background-image: url('../img/bg/sprite@2x.png');
        background-size: 500px 450px
    }
}

@media(min-width:768px) {
    .ui-datepicker {
        left: 0 !important
    }

        .ui-datepicker .ui-state-default {
            padding: 4px 0
        }

        .ui-datepicker .ui-datepicker-prev {
            margin-left: 3%
        }

        .ui-datepicker .ui-datepicker-next {
            margin-right: 3%
        }
}

.checkout_overview h4 {
    font-weight: 700;
    margin-bottom: 25px
}

    .checkout_overview h4:last-child {
        margin-bottom: 0
    }

    .checkout_overview h4 a {
        text-decoration: underline
    }

        .checkout_overview h4 a:hover {
            text-decoration: none
        }

    .checkout_overview h4 strong {
        font-weight: 900
    }

.checkout_overview p {
    margin-bottom: 17px
}

    .checkout_overview p:last-child {
        margin-bottom: 10px
    }

@media(min-width:768px) {
    .checkout_overview p {
        margin-bottom: 17px
    }

        .checkout_overview p:last-child {
            margin-bottom: 10px;
            margin-right: 20px
        }
}

@media(min-width:1024px) {
    .checkout_overview p {
        margin-bottom: 17px
    }

        .checkout_overview p:last-child {
            margin-bottom: 10px
        }
}

.checkout_overview input[type='checkbox'] + label {
    display: block;
    margin-left: 35px
}

.checkout_overview input[type=checkbox] + label:before {
    left: -35px
}

.checkout_overview .cart_list_item + h4 {
    padding-top: 32px
}

.checkout_overview .part {
    border-top: 1px solid #eee
}

    .checkout_overview .part:first-child {
        border-top: none;
        padding-top: 0;
        padding-bottom: 32px
    }

    .checkout_overview .part:last-child {
        padding-bottom: 0
    }

.checkout_overview.blue_box .part {
    margin: 0 -30px;
    padding-left: 30px;
    padding-right: 30px
}

.checkout_overview .price {
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    line-height: 3rem;
    margin-right: 60px
}

    .checkout_overview .price.discount {
        color: #858585;
        margin-bottom: 10px
    }

.checkout_overview .coupon_state {
    color: #5c5c5c;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 16px;
    vertical-align: top;
    text-decoration: underline
}

    .checkout_overview .coupon_state:hover {
        color: #73c8d2
    }

    .checkout_overview .coupon_state:active {
        color: #5ca0a8
    }

.checkout_overview .coupon {
    display: none;
    font-size: 0
}

    .checkout_overview .coupon .form_row {
        display: block;
        clear: both;
        overflow: hidden
    }

        .checkout_overview .coupon .form_row:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
            line-height: 0
        }

    .checkout_overview .coupon .button {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 10px 0 0;
        overflow: hidden;
        width: auto
    }

    .checkout_overview .coupon .btn {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px 20px;
        width: 100%
    }

    .checkout_overview .coupon.visible {
        display: block
    }

.checkout_overview .form_buttons .back {
    color: #5c5c5c;
    display: inline-block;
    padding: 8px 0 0;
    vertical-align: top;
    text-decoration: underline
}

    .checkout_overview .form_buttons .back:hover {
        color: #73c8d2
    }

    .checkout_overview .form_buttons .back:active {
        color: #5ca0a8
    }

@media(min-width:768px) {
    .checkout_overview .coupon .form_row {
        clear: none;
        max-width: 342px
    }

    .checkout_overview .coupon .field {
        float: left;
        width: 212px
    }

    .checkout_overview .coupon .button {
        margin: 0 0 0 10px;
        width: auto
    }

    .checkout_overview .coupon .discount {
        margin: 0 0 0 10px;
        padding: 5px 0
    }

    .checkout_overview .form_buttons input[type='submit'] {
        float: right;
        width: auto
    }

    .checkout_overview .form_buttons .back {
        padding-bottom: 8px
    }
}

.cart_list_item {
    display: block;
    background: #fff;
    margin-bottom: 9px;
    padding-bottom: 40px;
    position: relative;
    border-bottom: 1px solid #eee
}

    .cart_list_item:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
        line-height: 0
    }

    .cart_list_item:last-child {
        margin-bottom: 0
    }

    .cart_list_item.border {
        border: 1px solid #ece9e3
    }

    .cart_list_item .image {
        float: left
    }

    .cart_list_item .options {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .cart_list_item .note {
        padding-right: 38px !important;
        text-align: right;
        clear: left
    }

    .cart_list_item .quantity, .cart_list_item .remove, .cart_list_item .price {
        display: inline-block;
        vertical-align: top
    }

    .cart_list_item .price {
        color: #000;
        float: none;
        font-size: 14px;
        font-weight: 700;
        line-height: 30px;
        line-height: 3rem;
        padding: 6px 0 5px 10px;
        margin-right: 10px;
        margin-top: 1px
    }

    .cart_list_item .quantity {
        line-height: 30px;
        line-height: 3rem;
        height: 30px;
        margin: 6px 5px 5px 5px;
        padding: 0;
        text-align: center;
        width: 30px
    }

    .cart_list_item .remove {
        height: 21px;
        float: right;
        margin: 7px 10px 9px 0;
        width: 21px
    }

        .cart_list_item .remove .icon {
            height: 21px;
            width: 21px;
            margin-top: -3px
        }

    .cart_list_item .size {
        display: inline-block;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 8px 20px;
        vertical-align: top
    }

    .cart_list_item h5 {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 700;
        width: 100%
    }

        .cart_list_item h5 a {
            color: #5c5c5c;
            color: #858585;
            text-decoration: none;
            font-family: 'Lato',sans-serif;
            font-size: 14px
        }

            .cart_list_item h5 a:hover {
                color: #73c8d2
            }

            .cart_list_item h5 a:active {
                color: #5ca0a8
            }

@media(min-width:768px) {
    .cart_list_item {
        padding-bottom: 0
    }

        .cart_list_item h5 {
            max-height: none
        }
}

.order_history .cart_list_item {
    margin-left: 28px
}

.order_history .price {
    font-size: 16px;
    font-size: 1.6rem
}

.order_history .form_buttons {
    border-top: 1px solid #cce1e6;
    margin: 30px -30px 0;
    padding: 15px 30px 25px
}

.order_history input[type="submit"] {
    padding: 8px 20px;
    display: inline-block;
    height: auto;
    width: auto;
    white-space: normal
}

.order_history input[type="checkbox"] + label {
    left: -28px;
    position: absolute;
    top: 11px;
    width: 1px
}

.products_comparison {
    margin-bottom: 30px
}

    .products_comparison .remove {
        margin-bottom: 15px
    }

        .products_comparison .remove .icon {
            height: 21px;
            width: 21px
        }

    .products_comparison .image {
        border: 1px solid #ece9e3;
        margin: 0 auto 20px;
        width: 100px
    }

    .products_comparison h4 {
        margin-bottom: 15px
    }

    .products_comparison th {
        background: #e6f0f3;
        color: #006983;
        display: none
    }

    .products_comparison tr:first-child .cell {
        padding: 0;
        margin-bottom: 46px;
        text-align: center
    }

    .products_comparison tr:nth-child(even) td .cell {
        background: #fafaf8
    }

    .products_comparison tr tr:nth-child(odd) td .cell {
        background: #fff
    }

    .products_comparison td {
        color: #858585;
        font-size: 14px;
        font-size: 1.4rem
    }

        .products_comparison td table {
            width: 100%
        }

            .products_comparison td table td {
                width: auto;
                padding: 0
            }

            .products_comparison td table tr:first-child .cell {
                padding: 8px 10px;
                margin-bottom: 0;
                text-align: left
            }

    .products_comparison .cell {
        display: block;
        padding: 8px 10px
    }

    .products_comparison .pinned {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
        padding: 0 1.5%
    }

    .products_comparison .btn {
        display: block;
        padding: 8px 20px
    }

    .products_comparison .mCSB_scrollTools:after {
        content: '';
        display: block;
        height: 100%;
        left: 6.5%;
        position: absolute;
        right: 6.5%;
        top: 0;
        z-index: 100
    }

    .products_comparison .mCSB_container {
        margin-top: 30px
    }

    .products_comparison .mCustomScrollbar .mCSB_horizontal:before, .products_comparison .mCustomScrollbar .mCSB_horizontal:after, .products_comparison .mCustomScrollbar.left_shadow .mCSB_horizontal:before {
        display: none
    }

    .products_comparison .mCustomScrollbar .mCSB_scrollTools_horizontal .mCSB_buttonLeft {
        left: 3.5%
    }

    .products_comparison .mCustomScrollbar .mCSB_scrollTools_horizontal .mCSB_buttonRight {
        right: 3.5%
    }

    .products_comparison .mCSB_scrollTools.copy {
        bottom: 30px;
        top: 0
    }

@media only screen and (min-width:768px) {
    .products_comparison {
        margin-bottom: 40px
    }

        .products_comparison th {
            display: table-cell
        }

        .products_comparison .pinned {
            display: block;
            left: 0;
            position: absolute;
            top: 30px;
            width: 25%
        }

            .products_comparison .pinned:before, .products_comparison .pinned:after {
                background: #e6f0f3;
                top: 100%;
                content: "";
                display: block;
                height: 30px;
                left: 6%;
                position: absolute;
                right: 6%
            }

            .products_comparison .pinned:before {
                bottom: 100%;
                top: auto
            }

            .products_comparison .pinned table {
                width: 100%
            }

            .products_comparison .pinned .cell {
                padding: 8px 20px;
                margin: 0
            }

            .products_comparison .pinned tr:first-child .cell {
                padding: 8px 20px;
                text-align: left
            }

        .products_comparison .table-wrapper {
            position: relative;
            overflow: hidden
        }

            .products_comparison .table-wrapper .scrollable {
                margin-left: 25%
            }

        .products_comparison .scrollable th {
            display: none
        }
}

@media only screen and (min-width:1024px) {
    .products_comparison {
        margin-bottom: 50px
    }
}

.comparison_markers {
    height: 0;
    overflow: hidden
}

.product {
    border: 1px solid #ece9e3;
    position: relative;
    text-align: center
}

    .product:hover {
        border-color: #73c8d2
    }

        .product:hover:after {
            display: block
        }

    .product:after {
        border: 1px solid #73c8d2;
        bottom: 0;
        content: "";
        display: none;
        left: 0;
        position: absolute;
        pointer-events: none;
        right: 0;
        top: 0
    }

    .product .image {
        margin-bottom: 9px
    }

        .product .image a {
            display: block
        }

        .product .image img {
            margin: 0 auto
        }

    .product h4 {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: .02em;
        overflow: hidden
    }

        .product h4 a:hover {
            text-decoration: none
        }

    .product .article {
        color: #858585;
        font-size: 14px;
        font-size: 1.4rem
    }

    .product .more {
        padding-top: 10px
    }

        .product .more a {
            color: #858585;
            text-decoration: underline
        }

            .product .more a:hover {
                color: #73c8d2
            }

            .product .more a:active {
                color: #5ca0a8
            }

            .product .more a:active {
                color: #003f4f
            }

    .product .compare {
        display: inline-block;
        position: relative;
        vertical-align: top
    }

        .product .compare label {
            color: #858585;
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: 400;
            margin-left: 30px
        }

        .product .compare input[type="checkbox"]:checked + label + .btn_compare {
            display: block
        }

        .product .compare input[type='checkbox'] + label:before {
            top: 4px;
            left: -30px
        }

        .product .compare .btn_compare {
            background: #73c8d2;
            color: #fff;
            display: none;
            line-height: 28px;
            line-height: 2.8rem;
            padding: 0 15px;
            position: absolute;
            left: 30px;
            top: 15px
        }

            .product .compare .btn_compare:hover {
                text-decoration: none
            }

    .product .quantity {
        background: #fafaf8;
        color: #003f4f;
        font-size: 14px;
        font-size: 1.4rem;
        height: 30px;
        line-height: 30px;
        line-height: 3rem;
        overflow: hidden;
        padding: 5px 0
    }

        .product .quantity input {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            line-height: 3rem;
            margin: 0 14px;
            padding: 0 2px;
            text-align: center;
            vertical-align: top;
            width: 30px
        }

    .product .button .btn {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 8px 20px
    }

    .product .button .icon {
        margin-right: 6px
    }

    .product .note {
        color: #ff7800;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        line-height: 2rem;
        padding-top: 17px
    }

    .product .price {
        background: #006983;
        color: #fff;
        font-weight: 700;
        left: -1px;
        padding: 5px 10px;
        position: absolute;
        top: 21px;
        z-index: 10
    }

    .product.small {
        border: none;
        padding: 0 0 14px;
        text-align: left;
        border-bottom: .5px solid #eee
    }

        .product.small .for_reimbursed {
            margin-top: 8px;
            display: inline-block
        }

        .product.small .text_reiumbursed {
            width: 100%;
            height: 20px;
            font-family: Arial;
            font-size: 12px;
            text-align: left;
            color: #9b9b9b;
            margin-right: 0;
            margin-top: 0
        }

        .product.small .reimbursedcompany_logo {
            margin-right: 32px;
            margin-top: 0;
            float: right
        }

            .product.small .reimbursedcompany_logo a:after {
                background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                content: '';
                height: 20px;
                position: absolute;
                margin-top: -25px;
                z-index: 10;
                background-position: -547px -346px;
                width: 20px;
                height: 23px
            }

        .product.small .logged-out-user {
            display: none
        }

        .product.small:hover {
            border-color: #ece9e3
        }

            .product.small:hover:after {
                display: none
            }

        .product.small .image {
            border: 1px solid #fafaf8;
            float: left;
            max-width: 98px
        }

        .product.small .info {
            clear: both
        }

            .product.small .info .quantity .noOfProducts {
                width: 150px
            }

        .product.small h4 {
            margin: 0 0 0;
            overflow: hidden;
            padding-left: 20px;
            line-height: 18px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            line-height: 16px;
            -webkit-line-clamp: 3;
            height: 32px
        }

        .product.small .article, .product.small .more, .product.small .compare {
            padding-top: 5px;
            margin-left: 120px
        }

@media(min-width:768px) {
    .product.small .article, .product.small .more, .product.small .compare {
        padding-top: 5px;
        margin-left: 0
    }
}

@media(min-width:1024px) {
    .product.small .article, .product.small .more, .product.small .compare {
        padding-top: 5px;
        margin-left: 0
    }
}

.product.small .more {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: top
}

.product.small .compare {
    margin-left: 25px
}

    .product.small .compare label {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        line-height: 2.4rem
    }

    .product.small .compare .btn_compare {
        top: 3px;
        font-size: 14px
    }

.product.small .options {
    display: block;
    background: #fafaf8;
    font-size: 0;
    margin-top: 21px;
    text-align: right
}

    .product.small .options:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
        line-height: 0
    }

.product.small .quantity {
    color: #333;
    float: left;
    margin: 0;
    padding-left: 15px;
    padding-top: 5px;
    width: 220px
}

.product.small .for_notreimbursed {
    display: inline-block;
    margin-top: 8px
}

.product.small .text_notReiumbursed {
    width: 67%;
    height: 20px;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    text-align: center;
    color: #9b9b9b;
    margin-right: 300px;
    vertical-align: middle
}

    .product.small .text_notReiumbursed a:after {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        content: '';
        height: 20px;
        position: absolute;
        margin-top: 0;
        z-index: 10;
        background-position: -549px -346px;
        width: 20px;
        height: 23px;
        cursor: pointer
    }

.product.small .price {
    background: none;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    line-height: 3rem;
    overflow: hidden;
    position: static
}

.product.small .for_nonreimb_price {
    display: inline-block;
    vertical-align: top
}

.product.small .info_icon_notReiumbursed {
    background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
    content: '';
    z-index: 10;
    background-position: -549px -338px;
    width: 20px;
    height: 30px;
    margin-left: 326px
}

.product.small .button {
    padding: 0;
    vertical-align: top
}

    .product.small .button .btn {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .product.small .button .icon {
        display: none
    }

.product.small .note {
    padding-top: 11px
}

.product.detail {
    border: none;
    padding: 0 0 14px;
    text-align: left
}

    .product.detail .text_notReiumbursed {
        width: 100%;
        font-family: 'Lato',sans-serif;
        font-size: 14px;
        text-align: center;
        color: #333;
        float: left;
        margin-left: 0;
        margin-top: 8px;
        padding: 0 10px;
        box-sizing: border-box
    }

        .product.detail .text_notReiumbursed a:after {
            background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
            content: '';
            height: 20px;
            position: absolute;
            margin-top: 0;
            z-index: 10;
            background-position: -549px -346px;
            width: 20px;
            height: 23px;
            cursor: pointer
        }

    .product.detail:hover:after {
        display: none
    }

    .product.detail .info {
        clear: both
    }

    .product.detail .article {
        font-size: 16px;
        font-size: 1.6rem;
        padding-top: 5px;
        font-weight: 700;
        color: #003f4f
    }

        .product.detail .article strong {
            color: #858585;
            margin-left: 14px
        }

    .product.detail h1 {
        line-height: 50px;
        line-height: 5rem;
        margin-bottom: 35px
    }

        .product.detail h1 a:hover {
            text-decoration: none
        }

    .product.detail .options {
        display: block;
        background: #fafaf8;
        font-size: 0;
        margin-top: 12px;
        text-align: right
    }

        .product.detail .options:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
            line-height: 0
        }

    .product.detail .category {
        color: #858585;
        margin-bottom: 11px
    }

        .product.detail .category a {
            text-decoration: underline
        }

    .product.detail .quantity {
        color: #003f4f;
        float: left;
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
        padding: 5px 5px 5px 18px;
        width: 223px
    }

        .product.detail .quantity input {
            margin: 0 10px
        }

    .product.detail .price {
        background: none;
        color: #003f4f;
        font-size: 14px;
        line-height: 30px;
        line-height: 3rem;
        overflow: hidden;
        position: static
    }

    .product.detail .nonreimbursed_text {
        background: none;
        color: #333;
        font-family: 'Lato',sans-serif;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .1px;
        line-height: 30px
    }

        .product.detail .nonreimbursed_text:after {
            background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
            content: '';
            z-index: 10;
            background-position: -548px -337px;
            width: 29px;
            height: 29px;
            display: inline-block
        }

    .product.detail .button {
        padding: 0;
        margin-top: 4px;
        float: right
    }

        .product.detail .button .btn {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            margin-top: -4px
        }

        .product.detail .button .icon {
            display: none
        }

    .product.detail .note {
        color: #a3bf2b;
        font-size: 16px;
        font-size: 1.6rem;
        padding-top: 13px
    }

.product .reimbursed_logo_detail {
    align-items: center;
    display: inline-block;
    width: 36%;
    margin: auto
}

    .product .reimbursed_logo_detail .for_reimbursed {
        float: right;
        height: 40px
    }

        .product .reimbursed_logo_detail .for_reimbursed .text_reiumbursed {
            width: 100%;
            height: 20px;
            font-family: Arial;
            font-size: 12px;
            text-align: left;
            color: #9b9b9b;
            float: right;
            margin-right: 2px;
            margin-top: 7px
        }

        .product .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo {
            float: right;
            margin-top: -20px;
            margin-right: 0
        }

            .product .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo a:after {
                background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                content: '';
                z-index: 10;
                background-position: -547px -350px;
                width: 20px;
                height: 20px;
                float: right;
                margin-top: -21px;
                display: inline-block;
                margin-left: 0
            }

@media(min-width:480px) {
    .product.small .info {
        clear: none;
        overflow: hidden;
        padding-left: 20px;
        padding-top: 2px
    }
}

@media(min-width:768px) {
    .product {
        padding: 10px
    }

        .product .product_to_cart .small .text_reiumbursed {
            width: 100%;
            height: 20px;
            font-family: Arial;
            font-size: 12px;
            text-align: left;
            color: #9b9b9b;
            margin-right: 0;
            margin-top: 0
        }

        .product .compare {
            float: right
        }

            .product .compare input[type="checkbox"]:checked + label {
                margin-left: 25px
            }

                .product .compare input[type="checkbox"]:checked + label + .btn_compare {
                    left: 63px;
                    top: 8px
                }

        .product .button .icon {
            display: none
        }

        .product.small .image {
            margin: 6px 0 0
        }

        .product.small h4 {
            margin: -6px 0 0;
            overflow: hidden;
            padding-left: 20px
        }

        .product.small .options {
            display: block;
            background: #fafaf8;
            font-size: 0;
            margin-top: 21px;
            text-align: right;
            height: 40px;
            margin-left: -20px
        }

            .product.small .options:after {
                clear: both;
                content: '.';
                display: block;
                height: 0;
                visibility: hidden;
                font-size: 0;
                line-height: 0
            }

            .product.small .options .reimbursed_logo {
                height: 0
            }

        .product.small .reimbursedcompany_logo {
            margin-right: 236px;
            margin-top: 0;
            float: right
        }

            .product.small .reimbursedcompany_logo a:after {
                background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                content: '';
                height: 20px;
                position: absolute;
                margin-top: -25px;
                z-index: 10;
                background-position: -547px -346px;
                width: 20px;
                height: 23px;
                margin-left: 55px
            }

        .product.small .article {
            display: inline-block;
            vertical-align: top;
            padding: 0;
            padding-left: 19px
        }

        .product.small .more {
            margin-left: 5px;
            padding: 0
        }

        .product.small .compare {
            margin-left: 20px;
            padding: 0
        }

            .product.small .compare input[type="checkbox"]:checked + label {
                margin-left: 15px
            }

                .product.small .compare input[type="checkbox"]:checked + label + .btn_compare {
                    top: -2px;
                    left: 15px
                }

        .product.small .price {
            display: inline-block;
            vertical-align: top
        }

        .product.small .button {
            display: inline-block;
            vertical-align: top
        }

        .product.detail .article {
            display: inline-block;
            vertical-align: top;
            padding: 0
        }

        .product.detail .price {
            display: inline-block;
            vertical-align: top
        }

        .product.detail .button {
            display: inline-block;
            vertical-align: top;
            float: right
        }

        .product.detail .options {
            display: block;
            background: #fafaf8;
            font-size: 0;
            margin-top: 12px;
            text-align: right;
            height: 40px
        }

            .product.detail .options:after {
                clear: both;
                content: '.';
                display: block;
                height: 0;
                visibility: hidden;
                font-size: 0;
                line-height: 0
            }

        .product .reimbursed_logo_detail {
            align-items: center;
            display: inline-block;
            width: 16%;
            margin: auto
        }

            .product .reimbursed_logo_detail .for_reimbursed {
                float: right;
                height: 40px
            }

                .product .reimbursed_logo_detail .for_reimbursed .text_reiumbursed {
                    width: 100%;
                    height: 20px;
                    font-family: Arial;
                    font-size: 12px;
                    text-align: left;
                    color: #9b9b9b;
                    float: right;
                    margin-top: 7px
                }

                .product .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo {
                    float: right;
                    margin-top: -20px
                }

                    .product .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo a:after {
                        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                        content: '';
                        z-index: 10;
                        background-position: -547px -350px;
                        width: 20px;
                        height: 20px;
                        float: right;
                        margin-top: -21px;
                        display: inline-block
                    }
}

@media(min-width:1024px) {
    .product .product_to_cart .small .text_reiumbursed {
        width: 100%;
        height: 20px;
        font-family: Arial;
        font-size: 12px;
        text-align: left;
        color: #9b9b9b;
        margin-right: 0;
        margin-top: 0
    }

    .product .compare {
        float: right
    }

        .product .compare input[type="checkbox"]:checked + label {
            margin-left: 25px
        }

    .product .button .icon {
        display: inline-block
    }

    .product.small .more {
        margin-left: 24px
    }

    .product.small h4 {
        margin: -6px 0 0;
        overflow: hidden;
        padding-left: 20px
    }

    .product.small .reimbursedcompany_logo {
        margin-right: 236px;
        margin-top: 0;
        float: right
    }

        .product.small .reimbursedcompany_logo a:after {
            background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
            content: '';
            height: 20px;
            position: absolute;
            margin-top: -25px;
            z-index: 10;
            background-position: -547px -346px;
            width: 20px;
            height: 23px;
            margin-left: 55px
        }

    .product.small .options {
        display: block;
        background: #fafaf8;
        font-size: 0;
        margin-top: 21px;
        text-align: right;
        height: auto;
        margin-left: -20px
    }

        .product.small .options:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
            line-height: 0
        }

        .product.small .options .reimbursed_logo {
            height: 0
        }

    .product.small .compare {
        margin-left: 25px
    }

    .product.small .button {
        padding: 0;
        display: inline-block;
        vertical-align: top
    }

        .product.small .button .btn {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%
        }

        .product.small .button .icon {
            display: none
        }

    .product.small .compare input[type="checkbox"]:checked + label {
        margin-left: 25px
    }

        .product.small .compare input[type="checkbox"]:checked + label + .btn_compare {
            left: 32px
        }

    .product.detail .button {
        display: inline-block;
        vertical-align: top;
        float: right
    }

        .product.detail .button .icon {
            display: inline-block
        }

    .product.detail .options {
        display: block;
        background: #fafaf8;
        font-size: 0;
        margin-top: 12px;
        text-align: right;
        height: auto
    }

        .product.detail .options:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
            line-height: 0
        }

    .product .reimbursed_logo_detail {
        align-items: center;
        display: inline-block;
        width: 33%;
        margin: auto
    }

        .product .reimbursed_logo_detail .for_reimbursed {
            float: right;
            height: 40px
        }

            .product .reimbursed_logo_detail .for_reimbursed .text_reiumbursed {
                width: 100%;
                height: 20px;
                font-family: Arial;
                font-size: 12px;
                text-align: left;
                color: #9b9b9b;
                float: right;
                margin-top: 7px
            }

            .product .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo {
                float: right;
                margin-top: -20px
            }

                .product .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo a:after {
                    background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                    content: '';
                    z-index: 10;
                    background-position: -547px -350px;
                    width: 20px;
                    height: 20px;
                    float: right;
                    margin-top: -21px;
                    display: inline-block
                }
}

.tabs .nav {
    border-bottom: 1px solid #cce1e6;
    font-size: 0;
    margin-bottom: 20px;
    position: relative
}

    .tabs .nav ul li {
        font-size: 16px;
        font-family: 'Lato',sans-serif;
        line-height: 28px
    }

    .tabs .nav ul a {
        background: #cce1e6;
        border: 1px solid #cce1e6;
        border-bottom: none;
        display: none;
        font-weight: 300;
        padding: 8px 30px;
        position: relative
    }

        .tabs .nav ul a:hover {
            background: #99c3cd;
            border-color: #99c3cd;
            color: #fff;
            font-weight: 400;
            text-decoration: none
        }

        .tabs .nav ul a:after {
            display: block;
            font-weight: 400;
            height: 1px;
            color: transparent;
            overflow: hidden;
            visibility: hidden
        }

        .tabs .nav ul a:active {
            background: #66a5b5;
            border-color: #66a5b5;
            color: #fff;
            font-weight: 400
        }

        .tabs .nav ul a.active {
            display: block
        }

            .tabs .nav ul a.active, .tabs .nav ul a.active:hover, .tabs .nav ul a.active:active {
                background: #fff;
                border-color: #cce1e6;
                color: #333;
                cursor: default;
                font-weight: 300
            }

    .tabs .nav.open ul a {
        display: block
    }

    .tabs .nav .switcher {
        background: #fff;
        border: 1px solid #cce1e6;
        display: block;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 44px
    }

        .tabs .nav .switcher:before, .tabs .nav .switcher:after, .tabs .nav .switcher span {
            background: #66a5b5;
            content: '';
            display: block;
            height: 2px;
            left: 10px;
            position: absolute;
            right: 10px
        }

        .tabs .nav .switcher:before {
            top: 12px
        }

        .tabs .nav .switcher:after {
            bottom: 12px
        }

        .tabs .nav .switcher span {
            top: 18px
        }

            .tabs .nav .switcher span + span {
                top: 24px
            }

    .tabs .nav.open .switcher {
        border-bottom: none
    }

.tabs .tabs_wrapper .tab {
    display: none
}

    .tabs .tabs_wrapper .tab.active {
        display: block
    }

@media(min-width:1024px) {
    .tabs .nav ul li {
        display: inline-block;
        margin-left: 10px;
        text-align: center;
        vertical-align: top
    }

        .tabs .nav ul li:first-child {
            margin-left: 0
        }

    .tabs .nav ul a {
        display: block
    }

        .tabs .nav ul a.active:before {
            background: #fff;
            content: '';
            display: block;
            height: 1px;
            left: 0;
            position: absolute;
            top: 100%;
            width: 100%
        }

    .tabs .nav .switcher {
        display: none
    }
}

.view_and_sorting .nav {
    margin-bottom: 0
}

.view_and_sorting .tabs_wrapper {
    border-bottom: 1px solid #d5d5d6;
    border-top: none;
    padding: 20px 15px
}

.view_and_sorting .view_select {
    float: right
}

.view_and_sorting .products {
    padding-top: 20px;
    border-top: .5px solid #979797
}

@media(min-width:480px) {
    .view_and_sorting .view_select {
        margin-top: -20px
    }

    .view_and_sorting .sort_select {
        float: right
    }
}

.pagination {
    display: block;
    text-align: center;
    height: 32px
}

    .pagination:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
        line-height: 0
    }

    .pagination .activeAnchor {
        color: #000;
        font-weight: bold
    }

    .pagination .pager {
        color: #003f4f
    }

        .pagination .pager li {
            display: inline-block;
            font-size: 14px
        }

        .pagination .pager a {
            display: block;
            margin-right: 12px;
            font-family: 'Lato',sans-serif;
            color: #9b9b9b
        }

            .pagination .pager a:hover {
                color: #000;
                font-weight: bold
            }

            .pagination .pager a:active {
                color: #000;
                font-weight: bold
            }

        .pagination .pager input {
            text-align: center
        }

    .pagination .pager_navigator label, .pagination .pager_navigator .field {
        display: inline-block
    }

    .pagination .pager_navigator .active a {
        color: #000;
        font-weight: bold
    }

    .pagination .pager_navigator label {
        float: left;
        font-family: 'Lato',sans-serif
    }

    .pagination .pager_navigator .nav {
        border-bottom: none
    }

        .pagination .pager_navigator .nav ul a {
            padding: 0;
            border: none;
            background: none
        }

    .pagination .pager_navigator ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    .pagination .pager_navigator li {
        float: left;
        font-size: 14px;
        padding-left: 3px
    }

        .pagination .pager_navigator li a {
            display: block;
            text-align: center;
            text-decoration: none;
            font-family: 'Lato',sans-serif
        }

            .pagination .pager_navigator li a:hover {
                color: #000;
                font-weight: bold
            }

@media screen and (min-width:600px) {
    .pagination {
        text-align: left
    }

        .pagination .pager {
            float: right
        }
}

.pagination .pager_navigator {
    float: left
}

    .pagination .pager_navigator .nav .ul {
        list-style: none;
        background-color: #444;
        text-align: center;
        padding: 0;
        margin: 0
    }

    .pagination .pager_navigator .nav .li {
        font-family: 'Lato',sans-serif;
        font-size: 14px;
        line-height: 16px;
        height: 32px;
        color: #9b9b9b;
        font-weight: bold;
        border-bottom: 1px solid #888;
        padding: 0
    }

    .pagination .pager_navigator .nav .a {
        text-decoration: none;
        color: #fff;
        display: block;
        transition: .3s background-color
    }

        .pagination .pager_navigator .nav .a:hover {
            background-color: #000
        }

        .pagination .pager_navigator .nav .a.active {
            background-color: #fff;
            color: #000;
            cursor: default
        }

    .pagination .pager_navigator .nav .body {
        font-size: 14px;
        font-weight: bold
    }

.tags {
    font-size: 0;
    margin: 0 -5px
}

    .tags .tag, .tags .link {
        display: inline-block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 29px;
        line-height: 2.9rem;
        margin: 0 5px 10px;
        vertical-align: top
    }

    .tags .tag {
        background: #d6d6d6;
        color: #fff;
        padding-left: 10px
    }

        .tags .tag:hover {
            background: #858585
        }

        .tags .tag:active {
            background: #5c5c5c
        }

        .tags .tag .icon {
            background-color: transparent;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
            -o-border-radius: 0;
            -ms-border-radius: 0;
            -icab-border-radius: 0;
            border-radius: 0
        }

            .tags .tag .icon:hover, .tags .tag .icon:active {
                background-color: transparent
            }

            .tags .tag .icon.icon_remove {
                background-position: -41px -238px
            }

        .tags .tag .remove {
            float: right;
            height: 29px;
            margin-left: 3px;
            width: 25px
        }

    .tags .link {
        color: #5c5c5c;
        font-weight: 700;
        text-decoration: underline
    }

        .tags .link:hover {
            color: #73c8d2
        }

        .tags .link:active {
            color: #5ca0a8
        }

.filter .show-more-filter {
    display: none
}

.filter input[type=radio] + label, .filter input[type=checkbox] + label {
    margin-left: 10px;
    margin-bottom: 2px
}

    .filter input[type=radio] + label:before, .filter input[type=checkbox] + label:before {
        left: -26px
    }

.filter h2 {
    margin-bottom: 0;
    position: relative;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: left
}

    .filter h2 a {
        display: block;
        z-index: 10;
        margin-bottom: 0;
        position: relative;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 24px;
        font-weight: bold;
        text-align: left
    }

    .filter h2:after {
        background: url(../img/bg/spritedvn.png) no-repeat -288px -137px;
        content: '';
        display: block;
        height: 35px;
        position: absolute;
        right: 0;
        top: 0;
        width: 35px
    }

.filter .show_filter:hover {
    text-decoration: none
}

.filter .label {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #000;
    font-family: 'Lato',sans-serif
}

.filter .filter_form {
    display: none
}

    .filter .filter_form .hint .hint_text {
        margin: 0 -140px 8px 0
    }

.filter .selected_filters {
    display: none;
    margin-bottom: 20px
}

.filter .blue_box {
    padding: 4px 19px 7px
}

.filter.open h2:after {
    background-position: -338px -137px
}

.filter.open .blue_box {
    padding: 4px 19px 19px
}

.filter .show_more {
    color: #5c5c5c;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding-bottom: 2px;
    vertical-align: top;
    text-decoration: underline
}

    .filter .show_more:hover {
        color: #73c8d2
    }

    .filter .show_more:active {
        color: #5ca0a8
    }

    .filter .show_more span {
        display: none
    }

        .filter .show_more span:first-child {
            display: block
        }

    .filter .show_more.active span {
        display: block
    }

        .filter .show_more.active span:first-child {
            display: none
        }

    .filter .show_more .icon {
        display: inline-block;
        height: 16px;
        margin-left: -16px;
        vertical-align: top;
        width: 16px
    }

    .filter .show_more .icon_d_arr_gray {
        background-position: -294px -149px
    }

    .filter .show_more .icon_t_arr_gray {
        background-position: -344px -149px
    }

    .filter .show_more:hover .icon_d_arr_gray {
        background-position: -294px -199px
    }

    .filter .show_more:hover .icon_t_arr_gray {
        background-position: -344px -199px
    }

    .filter .show_more:active .icon_d_arr_gray {
        background-position: -294px -249px
    }

    .filter .show_more:active .icon_t_arr_gray {
        background-position: -344px -249px
    }

.filter .filter_row {
    margin-bottom: 36px
}

    .filter .filter_row:last-child {
        margin-bottom: 0
    }

    .filter .filter_row .label {
        margin-bottom: 7px
    }

        .filter .filter_row .label a:after {
            background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
            content: '';
            height: 20px;
            position: absolute;
            z-index: 10;
            background-position: -549px -346px;
            width: 20px;
            height: 23px;
            cursor: pointer
        }

.filter .field {
    padding-bottom: 20px
}

    .filter .field:last-child {
        padding-bottom: 0
    }

.filter .collapsed {
    display: none
}

.filter .mobile_marker {
    height: 1px;
    left: -9999px;
    position: absolute
}

@media(min-width:768px) {
    .filter h2 {
        font-size: 30px;
        font-size: 3rem
    }

        .filter h2:after {
            display: none
        }

    .filter.open .blue_box, .filter .blue_box {
        padding: 22px 19px 32px
    }

    .filter .filter_form {
        display: block !important
    }

    .filter .show_filter {
        cursor: text
    }
}

@media(min-width:1024px) {
    .filter .show_more {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.submenu ul {
    display: none
}

.submenu li {
    margin-bottom: 2px
}

    .submenu li:last-child {
        margin-bottom: 0
    }

.submenu a {
    background: #e6f0f3;
    color: #5c5c5c;
    display: block;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 20px 11px;
    position: relative
}

    .submenu a:hover {
        background: #cce1e6;
        text-decoration: none
    }

    .submenu a:after {
        border: 10px solid transparent;
        border-left-color: #73c8d2;
        content: "";
        display: none;
        position: absolute;
        left: 100%;
        margin-top: -10px;
        top: 50%
    }

.submenu h2 {
    cursor: pointer;
    font-size: 18px;
    font-size: 1.8rem;
    position: relative
}

    .submenu h2:after {
        content: "";
        font-size: 15px;
        display: block;
        height: 35px;
        position: absolute;
        font-family: "Font Awesome 5 Free";
        right: 0;
        top: 0;
        width: 23px;
        background: none;
        color: #666;
        font-weight: 900
    }

.submenu.open h2:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    font-size: 15px;
    display: block;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
    background: none;
    color: #666;
    font-weight: 900
}

.submenu .active {
    background: #73c8d2;
    color: #fff
}

    .submenu .active:hover {
        background: #73c8d2
    }

.submenu .mobile_marker {
    height: 1px;
    left: -9999px;
    position: absolute
}

@media(min-width:768px) {
    .submenu ul {
        display: block !important
    }

    .submenu h2 {
        cursor: text;
        font-size: 30px;
        font-size: 3rem
    }

        .submenu h2:after {
            display: none
        }

    .submenu .active:after {
        display: block
    }
}

.usefull_info {
    background: #73c8d2;
    color: #fff;
    padding: 17px 29px 18px 29px;
    position: relative
}

    .usefull_info p {
        margin: 0
    }

    .usefull_info .links {
        font-size: 0;
        padding-top: 10px
    }

    .usefull_info .link {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px
    }

@media(min-width:768px) {
    .usefull_info {
        padding-right: 129px
    }

        .usefull_info .links {
            padding-top: 0;
            position: absolute;
            right: 32px;
            top: 11px
        }
}

.accordeon {
    border-top: 1px solid #d6d6d6;
    margin-bottom: 20px
}

    .accordeon .item {
        border-bottom: 1px solid #d6d6d6
    }

    .accordeon .title {
        padding: 20px 0
    }

        .accordeon .title a {
            display: block
        }

            .accordeon .title a:hover {
                color: #73c8d2;
                text-decoration: none
            }

            .accordeon .title a:active {
                color: #003f4f
            }

        .accordeon .title .icon {
            float: right;
            margin: 3px 7px;
            width: 20px;
            height: 20px
        }

    .accordeon .text {
        display: none;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 8px 0 27px
    }

.accordeon_check_out .item {
    margin-bottom: 5px
}

    .accordeon_check_out .item:last-child {
        margin-bottom: 0
    }

.accordeon_check_out .title a {
    background: #006983;
    color: #fff;
    display: block;
    padding: 13px 20px
}

    .accordeon_check_out .title a:hover {
        background: #005469;
        text-decoration: none
    }

    .accordeon_check_out .title a:active {
        background: #003f4f
    }

.accordeon_check_out .title .icon_arr_down_white {
    float: right;
    margin: 3px 7px
}

.accordeon_check_out .title .icon_complete {
    display: none;
    margin: 3px 18px 3px 3px
}

.accordeon_check_out .filled .icon_complete {
    display: inline-block
}

.accordeon_check_out .open .text {
    display: block
}

.accordeon_check_out .text {
    display: none
}

.accordeon_check_out .prev {
    margin-bottom: 10px;
    text-decoration: none;
    color: #036b85
}

.accordeon_check_out .left-arrow {
    background: url(../img/bg/spritedvn.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-position: -95px -394px;
    width: 12px;
    height: 19px;
    cursor: pointer
}

.accordeon_check_out .disabled a:hover, .accordeon_check_out .disabled a:active {
    cursor: pointer;
    color: #006983
}

@media(min-width:768px) {
    .accordeon_check_out .next {
        float: right
    }

    .accordeon_check_out .prev {
        margin-bottom: 0;
        text-decoration: none;
        color: #036b85
    }
}

.checkout_progress {
    border: 1px solid #d6d6d6;
    font-family: 'Lato',sans-serif;
    font-size: 0;
    margin-right: 10px
}

    .checkout_progress li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #d6d6d6;
        display: inline-block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 38px;
        line-height: 3.8rem;
        padding-left: 5px;
        position: relative;
        text-align: center;
        vertical-align: top;
        height: 41px
    }

        .checkout_progress li:after {
            background: url(../img/bg/spritedvn.png) no-repeat -350px -350px;
            bottom: -1px;
            content: '';
            display: block;
            position: absolute;
            right: -20px;
            top: -1px;
            width: 10px;
            z-index: 10;
            background-position: -708px -452px;
            width: 23px;
            height: 44px
        }

        .checkout_progress li:last-child:after {
            display: block
        }

    .checkout_progress .completed {
        background: #a3bf2b;
        color: #fff
    }

        .checkout_progress .completed:after {
            background-position: -749px -452px;
            width: 25px;
            height: 44px
        }

    .checkout_progress .completed {
        background: #a3bf2b
    }

        .checkout_progress .completed a {
            cursor: pointer
        }

    .checkout_progress .active {
        background: #33879c;
        color: #fff
    }

        .checkout_progress .active:after {
            background-position: -704px -390px;
            width: 25px;
            height: 44px
        }

        .checkout_progress .active a {
            color: #fff;
            cursor: pointer
        }

    .checkout_progress a {
        display: block;
        cursor: default
    }

        .checkout_progress a:hover {
            text-decoration: none
        }

@media(min-width:768px) {
    .checkout_progress a {
        display: block;
        float: left;
        margin-left: 30px;
        cursor: default;
        line-height: unset
    }

        .checkout_progress a:hover {
            text-decoration: none
        }
}

@media(min-width:1024px) {
    .checkout_progress a {
        display: block;
        float: left;
        margin-left: 30px;
        cursor: default;
        line-height: unset
    }

        .checkout_progress a:hover {
            text-decoration: none
        }
}

.carrousel {
    position: relative
}

    .carrousel .col:first-child {
        margin-left: 0 !important
    }

    .carrousel .mobile_marker {
        position: absolute;
        left: -9999px
    }

.carrousel_markers {
    height: 0;
    overflow: hidden
}

.mCustomScrollbar .mCSB_horizontal:before, .mCustomScrollbar .mCSB_horizontal:after {
    bottom: 0;
    content: "";
    display: none;
    position: absolute;
    pointer-events: none;
    top: 0;
    width: 210px;
    z-index: 10
}

.mCustomScrollbar .mCSB_horizontal:before {
    background: url('../img/bg/left-shadow.png') repeat-y 0 0;
    left: 0
}

.mCustomScrollbar .mCSB_horizontal:after {
    background: url('../img/bg/right-shadow.png') repeat-y 0 0;
    right: 0
}

.mCustomScrollbar .mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 25%
}

.mCustomScrollbar .mCSB_scrollTools_horizontal {
    left: -1.5%;
    right: -1.5%;
    z-index: 20
}

.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #858585
}

.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail {
    background: #d6d6d6;
    height: 4px;
    margin: 6px 0
}

.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft, .mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight {
    opacity: 1
}

.mCustomScrollbar .mCSB_buttonLeft, .mCustomScrollbar .mCSB_buttonRight {
    background: url('../img/bg/spritedvn.png') no-repeat 0 0;
    height: 16px;
    width: 16px
}

.mCustomScrollbar .mCSB_buttonLeft {
    visibility: hidden
}

.mCustomScrollbar.left_shadow .mCSB_buttonLeft {
    visibility: visible
}

.mCustomScrollbar.hide_right_shadow .mCSB_buttonRight {
    visibility: hidden
}

.mCustomScrollbar .mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    background-position: -450px 0;
    left: 1.5%
}

    .mCustomScrollbar .mCSB_scrollTools_horizontal .mCSB_buttonLeft:hover {
        background-position: -450px -50px
    }

    .mCustomScrollbar .mCSB_scrollTools_horizontal .mCSB_buttonLeft:active {
        background-position: -450px -100px
    }

.mCustomScrollbar .mCSB_scrollTools_horizontal .mCSB_buttonRight {
    background-position: -450px -150px;
    right: 1.5%
}

    .mCustomScrollbar .mCSB_scrollTools_horizontal .mCSB_buttonRight:hover {
        background-position: -450px -200px
    }

    .mCustomScrollbar .mCSB_scrollTools_horizontal .mCSB_buttonRight:active {
        background-position: -450px -250px
    }

@media(min-width:768px) {
    .mCustomScrollbar.left_shadow .mCSB_horizontal:before, .mCustomScrollbar .mCSB_horizontal:after {
        display: block
    }

    .mCustomScrollbar.mCS_no_scrollbar .mCSB_horizontal:before, .mCustomScrollbar.mCS_no_scrollbar .mCSB_horizontal:after, .mCustomScrollbar.hide_right_shadow .mCSB_horizontal:after {
        display: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .mCustomScrollbar .mCSB_buttonLeft, .mCustomScrollbar .mCSB_buttonRight {
        background-image: url('../img/bg/sprite@2x.png');
        background-size: 500px 450px
    }
}

.viewer {
    position: relative
}

    .viewer a {
        outline: none
    }

    .viewer img {
        width: 50%
    }

    .viewer .slide {
        display: none
    }

        .viewer .slide:first-child {
            display: block
        }

    .viewer .thumbs {
        display: block;
        bottom: 9px;
        left: 9px;
        position: absolute
    }

        .viewer .thumbs:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
            line-height: 0
        }

    .viewer .thumb {
        border: 1px solid #ebebeb;
        display: block;
        float: left;
        margin-left: 9px
    }

        .viewer .thumb:hover, .viewer .thumb.active {
            border-color: #cce1e6
        }

.color_block {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 8px 20px;
    text-align: center
}

.bold {
    font-weight: 700
}

.bg_1 {
    background-color: #006983
}

.bg_2 {
    background-color: #33879c
}

.bg_3 {
    background-color: #66a5b5
}

.bg_4 {
    background-color: #99c3cd
}

.bg_5 {
    background-color: #cce1e6
}

.bg_6 {
    background-color: #e6f0f3
}

.bg_7 {
    background-color: #cfc9b8
}

.bg_8 {
    background-color: #d9d4c6
}

.bg_9 {
    background-color: #e2dfd4
}

.bg_10 {
    background-color: #ece9e3
}

.bg_11 {
    background-color: #fafaf8
}

.bg_12 {
    background-color: #ebebeb
}

.bg_13 {
    background-color: #ff7800
}

.bg_14 {
    background-color: #a3bf2b
}

.bg_15 {
    background-color: #73c8d2
}

.bg_16 {
    background-color: #b42314
}

.bg_17 {
    background-color: #333
}

.bg_18 {
    background-color: #5c5c5c
}

.bg_19 {
    background-color: #858585
}

.bg_20 {
    background-color: #d6d6d6
}

.bg_21 {
    background-color: #fff
}

.color_1 {
    color: #006983
}

.color_2 {
    color: #33879c
}

.color_3 {
    color: #66a5b5
}

.color_4 {
    color: #99c3cd
}

.color_5 {
    color: #cce1e6
}

.color_6 {
    color: #e6f0f3
}

.color_7 {
    color: #cfc9b8
}

.color_8 {
    color: #d9d4c6
}

.color_9 {
    color: #e2dfd4
}

.color_10 {
    color: #ece9e3
}

.color_11 {
    color: #fafaf8
}

.color_12 {
    color: #ebebeb
}

.color_13 {
    color: #ff7800
}

.color_14 {
    color: #a3bf2b
}

.color_15 {
    color: #73c8d2
}

.color_16 {
    color: #b42314
}

.color_17 {
    color: #333
}

.color_18 {
    color: #5c5c5c
}

.color_19 {
    color: #858585
}

.color_20 {
    color: #d6d6d6
}

.color_21 {
    color: #fff
}

.notification {
    background: #73c8d2;
    color: #fff;
    line-height: 30px;
    line-height: 3rem;
    margin-bottom: 30px;
    padding: 15px 0
}

    .notification .close {
        background: #73c8d2;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -icab-border-radius: 100%;
        border-radius: 100%;
        display: block;
        height: 24px;
        float: right;
        width: 24px;
        padding: 3px
    }

        .notification .close .icon {
            background-color: transparent
        }

        .notification .close:hover {
            background: #5ca0a8
        }

        .notification .close:active {
            background: #45787e
        }

    .notification.orange {
        background: #ff7800
    }

        .notification.orange .close {
            background: #ff7800
        }

            .notification.orange .close:hover {
                background: #cc6000
            }

            .notification.orange .close:active {
                background: #994800
            }

    .notification.red {
        background: #d27b72
    }

        .notification.red .close {
            background: #b42314
        }

            .notification.red .close:hover {
                background: #b42314
            }

            .notification.red .close:active {
                background: #b42314
            }

    .notification.green {
        background: #a3bf2b
    }

        .notification.green .close {
            background: #62731a
        }

            .notification.green .close:hover {
                background: #829922
            }

            .notification.green .close:active {
                background: #62731a
            }

@media(min-width:768px) {
    .notification {
        margin-bottom: 40px
    }
}

@media(min-width:1024px) {
    .notification {
        margin-bottom: 50px;
        margin-top: 30px
    }
}

.popup_wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000
}

    .popup_wrapper:after {
        content: '';
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .popup_wrapper .table {
        position: relative;
        z-index: 10
    }

.popup {
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.2);
    -webkit-box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 35px 0 rgba(0,0,0,.2);
    box-sizing: border-box;
    margin: 30px auto;
    max-width: 750px;
    padding: 24px 30px 26px;
    position: relative;
    width: 90%
}

    .popup h3 {
        margin-bottom: 28px;
        max-width: 90%
    }

    .popup input[type="radio"] + label, .popup input[type="checkbox"] + label {
        color: #5c5c5c;
        font-weight: 400
    }

    .popup .btn {
        padding-left: 15px;
        padding-right: 15px
    }

    .popup .popup_teasers {
        padding-top: 21px
    }

        .popup .popup_teasers .col {
            margin-bottom: 30px
        }

        .popup .popup_teasers a {
            border: 1px solid #ece9e3;
            display: block;
            padding: 20px 10px;
            position: relative;
            text-align: center
        }

            .popup .popup_teasers a:after {
                border: 1px solid #73c8d2;
                bottom: -2px;
                content: '';
                display: block;
                left: -2px;
                position: absolute;
                right: -2px;
                top: -2px;
                visibility: hidden
            }

            .popup .popup_teasers a:hover {
                border-color: #73c8d2
            }

                .popup .popup_teasers a:hover:after {
                    visibility: visible
                }

        .popup .popup_teasers img {
            margin: 0 auto
        }

        .popup .popup_teasers .image {
            display: block;
            height: 64px;
            margin-bottom: 30px
        }

    .popup .popup_close {
        position: absolute;
        right: 20px;
        top: 20px
    }

        .popup .popup_close i {
            display: block;
            height: 26px;
            position: relative;
            width: 26px
        }

            .popup .popup_close i:before, .popup .popup_close i:after {
                background: #333;
                content: '';
                display: block;
                height: 3px;
                left: 0;
                position: absolute;
                right: 0;
                top: 50%
            }

            .popup .popup_close i:before {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .popup .popup_close i:after {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            .popup .popup_close i:hover:before, .popup .popup_close i:hover:after {
                background: #5c5c5c
            }

@media(min-width:768px) {
    .popup {
        padding: 34px 40px 26px
    }

        .popup .popup_close {
            right: 40px;
            top: 35px
        }
}

.replaced_wrapper {
    position: relative
}

.replaced {
    left: -9999px;
    position: absolute
}

.cs_select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 5px 0;
    position: relative
}

    .cs_select .cs_text {
        color: #858585;
        display: block;
        height: 30px;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal;
        line-height: 30px;
        line-height: 3rem;
        padding: 0 60px 0 20px;
        overflow: hidden
    }

        .cs_select .cs_text i, .cs_options a i, .language_links a i {
            width: 16px;
            height: 13px;
            display: inline-block;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            top: 13px;
            left: 11px
        }

            .cs_select .cs_text i + span, .cs_options a i + span {
                margin-left: 16px
            }

    .cs_select .cs_button {
        border: 1px solid #ebebeb;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100
    }

        .cs_select .cs_button i {
            background: none;
            border-left: 1px solid #ebebeb;
            display: block;
            float: right;
            height: 100%;
            width: 39px;
            text-align: center;
            padding-top: 8px;
            box-sizing: border-box
        }

            .cs_select .cs_button i:after {
                font-family: "Font Awesome 5 Free";
                content: "";
                font-size: 14px;
                color: #ccc;
                font-weight: 900
            }

    .cs_select.error .cs_text {
        color: #b42314
    }

    .cs_select.error .cs_button {
        border-color: #b42314
    }

        .cs_select.error .cs_button i {
            background-position: -89px -189px;
            border-color: #b42314
        }

    .cs_select:hover .cs_text {
        color: #006983
    }

    .cs_select:hover .cs_button {
        border-color: #99c3cd
    }

        .cs_select:hover .cs_button i {
            background-position: -89px -89px;
            border-color: #99c3cd
        }

    .cs_select.active .cs_text {
        color: #006983
    }

    .cs_select.active .cs_button {
        border-color: #99c3cd
    }

        .cs_select.active .cs_button i {
            background-color: #99c3cd;
            background-position: -89px -139px;
            border-color: #99c3cd
        }

            .cs_select.active .cs_button i:after {
                color: #fff
            }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (-o-min-device-pixel-ratio:1.5) {
    .cs_select .cs_button i {
        background-image: url('../img/bg/sprite@2x.png')
    }
}

.cs_options {
    background: #fff;
    z-index: 110
}

    .cs_options .cs_options_wrapper {
        border: 1px solid #99c3cd;
        border-top: none;
        max-height: 300px;
        overflow-y: auto
    }

    .cs_options a {
        color: #858585;
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 7px 20px;
        position: relative
    }

        .cs_options a:hover, .cs_options a:active {
            background: #cce1e6;
            color: #006983;
            text-decoration: none
        }

    .cs_options .selected a {
        background: #99c3cd;
        color: #006983
    }

.language_links {
    margin-left: 40px
}

@media(max-width:1023px) {
    .language_links {
        margin-left: 0
    }
}

.language_links a {
    font-weight: normal
}

    .language_links a:first-child {
        padding-right: 10px;
        border-right: 1px solid #ddd
    }

    .language_links a:last-child {
        padding-left: 10px
    }

    .language_links a i {
        position: relative;
        top: 2px;
        left: 0;
        margin-right: 10px
    }

@media print {
    a[href^='http://']:after {
        content: ' (' attr(href) ')'
    }

    .no_print {
        display: none !important
    }

    .mCSB_container {
        max-width: 100%;
        height: auto !important
    }

    .mCustomScrollBox {
        overflow: visible
    }

    .col_sm_3 {
        max-width: 33%;
        padding: 0 1% !important
    }

    .row {
        max-width: 100%
    }

    .btn {
        border: 1px solid #ccc
    }
}

.logIn_Text {
    font-family: 'Lato',sans-serif;
    font-size: 12px;
    color: #006983;
    background: #fafaf8;
    padding: 8px 10px
}

.total-result {
    display: inline-block
}

.logIn_Text {
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    color: #666;
    background: #fafaf8
}

    .logIn_Text a {
        font-family: Lato,sans-serif;
        font-size: 16px;
        color: #006983;
        font-weight: bold;
        text-decoration: underline;
        margin-right: 3px
    }

    .logIn_Text .text_loggedout {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        font-size: 16px
    }

.info_icon {
    background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
    content: '';
    z-index: 10;
    background-position: -549px -339px;
    width: 20px;
    height: 30px;
    margin-left: 372px
}

.logged-out-user {
    height: 310px !important;
    border: 1px solid #9b9b9b
}

.grid-view-block {
    height: 396px;
    border: 1px solid #9b9b9b;
    padding: 0 0 13px !important
}

    .grid-view-block .compare {
        display: inline-block;
        position: relative;
        vertical-align: top;
        float: right;
        padding: 10px 10px 13px
    }

        .grid-view-block .compare .btn_compare {
            background: #73c8d2;
            color: #fff;
            display: none;
            line-height: 28px;
            line-height: 2.8rem;
            padding: 0 10px;
            position: absolute;
            left: 35px;
            top: 10px
        }

@media(min-width:768px) {
    .grid-view-block .compare .btn_compare {
        background: #73c8d2;
        color: #fff;
        display: none;
        line-height: 28px;
        line-height: 2.8rem;
        padding: 0 10px;
        position: absolute;
        left: 25px;
        top: 2px
    }
}

@media(min-width:1024px) {
    .grid-view-block .compare .btn_compare {
        background: #73c8d2;
        color: #fff;
        display: none;
        line-height: 28px;
        line-height: 2.8rem;
        padding: 0 10px;
        position: absolute;
        left: 25px;
        top: 2px
    }
}

.grid-view-block .compare a {
    background: transparent;
    text-decoration: none;
    font-family: Lato,sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .4px;
    text-align: left;
    color: #006983
}

.grid-view-block .image {
    margin-bottom: 5px;
    margin-top: 37px;
    padding: 10px 10px 13px
}

.grid-view-block h4 {
    overflow: hidden;
    color: #006983;
    font-family: 'Lato',sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-left: 10px;
    margin-right: 20px;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 20px;
    -webkit-line-clamp: 2;
    height: 38px
}

.grid-view-block .article {
    font-family: Lucida Grande;
    font-size: 16px;
    letter-spacing: .2px;
    text-align: center;
    color: #8c8c8c;
    padding-top: 5px
}

.grid-view-block .info .quantity {
    background: #fafaf8;
    color: #003f4f;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    overflow: hidden;
    margin: 12px 0 5px
}

    .grid-view-block .info .quantity .antalText {
        color: #000;
        float: left
    }

    .grid-view-block .info .quantity input {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin: 0 14px;
        padding: 0 2px;
        text-align: center;
        vertical-align: top;
        width: 30px;
        float: left !important
    }

    .grid-view-block .info .quantity .noOfProducts {
        float: right;
        color: #000
    }

.grid-view-block .info .button {
    padding-top: 20px;
    text-align: center
}

.grid-view-block .info .price {
    position: relative;
    z-index: 10;
    float: right;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .2px;
    color: #000;
    display: inline-block;
    margin-top: -54px;
    background-color: #fff
}

.grid-view-block .reimbursed_logo {
    height: 30px;
    margin-top: 14px;
    width: 162px
}

    .grid-view-block .reimbursed_logo .text_reiumbursed {
        width: 47px;
        height: 20px;
        font-family: 'Lato',sans-serif;
        font-size: 12px;
        text-align: left;
        color: #9b9b9b;
        float: left;
        margin-top: 6px;
        margin-left: 5px;
        line-height: 12px
    }

    .grid-view-block .reimbursed_logo .for_reimbursed .reimbursedcompany_logo a:after {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        content: '';
        height: 20px;
        position: absolute;
        margin-top: -25px;
        margin-left: 60px;
        z-index: 10;
        background-position: -549px -346px;
        width: 20px;
        height: 23px;
        cursor: pointer
    }

    .grid-view-block .reimbursed_logo .for_notreimbursed .text_notReiumbursed {
        height: 20px;
        font-family: 'Lato',sans-serif;
        font-size: 12px;
        text-align: left;
        color: #9b9b9b;
        float: left;
        margin-left: 5px !important;
        margin-top: 7px;
        line-height: 12px
    }

        .grid-view-block .reimbursed_logo .for_notreimbursed .text_notReiumbursed a:after {
            background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
            content: '';
            height: 20px;
            position: absolute;
            margin-top: -18px;
            margin-left: 10px;
            z-index: 10;
            background-position: -549px -346px;
            width: 20px;
            height: 23px;
            cursor: pointer
        }

    .grid-view-block .reimbursed_logo .info_icon {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        content: '';
        z-index: 10;
        background-position: -549px -348px;
        width: 20px;
        height: 30px;
        margin-left: 96px
    }

    .grid-view-block .reimbursed_logo .info_icon_notReiumbursed {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        content: '';
        z-index: 10;
        background-position: -549px -345px;
        width: 20px;
        height: 30px;
        margin-left: 70px
    }

.grid-view-block .logIn_Text {
    font-family: 'Lato',sans-serif;
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    background: #fafaf8
}

div.tooltip {
    cursor: pointer
}

    div.tooltip span {
        display: none
    }

    div.tooltip:hover span, a.tooltip:focus span {
        display: block;
        border: 1px solid #d5d5d6;
        color: #000;
        font-size: 12px;
        font-family: 'Lato',sans-serif;
        font-weight: normal;
        text-align: start;
        line-height: 15px;
        width: 250px;
        padding: 10px;
        margin-left: 15px;
        margin-top: -160px;
        content: " ";
        position: absolute;
        left: 50%;
        border-width: 1px
    }

.ShoppingCart .cart .list .item {
    background: #fff;
    color: #006983;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 9px 2px 9px;
    height: 54px;
    border: .25px solid #e6f0f3
}

    .ShoppingCart .cart .list .item .cf {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0
    }

        .ShoppingCart .cart .list .item .cf .size_quantity {
            display: inline-block;
            vertical-align: top;
            margin-top: 20px;
            width: 35px
        }

        .ShoppingCart .cart .list .item .cf .image {
            display: inline-block;
            vertical-align: middle;
            width: 40px
        }

            .ShoppingCart .cart .list .item .cf .image .cart-image {
                border: none;
                display: inline-block;
                max-width: 90%;
                max-height: 43px;
                padding-top: 5px
            }

    .ShoppingCart .cart .list .item .title {
        font-weight: 700;
        line-height: 11px;
        margin-bottom: 4px;
        font-family: 'Lato',sans-serif;
        font-size: 12px;
        color: #006983;
        padding-left: 0;
        width: 90px;
        vertical-align: middle;
        float: right;
        margin-top: 1px;
        text-decoration: none;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

        .ShoppingCart .cart .list .item .title a {
            font-size: 12px;
            color: #006983
        }

.ShoppingCart .cart .total-items {
    display: inline;
    font-weight: bold
}

.ShoppingCart .cart .shipping-price {
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    float: right
}

.ShoppingCart .cart .shipping-total {
    display: inline;
    font-weight: bold
}

    .ShoppingCart .cart .shipping-total a:after {
        content: '';
        height: 20px;
        position: absolute;
        z-index: 10;
        background-position: -549px -346px;
        width: 20px;
        height: 23px
    }

.ShoppingCart .cart .total-price {
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    float: right
}

.ShoppingCart .cart .price {
    color: #006983;
    font-family: 'Lato',sans-serif;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    float: right;
    margin-left: 10px
}

.ShoppingCart .cart .Reimbursed-price {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-left: 10px;
    color: #006983;
    font-family: 'Lato',sans-serif;
    font-size: 12px;
    font-weight: 700
}

.ShoppingCart .cart .remove {
    margin-top: 18px
}

@media(min-width:290px) {
    .ShoppingCart .cart .list .item .title {
        height: 45px;
        line-height: 15px
    }
}

@media(min-width:768px) {
    .ShoppingCart .cart .list .item {
        background: #fff;
        color: #006983;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 9px 2px 9px;
        height: 54px;
        border: .25px solid #e6f0f3
    }

        .ShoppingCart .cart .list .item .cf {
            display: inline-block;
            vertical-align: middle;
            margin-top: 0
        }

            .ShoppingCart .cart .list .item .cf .size_quantity {
                display: inline-block;
                vertical-align: top;
                margin-top: 20px
            }

            .ShoppingCart .cart .list .item .cf .image {
                display: inline-block;
                vertical-align: middle;
                width: 60px
            }

                .ShoppingCart .cart .list .item .cf .image .cart-image {
                    border: none;
                    display: inline-block;
                    max-width: 90%;
                    max-height: 43px;
                    padding-top: 5px
                }

        .ShoppingCart .cart .list .item .title {
            font-weight: 700;
            line-height: 18px;
            margin-bottom: 4px;
            font-family: 'Lato',sans-serif;
            font-size: 12px;
            color: #006983;
            padding-left: 0;
            width: 148px;
            vertical-align: middle;
            float: right;
            margin-top: 10px;
            text-decoration: none;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            height: 38px
        }

            .ShoppingCart .cart .list .item .title a {
                font-size: 12px;
                color: #006983
            }

    .ShoppingCart .cart .total-items {
        display: inline;
        font-weight: bold
    }

    .ShoppingCart .cart .shipping-price {
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        float: right
    }

    .ShoppingCart .cart .shipping-total {
        display: inline;
        font-weight: bold
    }

        .ShoppingCart .cart .shipping-total a:after {
            content: '';
            height: 20px;
            position: absolute;
            z-index: 10;
            background-position: -549px -346px;
            width: 20px;
            height: 23px
        }

    .ShoppingCart .cart .total-price {
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        float: right
    }

    .ShoppingCart .cart .price {
        color: #006983;
        font-family: 'Lato',sans-serif;
        font-size: 12px;
        font-weight: 700;
        display: inline-block;
        float: right;
        margin-left: 10px
    }

    .ShoppingCart .cart .Reimbursed-price {
        display: inline-block;
        vertical-align: middle;
        float: right;
        margin-left: 10px;
        color: #006983;
        font-family: 'Lato',sans-serif;
        font-size: 12px;
        font-weight: 700
    }

    .ShoppingCart .cart .remove {
        margin-top: 18px
    }
}

@media(min-width:1024px) {
    .ShoppingCart .cart .list .item {
        background: #fff;
        color: #006983;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 9px 2px 9px;
        height: 54px;
        border: .25px solid #e6f0f3
    }

        .ShoppingCart .cart .list .item .cf {
            display: inline-block;
            vertical-align: middle;
            margin-top: 0
        }

            .ShoppingCart .cart .list .item .cf .size_quantity {
                display: inline-block;
                vertical-align: top;
                margin-top: 20px
            }

            .ShoppingCart .cart .list .item .cf .image {
                display: inline-block;
                vertical-align: middle;
                width: 60px
            }

                .ShoppingCart .cart .list .item .cf .image .cart-image {
                    border: none;
                    display: inline-block;
                    max-width: 90%;
                    max-height: 43px;
                    padding-top: 5px
                }

        .ShoppingCart .cart .list .item .title {
            font-weight: 700;
            line-height: 18px;
            margin-bottom: 4px;
            font-family: 'Lato',sans-serif;
            font-size: 12px;
            color: #006983;
            padding-left: 0;
            width: 148px;
            vertical-align: middle;
            float: right;
            margin-top: 10px;
            text-decoration: none;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            height: 38px
        }

            .ShoppingCart .cart .list .item .title a {
                font-size: 12px;
                color: #006983
            }

    .ShoppingCart .cart .total-items {
        display: inline;
        font-weight: bold
    }

    .ShoppingCart .cart .shipping-price {
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        float: right
    }

    .ShoppingCart .cart .shipping-total {
        display: inline;
        font-weight: bold
    }

        .ShoppingCart .cart .shipping-total a:after {
            content: '';
            height: 20px;
            position: absolute;
            z-index: 10;
            background-position: -549px -346px;
            width: 20px;
            height: 23px
        }

    .ShoppingCart .cart .total-price {
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        float: right
    }

    .ShoppingCart .cart .price {
        color: #006983;
        font-family: 'Lato',sans-serif;
        font-size: 12px;
        font-weight: 700;
        display: inline-block;
        float: right;
        margin-left: 10px
    }

    .ShoppingCart .cart .Reimbursed-price {
        display: inline-block;
        vertical-align: middle;
        float: right;
        margin-left: 10px;
        color: #006983;
        font-family: 'Lato',sans-serif;
        font-size: 12px;
        font-weight: 700
    }

    .ShoppingCart .cart .remove {
        margin-top: 18px
    }
}

.shopping-cart-separator {
    border: 1px solid #9b9b9b
}

.cart_middle {
    height: 45px;
    padding: 10px 9px 10px 9px
}

.title_cart {
    height: 100px
}

    .title_cart h5 {
        max-height: none;
        width: 234px;
        font-size: 14px;
        font-weight: 700;
        padding: 5px 10px;
        text-decoration: none;
        text-overflow: ellipsis;
        display: inline-block;
        -webkit-box-orient: vertical;
        line-height: 16px;
        -webkit-line-clamp: 1;
        white-space: nowrap;
        overflow: hidden
    }

        .title_cart h5 a {
            color: #036b85;
            font-weight: normal
        }

@media(min-width:768px) {
    .title_cart .for_reimbursed .text_reiumbursed .hint .hint_text {
        margin: 0 -140px 10px 0 !important
    }

    .title_cart .for_notreimbursed .text_notReiumbursed .hint .hint_text {
        margin: 0 -140px 10px 0 !important
    }
}

.title_cart .for_reimbursed {
    display: inline-block;
    margin-top: 3px;
    margin-left: 50px
}

    .title_cart .for_reimbursed .text_reiumbursed {
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 20px
    }

        .title_cart .for_reimbursed .text_reiumbursed a:after {
            background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
            content: '';
            height: 20px;
            position: absolute;
            z-index: 10;
            background-position: -549px -346px;
            width: 20px;
            height: 23px;
            cursor: pointer
        }

.title_cart .for_notreimbursed {
    display: inline-block;
    margin-top: 0;
    margin-left: 50px
}

    .title_cart .for_notreimbursed .text_notReiumbursed {
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 0
    }

        .title_cart .for_notreimbursed .text_notReiumbursed a:after {
            background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
            content: '';
            height: 20px;
            position: absolute;
            z-index: 10;
            background-position: -549px -346px;
            width: 20px;
            height: 23px;
            cursor: pointer
        }

@media(min-width:768px) {
    .title_cart {
        height: 0
    }

        .title_cart h5 {
            max-height: none;
            width: 45%;
            font-size: 14px;
            font-weight: 700;
            overflow: hidden;
            padding: 5px 10px;
            text-decoration: none;
            text-overflow: ellipsis;
            display: inline-block;
            white-space: nowrap;
            -webkit-box-orient: vertical;
            line-height: 16px;
            -webkit-line-clamp: 1
        }

            .title_cart h5 a {
                color: #036b85;
                font-weight: normal
            }

        .title_cart .for_reimbursed {
            display: inline-block;
            float: right;
            margin-top: 3px;
            margin-right: 10px
        }

            .title_cart .for_reimbursed .text_reiumbursed {
                font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
                font-size: 14px;
                font-size: 1.4rem;
                margin-right: 20px
            }

                .title_cart .for_reimbursed .text_reiumbursed a:after {
                    background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                    content: '';
                    height: 20px;
                    position: absolute;
                    z-index: 10;
                    background-position: -549px -346px;
                    width: 20px;
                    height: 23px;
                    cursor: pointer
                }

        .title_cart .for_notreimbursed {
            display: inline-block;
            margin-top: 4px;
            float: right;
            width: 100px
        }

            .title_cart .for_notreimbursed .text_notReiumbursed {
                font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
                font-size: 14px;
                font-size: 1.4rem;
                margin-right: 0
            }

                .title_cart .for_notreimbursed .text_notReiumbursed a:after {
                    background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                    content: '';
                    height: 20px;
                    position: absolute;
                    z-index: 10;
                    background-position: -549px -346px;
                    width: 20px;
                    height: 23px;
                    cursor: pointer
                }
}

@media(min-width:768px) and (min-width:768px) {
    .title_cart .for_reimbursed .text_reiumbursed .hint .hint_text {
        margin: 0 -140px 10px 0 !important
    }

    .title_cart .for_notreimbursed .text_notReiumbursed .hint .hint_text {
        margin: 0 -140px 10px 0 !important
    }
}

@media(min-width:1024px) {
    .title_cart {
        height: 0
    }

        .title_cart h5 {
            max-height: none;
            width: 234px;
            font-size: 14px;
            font-weight: 700;
            overflow: hidden;
            padding: 5px 10px;
            text-decoration: none;
            text-overflow: ellipsis;
            display: inline-block;
            white-space: nowrap;
            -webkit-box-orient: vertical;
            line-height: 16px;
            -webkit-line-clamp: 1;
            float: left
        }

            .title_cart h5 a {
                color: #036b85;
                font-weight: normal
            }

        .title_cart .for_reimbursed {
            display: inline-block;
            float: right;
            margin-top: 3px;
            margin-right: 10px
        }

            .title_cart .for_reimbursed .text_reiumbursed {
                font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
                font-size: 14px;
                font-size: 1.4rem;
                margin-right: 20px
            }

                .title_cart .for_reimbursed .text_reiumbursed a:after {
                    background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                    content: '';
                    height: 20px;
                    position: absolute;
                    z-index: 10;
                    background-position: -549px -346px;
                    width: 20px;
                    height: 23px;
                    cursor: pointer
                }

        .title_cart .for_notreimbursed {
            display: inline-block;
            margin-top: 4px;
            float: right;
            width: 100px
        }

            .title_cart .for_notreimbursed .text_notReiumbursed {
                font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
                font-size: 14px;
                font-size: 1.4rem;
                margin-right: 0
            }

                .title_cart .for_notreimbursed .text_notReiumbursed a:after {
                    background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                    content: '';
                    height: 20px;
                    position: absolute;
                    z-index: 10;
                    background-position: -549px -346px;
                    width: 20px;
                    height: 23px;
                    cursor: pointer
                }
}

@media(min-width:1024px) and (min-width:768px) {
    .title_cart .for_reimbursed .text_reiumbursed .hint .hint_text {
        margin: 0 -140px 10px 0 !important
    }

    .title_cart .for_notreimbursed .text_notReiumbursed .hint .hint_text {
        margin: 0 -140px 10px 0 !important
    }
}

.total_amount {
    background-color: #32879e;
    padding: 5px
}

    .total_amount .TotalAmountText {
        color: #fff;
        font-weight: 700
    }

.width50 {
    width: 50%
}

.mT10 {
    margin-top: 10px !important
}

.mT13 {
    margin-top: 13px
}

.mT15 {
    margin-top: 15px
}

.mT50 {
    margin-top: 50px
}

.mT60 {
    margin-top: 60px
}

.blueTxtP {
    color: #036b85;
    font-size: 14px;
    font-weight: 400
}

.mB35 {
    margin-bottom: 35px
}

.cart_list_item .quantityOfProduct {
    margin-right: 50px
}

    .cart_list_item .quantityOfProduct .antalText {
        color: #333;
        float: left;
        font-size: 14px;
        font-family: Lato,sans-serif;
        margin-top: 7px
    }

    .cart_list_item .quantityOfProduct .quantity {
        line-height: 3rem;
        height: 30px;
        margin: 2px 5px 5px 0;
        padding: 0;
        text-align: center;
        width: 56px
    }

    .cart_list_item .quantityOfProduct .price {
        padding: 1px 0 5px 10px;
        margin-right: 28px
    }

    .cart_list_item .quantityOfProduct .remove {
        margin: 4px 10px 9px 0
    }

        .cart_list_item .quantityOfProduct .remove .icon {
            height: 21px;
            width: 21px;
            margin-top: -2px !important
        }

.cart_list_item .quantityOfProductNotReimbursed {
    margin-right: 0
}

    .cart_list_item .quantityOfProductNotReimbursed .antalText {
        float: left;
        font-size: 14px;
        font-family: Arial;
        margin-top: 7px
    }

    .cart_list_item .quantityOfProductNotReimbursed .quantity {
        line-height: 3rem;
        height: 30px;
        margin: 2px 5px 5px 5px;
        padding: 0;
        text-align: center;
        width: 30px
    }

    .cart_list_item .quantityOfProductNotReimbursed .remove .icon {
        height: 21px;
        width: 21px;
        margin-top: -2px !important
    }

@media(min-width:768px) {
    .cart_list_item .quantityOfProduct {
        display: inline;
        margin-right: 0;
        width: 0
    }

        .cart_list_item .quantityOfProduct .antalText {
            color: #333;
            float: left;
            font-size: 14px;
            font-family: 'Lato',sans-serif;
            margin-top: 3px
        }

        .cart_list_item .quantityOfProduct .quantity {
            line-height: 3rem;
            height: 30px;
            margin: 2px 5px 5px 0;
            padding: 0;
            text-align: center;
            width: 56px
        }

        .cart_list_item .quantityOfProduct .price {
            padding: 1px 0 5px 10px;
            margin-right: 28px
        }

        .cart_list_item .quantityOfProduct .remove {
            margin: 4px 10px 9px 0
        }

            .cart_list_item .quantityOfProduct .remove .icon {
                height: 21px;
                width: 21px;
                margin-top: -2px !important
            }

    .cart_list_item .quantityOfProductNotReimbursed {
        margin-right: 0;
        display: inline;
        width: 30px
    }

        .cart_list_item .quantityOfProductNotReimbursed .antalText {
            float: left;
            font-size: 14px;
            font-family: Arial;
            margin-top: 3px
        }

        .cart_list_item .quantityOfProductNotReimbursed .quantity {
            line-height: 3rem;
            height: 30px;
            margin: 2px 5px 5px 5px;
            padding: 0;
            text-align: center;
            width: 30px
        }

        .cart_list_item .quantityOfProductNotReimbursed .remove .icon {
            height: 21px;
            width: 21px;
            margin-top: -2px !important
        }
}

@media(min-width:1024px) {
    .cart_list_item .quantityOfProduct {
        display: inline;
        margin-right: 0;
        width: 50px
    }

        .cart_list_item .quantityOfProduct .antalText {
            color: #333;
            float: left;
            font-size: 14px;
            font-family: 'Lato',sans-serif;
            margin-top: 3px
        }

        .cart_list_item .quantityOfProduct .quantity {
            line-height: 3rem;
            height: 30px;
            margin: 2px 5px 5px 0;
            padding: 0;
            text-align: center;
            width: 56px
        }

        .cart_list_item .quantityOfProduct .price {
            padding: 1px 0 5px 10px;
            margin-right: 28px
        }

        .cart_list_item .quantityOfProduct .remove {
            margin: 4px 10px 9px 0
        }

            .cart_list_item .quantityOfProduct .remove .icon {
                height: 21px;
                width: 21px;
                margin-top: -2px !important
            }

    .cart_list_item .quantityOfProductNotReimbursed {
        margin-right: 0;
        display: inline;
        width: 50px
    }

        .cart_list_item .quantityOfProductNotReimbursed .antalText {
            float: left;
            font-size: 14px;
            font-family: Arial;
            margin-top: 3px
        }

        .cart_list_item .quantityOfProductNotReimbursed .quantity {
            line-height: 3rem;
            height: 30px;
            margin: 2px 5px 5px 5px;
            padding: 0;
            text-align: center;
            width: 30px
        }

        .cart_list_item .quantityOfProductNotReimbursed .remove .icon {
            height: 21px;
            width: 21px;
            margin-top: -2px !important
        }
}

.shipping_part {
    border-top: .5px solid #cce1e6;
    padding: 15px 0 30px;
    margin-top: 20px
}

    .shipping_part .shippingamountText {
        font-family: Lucida,sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        color: #006983;
        margin-right: 39px;
        float: right;
        margin-top: 2px
    }

.part .TotalAmountText {
    margin-bottom: 10px;
    font-family: Lucida,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #006983;
    margin-right: 39px;
    float: right
}

.form_buttons {
    margin-top: 20px
}

    .form_buttons a {
        background: transparent;
        text-decoration: none;
        font-family: Lucida,sans-serif;
        font-size: 16px;
        letter-spacing: .4px;
        color: #006983;
        text-decoration: underline
    }

.log-in-popup .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.log-in-popup .modal-popup-centre {
    position: relative;
    top: 25%
}

.log-in-popup .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 10px 0 0 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatecentre;
    animation-duration: .4s;
    height: auto;
    width: 362px
}

.log-in-popup .modal-ErrorText {
    margin-top: -18px;
    padding: 0 51px
}

    .log-in-popup .modal-ErrorText .InlogginText {
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: .2px;
        text-align: left;
        color: #73c8d2
    }

@-webkit-keyframes animatetop {
    from {
        top: -100px;
        opacity: 1
    }

    to {
        top: 0;
        opacity: 2
    }
}

@keyframes animatetop {
    from {
        top: -100px;
        opacity: 1
    }

    to {
        top: 0;
        opacity: 2
    }
}

.log-in-popup .close {
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 21px;
    width: 21px;
    float: right;
    margin-right: 10px
}

    .log-in-popup .close:before {
        font-family: "Font Awesome 5 Free";
        content: "";
        font-size: 20px;
        color: #d6d6d6;
        font-weight: 900
    }

    .log-in-popup .close:hover, .log-in-popup .close:focus {
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer
    }

        .log-in-popup .close:hover:before, .log-in-popup .close:focus:before {
            color: #5c5c5c
        }

.log-in-popup .modal-header {
    padding: 20px 51px;
    background-color: #fff;
    color: #fff
}

    .log-in-popup .modal-header h2 {
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 30px;
        font-weight: bold;
        line-height: 34px;
        text-align: left;
        color: #006983
    }

.log-in-popup .error-text {
    color: #fff;
    font-size: 12px;
    line-height: 16.5px;
    text-align: left;
    background-color: #d27b72;
    padding: 10px;
    display: none;
    width: auto
}

.log-in-popup .modal-body {
    padding: 5px 51px;
    margin-top: 16px
}

    .log-in-popup .modal-body .existingCustomers-Text {
        font-family: 'Lato',sans-serif;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: .5px;
        text-align: left;
        color: #000
    }

    .log-in-popup .modal-body .email-loginnumber {
        margin-top: 10px
    }

        .log-in-popup .modal-body .email-loginnumber .error {
            color: #971b1f;
            font-weight: normal;
            margin-top: -4px
        }

        .log-in-popup .modal-body .email-loginnumber label {
            width: 37px;
            height: 14px;
            font-family: 'Lato',sans-serif;
            font-size: 12px;
            text-align: left;
            color: #000;
            font-weight: normal
        }

        .log-in-popup .modal-body .email-loginnumber input {
            width: 259px;
            height: 35px;
            background-color: #fff;
            border: solid .5px #eee
        }

    .log-in-popup .modal-body .passWord {
        margin-top: 4px
    }

        .log-in-popup .modal-body .passWord .error {
            color: #971b1f;
            font-weight: normal;
            margin-top: -4px
        }

        .log-in-popup .modal-body .passWord label {
            width: 37px;
            height: 14px;
            font-family: 'Lato',sans-serif;
            font-size: 12px;
            text-align: left;
            color: #000;
            font-weight: normal
        }

        .log-in-popup .modal-body .passWord input {
            width: 259px;
            height: 35px;
            background-color: #fff;
            border: solid .5px #eee
        }

.log-in-popup .modal-middle {
    background-color: #fff;
    display: -webkit-inline-box;
    height: 39px;
    margin-top: 16px
}

    .log-in-popup .modal-middle .hint-text {
        display: inline-block
    }

        .log-in-popup .modal-middle .hint-text a {
            font-family: 'Lato',sans-serif;
            font-size: 12px;
            line-height: 19px;
            letter-spacing: .3px;
            text-align: left;
            color: #9b9b9b;
            text-decoration: underline;
            display: inline
        }

            .log-in-popup .modal-middle .hint-text a p {
                font-family: 'Lato',sans-serif;
                font-size: 12px;
                line-height: 19px;
                letter-spacing: .3px;
                text-align: left;
                color: #9b9b9b;
                text-decoration: underline;
                margin: 0 0 0 !important
            }

    .log-in-popup .modal-middle .btn-class {
        margin-left: 12px;
        margin-top: 4px;
        display: inline
    }

        .log-in-popup .modal-middle .btn-class .btn {
            display: inline-block;
            font-family: 'Lato',sans-serif;
            padding: 4px 11px;
            text-align: center;
            font-weight: 600;
            font-size: 14px;
            color: #fff
        }

        .log-in-popup .modal-middle .btn-class .logIn_btn {
            background-color: #ff8b00;
            font-family: 'Lato',sans-serif;
            font-size: 16px;
            font-weight: bold;
            text-align: left;
            color: #fff;
            width: 89px;
            height: 33px;
            display: inline-block
        }

.log-in-popup .modal-footer {
    height: 30px;
    margin-top: 24px;
    background-color: #eee;
    padding: 0 15px
}

    .log-in-popup .modal-footer .footer-text a {
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        letter-spacing: .2px;
        text-align: left;
        color: #000;
        text-decoration: underline
    }

.error-text {
    color: #fff;
    font-size: 12px;
    line-height: 16.5px;
    text-align: left;
    background-color: #d27b72;
    padding: 10px;
    width: 300px;
    display: none
}

@media(min-width:768px) {
    .error-text {
        color: #fff;
        font-size: 12px;
        line-height: 16.5px;
        text-align: left;
        background-color: #d27b72;
        padding: 10px;
        width: 500px;
        display: none
    }

    cart_list_item .price {
        min-width: 70px
    }
}

@media(min-width:1024px) {
    .error-text {
        color: #fff;
        font-size: 12px;
        line-height: 16.5px;
        text-align: left;
        background-color: #d27b72;
        padding: 10px;
        width: 500px;
        display: none
    }
}

#orderHistory .options .hint .icon, #OrderCard .options .hint .icon {
    margin: 8px 40px 0 -35px !important
}

.order-history .cart_list_item .size {
    display: inline-block;
    font-size: 12px;
    padding: 0 !important;
    vertical-align: top;
    margin-top: 9px;
    margin-right: 6px;
    float: right
}

.down-arrow span, .up-arrow span {
    background: #e6f0f3;
    margin-left: 8px
}

.read_more {
    margin-left: 13px;
    display: inline-block;
    text-align: left
}

.read_less {
    margin-left: 13px;
    display: inline-block;
    text-align: left
}

.btn_grey {
    height: 40px;
    background-color: #73c8d2;
    color: #fff
}

.checkout-alignment-right .validation .part {
    padding: 3px 0 10px !important;
    margin-top: 0
}

.checkout-alignment-right .validation .checkout_adress fieldset {
    border-top: none !important;
    margin-top: 0 !important;
    padding: 0 !important
}

.checkout-alignment-right .validation .checkout_adress .form_row .field_xl {
    max-width: 240px
}

.checkout-alignment-right .delivery_address {
    width: 260px;
    display: inline-block;
    float: left;
    clear: both;
    margin-top: 0
}

    .checkout-alignment-right .delivery_address .address_block {
        width: 160px;
        height: 97px
    }

        .checkout-alignment-right .delivery_address .address_block p {
            margin-top: 0;
            line-height: 17px;
            letter-spacing: .5px;
            text-align: left
        }

.checkout-alignment-right .additional_information {
    width: 330px;
    display: inline-block;
    float: left;
    clear: both;
    margin-top: 70px
}

    .checkout-alignment-right .additional_information .aaditionalInformation_block {
        width: 279px;
        height: auto
    }

        .checkout-alignment-right .additional_information .aaditionalInformation_block h4 {
            color: #333;
            font-size: 20px
        }

        .checkout-alignment-right .additional_information .aaditionalInformation_block p {
            margin-top: 0;
            line-height: 17px;
            letter-spacing: .5px;
            text-align: left
        }

.checkout-alignment-right .divider {
    width: 1px;
    display: table-cell;
    background-color: #9b9b9b;
    height: 100%;
    position: absolute;
    left: 50%;
    height: 142px;
    display: inline-block
}

.checkout-alignment-right .delivery_date {
    width: 260px;
    margin-left: 0;
    margin-top: 0;
    float: left
}

    .checkout-alignment-right .delivery_date .delivery_block {
        width: 160px;
        height: auto
    }

.checkout-alignment-right .shipping_part {
    border-bottom: 0 !important;
    border-top: 1px solid #9b9b9b;
    padding: 15px 0 40px;
    margin-top: -40px !important
}

.checkout-alignment-right .cart_shpng {
    margin-top: 90px
}

    .checkout-alignment-right .cart_shpng h4 {
        margin-top: 18px;
        border-bottom: 1px solid #f1f5f9;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: normal;
        padding-bottom: 10px;
        color: #333
    }

    .checkout-alignment-right .cart_shpng .cart_list_item {
        display: block;
        background: #fff;
        margin-bottom: 0;
        padding-bottom: 0;
        position: relative;
        border-bottom: 1px solid #cce1e6
    }

        .checkout-alignment-right .cart_shpng .cart_list_item .remove .icon {
            height: 21px;
            width: 21px;
            margin-top: -1px
        }

        .checkout-alignment-right .cart_shpng .cart_list_item .price {
            color: #000;
            float: none;
            font-size: 14px;
            font-weight: 700;
            line-height: 30px;
            line-height: 3rem;
            padding: 3px 0 5px 10px;
            margin-right: 0;
            min-width: 70px;
            float: left
        }

.checkout-alignment-right .checkout_delivery_date .form_row .dates {
    margin: 10px 0 30px;
    padding-left: 30px
}

    .checkout-alignment-right .checkout_delivery_date .form_row .dates label {
        color: #9b9b9b;
        font-weight: 500
    }

    .checkout-alignment-right .checkout_delivery_date .form_row .dates .active {
        color: #000;
        font-weight: bold
    }

.width100 {
    width: 100% !important
}

.whiteBtn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #006983;
    background-color: #fff;
    border: solid 1px #006983;
    border-radius: 2px
}

    .whiteBtn.disabled {
        background: #fff;
        color: #cfc9b8;
        border: 1px solid #cfc9b8;
        font-weight: bold
    }

    .whiteBtn:hover {
        background: #006983;
        color: #fff !important;
        text-decoration: none;
        cursor: pointer
    }

    .whiteBtn:active {
        background: #33879c;
        color: #fff
    }

.checkout_adress h4 {
    color: #333;
    font-size: 18px
}

.checkout-alignment-right .checkout_delivery_date .form_row .dates label {
    margin-bottom: 6px
}

.address_block h4 {
    color: #333;
    font-size: 20px
}

.mT20 {
    margin-top: 20px
}

.checkout_progress .icon_complete {
    display: none
}

.mT3 {
    margin-top: 3px
}

.float-right {
    float: right
}

.padR10 {
    padding-right: 10px
}

.checkout-page-2by3-parent .btn {
    text-transform: none;
    text-align: left;
    padding-left: 10px;
    font-weight: 700
}

.fnt18 {
    font-size: 18px;
    font-weight: 500
}

@media(min-width:290px) {
    .checkout-alignment-right .cart_shpng .cart_list_item .price {
        min-width: 0
    }

    .checkout-page-2by3-parent .btn {
        text-transform: none;
        text-align: center;
        padding-left: 10px;
        font-weight: 700
    }

    .MobilePriceRight {
        float: right
    }

    .checkout_overview .cart_list_item .MobilePriceRight .antalText {
        float: left
    }

    .checkout-alignment-right .row .col {
        margin-bottom: 10px
    }

    .mobileBR {
        display: block
    }

    .cart_list_item .quantityOfProduct {
        margin-right: 0
    }

    .title_cart .for_notreimbursed {
        float: right
    }

    .title_cart .for_reimbursed {
        margin-left: 0;
        float: right
    }

    .width40 {
        width: 40%
    }

    .title_cart {
        height: 0
    }

    .checkout_overview .cart_list_item .antalText {
        float: right
    }

    .title_cart .for_reimbursed .text_reiumbursed {
        margin-right: 0;
        margin-top: 0
    }

    .title_cart .for_notreimbursed .text_notReiumbursed {
        margin-top: 0
    }

    .linkSubmitStep2 {
        width: 100%
    }

    .step2BackBtn {
        float: right;
        position: absolute;
        margin-top: 60px
    }

    .step2GreenBtn {
        width: 100%;
        float: left;
        display: inline-flex
    }

    .checkout-alignment-right .cart_shpng .cart_list_item {
        height: 59px
    }

    .width40 h5 {
        width: 100% !important
    }

    .blue_box .clear .width50 {
        width: 100%
    }

    .cf .mT10 {
        margin-top: 55px;
        position: absolute
    }

    .step3Btns .pull-right .TotalAmountText {
        float: left;
        display: inline-flex;
        width: 100%
    }

    .checkout-page-2by3-parent .col_sm_8 {
        width: 100%
    }

    .checkout-page-2by3-parent .col_sm_4 {
        display: block
    }

        .checkout-page-2by3-parent .col_sm_4 .teaser_checklist {
            display: none
        }

    .linkSubmitStep1 {
        width: 100%;
        margin-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        float: left
    }

    .step3Btns .pull-right {
        float: left;
        width: 90%
    }
}

@media(min-width:768px) {
    .MobilePriceRight {
        float: left
    }

    .step3Btns .pull-right {
        float: right;
        width: auto
    }

    .step3Btns .btn {
        padding-top: 11px;
        padding-bottom: 10px;
        padding-right: 10px
    }

    #formStep3 .width50 {
        width: auto;
        padding-right: 0
    }

    .checkout-page-2by3-parent .btn {
        text-transform: none;
        text-align: left;
        padding-left: 10px;
        font-weight: 700
    }

    .checkout_overview .cart_list_item .MobilePriceRight .antalText {
        float: left
    }

    .checkout-page-2by3-parent .col_sm_8 {
        width: 100%
    }

    .checkout-page-2by3-parent .col_sm_4 {
        display: block
    }

        .checkout-page-2by3-parent .col_sm_4 .teaser_checklist {
            display: none
        }

    .accordeon_check_out .linkSubmitStep1 {
        width: 20%;
        margin-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        float: left
    }

    .linkSubmitStep2 {
        width: 100%;
        padding-right: 10px;
        padding-left: 0
    }

        .linkSubmitStep2:hover {
            background: #6c7e1c;
            color: #000
        }

    .ver .width100 {
        width: 0
    }

    .checkout-alignment-right .cart_shpng .cart_list_item {
        height: auto
    }

    .cf .mT10 {
        margin-top: 10px;
        position: relative
    }

    .step3Btns .pull-right {
        float: right;
        display: block;
        width: auto;
        padding-right: 0
    }

    .blue_box .clear .width50 {
        width: 50%
    }

    .step2BackBtn {
        float: left;
        position: relative;
        margin-top: 15px;
        margin-right: 50px
    }

    .step2GreenBtn {
        width: 22%;
        float: left;
        display: inline-flex
    }

    .mobileBR {
        display: none
    }

    .checkout_overview .cart_list_item .antalText {
        float: left
    }

    .cart_list_item .quantityOfProduct {
        margin-right: 0;
        width: 100%
    }

    .cart_list_item .price {
        min-width: 70px
    }

    .title_cart .for_reimbursed {
        margin-left: 50px
    }

    .checkout-alignment-right .validation .part {
        padding: 3px 0 10px !important
    }

    .checkout-alignment-right .validation .checkout_adress fieldset {
        border-top: none !important;
        margin-top: 0 !important;
        padding: 0 !important
    }

    .checkout-alignment-right .validation .checkout_adress .form_row .field_xl {
        max-width: 240px
    }

    .checkout-alignment-right .delivery_address {
        width: 330px;
        display: inline-block;
        float: left;
        clear: both;
        margin-top: 0
    }

        .checkout-alignment-right .delivery_address .address_block {
            width: 279px;
            height: 97px
        }

            .checkout-alignment-right .delivery_address .address_block p {
                margin-top: 0;
                line-height: 17px;
                letter-spacing: .5px;
                text-align: left
            }

    .checkout-alignment-right .additional_information {
        width: 330px;
        display: inline-block;
        float: left;
        clear: both;
        margin-top: 40px
    }

        .checkout-alignment-right .additional_information .aaditionalInformation_block {
            width: 279px;
            height: auto
        }

            .checkout-alignment-right .additional_information .aaditionalInformation_block h4 {
                color: #333;
                font-size: 20px
            }

            .checkout-alignment-right .additional_information .aaditionalInformation_block p {
                margin-top: 0;
                line-height: 17px;
                letter-spacing: .5px;
                text-align: left
            }

    .checkout-alignment-right .divider {
        width: 1px;
        display: table-cell;
        background-color: #9b9b9b;
        height: 100%;
        position: absolute;
        left: 36%;
        height: 142px;
        display: inline-block
    }

    .checkout-alignment-right .delivery_date {
        width: 332px;
        margin-left: 0;
        margin-top: 0;
        float: left
    }

        .checkout-alignment-right .delivery_date .delivery_block {
            width: 330px;
            height: auto
        }

    .checkout-alignment-right .shipping_part {
        border-bottom: 0 !important;
        border-top: 1px solid #9b9b9b;
        padding: 15px 0 40px;
        margin-top: -40px !important
    }

    .checkout-alignment-right .cart_shpng {
        margin-top: 60px
    }

        .checkout-alignment-right .cart_shpng h4 {
            margin-top: 18px;
            border-bottom: 1px solid #f1f5f9;
            margin-bottom: 0;
            font-size: 18px;
            font-weight: normal;
            padding-bottom: 10px;
            color: #333
        }

        .checkout-alignment-right .cart_shpng .cart_list_item {
            display: block;
            background: #fff;
            margin-bottom: 0;
            padding: 5px;
            position: relative;
            border-bottom: 1px solid #f1f5f9
        }

            .checkout-alignment-right .cart_shpng .cart_list_item .remove .icon {
                height: 21px;
                width: 21px;
                margin-top: -1px
            }

            .checkout-alignment-right .cart_shpng .cart_list_item .price {
                color: #000;
                float: none;
                font-size: 14px;
                font-weight: 700;
                line-height: 30px;
                line-height: 3rem;
                padding: 3px 0 5px 10px;
                margin-right: 0;
                min-width: 70px;
                float: left
            }

    .checkout-alignment-right .checkout_delivery_date .form_row .dates {
        margin: 10px 0 30px
    }

        .checkout-alignment-right .checkout_delivery_date .form_row .dates label {
            color: #9b9b9b;
            font-weight: 500
        }

        .checkout-alignment-right .checkout_delivery_date .form_row .dates .active {
            color: #000;
            font-weight: bold
        }
}

@media(min-width:1025px) {
    .checkout-page-2by3-parent .col_sm_8 {
        width: 66.66666667%
    }

    .checkout-page-2by3-parent .col_sm_4 {
        display: block
    }

        .checkout-page-2by3-parent .col_sm_4 .teaser_checklist {
            display: block
        }

    .checkout-alignment-right .validation .part {
        padding: 3px 0 10px !important
    }

    .checkout-alignment-right .validation .checkout_adress fieldset {
        border-top: none !important;
        margin-top: 0 !important;
        padding: 0 !important
    }

    .checkout-alignment-right .validation .checkout_adress .form_row .field_xl {
        max-width: 240px
    }

    .checkout-alignment-right .delivery_address {
        width: 330px;
        display: inline-block;
        float: left;
        clear: both;
        margin-top: 0
    }

        .checkout-alignment-right .delivery_address .address_block {
            width: 279px;
            height: 97px
        }

            .checkout-alignment-right .delivery_address .address_block p {
                margin-top: 0;
                line-height: 17px;
                letter-spacing: .5px;
                text-align: left
            }

    .checkout-alignment-right .additional_information {
        width: 330px;
        display: inline-block;
        float: left;
        clear: both;
        margin-top: 40px
    }

        .checkout-alignment-right .additional_information .aaditionalInformation_block {
            width: 279px;
            height: auto
        }

            .checkout-alignment-right .additional_information .aaditionalInformation_block h4 {
                color: #333;
                font-size: 20px
            }

            .checkout-alignment-right .additional_information .aaditionalInformation_block p {
                margin-top: 0;
                line-height: 17px;
                letter-spacing: .5px;
                text-align: left
            }

    .checkout-alignment-right .divider {
        width: 1px;
        display: table-cell;
        background-color: #9b9b9b;
        height: 100%;
        position: absolute;
        left: 36%;
        height: 142px;
        display: inline-block
    }

    .checkout-alignment-right .delivery_date {
        width: 332px;
        margin-left: 0;
        margin-top: 0;
        float: left
    }

        .checkout-alignment-right .delivery_date .delivery_block {
            width: 330px;
            height: auto
        }

    .checkout-alignment-right .shipping_part {
        border-bottom: 0 !important;
        border-top: 1px solid #9b9b9b;
        padding: 15px 0 40px;
        margin-top: -40px !important
    }

    .checkout-alignment-right .cart_shpng {
        margin-top: 60px
    }

        .checkout-alignment-right .cart_shpng h4 {
            margin-top: 18px;
            border-bottom: 1px solid #f1f5f9;
            margin-bottom: 0;
            font-size: 18px;
            font-weight: normal;
            padding-bottom: 10px;
            color: #333
        }

        .checkout-alignment-right .cart_shpng .cart_list_item {
            display: block;
            background: #fff;
            margin-bottom: 0;
            padding: 5px;
            position: relative;
            border-bottom: 1px solid #f1f5f9
        }

            .checkout-alignment-right .cart_shpng .cart_list_item .remove .icon {
                height: 21px;
                width: 21px;
                margin-top: -1px
            }

            .checkout-alignment-right .cart_shpng .cart_list_item .price {
                color: #000;
                float: none;
                font-size: 14px;
                font-weight: 700;
                line-height: 30px;
                line-height: 3rem;
                padding: 3px 0 5px 10px;
                margin-right: 0;
                min-width: 70px;
                float: left
            }

    .checkout-alignment-right .checkout_delivery_date .form_row .dates {
        margin: 10px 0 30px
    }

        .checkout-alignment-right .checkout_delivery_date .form_row .dates label {
            color: #9b9b9b;
            font-weight: 500
        }

        .checkout-alignment-right .checkout_delivery_date .form_row .dates .active {
            color: #000;
            font-weight: bold
        }
}

.form-yes-label {
    padding-bottom: 30px
}

.payment-Gateway .payment-method-text h4 {
    line-height: 30px;
    margin: 0
}

.payment-Gateway .choose-prefer-bank {
    width: auto;
    padding: 20px 15px;
    background-color: #fff
}

    .payment-Gateway .choose-prefer-bank .choose-bank-text label {
        display: inline !important;
        line-height: 20px;
        margin-left: 26px;
        position: relative
    }

    .payment-Gateway .choose-prefer-bank .choose-bank-text .bank-img {
        background: url(../img/bg/spritedvn.png) no-repeat 0 0;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-position: -599px -48px;
        width: 36px;
        height: 36px;
        margin-left: 10px;
        margin-right: 15px;
        margin-top: -4px
    }

.payment-Gateway .choosen-payment-mode {
    border: 1px solid #33879c
}

.payment-Gateway .chooseBank {
    padding: 5px 88px
}

    .payment-Gateway .chooseBank .drop-down {
        width: 166px;
        height: 26px;
        border: 1px solid #9b9b9b
    }

.checkout_cart .shopping-cart-separator {
    border: 1px solid #9b9b9b
}

.checkout_cart .cart {
    box-sizing: border-box;
    background: #fff;
    border: .5px solid #33879c;
    width: 330px;
    height: auto
}

    .checkout_cart .cart .list {
        margin-top: 15px
    }

        .checkout_cart .cart .list .item {
            background: #fff;
            font-size: 14px;
            font-size: 1.4rem;
            padding: 0 9px 2px 9px;
            height: 62px
        }

            .checkout_cart .cart .list .item .cf {
                display: inline-block;
                vertical-align: middle;
                margin-top: 0
            }

                .checkout_cart .cart .list .item .cf .image {
                    display: inline-block;
                    vertical-align: middle;
                    width: 60px
                }

                    .checkout_cart .cart .list .item .cf .image .cart-image {
                        border: none;
                        display: inline-block;
                        max-width: 90%;
                        max-height: 50px
                    }

                .checkout_cart .cart .list .item .cf .size_quantity {
                    display: inline-block;
                    vertical-align: top;
                    margin-top: 20px
                }

        .checkout_cart .cart .list .title {
            font-weight: 700;
            line-height: 14px;
            margin-bottom: 4px;
            padding-left: 0;
            width: 120px;
            vertical-align: middle;
            float: right;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            line-height: 20px;
            -webkit-line-clamp: 2;
            height: 38px
        }

    .checkout_cart .cart .total-items {
        display: inline
    }

    .checkout_cart .cart .shipping-price {
        display: inline-block;
        vertical-align: middle;
        float: right
    }

    .checkout_cart .cart .cart_footer {
        padding: 8px 10px 8px 10px;
        height: 16px
    }

    .checkout_cart .cart .subtotal {
        display: inline
    }

    .checkout_cart .cart .shipping-total {
        display: inline
    }

        .checkout_cart .cart .shipping-total a:after {
            content: '';
            height: 20px;
            position: absolute;
            z-index: 10;
            background-position: -549px -346px;
            width: 20px;
            height: 23px
        }

    .checkout_cart .cart .total-price {
        display: inline-block;
        vertical-align: middle;
        float: right
    }

.checkout_cart .cart_middle {
    height: 45px;
    padding: 10px 9px 10px 9px
}

.checkout_cart .price {
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: -10px
}

.checkout_cart .Reimbursed-price {
    display: inline-block;
    vertical-align: middle;
    float: right;
    color: #a3bf2b;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700
}

.checkout_cart .remove {
    border-radius: 100%;
    margin: 15px -5px 0 0;
    height: 21px;
    width: 21px
}

@media(min-width:768px) {
    .HeaderTitle {
        padding: 10px 0 0 25px;
        border-bottom: 1px solid #abdee4;
        margin-bottom: 10px
    }

        .HeaderTitle .link-go {
            padding-left: 5px !important;
            padding-top: 0 !important;
            font-size: 16px
        }

    .fw_subs_wrapper .fa-arrow-circle-o-right {
        font-size: 25px;
        color: #33879c
    }

    .Headerdescription {
        color: #33879c;
        font-size: 16px;
        padding: 4px;
        font-weight: normal !important
    }

    .checkout_cart .shopping-cart-separator {
        border: 1px solid #9b9b9b
    }

    .checkout_cart .cart {
        box-sizing: border-box;
        background: #fff;
        border: .5px solid #33879c;
        width: 380px;
        height: auto
    }

        .checkout_cart .cart .list {
            margin-top: 15px
        }

            .checkout_cart .cart .list .item {
                background: #fff;
                font-size: 14px;
                font-size: 1.4rem;
                padding: 0 9px 2px 9px;
                height: 62px
            }

                .checkout_cart .cart .list .item .cf {
                    display: inline-block;
                    vertical-align: middle;
                    margin-top: 0
                }

                    .checkout_cart .cart .list .item .cf .image {
                        display: inline-block;
                        vertical-align: middle;
                        width: 60px
                    }

                        .checkout_cart .cart .list .item .cf .image .cart-image {
                            border: none;
                            display: inline-block;
                            max-width: 90%;
                            max-height: 50px
                        }

                    .checkout_cart .cart .list .item .cf .size_quantity {
                        display: inline-block;
                        vertical-align: top;
                        margin-top: 20px
                    }

            .checkout_cart .cart .list .title {
                font-weight: 700;
                line-height: 17px;
                margin-bottom: 4px;
                padding-left: 0;
                width: 148px;
                vertical-align: middle;
                float: right;
                margin-top: 10px;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                line-height: 20px;
                -webkit-line-clamp: 2;
                height: 38px
            }

        .checkout_cart .cart .total-items {
            display: inline
        }

        .checkout_cart .cart .shipping-price {
            display: inline-block;
            vertical-align: middle;
            float: right
        }

        .checkout_cart .cart .cart_footer {
            padding: 8px 10px 8px 10px;
            height: 16px
        }

        .checkout_cart .cart .subtotal {
            display: inline
        }

        .checkout_cart .cart .shipping-total {
            display: inline
        }

            .checkout_cart .cart .shipping-total a:after {
                content: '';
                height: 20px;
                position: absolute;
                z-index: 10;
                background-position: -549px -346px;
                width: 20px;
                height: 23px
            }

        .checkout_cart .cart .total-price {
            display: inline-block;
            vertical-align: middle;
            float: right
        }

    .checkout_cart .cart_middle {
        height: 45px;
        padding: 10px 9px 10px 9px
    }

    .checkout_cart .price {
        font-weight: 700;
        display: inline-block;
        vertical-align: middle;
        float: right;
        margin-top: -10px
    }

    .checkout_cart .Reimbursed-price {
        display: inline-block;
        vertical-align: middle;
        float: right;
        color: #a3bf2b;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 700
    }

    .checkout_cart .remove {
        border-radius: 100%;
        margin: 15px -5px 0 0;
        height: 21px;
        width: 21px
    }
}

@media(min-width:1024px) {
    .HeaderTitle {
        padding: 10px 0 0 0 !important;
        border-bottom: 1px solid #abdee4;
        margin-bottom: 10px
    }

        .HeaderTitle .link-go {
            padding-left: 5px !important;
            padding-top: 0 !important;
            font-size: 16px
        }

    .fw_subs_wrapper .fa-arrow-circle-o-right {
        font-size: 25px;
        color: #33879c
    }

    .Headerdescription {
        color: #33879c;
        font-size: 16px;
        float: right;
        width: 25%;
        font-weight: normal
    }

    .checkout_cart .shopping-cart-separator {
        border: 1px solid #9b9b9b
    }

    .checkout_cart .cart {
        box-sizing: border-box;
        background: #fff;
        border: .5px solid #33879c;
        width: 380px;
        height: auto
    }

        .checkout_cart .cart .list {
            margin-top: 15px
        }

            .checkout_cart .cart .list .item {
                background: #fff;
                font-size: 14px;
                font-size: 1.4rem;
                padding: 0 9px 2px 9px;
                height: 62px
            }

                .checkout_cart .cart .list .item .cf {
                    display: inline-block;
                    vertical-align: middle;
                    margin-top: 0
                }

                    .checkout_cart .cart .list .item .cf .image {
                        display: inline-block;
                        vertical-align: middle;
                        width: 60px
                    }

                        .checkout_cart .cart .list .item .cf .image .cart-image {
                            border: none;
                            display: inline-block;
                            max-width: 90%;
                            max-height: 50px
                        }

                    .checkout_cart .cart .list .item .cf .size_quantity {
                        display: inline-block;
                        vertical-align: top;
                        margin-top: 20px
                    }

            .checkout_cart .cart .list .title {
                font-weight: 700;
                margin-bottom: 4px;
                padding-left: 0;
                width: 148px;
                vertical-align: middle;
                float: right;
                margin-top: 10px;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                line-height: 17px;
                -webkit-line-clamp: 2;
                height: 37px
            }

        .checkout_cart .cart .total-items {
            display: inline
        }

        .checkout_cart .cart .shipping-price {
            display: inline-block;
            vertical-align: middle;
            float: right
        }

        .checkout_cart .cart .cart_footer {
            padding: 8px 10px 8px 10px;
            height: 16px
        }

        .checkout_cart .cart .subtotal {
            display: inline
        }

        .checkout_cart .cart .shipping-total {
            display: inline
        }

            .checkout_cart .cart .shipping-total a:after {
                content: '';
                height: 20px;
                position: absolute;
                z-index: 10;
                background-position: -549px -346px;
                width: 20px;
                height: 23px
            }

        .checkout_cart .cart .total-price {
            display: inline-block;
            vertical-align: middle;
            float: right
        }

    .checkout_cart .cart_middle {
        height: 45px;
        padding: 10px 9px 10px 9px
    }

    .checkout_cart .price {
        font-weight: 700;
        display: inline-block;
        vertical-align: middle;
        float: right;
        margin-top: -10px
    }

    .checkout_cart .Reimbursed-price {
        display: inline-block;
        vertical-align: middle;
        float: right;
        color: #a3bf2b;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 700
    }

    .checkout_cart .remove {
        border-radius: 100%;
        margin: 15px -5px 0 0;
        height: 21px;
        width: 21px
    }
}

@media(min-width:768px) {
    .reg-form .hint .icon .icon_info {
        background-position: -199px -149px;
        margin-left: 350px !important
    }

    .reg-form .hint .hint_text {
        margin: 0 -130px 12px 0
    }
}

.product_to_cart .small .text_reiumbursed {
    width: 100%;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    color: #9b9b9b;
    margin-right: 0;
    margin-top: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .fw_subs_wrapper .fa-arrow-circle-o-right {
        font-size: 25px;
        color: #33879c
    }

    .Headerdescription {
        color: #33879c;
        font-size: 16px;
        padding: 4px;
        font-weight: normal !important
    }

    .grid-view-block .reimbursed_logo .for_reimbursed .reimbursedcompany_logo a:after {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        content: '';
        height: 20px;
        position: absolute;
        margin-top: -25px;
        margin-left: 8px;
        z-index: 10;
        background-position: -549px -343px;
        width: 20px;
        height: 23px;
        cursor: pointer
    }

    .title_cart .for_reimbursed .text_reiumbursed a:after {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        content: '';
        height: 20px;
        position: absolute;
        margin-top: -24px;
        margin-left: 58px;
        z-index: 10;
        background-position: -549px -346px;
        width: 20px;
        height: 23px;
        cursor: pointer
    }

    .title_cart .for_notreimbursed .text_notReiumbursed a:after {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        content: '';
        height: 20px;
        position: absolute;
        margin-top: -26px;
        z-index: 10;
        background-position: -549px -346px;
        width: 20px;
        height: 23px;
        cursor: pointer;
        margin-left: 90px
    }

    .product .small .for_reimbursed .reimbursedcompany_logo a:after {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        background-position-x: -150px;
        background-position-y: -200px;
        background-size: 500px 450px;
        content: '';
        height: 20px;
        position: absolute;
        margin-top: -25px;
        z-index: 10;
        background-position: -547px -346px;
        width: 20px;
        height: 23px;
        margin-left: 0 !important
    }

    .product .detail .price {
        display: inline-block;
        vertical-align: top;
        margin-top: 0
    }

    .product .detail .button {
        display: inline-block;
        vertical-align: top;
        float: right;
        margin-top: 0 !important
    }

    .reimbursed_logo_detail {
        align-items: center;
        display: inline-block;
        width: 50%;
        margin: auto
    }

        .reimbursed_logo_detail .for_reimbursed {
            float: right;
            height: 40px
        }

            .reimbursed_logo_detail .for_reimbursed .text_reiumbursed {
                width: 100%;
                height: 20px;
                font-family: Arial;
                font-size: 12px;
                text-align: left;
                color: #9b9b9b;
                float: right;
                margin-top: 7px
            }

            .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo {
                float: right;
                margin-top: -20px
            }

                .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo a:after {
                    background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                    content: '';
                    z-index: 10;
                    background-position: -547px -350px;
                    width: 20px;
                    height: 20px;
                    float: right;
                    margin-top: -21px;
                    display: inline-block;
                    margin-left: 0
                }

    .cart_list_item .remove .icon {
        height: 21px;
        width: 21px;
        margin-top: -3px
    }

    .order-card-info .cart_list_item .remove .icon {
        height: 21px;
        width: 21px;
        margin-top: 3px
    }

    .order-card-info .product_to_cart .button {
        width: 330px
    }

    .title_cart h5 {
        max-height: none;
        width: 45%;
        font-size: 14px;
        font-weight: 700;
        padding: 5px 10px;
        text-decoration: none;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        -webkit-box-orient: vertical;
        line-height: unset;
        -webkit-line-clamp: 1
    }

    Repeat_order_sideteaser input[type=radio] + label {
        display: block;
        line-height: 20px;
        margin-left: 27px;
        position: relative;
        cursor: pointer;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 300
    }

    Repeat_order_sideteaser .teaser_checklist {
        margin-top: 80px;
        border: 1px solid #d5d5d6;
        background: #f7f5f2;
        padding: 10px;
        height: auto
    }

        Repeat_order_sideteaser .teaser_checklist h3 {
            font-size: 22px;
            font-weight: unset;
            line-height: 30px;
            margin: 0 0 20px;
            color: #36a2af;
            font-family: 'Lato',sans-serif
        }

        Repeat_order_sideteaser .teaser_checklist .form fieldset {
            margin: 0 0 15px !important;
            padding: 5px 0 0 !important
        }

        Repeat_order_sideteaser .teaser_checklist .date_and_time {
            margin-bottom: 15px
        }

            Repeat_order_sideteaser .teaser_checklist .date_and_time .date_picker {
                width: 160px;
                display: inline-block
            }

                Repeat_order_sideteaser .teaser_checklist .date_and_time .date_picker p {
                    margin-bottom: 10px
                }

            Repeat_order_sideteaser .teaser_checklist .date_and_time .time_dropdown {
                width: 160px;
                display: inline-block !important
            }

                Repeat_order_sideteaser .teaser_checklist .date_and_time .time_dropdown p {
                    margin-bottom: 10px;
                    margin-left: 10px
                }

                Repeat_order_sideteaser .teaser_checklist .date_and_time .time_dropdown .dropdown_box {
                    border: 1px solid #d5d5d6;
                    height: 40px;
                    margin-left: 10px
                }

                    Repeat_order_sideteaser .teaser_checklist .date_and_time .time_dropdown .dropdown_box:hover {
                        border: 1px solid #99c3cd
                    }

        Repeat_order_sideteaser .teaser_checklist textarea {
            overflow: auto;
            resize: none;
            line-height: 2.4rem;
            height: 100px
        }

    .Repeatorder_button {
        margin-top: 20px;
        margin-bottom: 20px
    }

        .Repeatorder_button .button {
            background: #fff;
            color: #66a5b5;
            float: right;
            margin-top: 5px;
            float: left;
            border: .5px solid #66a5b5;
            padding: 8px 16px
        }

            .Repeatorder_button .button:hover {
                background: #66a5b5;
                color: #fff
            }

        .Repeatorder_button a {
            background: transparent;
            text-decoration: none;
            font-family: Lucida,sans-serif;
            font-size: 16px;
            letter-spacing: .4px;
            color: #006983
        }

        .Repeatorder_button .green_button {
            background: #a3bf2b;
            color: #fff;
            float: right;
            margin-top: 10px !important;
            display: block !important;
            float: left
        }

            .Repeatorder_button .green_button:hover {
                background: #829922;
                color: #fff
            }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (min-width:290px) {
    .HeaderTitle {
        padding: 10px 0 0 0;
        border-bottom: 1px solid #abdee4;
        margin-bottom: 10px
    }

        .HeaderTitle .link-go {
            padding-left: 5px !important;
            padding-top: 0 !important;
            font-size: 16px
        }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (min-width:768px) {
    .HeaderTitle {
        padding: 10px 0 0 25px;
        border-bottom: 1px solid #abdee4;
        margin-bottom: 10px
    }

        .HeaderTitle .link-go {
            padding-left: 5px !important;
            padding-top: 0 !important;
            font-size: 16px
        }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (min-width:1024px) {
    .HeaderTitle {
        padding: 10px 0 0 0 !important;
        border-bottom: 1px solid #abdee4;
        margin-bottom: 10px
    }

        .HeaderTitle .link-go {
            padding-left: 5px !important;
            padding-top: 0 !important;
            font-size: 16px
        }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (min-width:768px) {
    .grid-view-block .hint_text {
        margin: 0 -148px 31px 0
    }

    .title_cart .for_notreimbursed .text_notReiumbursed .hint .hint_text {
        margin: 0 -230px 32px 0 !important
    }

    .title_cart .for_reimbursed .text_reiumbursed .hint .hint_text {
        margin: 0 -194px 32px 0 !important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (min-width:768px) {
    .product .small .for_nonreimb_price {
        display: inline-block;
        vertical-align: top;
        margin-top: -20px !important
    }

    .product .small .button {
        display: inline-block;
        vertical-align: top;
        margin-top: -35px !important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (min-width:1024px) and (min-width:768px) {
    .Repeatorder_button .green_button {
        background: #a3bf2b;
        color: #fff;
        margin-top: -6px !important;
        display: block !important;
        float: right
    }

        .Repeatorder_button .green_button:hover {
            background: #829922;
            color: #fff
        }
}

.customizeOrder_button {
    margin-top: 30px;
    margin-bottom: 100px
}

    .customizeOrder_button .button {
        background: #fff;
        color: #66a5b5;
        float: right;
        margin-top: 5px;
        float: left;
        border: .5px solid #66a5b5;
        padding: 8px 16px
    }

        .customizeOrder_button .button:hover {
            background: #66a5b5;
            color: #fff
        }

    .customizeOrder_button a {
        background: transparent;
        text-decoration: none;
        font-family: Lucida,sans-serif;
        font-size: 16px;
        letter-spacing: .4px;
        color: #006983
    }

    .customizeOrder_button .green_button {
        background: #a3bf2b;
        color: #fff;
        margin-top: -6px !important;
        display: block !important;
        float: right
    }

        .customizeOrder_button .green_button:hover {
            background: #829922;
            color: #fff
        }

@-moz-document url-prefix() {
    .grid-view-block .reimbursed_logo .for_reimbursed .reimbursedcompany_logo a:after {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        content: '';
        height: 20px;
        position: absolute;
        margin-top: -25px;
        margin-left: 8px;
        z-index: 10;
        background-position: -549px -346px;
        width: 20px;
        height: 23px;
        cursor: pointer;
    }

    @media(min-width:768px) {
        .grid-view-block .hint_text {
            margin: 0 -148px 31px 0;
        }
    }

    .product .small .reimbursedcompany_logo a:after {
        background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
        background-position-x: -150px;
        background-position-y: -200px;
        background-size: 500px 450px;
        content: '';
        height: 20px;
        position: absolute;
        margin-top: -25px;
        z-index: 10;
        background-position: -547px -346px;
        width: 20px;
        height: 23px;
        margin-left: 0 !important;
    }

    .product .detail .price {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
    }

    .product .detail .button {
        display: inline-block;
        vertical-align: top;
        float: right;
        margin-top: 0 !important;
    }

    .reimbursed_logo_detail {
        align-items: center;
        display: inline-block;
        width: 50%;
        margin: auto;
    }

        .reimbursed_logo_detail .for_reimbursed {
            float: right;
            height: 40px;
        }

            .reimbursed_logo_detail .for_reimbursed .text_reiumbursed {
                width: 100%;
                height: 20px;
                font-family: Arial;
                font-size: 12px;
                text-align: left;
                color: #9b9b9b;
                float: right;
                margin-top: 7px;
            }

            .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo {
                float: right;
                margin-top: -20px;
            }

                .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo a:after {
                    background: url(../img/bg/spritedvn.png) no-repeat -150px -200px;
                    content: '';
                    z-index: 10;
                    background-position: -547px -350px;
                    width: 20px;
                    height: 20px;
                    float: right;
                    margin-top: -21px;
                    display: inline-block;
                    margin-left: 0;
                }

    .title_cart h5 {
        max-height: none;
        width: 45%;
        font-size: 14px;
        font-weight: 700;
        overflow: hidden;
        padding: 5px 10px;
        text-decoration: none;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        -webkit-box-orient: vertical;
        line-height: 16px;
        -webkit-line-clamp: 1;
    }
}

@media(min-width:320px) {
    .product .small .compare {
        margin-left: 25px;
        float: unset
    }

    .product .small h4 {
        margin: -6px 0 0;
        overflow: hidden;
        padding-left: 20px;
        text-decoration: none;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

.btn_width {
    width: 330px
}

.Repeat_order_overview {
    margin-top: 80px
}

    .Repeat_order_overview h2 {
        font-size: 30px;
        font-weight: unset;
        line-height: 35px;
        margin: 15px 0 20px;
        color: #73c8d2
    }

    .Repeat_order_overview h4 {
        font-size: 24px;
        font-weight: 400;
        line-height: 30px;
        color: #006983;
        font-family: 'Lato',sans-serif;
        margin-bottom: 20px
    }

    .Repeat_order_overview .cart_list_item .quantityOfProductReimbursed_dropdown {
        display: inline;
        margin-right: 20px
    }

        .Repeat_order_overview .cart_list_item .quantityOfProductReimbursed_dropdown .dropdown_count {
            border: .5px solid #adadad;
            height: 25px;
            width: 56px;
            font-size: 12px;
            margin-top: 3px
        }

            .Repeat_order_overview .cart_list_item .quantityOfProductReimbursed_dropdown .dropdown_count:hover {
                border-color: #99c3cd
            }

    .Repeat_order_overview .cart_list_item .quantityOfProductNotReimbursed_dropdown {
        margin-right: 20px;
        display: inline
    }

        .Repeat_order_overview .cart_list_item .quantityOfProductNotReimbursed_dropdown .dropdown_count {
            border: .5px solid #adadad;
            height: 25px;
            width: 56px;
            font-size: 12px;
            margin-top: 3px
        }

            .Repeat_order_overview .cart_list_item .quantityOfProductNotReimbursed_dropdown .dropdown_count:hover {
                border-color: #99c3cd
            }

    .Repeat_order_overview .options .price {
        float: left;
        margin-right: 20px;
        color: #000
    }

    .Repeat_order_overview .title_cart h5 {
        max-height: none;
        width: 500px;
        font-size: 14px;
        font-weight: 700;
        overflow: hidden;
        padding: 5px 10px
    }

    .Repeat_order_overview .part {
        margin-bottom: 60px;
        border-top: 1px solid rgba(0,0,0,.2)
    }

        .Repeat_order_overview .part .TotalAmountText {
            margin-bottom: 10px;
            font-family: Lucida,sans-serif;
            font-size: 16px;
            font-weight: bold;
            text-align: left;
            color: #006983;
            margin-right: 39px;
            float: left;
            padding-top: 20px
        }

        .Repeat_order_overview .part .total_price {
            float: right;
            margin-right: 10px;
            color: #a3bf2b;
            padding-top: 20px;
            font-weight: 700
        }

.Repeat_order_sideteaser input[type=radio] + label {
    display: block;
    line-height: 20px;
    margin-left: 27px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300
}

.Repeat_order_sideteaser .teaser_checklist {
    margin-top: 80px;
    border: 1px solid #d5d5d6;
    background: #f7f5f2;
    padding: 10px;
    height: auto
}

    .Repeat_order_sideteaser .teaser_checklist h3 {
        font-size: 22px;
        font-weight: unset;
        line-height: 30px;
        margin: 0 0 20px;
        color: #36a2af;
        font-family: 'Lato',sans-serif
    }

    .Repeat_order_sideteaser .teaser_checklist .form fieldset {
        margin: 0 0 15px !important;
        padding: 5px 0 0 !important
    }

    .Repeat_order_sideteaser .teaser_checklist .date_and_time {
        margin-bottom: 15px;
        display: flex
    }

        .Repeat_order_sideteaser .teaser_checklist .date_and_time .date_picker {
            width: 160px;
            display: inline-block
        }

            .Repeat_order_sideteaser .teaser_checklist .date_and_time .date_picker p {
                margin-bottom: 10px
            }

        .Repeat_order_sideteaser .teaser_checklist .date_and_time .time_dropdown {
            width: 160px;
            display: inline-table
        }

            .Repeat_order_sideteaser .teaser_checklist .date_and_time .time_dropdown p {
                margin-bottom: 10px;
                margin-left: 10px
            }

            .Repeat_order_sideteaser .teaser_checklist .date_and_time .time_dropdown .dropdown_box {
                border: 1px solid #d5d5d6;
                height: 40px;
                margin-left: 10px
            }

                .Repeat_order_sideteaser .teaser_checklist .date_and_time .time_dropdown .dropdown_box:hover {
                    border: 1px solid #99c3cd
                }

    .Repeat_order_sideteaser .teaser_checklist textarea {
        overflow: auto;
        resize: none;
        line-height: 2.4rem;
        height: 100px
    }

.Repeatorder_button {
    margin-top: 20px;
    margin-bottom: 20px
}

    .Repeatorder_button .button {
        background: #fff;
        color: #66a5b5;
        float: right;
        margin-top: 5px;
        float: left;
        border: .5px solid #66a5b5;
        padding: 8px 16px;
        margin-left: 0
    }

        .Repeatorder_button .button:hover {
            background: #66a5b5;
            color: #fff
        }

    .Repeatorder_button a {
        background: transparent;
        text-decoration: none;
        font-family: Lucida,sans-serif;
        font-size: 16px;
        letter-spacing: .4px;
        color: #006983
    }

    .Repeatorder_button .green_button {
        background: #a3bf2b;
        color: #fff;
        float: right;
        margin-top: 10px !important;
        display: block !important;
        float: left
    }

        .Repeatorder_button .green_button:hover {
            background: #829922;
            color: #fff
        }

@media(min-width:1024px) and (min-width:768px) {
    .Repeatorder_button .green_button {
        background: #a3bf2b;
        color: #fff;
        margin-top: -6px !important;
        display: block !important;
        float: right
    }

        .Repeatorder_button .green_button:hover {
            background: #829922;
            color: #fff
        }
}

.customizeOrder_button {
    margin-top: 30px;
    margin-bottom: 100px
}

    .customizeOrder_button .button {
        background: #fff;
        color: #66a5b5;
        float: right;
        margin-top: 5px;
        float: left;
        border: .5px solid #66a5b5;
        padding: 8px 16px
    }

        .customizeOrder_button .button:hover {
            background: #66a5b5;
            color: #fff
        }

    .customizeOrder_button a {
        background: transparent;
        text-decoration: none;
        font-family: Lucida,sans-serif;
        font-size: 16px;
        letter-spacing: .4px;
        color: #006983
    }

    .customizeOrder_button .green_button {
        background: #a3bf2b;
        color: #fff;
        margin-top: -6px !important;
        display: block !important;
        float: right
    }

        .customizeOrder_button .green_button:hover {
            background: #829922;
            color: #fff
        }

.order_history .product_to_cart .select_all_button {
    margin-bottom: 5px
}

    .order_history .product_to_cart .select_all_button input[type="checkbox"] + label {
        left: 0;
        position: relative;
        top: 1px;
        width: 101px
    }

.nonReimbursed_logo_detail .for_notreimbursed .text_notReiumbursed .hint .hint_text {
    margin: 0 -140px 16px 0
}

@media(min-width:1024px) and (min-width:768px) {
    .reimbursed_logo_detail .for_reimbursed .reimbursedcompany_logo .hint .hint_text {
        margin: 0 -130px 32px 0
    }

    .shipping-total .hint .hint_text {
        margin: 0 -140px 8px 0
    }
}

.dropdown_count {
    border: .5px solid #adadad;
    height: 25px;
    width: 56px;
    font-size: 12px;
    margin-top: 3px
}

.alert-popup .modal, .FirstTimeLogin-Popup .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.alert-popup .modal-popup-centre, .FirstTimeLogin-Popup .modal-popup-centre {
    position: relative;
    top: 25%
}

.alert-popup .modal-content, .FirstTimeLogin-Popup .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border-radius: 3.5px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatecentre;
    animation-duration: .4s;
    height: auto;
    width: 300px
}

    .alert-popup .modal-content h1, .FirstTimeLogin-Popup .modal-content h1 {
        font-size: 37px;
        font-size: 3.7rem;
        font-weight: 300;
        line-height: 44px;
        line-height: 4.4rem;
        margin: 0 0 15px;
        color: #006983;
        font-family: 'Lato',sans-serif
    }

    .alert-popup .modal-content p, .FirstTimeLogin-Popup .modal-content p {
        margin: 0 0 24px
    }

.alert-popup .close, .FirstTimeLogin-Popup .close {
    background: none !important
}

    .alert-popup .close:before, .FirstTimeLogin-Popup .close:before {
        font-family: "Font Awesome 5 Free";
        content: "";
        font-size: 20px;
        color: #d6d6d6;
        font-weight: 900
    }

    .alert-popup .close:hover, .FirstTimeLogin-Popup .close:hover, .alert-popup .close:focus, .FirstTimeLogin-Popup .close:focus {
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer
    }

        .alert-popup .close:hover:before, .FirstTimeLogin-Popup .close:hover:before, .alert-popup .close:focus:before, .FirstTimeLogin-Popup .close:focus:before {
            color: #5c5c5c
        }

.alert-popup .ok_btn, .FirstTimeLogin-Popup .ok_btn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: #006983;
    margin-left: 150px;
    width: 50px;
    cursor: pointer
}

    .alert-popup .ok_btn:hover, .FirstTimeLogin-Popup .ok_btn:hover {
        background-color: #005469
    }

.Repeat_order-popup .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.Repeat_order-popup .modal-popup-centre {
    position: relative;
    top: 25%
}

.Repeat_order-popup .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border-radius: 3.5px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatecentre;
    animation-duration: .4s;
    height: auto;
    width: 300px
}

    .Repeat_order-popup .modal-content h1 {
        font-size: 37px;
        font-size: 3.7rem;
        font-weight: 300;
        line-height: 44px;
        line-height: 4.4rem;
        margin: 0 0 15px;
        color: #006983;
        font-family: 'Lato',sans-serif
    }

    .Repeat_order-popup .modal-content p {
        margin: 0 0 24px
    }

.Repeat_order-popup .close {
    background: none;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #d6d6d6;
    background-position: -43px -243px;
    height: 21px;
    width: 21px;
    border-radius: 10px;
    float: right
}

    .Repeat_order-popup .close:hover, .Repeat_order-popup .close:focus {
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer;
        background-color: #5c5c5c
    }

.Repeat_order-popup .ok_btn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: #006983;
    margin-left: 90px;
    width: 50px
}

    .Repeat_order-popup .ok_btn:hover {
        background-color: #005469
    }

.Repeat_order-popup .cncl_btn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,.2)
}

    .Repeat_order-popup .cncl_btn:hover {
        background-color: #9b9b9b
    }

.confirmation-popup .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.confirmation-popup .modal-popup-centre {
    position: relative;
    top: 25%
}

.confirmation-popup .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border-radius: 3.5px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatecentre;
    animation-duration: .4s;
    height: auto;
    width: 300px
}

    .confirmation-popup .modal-content h1 {
        font-size: 37px;
        font-size: 3.7rem;
        font-weight: 300;
        line-height: 44px;
        line-height: 4.4rem;
        margin: 0 0 15px;
        color: #006983;
        font-family: 'Lato',sans-serif
    }

    .confirmation-popup .modal-content p {
        margin: 0 0 24px
    }

.confirmation-popup .close {
    background: url(../img/bg/spritedvn.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #d6d6d6;
    background-position: -43px -243px;
    height: 21px;
    width: 21px;
    border-radius: 10px;
    float: right
}

    .confirmation-popup .close:hover, .confirmation-popup .close:focus {
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer;
        background-color: #5c5c5c
    }

.confirmation-popup .ok_btn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: #006983;
    margin-left: 90px;
    width: 50px
}

    .confirmation-popup .ok_btn:hover {
        background-color: #005469
    }

.confirmation-popup .cncl_btn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,.2)
}

    .confirmation-popup .cncl_btn:hover {
        background-color: #9b9b9b
    }

.success-popup .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.success-popup .modal-popup-centre {
    position: relative;
    top: 25%
}

.success-popup .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border-radius: 7.5px;
    border: 15px solid #829922;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatecentre;
    animation-duration: .4s;
    height: auto;
    width: 270px
}

    .success-popup .modal-content h3 {
        font-size: 26px;
        font-size: 2.6rem;
        font-weight: 300;
        line-height: 30px;
        line-height: 3rem;
        margin: 0 0 20px;
        color: #006983;
        font-family: 'Lato',sans-serif
    }

    .success-popup .modal-content p {
        margin: 0 0 24px
    }

    .success-popup .modal-content a {
        background: transparent;
        color: #006983;
        text-decoration: none;
        font-weight: 500;
        margin-left: 0
    }

        .success-popup .modal-content a:hover {
            text-decoration: underline
        }

.success-popup .close {
    background: url(../img/bg/spritedvn.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #d6d6d6;
    background-position: -43px -243px;
    height: 21px;
    width: 21px;
    border-radius: 10px;
    float: right
}

    .success-popup .close:hover, .success-popup .close:focus {
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer;
        background-color: #5c5c5c
    }

.success-popup .ok_btn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: #006983;
    margin-left: 90px;
    width: 50px
}

    .success-popup .ok_btn:hover {
        background-color: #005469
    }

@media(min-width:1024px) {
    .alert-popup .modal, .FirstTimeLogin-Popup .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0,0,0,.5)
    }

    .alert-popup .modal-popup-centre, .FirstTimeLogin-Popup .modal-popup-centre {
        position: relative;
        top: 25%
    }

    .alert-popup .modal-content, .FirstTimeLogin-Popup .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 15px;
        border-radius: 3.5px;
        border: 1px solid #888;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: .4s;
        animation-name: animatecentre;
        animation-duration: .4s;
        height: auto;
        width: 362px
    }

        .alert-popup .modal-content h1, .FirstTimeLogin-Popup .modal-content h1 {
            font-size: 37px;
            font-size: 3.7rem;
            font-weight: 300;
            line-height: 44px;
            line-height: 4.4rem;
            margin: 0 0 15px;
            color: #006983;
            font-family: 'Lato',sans-serif
        }

        .alert-popup .modal-content p, .FirstTimeLogin-Popup .modal-content p {
            margin: 0 0 24px
        }

    .alert-popup .close, .FirstTimeLogin-Popup .close {
        background: url(../img/bg/spritedvn.png) no-repeat 0 0;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #d6d6d6;
        background-position: -43px -243px;
        height: 21px;
        width: 21px;
        border-radius: 10px;
        float: right
    }

        .alert-popup .close:hover, .FirstTimeLogin-Popup .close:hover, .alert-popup .close:focus, .FirstTimeLogin-Popup .close:focus {
            border-radius: 10px;
            text-decoration: none;
            cursor: pointer;
            background-color: #5c5c5c
        }

    .alert-popup .ok_btn, .FirstTimeLogin-Popup .ok_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: #006983;
        margin-left: 150px;
        width: 50px
    }

        .alert-popup .ok_btn:hover, .FirstTimeLogin-Popup .ok_btn:hover {
            background-color: #005469
        }

    .Repeat_order-popup .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0,0,0,.5)
    }

    .Repeat_order-popup .modal-popup-centre {
        position: relative;
        top: 25%
    }

    .Repeat_order-popup .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 15px;
        border-radius: 3.5px;
        border: 1px solid #888;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: .4s;
        animation-name: animatecentre;
        animation-duration: .4s;
        height: auto;
        width: 362px
    }

        .Repeat_order-popup .modal-content h1 {
            font-size: 37px;
            font-size: 3.7rem;
            font-weight: 300;
            line-height: 44px;
            line-height: 4.4rem;
            margin: 0 0 15px;
            color: #006983;
            font-family: 'Lato',sans-serif
        }

        .Repeat_order-popup .modal-content p {
            margin: 0 0 24px
        }

    .Repeat_order-popup .close {
        background: url(../img/bg/spritedvn.png) no-repeat 0 0;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #d6d6d6;
        background-position: -43px -243px;
        height: 21px;
        width: 21px;
        border-radius: 10px;
        float: right
    }

        .Repeat_order-popup .close:hover, .Repeat_order-popup .close:focus {
            border-radius: 10px;
            text-decoration: none;
            cursor: pointer;
            background-color: #5c5c5c
        }

    .Repeat_order-popup .ok_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: #006983;
        margin-left: 120px;
        width: 50px
    }

        .Repeat_order-popup .ok_btn:hover {
            background-color: #005469
        }

    .Repeat_order-popup .cncl_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: rgba(0,0,0,.2)
    }

        .Repeat_order-popup .cncl_btn:hover {
            background-color: #9b9b9b
        }

    .confirmation-popup .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0,0,0,.5)
    }

    .confirmation-popup .modal-popup-centre {
        position: relative;
        top: 25%
    }

    .confirmation-popup .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 15px;
        border-radius: 3.5px;
        border: 1px solid #888;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: .4s;
        animation-name: animatecentre;
        animation-duration: .4s;
        height: auto;
        width: 362px
    }

        .confirmation-popup .modal-content h1 {
            font-size: 37px;
            font-size: 3.7rem;
            font-weight: 300;
            line-height: 44px;
            line-height: 4.4rem;
            margin: 0 0 15px;
            color: #006983;
            font-family: 'Lato',sans-serif
        }

        .confirmation-popup .modal-content p {
            margin: 0 0 24px
        }

    .confirmation-popup .close {
        background: url(../img/bg/spritedvn.png) no-repeat 0 0;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #d6d6d6;
        background-position: -43px -243px;
        height: 21px;
        width: 21px;
        border-radius: 10px;
        float: right
    }

        .confirmation-popup .close:hover, .confirmation-popup .close:focus {
            border-radius: 10px;
            text-decoration: none;
            cursor: pointer;
            background-color: #5c5c5c
        }

    .confirmation-popup .ok_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: #006983;
        margin-left: 120px;
        width: 50px
    }

        .confirmation-popup .ok_btn:hover {
            background-color: #005469
        }

    .confirmation-popup .cncl_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: rgba(0,0,0,.2)
    }

        .confirmation-popup .cncl_btn:hover {
            background-color: #9b9b9b
        }

    .success-popup .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0,0,0,.5)
    }

    .success-popup .modal-popup-centre {
        position: relative;
        top: 25%
    }

    .success-popup .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border-radius: 7.5px;
        border: 15px solid #829922;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: .4s;
        animation-name: animatecentre;
        animation-duration: .4s;
        height: auto;
        width: 362px
    }

        .success-popup .modal-content h3 {
            font-size: 26px;
            font-size: 2.6rem;
            font-weight: 300;
            line-height: 30px;
            line-height: 3rem;
            margin: 0 0 20px;
            color: #006983;
            font-family: 'Lato',sans-serif
        }

        .success-popup .modal-content p {
            margin: 0 0 24px
        }

        .success-popup .modal-content a {
            background: transparent;
            color: #006983;
            text-decoration: none;
            font-weight: 500;
            margin-left: 30px
        }

            .success-popup .modal-content a:hover {
                text-decoration: underline
            }

    .success-popup .close {
        background: url(../img/bg/spritedvn.png) no-repeat 0 0;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #d6d6d6;
        background-position: -43px -243px;
        height: 21px;
        width: 21px;
        border-radius: 10px;
        float: right
    }

        .success-popup .close:hover, .success-popup .close:focus {
            border-radius: 10px;
            text-decoration: none;
            cursor: pointer;
            background-color: #5c5c5c
        }

    .success-popup .ok_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: #006983;
        margin-left: 120px;
        width: 50px
    }

        .success-popup .ok_btn:hover {
            background-color: #005469
        }
}

@media(min-width:768px) {
    .alert-popup .modal, .FirstTimeLogin-Popup .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0,0,0,.5)
    }

    .alert-popup .modal-popup-centre, .FirstTimeLogin-Popup .modal-popup-centre {
        position: relative;
        top: 25%
    }

    .alert-popup .modal-content, .FirstTimeLogin-Popup .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 15px;
        border-radius: 3.5px;
        border: 1px solid #888;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: .4s;
        animation-name: animatecentre;
        animation-duration: .4s;
        height: auto;
        width: 362px
    }

        .alert-popup .modal-content h1, .FirstTimeLogin-Popup .modal-content h1 {
            font-size: 37px;
            font-size: 3.7rem;
            font-weight: 300;
            line-height: 44px;
            line-height: 4.4rem;
            margin: 0 0 15px;
            color: #006983;
            font-family: 'Lato',sans-serif
        }

        .alert-popup .modal-content p, .FirstTimeLogin-Popup .modal-content p {
            margin: 0 0 24px
        }

    .alert-popup .close, .FirstTimeLogin-Popup .close {
        background: url(../img/bg/spritedvn.png) no-repeat 0 0;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #d6d6d6;
        background-position: -43px -243px;
        height: 21px;
        width: 21px;
        border-radius: 10px;
        float: right
    }

        .alert-popup .close:hover, .FirstTimeLogin-Popup .close:hover, .alert-popup .close:focus, .FirstTimeLogin-Popup .close:focus {
            border-radius: 10px;
            text-decoration: none;
            cursor: pointer;
            background-color: #5c5c5c
        }

    .alert-popup .ok_btn, .FirstTimeLogin-Popup .ok_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: #006983;
        margin-left: 150px;
        width: 50px
    }

        .alert-popup .ok_btn:hover, .FirstTimeLogin-Popup .ok_btn:hover {
            background-color: #005469
        }

    .Repeat_order-popup .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0,0,0,.5)
    }

    .Repeat_order-popup .modal-popup-centre {
        position: relative;
        top: 25%
    }

    .Repeat_order-popup .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 15px;
        border-radius: 3.5px;
        border: 1px solid #888;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: .4s;
        animation-name: animatecentre;
        animation-duration: .4s;
        height: auto;
        width: 362px
    }

        .Repeat_order-popup .modal-content h1 {
            font-size: 37px;
            font-size: 3.7rem;
            font-weight: 300;
            line-height: 44px;
            line-height: 4.4rem;
            margin: 0 0 15px;
            color: #006983;
            font-family: 'Lato',sans-serif
        }

        .Repeat_order-popup .modal-content p {
            margin: 0 0 24px
        }

    .Repeat_order-popup .close {
        background: url(../img/bg/spritedvn.png) no-repeat 0 0;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #d6d6d6;
        background-position: -43px -243px;
        height: 21px;
        width: 21px;
        border-radius: 10px;
        float: right
    }

        .Repeat_order-popup .close:hover, .Repeat_order-popup .close:focus {
            border-radius: 10px;
            text-decoration: none;
            cursor: pointer;
            background-color: #5c5c5c
        }

    .Repeat_order-popup .ok_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: #006983;
        margin-left: 120px;
        width: 50px
    }

        .Repeat_order-popup .ok_btn:hover {
            background-color: #005469
        }

    .Repeat_order-popup .cncl_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: rgba(0,0,0,.2)
    }

        .Repeat_order-popup .cncl_btn:hover {
            background-color: #9b9b9b
        }

    .confirmation-popup .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0,0,0,.5)
    }

    .confirmation-popup .modal-popup-centre {
        position: relative;
        top: 25%
    }

    .confirmation-popup .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 15px;
        border-radius: 3.5px;
        border: 1px solid #888;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: .4s;
        animation-name: animatecentre;
        animation-duration: .4s;
        height: auto;
        width: 362px
    }

        .confirmation-popup .modal-content h1 {
            font-size: 37px;
            font-size: 3.7rem;
            font-weight: 300;
            line-height: 44px;
            line-height: 4.4rem;
            margin: 0 0 15px;
            color: #006983;
            font-family: 'Lato',sans-serif
        }

        .confirmation-popup .modal-content p {
            margin: 0 0 24px
        }

    .confirmation-popup .close {
        background: url(../img/bg/spritedvn.png) no-repeat 0 0;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #d6d6d6;
        background-position: -43px -243px;
        height: 21px;
        width: 21px;
        border-radius: 10px;
        float: right
    }

        .confirmation-popup .close:hover, .confirmation-popup .close:focus {
            border-radius: 10px;
            text-decoration: none;
            cursor: pointer;
            background-color: #5c5c5c
        }

    .confirmation-popup .ok_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: #006983;
        margin-left: 120px;
        width: 50px
    }

        .confirmation-popup .ok_btn:hover {
            background-color: #005469
        }

    .confirmation-popup .cncl_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: rgba(0,0,0,.2)
    }

        .confirmation-popup .cncl_btn:hover {
            background-color: #9b9b9b
        }

    .success-popup .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0,0,0,.5)
    }

    .success-popup .modal-popup-centre {
        position: relative;
        top: 25%
    }

    .success-popup .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border-radius: 7.5px;
        border: 15px solid #829922;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: .4s;
        animation-name: animatecentre;
        animation-duration: .4s;
        height: auto;
        width: 362px
    }

        .success-popup .modal-content h3 {
            font-size: 26px;
            font-size: 2.6rem;
            font-weight: 300;
            line-height: 30px;
            line-height: 3rem;
            margin: 0 0 20px;
            color: #006983;
            font-family: 'Lato',sans-serif
        }

        .success-popup .modal-content p {
            margin: 0 0 24px
        }

        .success-popup .modal-content a {
            background: transparent;
            color: #006983;
            text-decoration: none;
            font-weight: 500;
            margin-left: 30px
        }

            .success-popup .modal-content a:hover {
                text-decoration: underline
            }

    .success-popup .close {
        background: url(../img/bg/spritedvn.png) no-repeat 0 0;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #d6d6d6;
        background-position: -43px -243px;
        height: 21px;
        width: 21px;
        border-radius: 10px;
        float: right
    }

        .success-popup .close:hover, .success-popup .close:focus {
            border-radius: 10px;
            text-decoration: none;
            cursor: pointer;
            background-color: #5c5c5c
        }

    .success-popup .ok_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background-color: #006983;
        margin-left: 120px;
        width: 50px
    }

        .success-popup .ok_btn:hover {
            background-color: #005469
        }
}

.repeat-order .block_contact p {
    display: inline-block
}

    .repeat-order .block_contact p:before {
        font-family: "Font Awesome 5 Free";
        color: #03708c;
        font-size: 30px;
        font-weight: 900;
        content: "";
        position: relative;
        margin-right: 5px;
        float: left
    }

.date-pic-tooltip {
    display: block
}

.checkbox-content input[type=checkbox] {
    height: 20px;
    width: 20px;
    display: block !important
}

.checkbox-content input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox
}

.scfCheckBoxListBorder input[type=checkbox] {
    height: 20px;
    width: 20px;
    display: inline-block !important;
    margin-right: 5px
}

.scfCheckBoxListBorder input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox
}

.cross-sell-popup .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.cross-sell-popup .modal-popup-centre {
    position: relative;
    top: 10%
}

.cross-sell-popup .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 10px 0 0 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatecentre;
    animation-duration: .4s;
    height: auto;
    width: 1000px;
    padding: 30px
}

.cross-sell-popup .modal-ErrorText {
    margin-top: -18px
}

    .cross-sell-popup .modal-ErrorText .InlogginText {
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: .2px;
        text-align: left;
        color: #73c8d2;
        padding: 0 25px 0 25px
    }

.cross-sell-popup -webkit-keyframes animatetop from {
    top: -100px;
    opacity: 1
}

.cross-sell-popup -webkit-keyframes animatetop to {
    top: 0;
    opacity: 2
}

.cross-sell-popup keyframes animatetop from {
    top: -100px;
    opacity: 1
}

.cross-sell-popup keyframes animatetop to {
    top: 0;
    opacity: 2
}

.cross-sell-popup .close {
    background: url(../img/bg/spritedvn.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #d6d6d6;
    background-position: -43px -243px;
    height: 21px;
    width: 21px;
    border-radius: 10px;
    float: right;
    margin-right: 10px
}

    .cross-sell-popup .close:hover, .cross-sell-popup .close:focus {
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer;
        background-color: #5c5c5c
    }

.cross-sell-popup .modal-header {
    padding: 12px 0;
    background-color: #fff;
    color: #fff
}

    .cross-sell-popup .modal-header h2 {
        font-family: 'Lato',sans-serif;
        font-size: 30px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #006983
    }

.cross-sell-popup p {
    margin: 0 0 24px;
    padding: 0 28px
}

.cross-sell-popup .error-text {
    color: #fff;
    font-size: 12px;
    line-height: 16.5px;
    text-align: left;
    background-color: #d27b72;
    padding: 10px;
    display: none;
    width: auto
}

.cross-sell-popup .modal-body {
    padding: 5px 21px;
    margin-top: 16px
}

    .cross-sell-popup .modal-body .col_sm_8 {
        width: 66.66666667%;
        display: inline
    }

    .cross-sell-popup .modal-body .col_sm_4 {
        width: 33.33333333%;
        display: inline-block
    }

    .cross-sell-popup .modal-body .out-of-stock-products {
        width: 333px;
        display: inline-block
    }

        .cross-sell-popup .modal-body .out-of-stock-products h4 {
            font-family: LucidaGrande;
            font-size: 16px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #f00;
            display: inline;
            margin-left: 10px
        }

        .cross-sell-popup .modal-body .out-of-stock-products .fa-stack {
            position: relative;
            display: inline-block;
            width: 2em;
            height: 0;
            line-height: 2em;
            vertical-align: top;
            font-size: 10px;
            margin-top: -4px
        }

        .cross-sell-popup .modal-body .out-of-stock-products .fa-truck {
            line-height: inherit;
            font-size: 10px;
            margin-top: 8px
        }

        .cross-sell-popup .modal-body .out-of-stock-products .fa-ban {
            color: #f00;
            font-size: 20px;
            margin-top: 8px
        }

        .cross-sell-popup .modal-body .out-of-stock-products .outofstock-product-list {
            padding: 5px
        }

            .cross-sell-popup .modal-body .out-of-stock-products .outofstock-product-list .list {
                margin-top: 14px;
                border-top: 1px solid #d5d5d6
            }

            .cross-sell-popup .modal-body .out-of-stock-products .outofstock-product-list .item {
                height: 70px
            }

            .cross-sell-popup .modal-body .out-of-stock-products .outofstock-product-list .image {
                display: inline-block;
                vertical-align: middle;
                width: 50px;
                margin-left: 25px
            }

                .cross-sell-popup .modal-body .out-of-stock-products .outofstock-product-list .image a img {
                    border: none;
                    display: block;
                    max-width: 100%;
                    height: 50px
                }

                .cross-sell-popup .modal-body .out-of-stock-products .outofstock-product-list .image .fa-stack {
                    position: relative;
                    display: inline-block;
                    width: 2em;
                    height: 0;
                    line-height: 2em;
                    vertical-align: top;
                    font-size: 10px;
                    margin-top: -20px;
                    margin-left: 20px
                }

            .cross-sell-popup .modal-body .out-of-stock-products .outofstock-product-list .title {
                font-weight: 700;
                line-height: 18px;
                margin-bottom: 4px;
                font-family: lucida;
                font-size: 11px;
                color: #006983;
                width: 130px;
                vertical-align: middle;
                margin-top: 0;
                height: 38px;
                display: inline-block
            }

            .cross-sell-popup .modal-body .out-of-stock-products .outofstock-product-list .size_quantity {
                display: inline-block;
                vertical-align: top;
                margin-top: 24px;
                font-size: 14px;
                font-family: lucida;
                float: right;
                margin-right: 90px
            }

            .cross-sell-popup .modal-body .out-of-stock-products .outofstock-product-list .price {
                display: -webkit-box;
                vertical-align: top;
                margin-top: 15px;
                font-size: 14px;
                font-family: lucida;
                margin-right: 30px;
                float: right;
                margin-top: -50px;
                color: #a3bf2b
            }

    .cross-sell-popup .modal-body .alternate-products {
        width: 333px;
        display: inline-block
    }

        .cross-sell-popup .modal-body .alternate-products h4 {
            font-family: LucidaGrande;
            font-size: 16px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #000;
            display: inline;
            margin-left: 10px
        }

        .cross-sell-popup .modal-body .alternate-products .fa {
            font-size: 14px;
            color: #a3bf2b;
            margin-left: 8px
        }

        .cross-sell-popup .modal-body .alternate-products .fa-plus {
            font-size: 14px;
            color: #228b22
        }

        .cross-sell-popup .modal-body .alternate-products .alternate-products-list {
            padding: 5px
        }

            .cross-sell-popup .modal-body .alternate-products .alternate-products-list .list {
                margin-top: 14px;
                border-top: 1px solid #d5d5d6
            }

            .cross-sell-popup .modal-body .alternate-products .alternate-products-list .item {
                height: 70px
            }

            .cross-sell-popup .modal-body .alternate-products .alternate-products-list .image {
                display: inline-block;
                vertical-align: middle;
                width: 50px;
                margin-left: 25px
            }

                .cross-sell-popup .modal-body .alternate-products .alternate-products-list .image a img {
                    border: none;
                    display: block;
                    max-width: 100%;
                    height: 50px
                }

                .cross-sell-popup .modal-body .alternate-products .alternate-products-list .image .fa {
                    font-size: 14px;
                    color: #a3bf2b;
                    margin-left: 28px;
                    margin-top: -15px;
                    vertical-align: top
                }

                .cross-sell-popup .modal-body .alternate-products .alternate-products-list .image .fa-plus {
                    font-size: 14px;
                    color: #228b22
                }

            .cross-sell-popup .modal-body .alternate-products .alternate-products-list .title {
                font-weight: 700;
                line-height: 18px;
                margin-bottom: 4px;
                font-family: lucida;
                font-size: 11px;
                color: #006983;
                width: 130px;
                vertical-align: middle;
                margin-top: 0;
                height: 38px;
                display: inline-block
            }

            .cross-sell-popup .modal-body .alternate-products .alternate-products-list .size_quantity {
                display: inline-block;
                vertical-align: top;
                font-size: 14px;
                font-family: lucida;
                margin-left: 5px;
                float: right;
                margin-top: -50px;
                margin-right: 90px
            }

            .cross-sell-popup .modal-body .alternate-products .alternate-products-list .price {
                display: -webkit-box;
                vertical-align: top;
                margin-top: 15px;
                font-size: 14px;
                font-family: lucida;
                margin-right: 30px;
                float: right;
                margin-top: -50px;
                color: #a3bf2b
            }

    .cross-sell-popup .modal-body .bin-products {
        width: 315px;
        display: inline-block;
        float: right
    }

        .cross-sell-popup .modal-body .bin-products h4 {
            font-family: LucidaGrande;
            font-size: 16px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #000;
            display: inline;
            margin-left: 10px
        }

        .cross-sell-popup .modal-body .bin-products .fa-trash {
            color: #696969;
            font-size: 16px;
            margin-left: 5px
        }

        .cross-sell-popup .modal-body .bin-products .bin-products-list .list {
            margin-top: 19px;
            border-top: 1px solid #d5d5d6
        }

        .cross-sell-popup .modal-body .bin-products .bin-products-list .item {
            height: 70px
        }

        .cross-sell-popup .modal-body .bin-products .bin-products-list .content-text {
            padding-top: 22px
        }

.cross-sell-popup .modal-middle {
    background-color: #fff;
    height: 60px;
    margin-top: 16px
}

    .cross-sell-popup .modal-middle .crossell_button .button {
        background: #fff;
        color: #66a5b5;
        float: right;
        float: left;
        border: .5px solid #66a5b5;
        padding: 8px 16px;
        margin-left: 0;
        margin-left: -20px
    }

    .cross-sell-popup .modal-middle .crossell_button .green_button {
        background: #a3bf2b;
        color: #fff;
        margin-top: 0 !important;
        display: block !important;
        float: right;
        margin-right: -20px
    }

.cross-sell-popup .modal-footer {
    height: 30px;
    margin-top: 24px;
    background-color: #eee;
    padding: 0 15px
}

    .cross-sell-popup .modal-footer .footer-text a {
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        letter-spacing: .2px;
        text-align: left;
        color: #000;
        text-decoration: underline
    }

.quantityOfProduct-drpdwn .dropdown_count {
    border: .5px solid #adadad;
    height: 25px;
    width: 56px;
    font-size: 12px
}

.grid-view-block .quantityOfProduct-drpdwn .dropdown_count {
    border: .5px solid #adadad;
    height: 25px;
    width: 56px;
    font-size: 12px;
    float: left;
    margin-left: 10px
}

.product_detail_page .quantityOfProduct-drpdwn .dropdown_count {
    border: .5px solid #adadad;
    height: 25px;
    width: 56px;
    font-size: 12px
}

.order-card-info .cart_list_item .quantity {
    margin: 0 5px 5px 5px;
    width: 150px
}

    .order-card-info .cart_list_item .quantity .numeric {
        float: left;
        width: 30px !important;
        margin-left: 30px
    }

.order-card-info .cart_list_item .noOfProducts {
    float: left;
    display: inline;
    font-size: 14px
}

.order-card-info .cart_list_item .quantityOfProduct-drpdwn {
    margin-top: 10px
}

    .order-card-info .cart_list_item .quantityOfProduct-drpdwn .dropdown_count {
        border: .5px solid #adadad;
        height: 25px;
        width: 56px;
        font-size: 12px;
        margin-top: -1px;
        float: left;
        position: relative;
        margin-right: 10px
    }

.checkout-alignment-right .cart_list_item .antalText {
    margin-right: 5px
}

.checkout-alignment-right .cart_list_item .price {
    color: #000;
    float: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    line-height: 3rem;
    padding: 6px 0 5px 10px;
    margin-right: 28px;
    margin-top: -3px !important
}

.checkout-alignment-right .quantityOfProduct-drpdwn .dropdown_count {
    border: .5px solid #adadad;
    height: 25px;
    width: 56px;
    font-size: 12px;
    margin-right: 40px;
    margin-top: -20px
}

.checkout_overview .quantityOfProduct-drpdwn .dropdown_count {
    border: .5px solid #adadad;
    height: 25px;
    width: 56px;
    font-size: 12px;
    margin-top: 2px
}

.checkout_overview .cart_list_item .antalText {
    margin-right: 5px
}

.checkout_overview .cart_list_item .price {
    color: #000;
    float: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    line-height: 3rem;
    padding: 6px 0 5px 10px;
    margin-right: 28px;
    margin-top: -3px !important
}

@media screen and (min-width:290px) {
    .form_search .submit {
        display: block;
        margin-left: 0;
        padding: 0
    }

    .form_search .field {
        margin-left: 0;
        padding: 0;
        position: absolute;
        margin-top: 0
    }

    .header .logo img {
        margin: 0;
        max-height: 28px;
        margin-bottom: 23px
    }

    .header_wrapper .header .sooqr_search .form_box {
        height: 0
    }

    .header_wrapper .header .sooqr_search .sooqr-search-bar {
        display: none;
        height: 44px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a
    }

        .header_wrapper .header .sooqr_search .sooqr-search-bar .button {
            float: right;
            height: 38px;
            border: solid 1px #e7eef4;
            background-color: #f1f5f9;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px
        }

            .header_wrapper .header .sooqr_search .sooqr-search-bar .button a {
                background: transparent;
                color: #006983;
                text-decoration: none
            }

                .header_wrapper .header .sooqr_search .sooqr-search-bar .button a .icon {
                    height: 40px;
                    width: 40px
                }

                .header_wrapper .header .sooqr_search .sooqr-search-bar .button a .icon_search {
                    background-position: 8px -40px !important;
                    height: 40px;
                    width: 40px
                }

        .header_wrapper .header .sooqr_search .sooqr-search-bar .search-bar_textbox {
            border: solid .5px #e7eef4;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px
        }

            .header_wrapper .header .sooqr_search .sooqr-search-bar .search-bar_textbox input {
                height: 39px;
                background-color: #f1f5f9 !important;
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px
            }

    .header_wrapper .header .sooqr_search .general_search_bar {
        display: none
    }
}

@media screen and (min-width:768px) {
    .header .logo img {
        margin: auto 0;
        max-height: 50px;
        margin-bottom: 10px
    }

    .form_search .submit {
        display: block;
        margin-left: 0;
        padding: 0
    }

    .header_wrapper .header .sooqr_search .form_box {
        height: 0
    }

    .header_wrapper .header .sooqr_search .sooqr-search-bar {
        display: none;
        height: 44px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a
    }

        .header_wrapper .header .sooqr_search .sooqr-search-bar .button {
            float: right;
            height: 38px;
            border: solid 1px #e7eef4;
            background-color: #f1f5f9;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px
        }

            .header_wrapper .header .sooqr_search .sooqr-search-bar .button a {
                background: transparent;
                color: #006983;
                text-decoration: none
            }

                .header_wrapper .header .sooqr_search .sooqr-search-bar .button a .icon {
                    height: 40px;
                    width: 40px
                }

                .header_wrapper .header .sooqr_search .sooqr-search-bar .button a .icon_search {
                    background-position: 8px -40px !important;
                    height: 40px;
                    width: 40px
                }

        .header_wrapper .header .sooqr_search .sooqr-search-bar .search-bar_textbox {
            border: solid .5px #e7eef4;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px
        }

            .header_wrapper .header .sooqr_search .sooqr-search-bar .search-bar_textbox input {
                height: 39px;
                background-color: #f1f5f9 !important;
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px
            }

    .header_wrapper .header .sooqr_search .general_search_bar {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .header .logo img {
        margin: 0;
        max-height: 50px;
        margin-bottom: 0 !important
    }

    .header_wrapper .header .form_search .panel {
        display: block;
        left: 0;
        position: unset !important;
        right: 0;
        top: 0 !important
    }

    .header_wrapper .header .form_search .type {
        background: #d9d4c6;
        display: none;
        font-size: 14px;
        font-size: 1.4rem;
        margin-left: 10px !important;
        margin-top: 8px !important;
        width: 90px;
        display: inline-block
    }

        .header_wrapper .header .form_search .type a {
            color: #5c5c5c;
            display: block;
            font-family: 'Lato',sans-serif;
            font-weight: 700;
            padding: 4px 5px 4px 10px
        }

    .header_wrapper .header .form_search .button {
        right: 0;
        position: absolute;
        margin-top: 0;
        float: right
    }

    .header_wrapper .header .form_search .submit {
        background: #a3bf2b;
        display: block;
        margin-left: 0 !important;
        padding: 0 !important
    }

        .header_wrapper .header .form_search .submit .icon_search_white {
            background-position: -40px -40px;
            height: 40px !important;
            width: 40px !important
        }

    .header_wrapper .header .form_search .with_type_select .field {
        margin-left: 0 !important
    }

    .header_wrapper .header .form_search .field {
        margin-left: 0;
        position: absolute;
        display: inline-block
    }

    .header_wrapper .header .form_search .remove_query {
        border-radius: 100%;
        display: block;
        height: 21px;
        position: absolute;
        right: 10px;
        top: 10px
    }

    .header_wrapper .header .sooqr_search .form_box {
        height: 0;
        display: block !important
    }

        .header_wrapper .header .sooqr_search .form_box .sooqr-search-bar {
            display: inline-block;
            height: 44px;
            font-family: 'Lato',sans-serif;
            font-size: 20px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #4a4a4a
        }

            .header_wrapper .header .sooqr_search .form_box .sooqr-search-bar .button {
                float: right;
                height: 38px;
                border: solid 1px #e7eef4;
                background-color: #f1f5f9;
                margin-top: 0 !important;
                border-bottom-right-radius: 5px;
                border-top-right-radius: 5px
            }

                .header_wrapper .header .sooqr_search .form_box .sooqr-search-bar .button a {
                    background: transparent;
                    color: #006983;
                    text-decoration: none
                }

                    .header_wrapper .header .sooqr_search .form_box .sooqr-search-bar .button a .icon {
                        height: 40px;
                        width: 40px
                    }

                    .header_wrapper .header .sooqr_search .form_box .sooqr-search-bar .button a .icon_search {
                        background-position: 8px -40px !important;
                        height: 40px;
                        width: 40px
                    }

            .header_wrapper .header .sooqr_search .form_box .sooqr-search-bar .search-bar_textbox {
                border: solid .5px #e7eef4;
                width: 92%;
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px
            }

                .header_wrapper .header .sooqr_search .form_box .sooqr-search-bar .search-bar_textbox input {
                    height: 39px;
                    width: 100%;
                    background-color: #f1f5f9 !important;
                    border-bottom-left-radius: 5px;
                    border-top-left-radius: 5px
                }

        .header_wrapper .header .sooqr_search .form_box .general_search_bar {
            width: 100%;
            height: 38px;
            font-family: 'Lato',sans-serif;
            font-size: 20px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #4a4a4a;
            float: right;
            display: inline;
            border: 1px solid;
            background-color: #f1f5f9;
            border: 1px solid #ebebeb
        }

            .header_wrapper .header .sooqr_search .form_box .general_search_bar .field {
                margin-left: 0;
                position: absolute;
                display: inline-block;
                width: 90%
            }

                .header_wrapper .header .sooqr_search .form_box .general_search_bar .field input {
                    background: none;
                    border: none;
                    font-family: 'Lato',sans-serif;
                    font-size: 16px;
                    font-size: 1.6rem;
                    padding-left: 20px;
                    padding-right: 5px;
                    width: 100%;
                    padding-left: 10px
                }
}

@media screen and (min-width:290px) {
    .nav_sooqr_searchbar .col_sm_6 {
        width: 100%
    }

    .mobile-view-links .links {
        display: none
    }

    .mobile-view-links .buttons {
        float: right
    }

        .mobile-view-links .buttons li .user_menu_link {
            display: inline-block;
            font-family: 'Lato',sans-serif;
            font-size: 0;
            vertical-align: top;
            margin-left: 0;
            margin-right: 10px
        }

        .mobile-view-links .buttons li .cart_link {
            display: inline-block;
            font-family: 'Lato',sans-serif;
            font-size: 0;
            vertical-align: top;
            margin-left: 0
        }

        .mobile-view-links .buttons li .user_login_link {
            display: none
        }

    .icon.icon_search_white {
        background-position: -40px -40px;
        height: 40px;
        width: 40px
    }

    .form_search .type {
        background: #d9d4c6;
        display: block !important;
        font-size: 14px;
        font-size: 1.4rem;
        margin-left: 5px;
        position: absolute;
        margin-top: 8px;
        width: 70px
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons .user_menu_link {
        display: none
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons .ShoppingCart {
        display: none
    }

    .header .buttons {
        padding: 0;
        margin-top: -53px
    }

    .header .logo {
        padding-top: 25px
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar {
        display: inline-block;
        padding-top: 6px !important;
        width: 100%;
        height: 40px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a;
        margin-left: 0
    }

        .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar .nav-search-bar-textbox {
            width: 87.9%
        }

            .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar .nav-search-bar-textbox input {
                height: 40px;
                width: 98%;
                background-color: #f1f5f9 !important;
                padding-right: 0;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px
            }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons li .user_login_link {
        color: #046175;
        text-align: center
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons .user_login_btn {
        display: inline-block;
        width: 118px;
        height: 32px;
        background-color: #fff;
        border: solid 1px #a8cb17
    }

    .header_wrapper .header .nav_box .nav_general_searchbar .sooqr_search .general_search_bar {
        margin-top: 4px;
        width: 100%;
        height: 38px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a;
        float: right;
        display: inline;
        background-color: #f1f5f9
    }

        .header_wrapper .header .nav_box .nav_general_searchbar .sooqr_search .general_search_bar .button {
            position: absolute !important;
            margin-top: -1px;
            right: 0
        }

        .header_wrapper .header .nav_box .nav_general_searchbar .sooqr_search .general_search_bar .text-box-field {
            margin-left: 0;
            padding: 0;
            position: absolute;
            margin-top: 0;
            width: 85%
        }

            .header_wrapper .header .nav_box .nav_general_searchbar .sooqr_search .general_search_bar .text-box-field a {
                border-radius: 100%;
                display: block;
                height: 21px;
                position: absolute;
                right: 5px;
                top: 10px
            }
}

@media(min-width:430px) and (max-width:599px) {
    .nav-search-bar-textbox {
        width: 92.2% !important
    }
}

@media(min-width:600px) and (max-width:767px) {
    .nav-search-bar-textbox {
        width: 94.5% !important
    }
}

@media screen and (min-width:768px) {
    .nav_sooqr_searchbar .col_sm_6 {
        width: 100%
    }

    .nav_sooqr_searchbar .col_sm_3 {
        width: 25%;
        float: right
    }

    .nav_sooqr_searchbar .col_sm_2 {
        width: 20%
    }

    .header .logo {
        padding-top: 16px
    }

    .header .cart {
        box-sizing: border-box;
        border: 1px solid #99c3cd;
        position: absolute;
        top: 100%;
        z-index: 1000
    }

    .header .user_menu {
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #99c3cd;
        position: absolute;
        top: 100%;
        z-index: 1000
    }

    .mobile-view-links .links {
        display: none
    }

    .mobile-view-links .buttons li .cart_link {
        margin-top: 2px
    }

    .form_search .type {
        background: #d9d4c6;
        font-size: 14px;
        font-size: 1.4rem;
        margin-left: 10px;
        position: absolute;
        margin-top: 8px;
        width: 90px
    }

    .icon.icon_search_white {
        width: 40px;
        background-position: -40px -40px;
        height: 40px
    }

    .header .buttons {
        padding: 0;
        margin-top: -50px
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar {
        display: inline-block;
        padding-top: 6px !important;
        width: 100%;
        height: 40px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a;
        margin-left: 0
    }

        .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar .nav-search-bar-textbox {
            width: 94.8%
        }

            .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar .nav-search-bar-textbox input {
                height: 40px;
                width: 100%;
                background-color: #f1f5f9 !important;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px
            }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons li .user_login_link {
        color: #046175
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons .user_login_btn {
        display: inline-block;
        width: 138px;
        height: 35px;
        background-color: #fff;
        border: solid 1px #a8cb17;
        text-align: center;
        margin-top: 6px;
        box-sizing: border-box
    }

    .header_wrapper .header .nav_box .nav_general_searchbar .general_search_bar {
        margin-top: 4px;
        width: 100%;
        height: 40px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a;
        float: right;
        display: inline;
        background-color: #f1f5f9
    }

        .header_wrapper .header .nav_box .nav_general_searchbar .general_search_bar .button {
            position: inherit;
            float: right
        }

        .header_wrapper .header .nav_box .nav_general_searchbar .general_search_bar .text-box-field {
            width: 90% !important;
            margin-left: 0 !important
        }

            .header_wrapper .header .nav_box .nav_general_searchbar .general_search_bar .text-box-field .remove_query {
                border-radius: 100%;
                display: block;
                height: 21px;
                position: absolute;
                right: 0;
                top: 9px
            }
}

@media screen and (min-width:1024px) {
    .nav_sooqr_searchbar .col_sm_6 {
        width: 41%;
        float: left;
        margin-left: 30px
    }

    .nav_sooqr_searchbar .col_sm_3 {
        width: 36%;
        float: right
    }

    .nav_sooqr_searchbar .col_sm_2 {
        width: 20%
    }

    .mobile-view-links .buttons li .cart_link {
        margin-top: 5px;
        text-decoration: none
    }

    .header .logo {
        padding: 18px 0 !important
    }

    .header .logo_mdd {
        padding: 18px 0 !important
    }

    .mobile-view-links .links {
        display: block;
        margin-top: -22px
    }

    .mobile-view-links .links_login {
        display: block;
        margin-top: -22px
    }

    .mobile-view-links .buttons li .user_login_link {
        display: table
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons .user_menu_link {
        display: block;
        margin-top: 9px;
        text-decoration: none
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons .ShoppingCart {
        display: block
    }

        .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons .ShoppingCart .cart_link {
            margin-top: 12px;
            text-decoration: none
        }

    .header .buttons {
        padding-top: 0 !important;
        margin-top: 0 !important;
        clear: both
    }

    .header .mobile-view-links .inline-buttons {
        margin-top: 5px !important
    }

    .header .nouspbar .logo_mdd {
        padding: 18px 0 !important
    }

    .header .nouspbar .logo {
        padding: 18px 0 !important
    }

    .header .nouspbar .sooqr_search {
        float: left;
        width: 100%;
        padding-top: 25px !important
    }

    .header .nouspbar .login_component {
        width: 138px;
        height: 33px;
        background-color: #fff;
        border: solid 1px #a8cb17;
        margin-left: 125px;
        margin-top: 0 !important
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar {
        display: inline-block;
        padding-top: 4px !important;
        width: 100%;
        height: 40px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a
    }

        .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar .nav-search-bar-textbox {
            width: 91%
        }

            .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar .nav-search-bar-textbox input {
                height: 40px;
                width: 100%;
                background-color: #f1f5f9 !important;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px
            }

        .header_wrapper .header .nav_box .nav_sooqr_searchbar .sooqr-search-bar .button {
            float: right;
            height: 38px;
            border: solid 1px #e7eef4;
            background-color: #f1f5f9;
            margin-top: 4px !important;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px
        }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons li .user_login_link {
        color: #046175
    }

    .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons .user_login_btn {
        display: inline-block;
        width: 138px !important;
        height: 35px !important;
        background-color: #fff;
        border: solid 1px #a8cb17;
        text-align: center;
        margin-top: 8px
    }

    .header_wrapper .header .nav_box .nav_general_searchbar .general_search_bar {
        margin-top: 4px;
        width: 100%;
        height: 38px !important;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a;
        display: inline;
        background-color: #f1f5f9
    }

        .header_wrapper .header .nav_box .nav_general_searchbar .general_search_bar .text-box-field {
            width: 68% !important;
            padding-left: 0 !important;
            margin-left: 100px !important
        }

            .header_wrapper .header .nav_box .nav_general_searchbar .general_search_bar .text-box-field a {
                right: 5px
            }

        .header_wrapper .header .nav_box .nav_general_searchbar .general_search_bar .button {
            margin-top: 4px !important
        }
}

@media(min-width:400px) and (max-width:480px) {
    .header_wrapper .header .nav_box .nav_general_searchbar .sooqr_search .general_search_bar {
        margin-top: 4px;
        width: 285px;
        height: 40px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a;
        margin-right: 40px;
        float: right;
        display: inline;
        border: 1px solid;
        background-color: #f1f5f9;
        border: 1px solid #ebebeb
    }
}

@media(min-width:375px) and (max-width:390px) {
    .header_wrapper .header .nav_box .nav_general_searchbar .sooqr_search .general_search_bar {
        margin-top: 4px;
        width: 255px;
        height: 40px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a;
        margin-right: 40px;
        float: right;
        display: inline;
        border: 1px solid;
        background-color: #f1f5f9;
        border: 1px solid #ebebeb
    }
}

@media(min-width:360px) and (max-width:374px) {
    .header_wrapper .header .nav_box .nav_general_searchbar .sooqr_search .general_search_bar {
        margin-top: 4px;
        width: 240px;
        height: 40px;
        font-family: 'Lato',sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a;
        margin-right: 40px;
        float: right;
        display: inline;
        border: 1px solid;
        background-color: #f1f5f9;
        border: 1px solid #ebebeb
    }
}

@media screen and (min-width:1024px) {
    .header_wrapper .header .sooqr_search {
        float: left;
        width: 100%;
        padding-top: 20px
    }

    .header_wrapper .header .sooqrClass {
        float: left;
        width: 100%;
        padding-top: 25px
    }

    .header_wrapper .header .nav_sooqr_searchbar .sooqr_search {
        float: left;
        width: 100%;
        padding-top: 0
    }

    .containersearch-field .field {
        margin-right: 70px;
        padding: 5px 0;
        position: relative !important
    }
}

@media screen and (min-width:290px) {
    .containersearch-field .button {
        position: inherit;
        float: right
    }

    .containersearch-field .field {
        width: 78%
    }

        .containersearch-field .field input {
            width: 100%
        }
}

@media screen and (min-width:768px) {
    .containersearch-field .button {
        position: inherit;
        float: right
    }

    .containersearch-field .field {
        width: 90% !important
    }

        .containersearch-field .field input {
            width: 100%
        }
}

@-moz-document url-prefix() {
    .header .sticky .nav_box .buttons {
        color: #fff;
        padding: 6px 0;
        display: -webkit-inline-box;
    }

    .header_wrapper .header .sooqr_search .form_box .sooqr-search-bar .button {
        float: right;
        height: 38px;
        border: solid 1px #e7eef4;
        background-color: #f1f5f9;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    @media screen and(min-width:290px) {
        .header_wrapper .header .nav_sooqr_searchbar .sooqr_search .form_box .sooqr-search-bar .button {
            float: right;
            height: 38px;
            border: solid 1px #e7eef4;
            background-color: #f1f5f9;
            margin-top: 0 !important;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }
    }

    @media screen and(min-width:768px) {
        .header_wrapper .header .nav_sooqr_searchbar .sooqr_search .form_box .sooqr-search-bar .button {
            float: right;
            height: 38px;
            border: solid 1px #e7eef4;
            background-color: #f1f5f9;
            margin-top: 0 !important;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }
    }

    @media screen and(min-width:1024px) {
        .header_wrapper .header .header .buttons .user_menu_link {
            margin-top: 20px !important;
        }

        .header_wrapper .header .nav_sooqr_searchbar .sooqr_search .form_box .sooqr-search-bar .button {
            float: right;
            height: 38px;
            border: solid 1px #e7eef4;
            background-color: #f1f5f9;
            margin-top: 4px !important;
        }
    }

    .login-user-name {
        vertical-align: unset !important;
        margin-left: 2px;
    }

    .login-cart-name {
        margin-left: 3px;
        vertical-align: bottom;
    }

    @media(min-width:1024px) {
        .header .buttons .cart_link {
            margin-top: 5px;
            text-decoration: none;
        }
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .header .sticky .nav_box .buttons {
        color: #fff;
        padding: 6px 0;
        display: -webkit-inline-box
    }

    .login-user-name {
        vertical-align: text-top !important;
        margin-left: 2px
    }

    @-moz-document url-prefix() {
        .login-user-name {
            vertical-align: 7px !important;
        }
    }

    .login-cart-name {
        margin-left: 3px;
        vertical-align: bottom
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (min-width:1024px) {
    .header .buttons .cart_link {
        margin-top: 5px;
        text-decoration: none
    }
}

.sooqrSearchContainer {
    margin-top: 25px
}

.login-user-name {
    margin-left: 2px
}

.login-cart-name {
    margin-left: 3px
}

@media screen and (min-width:1024px) {
    .user_menu_link .icon {
        background: none !important;
        display: inline-block;
        height: 30px !important;
        position: relative;
        vertical-align: top;
        width: 24px
    }

        .user_menu_link .icon .count {
            position: absolute;
            left: 16px;
            top: 0
        }
}

.home-page-redesign {
    margin: 17px .25% 0
}

    .home-page-redesign .weight {
        font-weight: inherit !important
    }

    .home-page-redesign p {
        width: 100%;
        height: 36px;
        font-family: 'Lato',sans-serif;
        font-size: 30px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #4a4a4a;
        margin: 0 0 5px
    }

    .home-page-redesign .fa-envelope-o {
        color: #a3bf2b;
        width: 22px;
        height: 17px;
        margin-top: 5px
    }

        .home-page-redesign .fa-envelope-o .count {
            border-radius: 100%;
            background: #006983;
            color: #fff;
            display: block;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 18px;
            line-height: 1.8rem;
            font-family: 'Lato',sans-serif;
            font-style: normal;
            text-align: center;
            min-width: 13px;
            padding: 0 3px;
            position: absolute;
            margin-left: 13px;
            margin-top: -26px;
            height: 19px;
            width: 12px;
            float: right
        }

    .home-page-redesign .col {
        padding: 0
    }

    .home-page-redesign .home-page-left {
        margin-top: 10px
    }

        .home-page-redesign .home-page-left .my-order-section p {
            width: 211px;
            height: 34px;
            font-family: 'Lato',sans-serif;
            font-size: 28px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #4a4a4a
        }

        .home-page-redesign .home-page-left .on-the-way {
            margin-top: 15px;
            height: 64px
        }

            .home-page-redesign .home-page-left .on-the-way .square {
                width: 68.9px;
                height: 63.3px;
                border-radius: 10px;
                background-color: #a3bf2b;
                display: inline-block;
                margin-right: 32px
            }

                .home-page-redesign .home-page-left .on-the-way .square .count {
                    border-radius: 100%;
                    background: #006983;
                    color: #fff;
                    display: block;
                    font-size: 12px;
                    font-size: 1.2rem;
                    line-height: 18px;
                    line-height: 1.8rem;
                    font-family: 'Lato',sans-serif;
                    font-style: normal;
                    text-align: center;
                    min-width: 13px;
                    padding: 0 3px;
                    position: absolute;
                    margin-left: 57px;
                    margin-top: -7px;
                    height: 19px;
                    width: 15px;
                    float: right
                }

                .home-page-redesign .home-page-left .on-the-way .square .fa-truck {
                    color: #fff;
                    font-size: 41px;
                    margin-left: 12px;
                    margin-top: 10px
                }

            .home-page-redesign .home-page-left .on-the-way .delivery-text {
                vertical-align: top
            }

                .home-page-redesign .home-page-left .on-the-way .delivery-text h3 {
                    height: 29px;
                    font-family: 'Lato',sans-serif;
                    font-size: 24px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #006983;
                    margin-bottom: 0
                }

                .home-page-redesign .home-page-left .on-the-way .delivery-text .on-the-way-text {
                    width: 253px;
                    height: 39px;
                    font-family: 'Lato',sans-serif;
                    font-size: 14px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #858585;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    line-height: 20px;
                    -webkit-line-clamp: 2
                }

            .home-page-redesign .home-page-left .on-the-way .currentOrder-button {
                width: auto;
                background-color: #fff;
                border: solid 1px #89b2bc;
                display: inline;
                padding: 4px 11px;
                float: right
            }

                .home-page-redesign .home-page-left .on-the-way .currentOrder-button .btn {
                    display: inline-block;
                    font-family: 'Lato',sans-serif;
                    padding: 0;
                    text-align: center;
                    text-transform: initial;
                    text-transform: none;
                    cursor: pointer
                }

                .home-page-redesign .home-page-left .on-the-way .currentOrder-button a {
                    height: 17px;
                    font-family: 'Lato',sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #2a697c
                }

                    .home-page-redesign .home-page-left .on-the-way .currentOrder-button a .fa-angle-right {
                        margin-left: 21px;
                        font-size: 16px
                    }

            .home-page-redesign .home-page-left .on-the-way .grey-button {
                min-width: 174px;
                background-color: #ededed;
                border: solid 1px #9b9b9b;
                display: inline-grid;
                padding: 6px 11px;
                float: right
            }

                .home-page-redesign .home-page-left .on-the-way .grey-button .btn {
                    display: inline-block;
                    font-family: 'Lato',sans-serif;
                    padding: 0;
                    text-align: center;
                    text-transform: initial;
                    text-transform: none
                }

                .home-page-redesign .home-page-left .on-the-way .grey-button a {
                    height: 17px;
                    font-family: 'Lato',sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #9b9b9b
                }

                    .home-page-redesign .home-page-left .on-the-way .grey-button a .fa-angle-right {
                        margin-left: 21px;
                        font-size: 16px
                    }

        .home-page-redesign .home-page-left .Delivered-orders {
            margin-top: 30px;
            height: 64px
        }

            .home-page-redesign .home-page-left .Delivered-orders .square {
                width: 68.9px;
                height: 63.3px;
                border-radius: 10px;
                background-color: #a3bf2b;
                display: inline-block;
                margin-right: 32px
            }

                .home-page-redesign .home-page-left .Delivered-orders .square .fa-flag-checkered {
                    color: #fff;
                    font-size: 49px;
                    margin-left: 10px;
                    margin-top: 8px
                }

            .home-page-redesign .home-page-left .Delivered-orders .Delivered-text {
                vertical-align: top
            }

                .home-page-redesign .home-page-left .Delivered-orders .Delivered-text h3 {
                    height: 29px;
                    font-family: 'Lato',sans-serif;
                    font-size: 24px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #006983;
                    vertical-align: top;
                    margin-bottom: 0;
                    display: inline-block
                }

                .home-page-redesign .home-page-left .Delivered-orders .Delivered-text .Delivered-order-text {
                    width: 253px;
                    height: 39px;
                    font-family: 'Lato',sans-serif;
                    font-size: 14px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #858585;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    line-height: 20px;
                    -webkit-line-clamp: 2
                }

            .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button {
                min-width: 185px;
                border: solid 1px #dd752d;
                display: inline;
                padding: 4px 6px;
                vertical-align: top;
                border-radius: 1px;
                background-color: #dd752d;
                box-shadow: inset 0 -.5px 3px 0 rgba(0,0,0,.3);
                float: right;
                cursor: pointer;
                font-size: 14px;
                font-weight: bold
            }

                .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button.disabled {
                    background: #cfc9b8;
                    color: #fff;
                    border: 1px solid #cfc968;
                    font-weight: bold
                }

                .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button:hover {
                    background: #ff7800;
                    color: #fff;
                    border: 1px solid #dd752d
                }

                .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button:active {
                    background: #dd752d;
                    color: #fff
                }

                .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button .btn {
                    display: inline-block;
                    font-family: 'Lato',sans-serif;
                    padding: 0;
                    text-align: center;
                    text-transform: none;
                    vertical-align: top
                }

                .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button a {
                    font-family: 'Lato',sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #fff
                }

                    .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button a .fa-shopping-cart {
                        margin-right: 9px;
                        font-size: 16px;
                        color: #fff
                    }

            .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button {
                width: auto;
                background-color: #fff;
                border: solid 1px #006983;
                display: inline;
                float: right;
                vertical-align: top;
                margin-top: 4px;
                cursor: pointer;
                border-radius: 2px
            }

                .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button .btn {
                    display: inline-block;
                    font-family: 'Lato',sans-serif;
                    padding: 0;
                    text-align: center;
                    padding: 7px 8px;
                    text-transform: none;
                    min-width: 181px
                }

                .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button a {
                    font-family: 'Lato',sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #2a697c;
                    display: block
                }

                    .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button a.disabled {
                        background: #fff;
                        color: #cfc9b8;
                        border: 1px solid #cfc9b8;
                        font-weight: bold
                    }

                    .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button a:hover {
                        background: #006983;
                        color: #fff !important
                    }

                    .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button a:active {
                        background: #33879c;
                        color: #fff
                    }

                    .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button a .fa-angle-right {
                        margin-left: 10px;
                        font-size: 16px
                    }

        .home-page-redesign .home-page-left .your-product-list {
            margin-top: 30px !important;
            height: 64px
        }

            .home-page-redesign .home-page-left .your-product-list .square {
                width: 68.9px;
                height: 63.3px;
                border-radius: 10px;
                background-color: #a3bf2b;
                display: inline-block;
                margin-right: 32px
            }

                .home-page-redesign .home-page-left .your-product-list .square .count {
                    border-radius: 100%;
                    background: #006983;
                    color: #fff;
                    display: block;
                    font-size: 12px;
                    font-size: 1.2rem;
                    line-height: 18px;
                    line-height: 1.8rem;
                    font-family: 'Lato',sans-serif;
                    font-style: normal;
                    text-align: center;
                    min-width: 13px;
                    padding: 0 3px;
                    position: absolute;
                    margin-left: 57px;
                    margin-top: -7px;
                    height: 19px;
                    width: 15px;
                    float: right
                }

                .home-page-redesign .home-page-left .your-product-list .square .fa-history {
                    color: #fff;
                    font-size: 52px;
                    margin-left: 13px;
                    margin-top: 6px
                }

            .home-page-redesign .home-page-left .your-product-list .product-list {
                vertical-align: top
            }

                .home-page-redesign .home-page-left .your-product-list .product-list h3 {
                    height: 29px;
                    font-family: 'Lato',sans-serif;
                    font-size: 24px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #006983;
                    margin-bottom: 0
                }

                .home-page-redesign .home-page-left .your-product-list .product-list .product-list-text {
                    width: 253px;
                    height: 39px;
                    font-family: 'Lato',sans-serif;
                    font-size: 14px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #858585;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    line-height: 20px;
                    -webkit-line-clamp: 2
                }

            .home-page-redesign .home-page-left .your-product-list .To-product-list-button {
                width: auto;
                background-color: #fff;
                border: solid 1px #006983;
                display: inline;
                float: right;
                border-radius: 2px
            }

                .home-page-redesign .home-page-left .your-product-list .To-product-list-button .btn {
                    display: inline-block;
                    font-family: 'Lato',sans-serif;
                    padding: 7px 8px;
                    text-align: center;
                    text-transform: none;
                    min-width: 181px
                }

                .home-page-redesign .home-page-left .your-product-list .To-product-list-button a {
                    font-family: 'Lato',sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #2a697c
                }

                    .home-page-redesign .home-page-left .your-product-list .To-product-list-button a.disabled {
                        background: #fff;
                        color: #cfc9b8;
                        border: 1px solid #cfc9b8;
                        font-weight: bold
                    }

                    .home-page-redesign .home-page-left .your-product-list .To-product-list-button a:hover {
                        background: #006983;
                        color: #fff !important
                    }

                    .home-page-redesign .home-page-left .your-product-list .To-product-list-button a:active {
                        background: #33879c;
                        color: #fff
                    }

                    .home-page-redesign .home-page-left .your-product-list .To-product-list-button a .fa-angle-right {
                        margin-left: 10px;
                        font-size: 16px
                    }

.home-page-right {
    margin-top: 10px
}

.LeftTopSection {
    margin-bottom: 40px
}

.contact-links {
    margin-left: 0
}

.sectionRow {
    border-bottom: 1px solid #d6d6d6;
    padding: 15px 0
}

.borderBtm {
    border-bottom: 1px solid #d6d6d6
}

.rightArrow {
    float: right;
    font-size: 1.6em !important;
    color: #006983
}

.LeftBtmSection h4 {
    display: inline-block
}

.LeftTopSection h4 {
    display: inline-block
}

.pull-left {
    float: left
}

.inbox-message .block_message {
    width: 500px;
    height: auto
}

@media screen and (min-width:290px) {
    .home-page-redesign .LeftTopSection h4 {
        font-size: 18px
    }

    .home-page-redesign .LeftBtmSection h4 {
        font-size: 16px
    }

    .home-page-redesign .sectionRow {
        padding: 4px 0
    }

    .home-page-redesign .fa-envelope-o {
        color: #a3bf2b;
        width: 22px;
        height: 17px;
        float: right
    }

    .home-page-redesign #newHomeDesktop {
        display: none
    }

    .home-page-redesign #newHomeMobile {
        display: block;
        margin-bottom: 0
    }

        .home-page-redesign #newHomeMobile .currentOrder-button {
            float: left
        }

        .home-page-redesign #newHomeMobile .grey-button {
            float: left
        }

        .home-page-redesign #newHomeMobile .square {
            margin-right: 20px
        }

        .home-page-redesign #newHomeMobile .home-page-left {
            margin-top: 0
        }

        .home-page-redesign #newHomeMobile .accordeon .title {
            padding: 10px 0 0 0
        }

    .home-page-redesign .on-the-way-text {
        font-size: 14px;
        color: #858585
    }

    .home-page-redesign #newHomeMobile .accordeon .item {
        border-bottom: 0
    }

    .home-page-redesign #newHomeMobile .accordeon {
        border-top: 0
    }

    .home-page-redesign #newHomeMobile .on-the-way {
        margin-top: 0
    }

    .home-page-redesign #newHomeMobile h4 {
        font-size: 18px
    }

    .home-page-redesign .LeftTopSection p {
        font-size: 24px
    }

    .home-page-redesign .my-order-section {
        margin-top: 12px
    }

        .home-page-redesign .my-order-section p {
            font-size: 24px
        }

    .home-page-redesign .LeftBtmSection p {
        font-size: 24px
    }

    .home-page-redesign .LeftBtmSection .rightArrow {
        display: block
    }

    .home-page-redesign #newHomeMobile .accordeon .item {
        border-bottom: 0
    }

    .home-page-redesign .col_sm_1 {
        display: none
    }

    .home-page-redesign #newHomeMobile .Delivered-orders {
        margin-top: 0;
        height: 105px !important
    }

    .home-page-redesign #newHomeMobile .Repeat-last-order-button {
        float: left
    }

    .home-page-redesign #newHomeMobile .To-order-history-button {
        float: left
    }

    .home-page-redesign #newHomeMobile .To-product-list-button {
        float: left
    }

    .home-page-redesign #newHomeMobile .your-product-list {
        margin-top: 0
    }

    .home-page-redesign .pTitle {
        width: auto;
        height: auto;
        color: #4a4a4a;
        font-size: 19px;
        font-weight: 300
    }

    .home-page-redesign .pTitleD {
        display: none
    }

    .home-page-redesign .iconGroup {
        display: inline-block;
        margin-bottom: 5px;
        float: left;
        width: 100%
    }

    .home-page-redesign .inlineBlock {
        display: inline-block
    }

    .home-page-redesign .LeftTopSection {
        margin-bottom: 10px
    }

    .home-page-redesign .accordeon {
        margin-bottom: 10px
    }
}

@media screen and (min-width:768px) {
    .home-page-redesign .pTitleD {
        display: block
    }

    .home-page-redesign .pTitleM {
        display: none
    }

    .home-page-redesign .contact-links {
        margin-left: 100px
    }

    .home-page-redesign .col_sm_1 {
        display: none
    }

    .home-page-redesign #newHomeDesktop {
        display: block
    }

    .home-page-redesign #newHomeMobile {
        display: none
    }

    .home-page-redesign .col_sm_6 {
        width: 100%
    }

    .home-page-redesign .col_sm_5 {
        width: 100%
    }

    .home-page-redesign p {
        font-weight: 300 !important;
        font-size: 24px !important;
        height: 29px
    }

    .home-page-redesign .sectionRow {
        padding: 15px 0 !important
    }

    .home-page-redesign .home-page-left .my-order-section p {
        font-size: 24px !important
    }

    .home-page-redesign .home-page-left .on-the-way {
        margin-top: 25px;
        height: 64px
    }

    .home-page-redesign .home-page-left .LeftTopSection p {
        font-size: 28px !important
    }

    .home-page-redesign .LeftTopSection h4 {
        font-size: 20px
    }

    .home-page-redesign .LeftBtmSection {
        margin-top: 60px
    }

        .home-page-redesign .LeftBtmSection h4 {
            font-size: 20px
        }

    .home-page-redesign .fa-envelope-o {
        color: #a3bf2b;
        width: 22px;
        height: 17px;
        float: none !important
    }

    .home-page-redesign .Repeat-last-order-button {
        display: inline;
        padding: 6px 6px 1px !important;
        vertical-align: top;
        border-radius: 1px;
        box-shadow: inset 0 -.5px 3px 0 rgba(0,0,0,.3);
        float: right
    }

    .home-page-redesign .home-page-left .currentOrder-button, .home-page-redesign .home-page-left .grey-button, .home-page-redesign .home-page-left .Repeat-last-order-button, .home-page-redesign .home-page-left .To-order-history-button, .home-page-redesign .home-page-left .To-product-list-button {
        margin-right: 50px
    }

    .home-page-redesign .rightArrow {
        margin-right: 60px;
        display: block
    }

    .home-page-redesign .contact-links .rightArrow {
        margin-right: 25%;
        margin-top: 3px;
        display: block
    }
}

@media screen and (min-width:1024px) {
    .home-page-redesign {
        margin: 17px .25% 0
    }

        .home-page-redesign #newHomeMobile {
            display: none
        }

        .home-page-redesign .pTitleD {
            display: block
        }

        .home-page-redesign .pTitleM {
            display: none
        }

        .home-page-redesign #newHomeDesktop {
            display: block
        }

        .home-page-redesign .col_sm_6 {
            width: 50%
        }

        .home-page-redesign .col_sm_5 {
            width: 41.3333333%
        }

        .home-page-redesign .col_sm_1 {
            display: block
        }

        .home-page-redesign p {
            width: 100%;
            height: 36px;
            font-family: 'Lato',sans-serif;
            font-size: 30px !important;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #4a4a4a;
            margin: 0 0 5px
        }

        .home-page-redesign .fa-envelope-o {
            color: #a3bf2b;
            width: 22px;
            height: 17px;
            float: none
        }

            .home-page-redesign .fa-envelope-o .count {
                border-radius: 100%;
                background: #006983;
                color: #fff;
                display: block;
                font-size: 12px;
                font-size: 1.2rem;
                line-height: 18px;
                line-height: 1.8rem;
                font-family: 'Lato',sans-serif;
                font-style: normal;
                text-align: center;
                min-width: 13px;
                padding: 0 3px;
                position: absolute;
                margin-left: 13px;
                margin-top: -26px;
                height: 19px;
                width: 12px;
                float: right
            }

        .home-page-redesign .col {
            padding: 0
        }

        .home-page-redesign .home-page-left {
            margin-top: 8px
        }

            .home-page-redesign .home-page-left .my-order-section p {
                width: 211px;
                height: 34px;
                font-family: 'Lato',sans-serif;
                font-size: 28px !important;
                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: left;
                color: #4a4a4a
            }

            .home-page-redesign .home-page-left .on-the-way {
                margin-top: 15px;
                height: 64px
            }

                .home-page-redesign .home-page-left .on-the-way .square {
                    width: 68.9px;
                    height: 63.3px;
                    border-radius: 10px;
                    background-color: #a3bf2b;
                    display: inline-block;
                    margin-right: 32px
                }

                    .home-page-redesign .home-page-left .on-the-way .square .count {
                        border-radius: 100%;
                        background: #006983;
                        color: #fff;
                        display: block;
                        font-size: 12px;
                        font-size: 1.2rem;
                        line-height: 18px;
                        line-height: 1.8rem;
                        font-family: 'Lato',sans-serif;
                        font-style: normal;
                        text-align: center;
                        min-width: 13px;
                        padding: 0 3px;
                        position: absolute;
                        margin-left: 57px;
                        margin-top: -7px;
                        height: 19px;
                        width: 15px;
                        float: right
                    }

                    .home-page-redesign .home-page-left .on-the-way .square .fa-truck {
                        color: #fff;
                        font-size: 41px;
                        margin-left: 12px;
                        margin-top: 10px
                    }

                .home-page-redesign .home-page-left .on-the-way .delivery-text {
                    vertical-align: top
                }

                    .home-page-redesign .home-page-left .on-the-way .delivery-text h3 {
                        height: 29px;
                        font-family: 'Lato',sans-serif;
                        font-size: 24px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #006983;
                        margin-bottom: 0
                    }

                    .home-page-redesign .home-page-left .on-the-way .delivery-text .on-the-way-text {
                        width: 35%;
                        height: 39px;
                        font-family: 'Lato',sans-serif;
                        font-size: 14px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #858585;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        line-height: 20px;
                        -webkit-line-clamp: 2
                    }

                .home-page-redesign .home-page-left .on-the-way .currentOrder-button {
                    width: auto;
                    background-color: #fff;
                    border: solid 1px #89b2bc;
                    display: inline;
                    padding: 4px 11px;
                    float: right;
                    margin-right: 0
                }

                    .home-page-redesign .home-page-left .on-the-way .currentOrder-button .btn {
                        display: inline-block;
                        font-family: 'Lato',sans-serif;
                        padding: 0;
                        text-align: center;
                        text-transform: initial;
                        text-transform: none
                    }

                    .home-page-redesign .home-page-left .on-the-way .currentOrder-button a {
                        height: 17px;
                        font-family: 'Lato',sans-serif;
                        font-size: 14px;
                        font-weight: bold;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #2a697c
                    }

                        .home-page-redesign .home-page-left .on-the-way .currentOrder-button a .fa-angle-right {
                            margin-left: 21px;
                            font-size: 16px
                        }

                .home-page-redesign .home-page-left .on-the-way .grey-button {
                    min-width: 178px;
                    background: #fff;
                    color: #cfc9b8;
                    border: 1px solid #cfc9b8;
                    display: inline-grid;
                    padding: 7px 9px;
                    float: right;
                    border-radius: 2px
                }

                    .home-page-redesign .home-page-left .on-the-way .grey-button .btn {
                        display: inline-block;
                        font-family: 'Lato',sans-serif;
                        padding: 0;
                        text-align: center;
                        text-transform: initial;
                        text-transform: none;
                        cursor: default
                    }

                    .home-page-redesign .home-page-left .on-the-way .grey-button a {
                        height: 17px;
                        font-family: 'Lato',sans-serif;
                        font-size: 14px;
                        font-weight: bold;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #9b9b9b;
                        cursor: default
                    }

                        .home-page-redesign .home-page-left .on-the-way .grey-button a .fa-angle-right {
                            margin-left: 21px;
                            font-size: 16px
                        }

            .home-page-redesign .home-page-left .Delivered-orders {
                margin-top: 30px;
                height: 64px
            }

                .home-page-redesign .home-page-left .Delivered-orders .square {
                    width: 68.9px;
                    height: 63.3px;
                    border-radius: 10px;
                    background-color: #a3bf2b;
                    display: inline-block;
                    margin-right: 32px
                }

                    .home-page-redesign .home-page-left .Delivered-orders .square .fa-flag-checkered {
                        color: #fff;
                        font-size: 49px;
                        margin-left: 10px;
                        margin-top: 8px
                    }

                .home-page-redesign .home-page-left .Delivered-orders .Delivered-text {
                    vertical-align: top
                }

                    .home-page-redesign .home-page-left .Delivered-orders .Delivered-text h3 {
                        height: 29px;
                        font-family: 'Lato',sans-serif;
                        font-size: 24px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #006983;
                        vertical-align: top;
                        margin-bottom: 0;
                        display: inline-block
                    }

                    .home-page-redesign .home-page-left .Delivered-orders .Delivered-text .Delivered-order-text {
                        width: 35%;
                        height: 39px;
                        font-family: 'Lato',sans-serif;
                        font-size: 14px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #858585;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        line-height: 20px;
                        -webkit-line-clamp: 2
                    }

                .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button {
                    display: inline;
                    padding: 7px 5px !important;
                    vertical-align: top;
                    border-radius: 1px;
                    box-shadow: inset 0 -.5px 3px 0 rgba(0,0,0,.3);
                    float: right;
                    margin-right: 0;
                    display: flex
                }

                    .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button .btn {
                        display: inline-block;
                        font-family: 'Lato',sans-serif;
                        padding: 0;
                        text-align: center;
                        text-transform: none;
                        vertical-align: top
                    }

                    .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button a {
                        font-family: 'Lato',sans-serif;
                        font-size: 14px;
                        font-weight: bold;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #fff
                    }

                        .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button a .fa-shopping-cart {
                            margin-right: 9px;
                            font-size: 16px;
                            color: #fff
                        }

                .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button {
                    width: auto;
                    display: inline;
                    float: right;
                    vertical-align: top;
                    margin-top: 4px;
                    margin-right: 0
                }

                    .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button .btn {
                        display: inline-block;
                        font-family: 'Lato',sans-serif;
                        text-align: center;
                        text-transform: none
                    }

                    .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button a {
                        font-family: 'Lato',sans-serif;
                        font-size: 14px;
                        font-weight: bold;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #2a697c
                    }

                        .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button a .fa-angle-right {
                            margin-left: 10px;
                            font-size: 16px
                        }

            .home-page-redesign .home-page-left .your-product-list {
                margin-top: 50px;
                height: 64px
            }

                .home-page-redesign .home-page-left .your-product-list .square {
                    width: 68.9px;
                    height: 63.3px;
                    border-radius: 10px;
                    background-color: #a3bf2b;
                    display: inline-block;
                    margin-right: 32px
                }

                    .home-page-redesign .home-page-left .your-product-list .square .count {
                        border-radius: 100%;
                        background: #006983;
                        color: #fff;
                        display: block;
                        font-size: 12px;
                        font-size: .9rem;
                        line-height: 18px;
                        line-height: 1.8rem;
                        font-family: 'Lato',sans-serif;
                        font-style: normal;
                        text-align: center;
                        min-width: 13px;
                        padding: 0 3px;
                        position: absolute;
                        margin-left: 57px;
                        margin-top: -7px;
                        height: 19px;
                        width: 15px;
                        float: right
                    }

                    .home-page-redesign .home-page-left .your-product-list .square .fa-history {
                        color: #fff;
                        font-size: 52px;
                        margin-left: 13px;
                        margin-top: 6px
                    }

                .home-page-redesign .home-page-left .your-product-list .product-list {
                    vertical-align: top
                }

                    .home-page-redesign .home-page-left .your-product-list .product-list h3 {
                        height: 29px;
                        font-family: 'Lato',sans-serif;
                        font-size: 24px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #006983;
                        margin-bottom: 0
                    }

                    .home-page-redesign .home-page-left .your-product-list .product-list .product-list-text {
                        width: 35%;
                        height: 39px;
                        font-family: 'Lato',sans-serif;
                        font-size: 14px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #858585;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        line-height: 20px;
                        -webkit-line-clamp: 2
                    }

                .home-page-redesign .home-page-left .your-product-list .To-product-list-button {
                    width: auto;
                    background-color: #fff;
                    border: solid 1px #006983;
                    display: inline;
                    float: right;
                    margin-right: 0;
                    border-radius: 2px
                }

                    .home-page-redesign .home-page-left .your-product-list .To-product-list-button .btn {
                        display: inline-block;
                        font-family: 'Lato',sans-serif;
                        text-align: center;
                        text-transform: none
                    }

                    .home-page-redesign .home-page-left .your-product-list .To-product-list-button a {
                        font-family: 'Lato',sans-serif;
                        font-size: 14px;
                        font-weight: bold;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        text-align: left;
                        color: #2a697c
                    }

                        .home-page-redesign .home-page-left .your-product-list .To-product-list-button a .fa-angle-right {
                            margin-left: 10px;
                            font-size: 16px
                        }

        .home-page-redesign .home-page-right {
            margin-top: 10px
        }

        .home-page-redesign .LeftTopSection {
            margin-bottom: 40px
        }

        .home-page-redesign .contact-links {
            margin-left: 0
        }

        .home-page-redesign .sectionRow {
            border-bottom: 1px solid #d6d6d6;
            padding: 15px 0
        }

        .home-page-redesign .borderBtm {
            border-bottom: 1px solid #d6d6d6
        }

        .home-page-redesign .rightArrow {
            float: right;
            font-size: 1.6em !important;
            color: #006983;
            margin-right: 0;
            display: block
        }

        .home-page-redesign .contact-links .rightArrow {
            margin-right: 0;
            margin-top: 0
        }

        .home-page-redesign .LeftBtmSection h4 {
            display: inline-block;
            font-size: 20px
        }

        .home-page-redesign .LeftTopSection h4 {
            display: inline-block;
            font-size: 20px
        }

        .home-page-redesign .pull-left {
            float: left
        }
}

.quantity .numeric {
    float: left;
    width: 56px !important
}

.commingSoonContainer {
    background-color: #e8ed87;
    text-align: center
}

.MaintenanceImg {
    background: url('../img/Maintenance_Img.jpg') no-repeat;
    height: 352px;
    background-position: center
}

.underMaintenance {
    color: #fb7f01;
    font-size: 35px
}

.webPage {
    color: #bb5701;
    font-size: 28px
}

.maintenanceContainer {
    display: inline-block;
    width: 100%;
    padding: 20px 0
}

    .maintenanceContainer p {
        font-size: 1.2em
    }

    .maintenanceContainer .MaintenanceTxtArea {
        padding-top: 3%
    }

.left-section h2 {
    height: 36px;
    font-family: 'Lato',sans-serif;
    font-size: 30px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #006983 !important
}

.left-section .field_xl {
    margin-top: 10px
}

.left-section label {
    height: 17px;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .2px;
    text-align: left;
    color: #4a4a4a
}

.left-section .date_picker {
    margin-top: 15px
}

    .left-section .date_picker .datepicker {
        display: flex
    }

        .left-section .date_picker .datepicker p {
            display: inline-block;
            vertical-align: sub;
            height: 24px;
            font-family: 'Lato',sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.5;
            letter-spacing: 1px;
            color: #046175;
            float: left;
            margin-right: 15px
        }

        .left-section .date_picker .datepicker input {
            display: inline-block;
            width: 160px;
            float: right;
            margin-right: 60px
        }

@media screen and (min-width:1024px) {
    .left-section .date_picker .datepicker::after {
        margin-right: 20px;
        float: right
    }
}

.left-section .total-numberofCount {
    font-family: 'Lato',sans-serif;
    font-size: 16px
}

.left-section .submenu {
    border-top: 1px solid #ece9e3;
    margin-top: 15px
}

    .left-section .submenu li {
        margin-bottom: 0
    }

    .left-section .submenu a {
        color: #046175 !important;
        display: block;
        font-family: 'Lato',sans-serif;
        font-size: 16px !important;
        font-weight: 500;
        font-size: 1.4rem;
        padding: 14px 20px;
        position: relative;
        background-color: #fff;
        border-bottom: 1px solid #ece9e3;
        cursor: pointer
    }

    .left-section .submenu .fa {
        font-size: 22px
    }

    .left-section .submenu .submenuA {
        font-family: 'Lato',sans-serif;
        font-size: 16px;
        font-weight: 500;
        margin-left: 20px
    }

    .left-section .submenu ul {
        display: block !important
    }

.left-section .showMoreActive {
    overflow-y: scroll;
    max-height: 270px
}

.left-section .selected {
    background-color: #f1f5f9 !important
}

.left-section .showAllRecords-btn {
    background-color: #fff;
    border: 1px solid #89b2bc;
    margin-top: 15px;
    padding: 2px 10px;
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    text-transform: none;
    width: 92%
}

    .left-section .showAllRecords-btn .fa-angle-down {
        color: #32879e;
        margin-left: 20px
    }

    .left-section .showAllRecords-btn:hover {
        cursor: pointer
    }

.right-section .row {
    background-color: #f1f5f9;
    padding: 15px 13px 15px 25px;
    min-height: 490px
}

    .right-section .row h4 {
        display: inline-block;
        color: #333;
        font-family: 'Lato',sans-serif;
        font-size: 16px
    }

    .right-section .row p {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        font-size: 16px
    }

    .right-section .row .delivery-date-time {
        margin-bottom: 10px
    }

    .right-section .row .greyBox {
        width: 40px;
        height: 40px;
        margin-right: 25px;
        background-color: #d8d8d8
    }

    .right-section .row .whiteBG {
        background-color: #fff;
        width: 98%;
        padding: 10px 0 10px 20px;
        border-top: 1px solid #f1f5f9
    }

    .right-section .row .NewOrderRightTop {
        width: 100%;
        display: inline-block
    }

    .right-section .row .NewOrderBlue {
        color: #036b85;
        font-family: 'Lato',sans-serif;
        font-size: 16px;
        font-weight: 500;
        width: 65%
    }

    .right-section .row .WhiteRow {
        height: 45px;
        padding-top: 10px;
        font-size: 14px
    }

    .right-section .row .width5 {
        width: 5%
    }

    .right-section .row .width10 {
        width: 10%
    }

    .right-section .row .TextCancelled {
        color: #858585;
        text-decoration: line-through
    }

    .right-section .row .RedTxt {
        color: #d0021b
    }

    .right-section .row .OrangeTxt {
        color: #ff7800
    }

    .right-section .row .TotalTxt {
        color: #006984;
        font-size: 24px;
        font-weight: bold;
        margin-right: 45px
    }

    .right-section .row .TotalNum {
        font-size: 24px;
        color: #a2c111;
        float: right;
        margin-right: 20px
    }

    .right-section .row .Factuur {
        font-family: 'Lato',sans-serif;
        display: inline-block;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        color: #4a4a4a;
        padding-left: 10px
    }

    .right-section .row .DownloadPDF {
        cursor: pointer;
        font-family: 'Lato',sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 14px;
        color: #0c718a;
        padding-left: 10px
    }

    .right-section .row .TotalBtmRow {
        margin-top: 20px;
        margin-left: 15px
    }

.padL15 {
    padding-left: 13px
}

.Maintenancetxt {
    color: #474800;
    font-size: 14px
}

.pull-right {
    float: right
}

.width120 {
    width: 120px
}

.PdfIcon {
    background: url('../../img/PDF_Icon.jpg') no-repeat;
    width: 43px;
    height: 43px;
    background-size: 100%
}

.NewOrderRightTop .btn {
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Lato',sans-serif
}

.NewOrderRightTop .pull-right {
    float: left
}

.address {
    border-top: solid 1px #d6d6d6
}

.showAllRecords-btn .fa {
    margin-right: 15px;
    margin-top: 4px
}

@media screen and (min-width:290px) {
    #NeworderHistoryDesktopView {
        display: none
    }

    #NeworderHistoryMobileView {
        display: inline-block
    }

        #NeworderHistoryMobileView .ui-datepicker-year {
            display: block
        }

        #NeworderHistoryMobileView .NewOrderHistory .BackBtn {
            background-color: #fff;
            border-top: 1px solid #d6d6d6;
            border-bottom: 1px solid #d6d6d6;
            color: #046175;
            font-size: 16px;
            font-weight: 500;
            padding: 10px;
            display: block
        }

            #NeworderHistoryMobileView .NewOrderHistory .BackBtn .mL15 {
                margin-left: 15px
            }

        #NeworderHistoryMobileView .NewOrderHistory .right-section .row {
            padding: 10px;
            margin-top: 0
        }

        #NeworderHistoryMobileView .NewOrderHistory .right-section .whiteBG {
            width: 90%;
            padding-right: 10px
        }

        #NeworderHistoryMobileView .NewOrderHistory .padL15 {
            padding-left: 0
        }

        #NeworderHistoryMobileView .NewOrderHistory .date_picker {
            margin-top: 15px
        }

            #NeworderHistoryMobileView .NewOrderHistory .date_picker .datepicker p {
                display: inline-block;
                vertical-align: sub;
                height: 24px;
                font-family: 'Lato',sans-serif;
                font-size: 16px;
                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.5;
                letter-spacing: 1px;
                color: #046175;
                width: 15%;
                float: left;
                width: 30px
            }

            #NeworderHistoryMobileView .NewOrderHistory .date_picker .datepicker input {
                display: inline-block;
                width: 73%;
                float: left;
                margin-right: 0
            }

            #NeworderHistoryMobileView .NewOrderHistory .date_picker .datepicker::after {
                margin-right: 0
            }

        #NeworderHistoryMobileView .NewOrderHistory .datepicker:after {
            border-left: 0;
            float: left;
            position: absolute
        }

        #NeworderHistoryMobileView .NewOrderHistory .datepicker {
            display: inline-block;
            width: 100%
        }

            #NeworderHistoryMobileView .NewOrderHistory .datepicker .ui-datepicker {
                left: 45px !important;
                width: 73%
            }

        #NeworderHistoryMobileView .NewOrderHistory .NewOrderRightTop .pull-right {
            width: 94%
        }
}

@media screen and (min-width:768px) {
    #NeworderHistoryMobileView {
        display: none
    }

    #NeworderHistoryDesktopView {
        display: inline-block
    }

        #NeworderHistoryDesktopView .ui-datepicker-year {
            display: block
        }

    .NewOrderHistory .BackBtn {
        display: none
    }

    .NewOrderHistory .right-section {
        display: block
    }

        .NewOrderHistory .right-section .row {
            margin-left: 2px
        }

        .NewOrderHistory .right-section .btn {
            text-transform: none
        }

        .NewOrderHistory .right-section .whiteBG {
            width: 93%
        }

    .NewOrderHistory .left-section {
        display: block
    }

    .NewOrderHistory .NewOrderRightTop .pull-right {
        float: right;
        margin-right: 5%;
        width: auto
    }

    .NewOrderHistory .NewOrderRightTop .TopRightLeft {
        width: 50%;
        margin-right: 0
    }

    .NewOrderHistory .left-section {
        display: block
    }

    .NewOrderHistory .address {
        border-top: 0 !important
    }

    .NewOrderHistory .col_sm_3 {
        width: 35%
    }

    .NewOrderHistory .col_sm_9 {
        width: 65%;
        padding-left: 0
    }

    .NewOrderHistory .left-section .showAllRecords-btn {
        padding: 2px 10px;
        width: 92%
    }

    .NewOrderHistory .date_picker {
        margin-top: 15px
    }

        .NewOrderHistory .date_picker .ui-datepicker {
            width: 66%;
            left: 45px !important
        }

        .NewOrderHistory .date_picker .datepicker:after {
            position: relative
        }

        .NewOrderHistory .date_picker .datepicker p {
            display: inline-block;
            vertical-align: sub;
            height: 24px;
            font-family: 'Lato',sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.5;
            letter-spacing: 1px;
            color: #046175;
            width: 30px
        }

        .NewOrderHistory .date_picker .datepicker input {
            display: inline-block;
            width: 66%;
            float: left;
            margin-right: 0
        }

        .NewOrderHistory .date_picker .datepicker::after {
            margin-right: 0
        }
}

@media screen and (min-width:1024px) {
    #NeworderHistoryMobileView {
        display: none
    }

    #NeworderHistoryDesktopView {
        display: block
    }

        #NeworderHistoryDesktopView .ui-datepicker-year {
            display: inline-block
        }

    .NewOrderHistory .BackBtn {
        display: none
    }

    .NewOrderHistory .col_sm_3 {
        width: 30%
    }

    .NewOrderHistory .col_sm_9 {
        width: 70%;
        padding-left: 0;
        margin-left: -.1%
    }

    .NewOrderHistory .NewOrderRightTop .TopRightLeft {
        width: 70%;
        margin-right: 0
    }

    .NewOrderHistory .NewOrderRightTop .btn {
        width: auto
    }

    .NewOrderHistory .NewOrderRightTop .pull-right {
        float: right;
        margin-right: 0;
        width: auto
    }

    .NewOrderHistory .NewOrderRightTop .datepicker p {
        display: inline-block;
        vertical-align: sub;
        height: 24px;
        font-family: 'Lato',sans-serif;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: 1px;
        color: #046175;
        float: left
    }

    .NewOrderHistory .NewOrderRightTop .datepicker::after {
        position: relative;
        float: right !important
    }

    .NewOrderHistory .NewOrderRightTop .right-section .address {
        border-top: 0
    }

    .NewOrderHistory .NewOrderRightTop .right-section .whiteBG {
        width: 96%
    }

    .NewOrderHistory .NewOrderRightTop .left-section {
        display: block
    }
}

.Repeat_order_section h2 {
    color: #006983;
    font-family: 'Lato',sans-serif
}

.Repeat_order_section .row {
    background-color: #f1f5f9;
    width: 90%;
    border-top: 1px solid #d5d5d6
}

.Repeat_order_section .repeat-order {
    margin: 40px 20px;
    background: #fff;
    width: 89%
}

    .Repeat_order_section .repeat-order p {
        padding: 10px 25px;
        margin: 0;
        font-size: 18px;
        font-family: 'Lato',sans-serif
    }

    .Repeat_order_section .repeat-order .selct-All input[type=checkbox] {
        height: 15px;
        width: 15px;
        display: inline-block;
        -webkit-appearance: checkbox;
        margin: 10px 10px 15px 30px;
        -moz-appearance: checkbox;
        float: left
    }

    .Repeat_order_section .repeat-order .selct-All p {
        font-size: 14px;
        font-family: 'Lato',sans-serif;
        color: #a9a9a9;
        padding: 10px 5px;
        display: initial
    }

    .Repeat_order_section .repeat-order .whiteBG {
        width: 95%;
        background-color: #fff;
        padding: 5px 10px 10px 10px;
        border-top: 1px solid #f1f5f9;
        margin-left: 20px;
        display: -webkit-inline-box
    }

        .Repeat_order_section .repeat-order .whiteBG input[type=checkbox] + label {
            display: inline-block;
            line-height: 20px;
            line-height: 2rem;
            float: left
        }

        .Repeat_order_section .repeat-order .whiteBG .product-section {
            width: 75%;
            float: left
        }

            .Repeat_order_section .repeat-order .whiteBG .product-section .greyBox {
                margin: 0 30px 0 30px
            }

        .Repeat_order_section .repeat-order .whiteBG .NewOrderBlue {
            margin-top: 5px;
            font-size: 14px;
            font-family: 'Lato',sans-serif
        }

        .Repeat_order_section .repeat-order .whiteBG .dropdowncount-box {
            float: left;
            margin-top: 5px
        }

            .Repeat_order_section .repeat-order .whiteBG .dropdowncount-box .dropdown_count {
                border: .5px solid #99c3cd;
                height: 37px;
                width: 56px;
                font-size: 14px;
                margin-top: 0;
                color: #333
            }

            .Repeat_order_section .repeat-order .whiteBG .dropdowncount-box .quantity {
                height: 37PX;
                width: 56PX;
                font-size: 14PX;
                text-align: center;
                border: .5px solid #99c3cd
            }

        .Repeat_order_section .repeat-order .whiteBG .license_text {
            margin-top: 12px;
            margin-right: 30px;
            float: left;
            font-size: 14px
        }

.Repeat_order_section .Authorization-section {
    margin: 40px 20px 20px 20px;
    background: #fff;
    width: 89%;
    border: 1px solid #ffa500
}

    .Repeat_order_section .Authorization-section p {
        padding: 10px 25px;
        margin: 0;
        font-size: 18px;
        font-family: 'Lato',sans-serif
    }

        .Repeat_order_section .Authorization-section p a {
            color: #00f;
            text-decoration: underline
        }

    .Repeat_order_section .Authorization-section .previousOrder-text {
        padding: 10px 25px;
        margin: 0;
        font-size: 16px;
        font-family: 'Lato',sans-serif
    }

    .Repeat_order_section .Authorization-section .selct-All input[type=checkbox] {
        height: 15px;
        width: 15px;
        display: inline-block;
        -webkit-appearance: checkbox;
        margin: 10px 10px 15px 30px;
        -moz-appearance: checkbox
    }

    .Repeat_order_section .Authorization-section .selct-All p {
        font-size: 14px;
        font-family: 'Lato',sans-serif;
        color: #a9a9a9;
        padding: 10px 5px;
        display: initial
    }

    .Repeat_order_section .Authorization-section .whiteBG {
        width: 95%;
        background-color: #fff;
        padding: 5px 10px 10px 10px;
        border-top: 1px solid #f1f5f9;
        margin-left: 20px;
        display: -webkit-inline-box
    }

        .Repeat_order_section .Authorization-section .whiteBG input[type=checkbox] {
            height: 15px;
            width: 15px;
            -webkit-appearance: checkbox;
            margin: 10px 10px 0 0;
            -moz-appearance: checkbox
        }

            .Repeat_order_section .Authorization-section .whiteBG input[type=checkbox] + label {
                display: block;
                line-height: 20px;
                line-height: 2rem;
                margin-left: 27px;
                position: relative
            }

        .Repeat_order_section .Authorization-section .whiteBG .product-section {
            width: 100%
        }

            .Repeat_order_section .Authorization-section .whiteBG .product-section .greyBox {
                margin: 0 30px 0 30px;
                display: inline
            }

        .Repeat_order_section .Authorization-section .whiteBG .NewOrderBlue {
            margin-top: -6px;
            font-size: 14px;
            font-family: 'Lato',sans-serif
        }

            .Repeat_order_section .Authorization-section .whiteBG .NewOrderBlue .non-authorizedText {
                color: #f00
            }

            .Repeat_order_section .Authorization-section .whiteBG .NewOrderBlue h5 {
                font-size: 14px;
                font-family: 'Lato',sans-serif
            }

        .Repeat_order_section .Authorization-section .whiteBG .dropdowncount-box {
            margin-right: 120px;
            margin-top: -50px;
            float: right
        }

            .Repeat_order_section .Authorization-section .whiteBG .dropdowncount-box .dropdown_count {
                border: .5px solid #99c3cd;
                height: 37px;
                width: 56px;
                font-size: 14px;
                margin-top: 0;
                color: #333
            }

            .Repeat_order_section .Authorization-section .whiteBG .dropdowncount-box .quantity {
                height: 37PX;
                width: 56PX;
                font-size: 14PX;
                text-align: center;
                border: .5px solid #99c3cd
            }

        .Repeat_order_section .Authorization-section .whiteBG .price {
            float: left;
            margin-right: 30px;
            font-size: 14px
        }

.Repeat_order_section .button {
    margin-left: 45px;
    margin-bottom: 20px
}

.Repeat_order_section .MR30 {
    margin-right: 30px
}

@media screen and (min-width:290px) {
    .Repeat_order_section .repeat-order {
        margin: 25px 3px;
        background: #fff;
        width: 98%
    }

    .Repeat_order_section .row {
        width: 100%
    }

    .VRO-DesktopView {
        display: none
    }

    .VRO-MobileView {
        display: block
    }

        .VRO-MobileView .height75 {
            float: left
        }

        .VRO-MobileView .NewOrderBlue {
            margin-top: 6px
        }

    .Repeat_order_section .Authorization-section .whiteBG {
        width: 83%
    }

        .Repeat_order_section .Authorization-section .whiteBG .NewOrderBlue h5 {
            display: -webkit-box
        }

        .Repeat_order_section .Authorization-section .whiteBG .price {
            margin-right: 15px
        }

        .Repeat_order_section .Authorization-section .whiteBG .dropdowncount-box {
            margin-top: 0;
            margin-right: 0;
            float: none
        }

        .Repeat_order_section .Authorization-section .whiteBG .product-section .greyBox {
            margin: 0;
            margin-left: 25px;
            margin-right: 15px
        }

    .RO-DesktopView {
        display: none
    }

    .RO-MobileView {
        display: block
    }

        .RO-MobileView .NewOrderBlue {
            display: -webkit-box
        }

    .Repeat_order_section .repeat-order .RO-MobileView .dropdowncount-box {
        margin-right: 5px;
        width: 113%
    }

    .Repeat_order_section .repeat-order .RO-MobileView .whiteBG {
        width: 82%;
        display: inline-block
    }

    .Repeat_order_section .repeat-order .whiteBG .license_text {
        margin-right: 15px
    }

    .Repeat_order_section .repeat-order .whiteBG .product-section .greyBox {
        margin-right: 15px
    }

    .Repeat_order_section .repeat-order .RO-MobileView .product-section {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .Repeat_order_section {
        margin-left: 0;
        width: auto
    }

        .Repeat_order_section .repeat-order {
            margin: 40px 20px;
            background: #fff;
            width: 89%
        }

            .Repeat_order_section .repeat-order .whiteBG {
                width: 94%;
                display: inline-block
            }

        .Repeat_order_section .Authorization-section .whiteBG .NewOrderBlue {
            width: 40%;
            float: left
        }

        .Repeat_order_section .repeat-order .whiteBG .license_text {
            margin-right: 30px
        }

        .Repeat_order_section .Authorization-section .whiteBG .product-section .greyBox {
            margin: 0 30px 0 30px
        }

        .Repeat_order_section .Authorization-section .whiteBG {
            width: 92%;
            display: inline-block
        }

        .Repeat_order_section .repeat-order .whiteBG .product-section {
            width: 62%
        }

        .Repeat_order_section .Authorization-section .whiteBG .price {
            margin-right: 30px
        }

        .Repeat_order_section .Authorization-section .whiteBG .dropdowncount-box {
            margin-top: 0;
            float: left
        }

        .Repeat_order_section .repeat-order .RO-MobileView .dropdowncount-box {
            width: auto
        }

    .VRO-DesktopView {
        display: block
    }

        .VRO-DesktopView .NewOrderBlue {
            margin-top: 6px
        }

    .VRO-MobileView {
        display: none
    }

    .RO-DesktopView {
        display: block
    }

    .RO-MobileView {
        display: none
    }

        .RO-MobileView .dropdowncount-box {
            margin-right: 50px
        }
}

@media screen and (min-width:1024px) {
    .Repeat_order_section .repeat-order .whiteBG {
        width: 95%;
        display: inline-block
    }

    .Repeat_order_section .Authorization-section .whiteBG .NewOrderBlue {
        width: 60%;
        float: left
    }

    .Repeat_order_section .Authorization-section .whiteBG {
        width: 95%;
        display: inline-block
    }

        .Repeat_order_section .Authorization-section .whiteBG .dropdowncount-box {
            margin-top: 0
        }

    .VRO-DesktopView {
        display: block
    }

    .VRO-MobileView {
        display: none
    }

    .RO-DesktopView {
        display: block
    }

    .RO-MobileView {
        display: none
    }

        .RO-MobileView .dropdowncount-box {
            margin-right: 0;
            float: left
        }
}

.visibilityH {
    visibility: hidden
}

.visibilityS {
    visibility: visible
}

.ViewRepeatOrder-popup .fa-angle-left {
    font-size: 20px;
    float: left;
    margin-top: 2px
}

.ViewRepeatOrder-popup .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.ViewRepeatOrder-popup .modal-popup-centre {
    position: relative;
    top: 25%
}

.ViewRepeatOrder-popup .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    border-radius: 6.5px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatecentre;
    animation-duration: .4s;
    height: auto;
    width: 550px
}

    .ViewRepeatOrder-popup .modal-content h1 {
        font-size: 37px;
        font-size: 3.7rem;
        font-weight: 300;
        line-height: 44px;
        line-height: 4.4rem;
        margin: 0 0 15px;
        color: #006983;
        font-family: 'Lato',sans-serif
    }

    .ViewRepeatOrder-popup .modal-content .product-list {
        padding: 0 22px 20px;
        font-size: 14px;
        font-family: 'Lato',sans-serif
    }

        .ViewRepeatOrder-popup .modal-content .product-list .greyBox {
            margin-right: 15px
        }

        .ViewRepeatOrder-popup .modal-content .product-list .quantitynumber {
            float: right;
            margin-right: 20px
        }

        .ViewRepeatOrder-popup .modal-content .product-list .product-text {
            padding: 20px 0 20px 0;
            border-bottom: .5px solid #d5d5d6
        }

    .ViewRepeatOrder-popup .modal-content p {
        margin-bottom: 0
    }

    .ViewRepeatOrder-popup .modal-content .addedToShoppingcart {
        background-color: #eff6f7;
        padding: 10px 22px 5px;
        border-radius: 6.5px
    }

.ViewRepeatOrder-popup .close {
    background: url(../img/bg/spritedvn.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #808080;
    background-position: -43px -243px;
    height: 21px;
    width: 21px;
    border-radius: 10px;
    float: right
}

    .ViewRepeatOrder-popup .close:hover, .ViewRepeatOrder-popup .close:focus {
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer;
        background-color: #5c5c5c
    }

.ViewRepeatOrder-popup .order-buttons {
    padding: 18px 22px
}

    .ViewRepeatOrder-popup .order-buttons .back_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        color: #006983;
        background-color: #fff;
        border: solid 1px #006983;
        height: 26px;
        border-radius: 2px
    }

        .ViewRepeatOrder-popup .order-buttons .back_btn.disabled {
            background: #fff;
            color: #cfc9b8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        .ViewRepeatOrder-popup .order-buttons .back_btn:hover {
            background: #006983;
            color: #fff;
            text-decoration: none
        }

        .ViewRepeatOrder-popup .order-buttons .back_btn:active {
            background: #33879c;
            color: #fff
        }

    .ViewRepeatOrder-popup .order-buttons .cart-btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        background-color: #a3bf2b;
        border: solid 1px #a3bf2b;
        color: #000;
        height: 27px;
        cursor: pointer
    }

        .ViewRepeatOrder-popup .order-buttons .cart-btn.disabled {
            background: #cfc9b8;
            color: #cfc9b8;
            border: 1px solid #cfc9b8
        }

        .ViewRepeatOrder-popup .order-buttons .cart-btn:hover {
            background: #6c7e1c;
            color: #000;
            border: 1px solid #6c7e1c;
            text-decoration: none
        }

        .ViewRepeatOrder-popup .order-buttons .cart-btn:active {
            background: #a3bf2b;
            color: #000;
            border: 1px solid #a3bf2b
        }

        .ViewRepeatOrder-popup .order-buttons .cart-btn .fa-shopping-cart {
            color: #000;
            font-size: 14px;
            margin-right: 10px
        }

@media screen and (min-width:290px) {
    .ViewRepeatOrder-popup .modal-content {
        height: auto;
        width: 97%;
        margin-right: 5px;
        margin-left: 5px
    }

    .back_btn {
        width: 95%;
        margin-bottom: 10px
    }

    .cart-btn {
        width: 95%;
        float: none
    }
}

@media screen and (min-width:768px) {
    .ViewRepeatOrder-popup .modal-content {
        height: auto;
        width: 550px;
        margin: auto
    }

    .back_btn {
        width: 180px
    }

    .cart-btn {
        width: 190px;
        float: right
    }
}

@media screen and (min-width:1024px) {
    .ViewRepeatOrder-popup .modal-content {
        height: auto;
        width: 550px;
        margin: auto
    }

    .back_btn {
        width: 180px
    }

    .cart-btn {
        width: 190px;
        float: right
    }
}

.mobile-device-detected {
    display: none
}

.not-mobile-device {
    display: block
}

@media only screen and (max-width:767px) {
    .mobile-device-detected {
        display: block
    }

    .not-mobile-device {
        display: none
    }
}

.GreenShopCart {
    background-color: #a3c029;
    height: 25px;
    width: 35px;
    color: #fff;
    border-radius: 2px;
    padding: 4px
}

.mR10 {
    margin-right: 10px
}

#formShoppingCart input[type="number"]::-webkit-outer-spin-button, #formShoppingCart input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

#formShoppingCart input[type="number"] {
    -moz-appearance: textfield
}

#formShoppingCart .cart_list_item h5 a {
    color: #036b85;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

#formShoppingCart .cart_list_item .quantityOfProduct {
    margin-right: 5px;
    width: auto
}

#formShoppingCart .title_cart .for_reimbursed .text_reiumbursed {
    width: 90px
}

#formShoppingCart .title_cart .for_reimbursed {
    margin-left: 0
}

#formShoppingCart .checkout_overview .cart_list_item .price {
    margin-right: 0;
    min-width: 70px;
    padding-right: 10px
}

#formShoppingCart .title_cart .for_notreimbursed {
    margin-left: 0
}

    #formShoppingCart .title_cart .for_notreimbursed .text_notReiumbursed {
        width: 95px
    }

#formShoppingCart .total_amount {
    background-color: #32879e;
    padding: 5px 0 0 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

    #formShoppingCart .total_amount .price {
        font-size: 20px;
        font-weight: 500
    }

    #formShoppingCart .total_amount .TotalAmountText {
        color: #fff;
        float: left;
        font-size: 20px;
        font-weight: 500;
        margin-right: 0;
        margin-bottom: 0
    }

.ShowCrossSellRelationProducts {
    border: 1px solid #d6d5d5;
    padding: 10px;
    margin-top: 62px
}

    .ShowCrossSellRelationProducts .cart_list_item .image img {
        width: auto
    }

    .ShowCrossSellRelationProducts .crossSellBlueArw {
        font-size: 25px
    }

    .ShowCrossSellRelationProducts .crossSelltitle {
        font-weight: 200;
        font-size: 30px;
        color: #4a4a4a
    }

    .ShowCrossSellRelationProducts .crossSellTxt {
        font-weight: 500;
        font-size: 14px;
        color: #4a4a4a
    }

.orangeBtn {
    background-color: #dd752d;
    border: solid 1px #dd752d;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px 11px;
    width: auto;
    display: inline-block;
    border-radius: 2px;
    text-align: center
}

    .orangeBtn:hover {
        background: #ff7800;
        color: #fff;
        border: 1px solid #dd752d;
        text-decoration: none
    }

    .orangeBtn:active {
        background: #dd752d;
        color: #fff;
        border: 1px solid #dd752d
    }

.mL25 {
    margin-left: 25px
}

.padT10 {
    padding-top: 10px
}

.mTop10 {
    margin-top: 10px
}

.padT5 {
    padding-top: 5px
}

.ViewRepeatOrder-popup #ShoppingCartPopUp .modal-popup-centre {
    top: 25%;
    padding: 15px
}

.ViewRepeatOrder-popup #ShoppingCartPopUp .order-buttons {
    padding: 10px 0 0 0
}

@media only screen and (min-width:290px) {
    .ShowCrossSellRelationProducts {
        border: 1px solid #d6d5d5;
        padding: 10px;
        margin-top: 0;
        display: block;
        position: relative
    }

        .ShowCrossSellRelationProducts .cart_list_item {
            padding-bottom: 2px
        }

        .ShowCrossSellRelationProducts .blueTxt {
            color: #036b85;
            font-size: 14px;
            font-weight: 400;
            width: 65%
        }

    #formShoppingCart .mW100 .orangeBtn {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    #formShoppingCart .total_amount .price {
        font-size: 16px;
        margin-right: 10px
    }

    #formShoppingCart .total_amount .TotalAmountText {
        font-size: 16px;
        padding-left: 10px
    }

    .mobileBackRemove {
        display: none
    }

    .mobileBackShow {
        display: block
    }

    .cart_list_item {
        padding-bottom: 2px
    }

    .mW100 {
        width: 100%
    }

        .mW100 .orangeBtn {
            margin-left: 0;
            float: left;
            width: 99%;
            padding-left: 0
        }
}

@media only screen and (min-width:767px) {
    .mobileBackShow {
        display: none
    }

    .mW100 {
        width: auto
    }

        .mW100 .orangeBtn {
            margin-left: 25px;
            float: none;
            width: auto;
            padding-left: 10px
        }

    #formShoppingCart .mW100 .orangeBtn {
        width: auto;
        padding-left: 10px
    }

    #formShoppingCart .total_amount .price {
        font-size: 20px
    }

    #formShoppingCart .total_amount .TotalAmountText {
        font-size: 20px;
        margin-right: 60px;
        padding-left: 10px
    }

    #formShoppingCart .mobileBackRemove {
        display: block
    }

    .ShowCrossSellRelationProducts {
        border: 1px solid #d6d5d5;
        padding: 10px;
        margin-top: 0;
        width: 200%;
        margin-left: 113%
    }
}

@media only screen and (min-width:1024px) {
    .ShowCrossSellRelationProducts {
        border: 1px solid #d6d5d5;
        padding: 10px;
        margin-top: 62px;
        width: auto;
        margin-left: 0
    }
}

@media only screen and (max-width:1366px) and (min-width:1024px) {
    .ShowCrossSellRelationProducts:before {
        left: 4%
    }
}

.scfCaptcha .field-captcha-image-container {
    height: 50px;
    width: 200px !important;
    float: left !important
}

.scfCaptcha .selector-field-captcha-refresh {
    height: 30px
}

.scfCaptcha .selector-field-captcha-play {
    height: 30px
}

.scfCaptcha input, .scfCaptcha textarea {
    width: auto !important
}

.field-content .field-captcha-image-container {
    height: 50px;
    width: 200px;
    float: left
}

.field-content .field-captcha-controls .selector-field-captcha-refresh {
    width: auto
}

.field-content .field-captcha-controls .selector-field-captcha-play {
    width: auto
}

time.overridden {
    display: none
}

.MR30 {
    margin-right: 30px
}

#TrackTrace {
    display: inline-block;
    width: 100%
}

    #TrackTrace .left-section .submenu a {
        padding: 14px 0
    }

    #TrackTrace .padR0 {
        padding-right: 0
    }

    #TrackTrace .right-section .NewOrderBlue {
        margin-top: 10px;
        width: 61%
    }

    #TrackTrace .left-section .submenu {
        margin-top: 0
    }

        #TrackTrace .left-section .submenu ul {
            margin-top: 0;
            padding-left: 0
        }

    #TrackTrace .TrackTraceRightTop {
        width: 100%;
        display: inline-block
    }

        #TrackTrace .TrackTraceRightTop .TopRightLeft {
            width: 100%;
            margin-right: 0
        }

    #TrackTrace .whiteBG {
        padding: 0;
        width: 100%
    }

    #TrackTrace .TruckIcon {
        font-size: 1.5em;
        margin-right: 10px
    }

    #TrackTrace .orangeBtn {
        text-transform: none;
        padding-left: 10px;
        background-color: #dd752d;
        border: solid 1px #dd752d;
        color: #fff;
        font-size: 14px;
        font-weight: bold
    }

        #TrackTrace .orangeBtn.disabled {
            background: #cfc9b8;
            color: #faf9f8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        #TrackTrace .orangeBtn:hover {
            background: #ff7800;
            color: #fff;
            border: 1px solid #dd752d;
            text-decoration: none
        }

        #TrackTrace .orangeBtn:active {
            background: #dd752d;
            color: #fff;
            border: 1px solid #dd752d
        }

    #TrackTrace .WhiteRow {
        padding: 10px 15px 0 15px;
        display: inline-block;
        width: 100%;
        height: 100%
    }

    #TrackTrace .TTqty {
        width: 20px;
        float: left;
        margin-right: 10px
    }

@media only screen and (min-width:290px) {
    #TrackTrace .displayGridM {
        display: grid
    }

    #TrackTrace .TotalTxt {
        margin-right: 35px
    }

    #TrackTrace .TTOrangeBtnHolder {
        width: 100%;
        display: flex
    }

    #TrackTrace .orangeBtn {
        width: 100%
    }

    #TrackTrace .qtVerg {
        float: left
    }
}

@media only screen and (min-width:768px) {
    #TrackTrace .col {
        padding: 0 1.4%
    }

    #TrackTrace .displayGridM {
        display: block
    }

    #TrackTrace .TotalTxt {
        margin-right: 45px
    }

    #TrackTrace .TTOrangeBtnHolder {
        width: auto;
        display: flex
    }

    #TrackTrace .orangeBtn {
        width: auto
    }

    #TrackTrace .qtVerg {
        float: right
    }

    #TrackTrace .left-section .submenu .submenuA {
        width: 74%;
        display: inline-block
    }
}

.width65 {
    width: 65%
}

.width30 {
    width: 30%
}

.mB15 {
    margin-bottom: 15px
}

.mB10 {
    margin-bottom: 10px
}

.mB0 {
    margin-bottom: 0 !important
}

@media only screen and (min-width:290px) {
    .KnowledgeTeaser .KTBG {
        background-color: #e7eef4;
        padding: 20px 20px 0 20px;
        border-radius: 0 0 35px 0;
        position: relative
    }

    .KnowledgeTeaser .KTLadyimage {
        bottom: 0;
        position: absolute;
        right: 0;
        margin-right: 0;
        width: 35%
    }

    .KnowledgeTeaser .orange {
        padding: 5px;
        text-transform: none
    }
}

@media only screen and (min-width:768px) {
    .KnowledgeTeaser .KTBG {
        background-color: #e7eef4;
        padding: 20px 20px 0 20px;
        border-radius: 0 0 35px 0;
        position: relative
    }

    .KnowledgeTeaser .KTLadyimage {
        bottom: 0;
        position: absolute;
        right: 0;
        margin-right: 35px;
        width: auto
    }

    .KnowledgeTeaser .orange {
        padding: 8px 30px
    }
}

@media only screen and (min-width:768px) {
    #notificationPopup .modal-content {
        width: 50%
    }
}

#notificationPopup .modal-content {
    padding: 30px;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    #notificationPopup .modal-content .field-wrap {
        margin-top: 15px
    }

    #notificationPopup .modal-content img {
        width: 45%;
        margin-bottom: 20px
    }

    #notificationPopup .modal-content h1 {
        font-size: 31px;
        color: #000;
        font-weight: bold
    }

    #notificationPopup .modal-content p {
        font-size: 13px
    }

    #notificationPopup .modal-content .whiteBtn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        color: #006983;
        background-color: #fff;
        border: solid 1px #006983;
        width: auto !important;
        padding: 0 !important;
        border-radius: 2px;
        cursor: pointer
    }

        #notificationPopup .modal-content .whiteBtn.disabled {
            background: #fff;
            color: #cfc9b8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        #notificationPopup .modal-content .whiteBtn:hover {
            background: #006983;
            color: #fff !important
        }

            #notificationPopup .modal-content .whiteBtn:hover a {
                color: #fff !important
            }

    #notificationPopup .modal-content:active {
        background: #33879c;
        color: #fff
    }

#notificationPopup a {
    padding: 6px;
    display: inline-block
}

#notificationPopup i.fa-angle-right {
    margin-left: 15px;
    color: #308da3;
    font-size: 20px;
    margin-top: 2px;
    font-weight: bold
}

@media only screen and (max-width:766px) {
    #notificationPopup {
        padding: 18px
    }

        #notificationPopup .field {
            float: none
        }

        #notificationPopup .whiteBtn {
            float: none;
            margin-left: 0;
            margin-top: 10px
        }

        #notificationPopup .field-wrap {
            text-align: center
        }

        #notificationPopup img {
            width: 100%;
            margin-bottom: 10px
        }

        #notificationPopup h1 {
            font-size: 22px !important;
            line-height: 21px;
            text-align: center
        }

        #notificationPopup p {
            font-size: 11px;
            line-height: 16px
        }
}

.btn-style-1 {
    background-color: #fff;
    border: solid 1px #006983;
    display: inline;
    padding: 4px 11px;
    font-family: 'Lato',sans-serif;
    text-align: center;
    color: #006983;
    border-radius: 2px
}

    .btn-style-1.disabled {
        background: #fff;
        color: #cfc9b8;
        border: 1px solid #cfc9b8
    }

    .btn-style-1:hover {
        background: #006983;
        color: #fff !important
    }

    .btn-style-1:active {
        background: #33879c;
        color: #fff
    }

    .btn-style-1 a {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 0;
        text-align: center;
        text-transform: none
    }

#cysService {
    background-color: #fff;
    border: solid 1px #006983;
    display: inline;
    padding: 4px 8px;
    border-radius: 2px
}

    #cysService.disabled {
        background: #fff;
        color: #cfc9b8;
        border: 1px solid #cfc9b8
    }

    #cysService:hover {
        background: #006983;
        color: #fff;
        text-decoration: none
    }

    #cysService:active {
        background: #33879c;
        color: #fff
    }

div#cysService a:hover {
    color: #fff !important
}

.OneFourColumn a {
    text-decoration: none;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important
}

.OneFourColumn .grey-bg-wrap {
    background-color: #f1ece5;
    padding: 5px
}

    .OneFourColumn .grey-bg-wrap img, .OneFourColumn .grey-bg-wrap span {
        display: inline-block;
        font-size: 13px;
        color: #333
    }

    .OneFourColumn .grey-bg-wrap .img-icon {
        width: 35px
    }

    .OneFourColumn .grey-bg-wrap span {
        padding-left: 10px;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important
    }

    .OneFourColumn .grey-bg-wrap .image {
        margin-top: 5px
    }

.OneFourColumn h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 20px;
    width: 100%;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important
}

.OneFourColumn p {
    font-size: 13px;
    color: #333;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important;
    font-weight: normal !important
}

@media only screen and (min-width:290px) {
    .OneFourColumn .grey-bg-wrap {
        width: 42%;
        margin-right: 10px;
        float: left
    }

    .OneFourColumn .teaser-content {
        float: left;
        width: 45%
    }

    .OneFourColumn h2 {
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 20px;
        width: 100%;
        margin-top: 0
    }
}

@media only screen and (min-width:768px) {
    .OneFourColumn .grey-bg-wrap {
        width: 100%;
        margin-right: 10px;
        float: left;
        display: table
    }

    .OneFourColumn .teaser-content {
        float: left;
        width: 100%
    }

    .OneFourColumn h2 {
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 20px;
        width: 100%;
        margin-top: 5px
    }
}

a.textUnderline:link {
    text-decoration: underline
}

#confirmation-wrap h3 {
    font-family: 'Lato',sans-serif;
    color: #333
}

#confirmation-wrap .confirmation-left .right-content {
    width: 100%
}

    #confirmation-wrap .confirmation-left .right-content p {
        font-family: 'Lato',sans-serif;
        color: #666;
        font-size: 18px
    }

    #confirmation-wrap .confirmation-left .right-content a {
        color: #666
    }

    #confirmation-wrap .confirmation-left .right-content .cont-style {
        text-decoration: underline
    }

#confirmation-wrap .confirmation-left .experience-box {
    background: #e8f0f3;
    padding: 20px;
    margin-top: 30px
}

    #confirmation-wrap .confirmation-left .experience-box h4 {
        font-size: 18px;
        margin-bottom: 15px;
        color: #666;
        font-weight: bold
    }

    #confirmation-wrap .confirmation-left .experience-box p {
        font-size: 14px;
        color: #666
    }

    #confirmation-wrap .confirmation-left .experience-box .btn-style-1 {
        color: #006983;
        border: 0;
        background-color: transparent
    }

        #confirmation-wrap .confirmation-left .experience-box .btn-style-1 a, #confirmation-wrap .confirmation-left .experience-box .btn-style-1 i {
            font-weight: bold;
            font-size: 14px;
            padding-left: 26px
        }

        #confirmation-wrap .confirmation-left .experience-box .btn-style-1 i {
            font-size: 20px
        }

#confirmation-wrap .confirmation-right ul li {
    color: #006983;
    padding: 10px 0;
    border-top: 1px solid #e3e0e0;
    padding-left: 5px
}

    #confirmation-wrap .confirmation-right ul li:last-child {
        border-bottom: 1px solid #e3e0e0
    }

    #confirmation-wrap .confirmation-right ul li .clear {
        border-bottom: 0;
        padding: 0
    }

    #confirmation-wrap .confirmation-right ul li ul li {
        border: 0;
        margin: 0
    }

        #confirmation-wrap .confirmation-right ul li ul li ul li {
            border-bottom: 0 solid #e3e0e0
        }

            #confirmation-wrap .confirmation-right ul li ul li ul li:last-child {
                border-bottom: 0
            }

@media only screen and (min-width:290px) {
    #confirmation-wrap {
        position: relative
    }

        #confirmation-wrap h3.left-space {
            display: inline-block;
            padding-top: 5px;
            padding-left: 10px;
            font-size: 18px
        }

        #confirmation-wrap img {
            float: left;
            vertical-align: top
        }

        #confirmation-wrap .confirmation-left {
            width: 100%
        }

        #confirmation-wrap .confirmation-right {
            width: 100%
        }

            #confirmation-wrap .confirmation-right ul li {
                font-size: 16px
            }

            #confirmation-wrap .confirmation-right .image-wrap {
                width: 30%
            }

            #confirmation-wrap .confirmation-right .list-wrap {
                width: 70%
            }
}

@media only screen and (min-width:768px) {
    #confirmation-wrap h3 {
        font-size: 28px !important
    }

    #confirmation-wrap .confirmation-left {
        width: 100%
    }

    #confirmation-wrap .confirmation-right {
        width: 100%
    }

        #confirmation-wrap .confirmation-right ul li {
            font-size: 20px
        }

        #confirmation-wrap .confirmation-right .image-wrap {
            width: 15%
        }

        #confirmation-wrap .confirmation-right .list-wrap {
            width: 85%
        }
}

@media only screen and (min-width:1024px) {
    #confirmation-wrap .confirmation-left {
        width: 58.33333333%
    }

    #confirmation-wrap .confirmation-right {
        width: 41.66666667%
    }

        #confirmation-wrap .confirmation-right .image-wrap {
            width: 25%
        }

        #confirmation-wrap .confirmation-right .list-wrap {
            width: 75%
        }
}

.options .infoicon {
    right: 0;
    top: 0;
    position: absolute
}

.cart_list_item h5 .note {
    position: absolute;
    right: 74px
}

h5.disabled a {
    text-decoration: line-through
}

@media only screen and (min-width:290px) {
    .OrderCardWrapper .cart_list_item h5 {
        text-align: left;
        width: 66%;
        padding-left: 5px;
        max-height: none
    }

        .OrderCardWrapper .cart_list_item h5 a {
            font-size: 13px;
            line-height: 17px;
            color: #006983;
            width: 100%;
            float: left
        }

        .OrderCardWrapper .cart_list_item h5 .note {
            float: left !important;
            text-align: left !important;
            position: static;
            margin-top: 3px
        }

            .OrderCardWrapper .cart_list_item h5 .note span {
                line-height: 17px;
                display: block
            }

    .OrderCardWrapper .cart_list_item .disabled .note {
        left: 20%;
        top: 31px
    }

    .OrderCardWrapper .cart_list_item .options .infoicon {
        right: 0;
        top: 0;
        position: absolute !important
    }

    .OrderCardWrapper .cart_list_item .image {
        display: inline-block;
        padding: 10px;
        width: 14%;
        float: left
    }

        .OrderCardWrapper .cart_list_item .image img {
            width: 100%
        }

    .OrderCardWrapper .cart_list_item .options {
        position: static;
        margin-left: 67px
    }

    .OrderCardWrapper .cart_list_item .dropdown_count {
        height: 32px;
        width: 45px;
        border: .5px solid #41b8d6
    }

    .OrderCardWrapper .cart_list_item .remove {
        position: absolute;
        top: 0;
        right: 0
    }

    .OrderCardWrapper .cart_list_item .hint .hint_text {
        margin: 0 -19px 20px 0
    }
}

@media only screen and (max-width:768px) {
    .order-card-info .OrderCardWrapper .cart_list_item .quantity .numeric {
        margin-left: 0
    }
}

@media only screen and (min-width:769px) {
    .OrderCardWrapper .cart_list_item {
        display: table !important;
        width: 99.8%
    }

        .OrderCardWrapper .cart_list_item .options {
            margin-left: 0
        }

        .OrderCardWrapper .cart_list_item .dropdown_count {
            width: 40px
        }

        .OrderCardWrapper .cart_list_item .quantity {
            width: 160px
        }

        .OrderCardWrapper .cart_list_item .image {
            vertical-align: middle;
            display: table-cell;
            padding-left: 5px;
            width: 6%;
            float: none
        }

        .OrderCardWrapper .cart_list_item .note {
            padding-right: 5px !important;
            width: auto !important;
            text-align: left !important;
            clear: both;
            font-size: 13px !important;
            line-height: 19px;
            left: auto !important;
            top: auto !important;
            position: absolute !important
        }

        .OrderCardWrapper .cart_list_item h5 {
            width: 55%;
            display: inline-flex;
            justify-content: center;
            align-items: center
        }

            .OrderCardWrapper .cart_list_item h5 a {
                color: #5c5c5c;
                color: #858585;
                font-family: 'Lato',sans-serif;
                font-size: 13px;
                display: inline-block;
                line-height: 21px;
                text-align: left;
                padding-right: 10px
            }

                .OrderCardWrapper .cart_list_item h5 a:hover {
                    color: #73c8d2
                }

                .OrderCardWrapper .cart_list_item h5 a:active {
                    color: #5ca0a8
                }

        .OrderCardWrapper .cart_list_item .options .hint .icon {
            margin: 9px 5px !important
        }

        .OrderCardWrapper .cart_list_item .hint .hint_text {
            margin: 0 -19px 20px 0
        }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .OrderCardWrapper .cart_list_item h5 .note {
        margin-top: -7px
    }

    .OrderCardWrapper .cart_list_item .remove {
        top: 5px
    }
}

@media all and (-ms-high-contrast:none) and (min-width:1024px),(-ms-high-contrast:active) and (min-width:1024px) {
    .title_cart h5 {
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        display: block
    }
}

.W100 {
    width: 100%
}

    .W100 .image img {
        width: 100%
    }

.updatePersonalTitle {
    font-weight: 200;
    font-style: normal;
    font-size: 30px;
    color: #4a4a4a;
    text-align: left;
    font-family: 'Lato',sans-serif;
    line-height: 1
}

.updatePersonalSubTitle {
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #4a4a4a;
    text-align: left;
    font-family: 'Lato',sans-serif;
    margin-bottom: 35px !important;
    margin-top: 20px
}

.updatePersonal .personal_info .form_buttons {
    border-top: 0 solid #cce1e6;
    padding-bottom: 20px
}

.updatePersonal label {
    margin-bottom: 0 !important
}

.updatePersonal .whiteBtn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #006983;
    background-color: #fff;
    border: solid 1px #006983;
    border-radius: 2px
}

    .updatePersonal .whiteBtn.disabled {
        background: #fff;
        color: #cfc9b8;
        border: 1px solid #cfc9b8
    }

    .updatePersonal .whiteBtn:hover {
        background: #006983;
        color: #fff;
        cursor: pointer
    }

    .updatePersonal .whiteBtn:active {
        background: #33879c;
        color: #fff
    }

.updatePersonal .ui-datepicker-month {
    display: inline-block
}

.updatePersonal .ui-datepicker-year {
    display: inline-block !important;
    margin-left: 10px
}

.updatePersonal a .whiteBtn, .updatePersonal a:hover {
    text-decoration: none
}

.updatePersonal .BlueLink {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #2a697c;
    text-decoration: none;
    text-transform: none
}

.updatePersonal a .BlueLink, .updatePersonal a:hover {
    text-decoration: none
}

.updatePersonal .blue {
    text-transform: none !important;
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #006983;
    background-color: #fff;
    border: solid 1px #006983;
    border-radius: 2px
}

    .updatePersonal .blue.disabled {
        background: #fff;
        color: #cfc9b8;
        border: 1px solid #cfc9b8
    }

    .updatePersonal .blue:hover {
        background: #006983;
        color: #fff !important;
        text-decoration: none
    }

    .updatePersonal .blue:active {
        background: #33879c;
        color: #fff
    }

.updatePersonal .personal_info dd {
    color: #333;
    font-family: 'Lato',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 5px
}

.updatePersonal .personal_info dt {
    font-family: 'Lato',sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #474747
}

.updatePersonal .cs_button {
    border: 1px solid #ebebeb;
    height: 40px
}

@media only screen and (min-width:290px) {
    .updatePersonal .datepicker {
        position: relative
    }

    .updatePersonal .ui-datepicker {
        width: 100%
    }

    .updatePersonal .whiteBtn {
        width: 100%;
        padding: 4px 0
    }
}

@media only screen and (min-width:768px) {
    .updatePersonal .field_xl {
        max-width: none
    }

    .updatePersonal .field_md {
        max-width: none
    }

    .updatePersonal .datepicker {
        position: relative;
        width: 294px;
        margin-left: 200px
    }

    .updatePersonal .input[type='submit'] {
        float: none
    }

    .updatePersonal .label_style label {
        float: none;
        width: auto;
        color: #4a4a4a;
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 18px;
        cursor: default
    }

    .updatePersonal .label_style .password:after {
        left: 275px
    }

    .updatePersonal input, .updatePersonal select {
        width: 295px;
        border: .5px solid #adadad
    }

    .updatePersonal .personal_info dt {
        width: 30%
    }

    .updatePersonal .form_buttons .green {
        float: none
    }

    .updatePersonal .whiteBtn {
        width: auto;
        padding: 4px 11px
    }
}

.KTBG .table {
    height: auto
}

body.component-bg .block_message, body.component-bg .block_contact, body.component-bg .form_newsletter, body.component-bg .KTBG, body.component-bg .grey-bg-wrap {
    background: #ece9e3
}

body.component-bg #contentSiteHeader .dropdown-menu {
    background-color: #ece9e3
}

body.component-bg .submenu a {
    background: #ece9e3
}

    body.component-bg .submenu a:hover {
        background: #cce1e6
    }

body.component-bg .submenu .active {
    background: #73c8d2;
    color: #fff
}

    body.component-bg .submenu .active:hover {
        background: #73c8d2
    }

body.component-bg .tabs .nav ul a {
    background: #f5f4f1
}

    body.component-bg .tabs .nav ul a:hover {
        background: #ece9e3
    }

    body.component-bg .tabs .nav ul a:active {
        background: #e2dfd4
    }

.float-none .numeric {
    float: none;
    display: inline-block
}

.pos-rel {
    position: relative
}

#contentSiteHeader {
    clear: both
}

    #contentSiteHeader .navbar {
        min-height: 60px
    }

    #contentSiteHeader .container {
        width: 90%;
        position: relative
    }

    #contentSiteHeader .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000
    }

    #contentSiteHeader .container-fluid > .navbar-header {
        margin-left: 0
    }

    #contentSiteHeader .navbar-brand {
        padding: 0;
        width: 115px
    }

        #contentSiteHeader .navbar-brand img img {
            border: none;
            display: block;
            width: 100%
        }

    #contentSiteHeader .navbar-inverse {
        background: #fff;
        border: none
    }

        #contentSiteHeader .navbar-inverse a {
            font-size: 1.6rem;
            font-family: Raleway
        }

        #contentSiteHeader .navbar-inverse .navbar-nav > .active > a, #contentSiteHeader .navbar-inverse .navbar-nav > .active > a:focus, #contentSiteHeader .navbar-inverse .navbar-nav > .active > a:hover {
            background-color: transparent;
            color: #a6a193
        }

        #contentSiteHeader .navbar-inverse .navbar-nav > li > a:focus, #contentSiteHeader .navbar-inverse .navbar-nav > li > a:hover {
            color: #a6a193
        }

        #contentSiteHeader .navbar-inverse .navbar-nav > li > a {
            color: #a6a193
        }

        #contentSiteHeader .navbar-inverse .navbar-nav > .open > a, #contentSiteHeader .navbar-inverse .navbar-nav > .open > a:focus, #contentSiteHeader .navbar-inverse .navbar-nav > .open > a:hover {
            color: #006983;
            background-color: transparent
        }

    #contentSiteHeader .caret {
        border: 2px solid #a6a193;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-top: -6px;
        margin-left: 5px;
        float: none
    }

    #contentSiteHeader .dropdown.open .caret {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        border: 2px solid #006983;
        border-left: none;
        border-top: none;
        margin-top: 0;
        float: none
    }

    #contentSiteHeader .dropdown-menu {
        border: none;
        box-shadow: none;
        background-color: #fff
    }

    #contentSiteHeader .navbar-toggle {
        float: left;
        background: #fff;
        border-color: #fff
    }

    #contentSiteHeader .search-form .form-group input.form-control::-webkit-input-placeholder {
        display: none
    }

    #contentSiteHeader .search-form .form-group input.form-control::-moz-placeholder {
        display: none
    }

    #contentSiteHeader .navbar-right {
        min-width: 450px;
        position: absolute;
        right: 2%
    }

        #contentSiteHeader .navbar-right form {
            width: 100%
        }

    #contentSiteHeader .form-group {
        position: relative;
        width: 0%;
        min-width: 60px;
        height: 45px;
        overflow: hidden;
        transition: width 1s;
        backface-visibility: hidden
    }

        #contentSiteHeader .form-group input.form-control {
            position: absolute;
            top: 0;
            right: 0;
            outline: none;
            width: 93%;
            height: 45px;
            margin: 0;
            z-index: 10
        }

    #contentSiteHeader input[type="text"].form-control {
        -webkit-appearence: none;
        -webkit-border-radius: 0;
        border: 1px solid #ccc
    }

    #contentSiteHeader .form-control-submit, #contentSiteHeader .search-label {
        width: 60px;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        margin: 0;
        text-align: center;
        cursor: pointer;
        line-height: 42px;
        background: #fff
    }

    #contentSiteHeader .form-control-submit {
        background: #fff;
        opacity: 0;
        color: transparent;
        border: none;
        outline: none;
        z-index: -1
    }

    #contentSiteHeader .search-label {
        z-index: 90
    }

    #contentSiteHeader .form-group.sb-search-open, #contentSiteHeader .no-js .sb-search-open {
        width: 100%
    }

        #contentSiteHeader .form-group.sb-search-open .search-label, #contentSiteHeader .no-js .sb-search .search-label {
            background: #006983;
            color: #fff;
            z-index: 11
        }

        #contentSiteHeader .form-group.sb-search-open .form-control-submit, #contentSiteHeader .no-js .form-control .form-control-submit {
            z-index: 90
        }

    #contentSiteHeader ::-ms-clear {
        display: none
    }

    #contentSiteHeader .form-control-clear {
        z-index: 10;
        pointer-events: auto;
        cursor: pointer
    }

    #contentSiteHeader .form-control-feedback {
        right: 68px;
        top: 14px;
        position: absolute
    }

@media(max-width:1024px) {
    #contentSiteHeader .navbar-header {
        float: none
    }

    #contentSiteHeader .navbar-toggle {
        display: block
    }

    #contentSiteHeader .caret {
        float: right
    }

    #contentSiteHeader .form-group input.form-control {
        width: 100%
    }

    #contentSiteHeader .dropdown.open .caret {
        float: right
    }

    #contentSiteHeader .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        z-index: 1001;
        background: #fff;
        width: 100%;
        overflow: auto;
        margin-left: -6%;
        padding-left: 6%
    }

        #contentSiteHeader .navbar-collapse.collapse {
            display: none !important;
            z-index: 1
        }

    #contentSiteHeader .navbar-brand {
        position: absolute;
        left: 50%;
        margin-left: -50px
    }

    #contentSiteHeader .navbar-nav {
        float: none !important;
        margin-left: -5px
    }

        #contentSiteHeader .navbar-nav > li {
            float: none
        }

            #contentSiteHeader .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px
            }

    #contentSiteHeader .navbar-text {
        float: none;
        margin: 15px 0
    }

    #contentSiteHeader .navbar-collapse.collapse.in {
        display: block !important;
        width: 100%
    }

    #contentSiteHeader .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto
    }

    #contentSiteHeader .collapsing {
        overflow: hidden !important
    }
}

@media(min-width:1024px) {
    #contentSiteHeader .navbar-collapse.collapse.in {
        position: relative;
        z-index: 1001;
        background: #fff;
        width: auto
    }
}

#contentSiteHeader .nav .dropdown.open .caret {
    border-top: none
}

#contentSiteHeader .searchbar {
    position: absolute;
    top: 3px;
    right: 0;
    width: 90%;
    z-index: 9
}

#contentSiteHeader .search-level {
    z-index: 9999
}

#contentSiteHeader .navbar-collapse {
    width: 85%;
    position: relative;
    z-index: 11;
    right: 45px;
    float: right
}

#contentSiteHeader i.fa {
    line-height: 40px
}

@media(max-width:767px) {
    #contentSiteHeader .search-form {
        background-color: #eee;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
        padding: 0 16px;
        z-index: 20000;
        overflow-y: auto;
        display: none
    }

    #contentSiteHeader .searchbar {
        top: 2px
    }

    #contentSiteHeader .mobile-search, #contentSiteHeader .fa-times {
        cursor: pointer
    }

    #contentSiteHeader .mobile-search {
        position: absolute;
        right: 0;
        top: 0
    }

    #contentSiteHeader .glyphicon-remove {
        position: absolute;
        right: 15px;
        font-size: 23px
    }

    #contentSiteHeader .form-control-clear.fa-times {
        position: absolute;
        right: 60px;
        font-size: 15px;
        top: 3px
    }

    #contentSiteHeader .form-group {
        margin-top: 40px;
        width: 100%
    }

    #contentSiteHeader .search-label {
        background: #006983;
        color: #fff
    }

    #contentSiteHeader .visible-xs {
        display: block !important
    }

    #contentSiteHeader .fa-close {
        position: absolute;
        right: 15px;
        font-size: 23px
    }

    #contentSiteHeader .form-control-clear.fa-times {
        position: absolute;
        right: 70px;
        font-size: 15px;
        top: 15px
    }
}

.visible-xs {
    display: none !important
}

.teaser_big .image img {
    width: auto
}

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #a6a193;
        white-space: nowrap
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #a6a193;
            text-decoration: underline;
            background: #ece9e3
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #777
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media(min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

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

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #777
        }

            .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent
            }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media(min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media(min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

    .navbar-collapse.in {
        overflow-y: auto
    }

@media(min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 340px
    }

@media(max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

@media(min-width:768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media(min-width:768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media(min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none
    }

    .navbar-brand > img {
        display: block
    }

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media(min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

@media(max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none
            }
}

@media(min-width:768px) {
    .navbar-nav {
        float: right;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media(min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
            width: auto
        }

        .navbar-form .input-group > .form-control {
            width: 100%
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

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

        .navbar-form .radio label, .navbar-form .checkbox label {
            padding-left: 0
        }

        .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media(max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
}

@media(min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media(min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media(min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav > li > a {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

@media(max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #ddd
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888
    }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-default .btn-link {
    color: #777
}

    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
        color: #333
    }

    .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #080808
    }

@media(max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
        text-overflow: ellipsis;
        overflow: hidden
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #333
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff
    }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .btn-link {
    color: #9d9d9d
}

    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444
    }

.nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after {
    clear: both
}

@-ms-viewport {
    width: device-width;
}

.prefix-box {
    float: left
}

    .prefix-box .prefix-list-group {
        border-radius: 0 0 9px 9px;
        box-shadow: 0 6px 17px #dadada;
        max-height: 300px;
        color: #999;
        position: absolute;
        background: #fff;
        z-index: 9;
        width: 295px;
        box-sizing: border-box;
        margin-left: -85px
    }

        .prefix-box .prefix-list-group li {
            padding: 7px 20px
        }

            .prefix-box .prefix-list-group li:hover {
                background: #ededf1
            }

    .prefix-box .scroll-y {
        overflow-y: scroll
    }

.z-index {
    z-index: 0;
    position: relative
}

.register-prefix {
    width: 100%
}

    .register-prefix .prefix-list-group {
        width: 376px
    }

@media(max-width:767px) {
    .prefix-box {
        width: 100%
    }

        .prefix-box .prefix-list-group {
            width: 90%;
            box-sizing: border-box
        }
}

@media(max-width:1024px) {
    .prefix-box .prefix-list-group {
        margin-left: 0
    }
}

.upload-style .upload-input {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ebebeb;
    box-shadow: none;
    font: 1.4rem 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
    padding: 5px 10px;
    display: flex
}

    .upload-style .upload-input:hover {
        border-color: #99c3cd;
        color: #006983
    }

.upload-style button {
    border: 1px solid #9e9e9e;
    padding: 4px 8px;
    font-size: 14px;
    background-image: linear-gradient(#f9f6f6,#dedede);
    float: left
}

.upload-style input[type="text"] {
    border: none;
    width: auto;
    height: auto;
    float: left
}

    .upload-style input[type="text"]:hover {
        color: #99c3cd
    }

.btn-shadow {
    box-shadow: 2px 2px 3px #adabab;
    -webkit-box-shadow: 2px 2px 3px #adabab;
    -moz-box-shadow: 2px 2px 3px #adabab;
    font-size: 14px
}

.border-top-bottom {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
    margin-bottom: 10px
}

#refurbishedOrderCard .headerItem, #deleted-product-order-card .headerItem {
    padding-bottom: 15px
}

    #refurbishedOrderCard .headerItem p, #deleted-product-order-card .headerItem p {
        margin: 0
    }

    #refurbishedOrderCard .headerItem h1, #deleted-product-order-card .headerItem h1 {
        margin-bottom: 5px;
        font-size: 30px;
        color: #333
    }

@media(max-width:767px) {
    #refurbishedOrderCard .headerItem h1, #deleted-product-order-card .headerItem h1 {
        font-size: 3rem
    }
}

#filter-wrap {
    position: relative;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
    margin-bottom: 10px
}

    #filter-wrap .tablet-wrap {
        width: 50%;
        float: left
    }

        #filter-wrap .tablet-wrap.flex-style {
            display: flex;
            align-items: center
        }

    #filter-wrap label {
        font-weight: normal
    }

    #filter-wrap .filter-name {
        width: 25%;
        float: left
    }

    #filter-wrap .date_picker {
        width: 75%;
        float: left
    }

    #filter-wrap .datepicker {
        margin-right: 40px;
        display: flex;
        align-items: center;
        width: 40%
    }

        #filter-wrap .datepicker:after {
            right: -40px;
            border-left: 0
        }

        #filter-wrap .datepicker span.label-color {
            color: #006983
        }

        #filter-wrap .datepicker input {
            padding: 0 10px;
            float: left;
            width: 100%;
            margin-right: 0;
            margin-left: 10px;
            border-color: #006983
        }

        #filter-wrap .datepicker .ui-datepicker {
            overflow: visible;
            width: 230px;
            left: -10px !important;
            border-top: 1px solid #006983
        }

            #filter-wrap .datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
                display: inline-block
            }

    #filter-wrap .checkbox-space {
        margin-right: 9px;
        float: left
    }

    #filter-wrap .checkbox-size {
        width: 16px;
        height: 16px;
        -webkit-appearance: none !important
    }

    #filter-wrap input[type=radio] + label:before, #filter-wrap input[type=checkbox] + label:before {
        width: 16px;
        height: 16px;
        -webkit-appearance: none !important
    }

    #filter-wrap input[type=radio], #filter-wrap input[type=checkbox] {
        width: 16px;
        height: 16px;
        -webkit-appearance: none !important;
        display: block;
        position: absolute;
        background: transparent;
        z-index: 99;
        border: 0
    }

    #filter-wrap .filter-btn :hover {
        background: #006983;
        color: #fff;
        text-decoration: none
    }

    #filter-wrap .filter-btn :active {
        background: #33879c;
        color: #fff
    }

    #filter-wrap .filter-btn a {
        background-color: #fff;
        border: solid 1px #006983;
        padding: 7px 45px;
        font-size: 14px;
        border: 1px solid;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
        font-family: 'Lato',sans-serif;
        border-radius: 2px
    }

    #filter-wrap .addtocart-btn {
        float: right
    }

        #filter-wrap .addtocart-btn a {
            margin-left: 20px;
            padding: 3px 18px;
            font-size: 14px;
            text-transform: capitalize;
            margin-top: 0
        }

    #filter-wrap .btn.disabled {
        background: #cfc9b8;
        color: #faf9f8;
        border: 1px solid #cfc9b8;
        font-size: 14px;
        font-weight: bold;
        border-radius: 2px
    }

@media(max-width:1024px) {
    #filter-wrap .tablet-wrap {
        width: 100%;
        margin-bottom: 20px
    }

        #filter-wrap .tablet-wrap:nth-child(2) {
            margin-bottom: 0
        }

        #filter-wrap .tablet-wrap .filter-name {
            width: 15%
        }

        #filter-wrap .tablet-wrap .datepicker .ui-datepicker {
            left: 0 !important
        }

        #filter-wrap .tablet-wrap .filter-btn {
            margin-left: 0
        }

        #filter-wrap .tablet-wrap .addtocart-btn a {
            text-transform: uppercase;
            padding: 3px 20px;
            font-size: 14px
        }

        #filter-wrap .tablet-wrap .FooterQtyTxt {
            width: 350px;
            text-align: left;
            padding-top: 10px;
            position: static
        }
}

@media(max-width:767px) {
    #filter-wrap .headerItem h1 {
        font-size: 3rem
    }

    #filter-wrap .tablet-wrap {
        display: block !important;
        width: 100%;
        margin-bottom: 15px
    }

        #filter-wrap .tablet-wrap .ui-datepicker {
            left: 40px !important
        }

        #filter-wrap .tablet-wrap .filter-name {
            width: 100%;
            float: none
        }

        #filter-wrap .tablet-wrap .date_picker {
            width: 70%;
            margin-left: 15%;
            margin-top: 16px
        }

        #filter-wrap .tablet-wrap .datepicker {
            width: 100%;
            margin-bottom: 15px
        }

            #filter-wrap .tablet-wrap .datepicker .ui-datepicker {
                left: 40px !important
            }

        #filter-wrap .tablet-wrap .checkbox-space {
            margin-bottom: 10px;
            width: 100%
        }

        #filter-wrap .tablet-wrap .filter-btn {
            width: 100%;
            margin-bottom: 15px;
            margin-left: 0
        }

        #filter-wrap .tablet-wrap .addtocart-btn {
            width: 100%
        }

            #filter-wrap .tablet-wrap .addtocart-btn a {
                margin-left: 0;
                width: 100%;
                box-sizing: border-box;
                font-size: 15px
            }
}

@-moz-document url-prefix() {
    #filter-wrap .datepicker input {
        width: 75%;
    }
}

#refurbishedOrderCard .header-align {
    width: 50%;
    float: left
}

#refurbishedOrderCard .footerItem {
    padding-right: 0 !important;
    margin-top: 0
}

    #refurbishedOrderCard .footerItem .bottom-addtocart-btn {
        margin: 8px 0
    }

        #refurbishedOrderCard .footerItem .bottom-addtocart-btn a {
            margin-left: 20px;
            padding: 8px 18px;
            font-size: 14px;
            text-transform: capitalize;
            margin-top: 0
        }

        #refurbishedOrderCard .footerItem .bottom-addtocart-btn .btn.disabled {
            background: #cfc9b8;
            color: #faf9f8;
            border: 1px solid #cfc9b8;
            font-size: 14px;
            font-weight: bold !important
        }

@media(max-width:1024px) {
    #refurbishedOrderCard .footerItem .FooterQtyTxt-bottom {
        width: 350px;
        text-align: left;
        padding-top: 10px;
        position: static
    }

    #refurbishedOrderCard .footerItem .bottom-addtocart-btn a {
        text-transform: uppercase;
        padding: 8px 34px;
        font-size: 14px
    }
}

#refurbishedOrderCard .FooterQtyTxt {
    width: 245px;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: -40px
}

#refurbishedOrderCard .FooterQtyTxt-bottom {
    width: 245px;
    float: right;
    text-align: left;
    padding-top: 9px;
    font-size: 14px;
    line-height: 16px
}

@media(max-width:767px) {
    #refurbishedOrderCard .FooterQtyTxt {
        width: 66%;
        float: left;
        text-align: left;
        padding-top: 9px;
        position: static
    }
}

#refurbishedOrderCard .moreInput, #deleted-product-order-card .moreInput {
    height: 26px;
    width: 56px
}

#refurbishedOrderCard .productHead, #deleted-product-order-card .productHead {
    display: inline-block;
    width: 100%;
    font-family: 'Lato Bold','Lato Regular','Lato';
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #4a4a4a;
    text-align: left;
    border-bottom: 4px solid #cce1e6
}

#refurbishedOrderCard .message-red, #deleted-product-order-card .message-red {
    color: #f00;
    font-weight: normal;
    font-size: 13px
}

#refurbishedOrderCard .plHeaderLastOrderedlbl, #deleted-product-order-card .plHeaderLastOrderedlbl {
    width: 15%;
    float: left
}

#refurbishedOrderCard .plHeaderQtylbl, #deleted-product-order-card .plHeaderQtylbl {
    width: 15%;
    float: left
}

#refurbishedOrderCard .plRepeat, #deleted-product-order-card .plRepeat {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    margin-bottom: 0;
    border-right: 0;
    border-top: 1px solid transparent
}

    #refurbishedOrderCard .plRepeat:hover, #deleted-product-order-card .plRepeat:hover {
        background-color: #e8f0f3;
        border-bottom: 1px solid #b3d3db;
        border-top: 1px solid #b3d3db
    }

#refurbishedOrderCard .showme, #deleted-product-order-card .showme {
    display: none
}

#refurbishedOrderCard .plHeaderName, #deleted-product-order-card .plHeaderName {
    width: 50%;
    float: left
}

#refurbishedOrderCard .plHeaderLastOrdered, #deleted-product-order-card .plHeaderLastOrdered {
    width: 15%;
    float: left
}

#refurbishedOrderCard .plHeaderQty, #deleted-product-order-card .plHeaderQty {
    width: 15%;
    float: left
}

#refurbishedOrderCard .plHeaderName a, #deleted-product-order-card .plHeaderName a {
    font-size: 14px
}

#refurbishedOrderCard .plHeaderLastOrdered label, #deleted-product-order-card .plHeaderLastOrdered label {
    font-weight: normal
}

#refurbishedOrderCard .plHeaderPrice label, #deleted-product-order-card .plHeaderPrice label {
    font-weight: normal
}

#refurbishedOrderCard .footerItem, #deleted-product-order-card .footerItem {
    text-align: right;
    padding-right: 10%
}

#refurbishedOrderCard .FooterQtyTxt, #deleted-product-order-card .FooterQtyTxt, #refurbishedOrderCard .FooterQtyTxt-bottom, #deleted-product-order-card .FooterQtyTxt-bottom {
    color: #f90
}

@media(min-width:290px) {
    #refurbishedOrderCard .p1Checkbox, #deleted-product-order-card .p1Checkbox {
        display: block;
        width: 25px;
        float: left
    }

    #refurbishedOrderCard input[type=checkbox], #deleted-product-order-card input[type=checkbox] {
        width: 16px;
        height: 16px;
        display: block;
        -webkit-appearance: checkbox
    }

    #refurbishedOrderCard .icon_remove, #deleted-product-order-card .icon_remove {
        position: absolute;
        right: 5%;
        background-color: #666
    }

    #refurbishedOrderCard .plHeaderName, #deleted-product-order-card .plHeaderName {
        width: 90%;
        float: left;
        display: inline-block;
        float: none
    }

    #refurbishedOrderCard .plHeaderLastOrderedlbl, #deleted-product-order-card .plHeaderLastOrderedlbl {
        display: none
    }

    #refurbishedOrderCard .plHeaderLastOrdered, #deleted-product-order-card .plHeaderLastOrdered {
        display: none
    }

    #refurbishedOrderCard .plHeaderPrice, #deleted-product-order-card .plHeaderPrice {
        float: right;
        margin-right: 8%
    }

    #refurbishedOrderCard .plHeaderQty, #deleted-product-order-card .plHeaderQty {
        margin-left: 62px;
        width: 35%
    }

    #refurbishedOrderCard .productHead, #deleted-product-order-card .productHead {
        display: none
    }

    #refurbishedOrderCard .plRemoveProduct, #deleted-product-order-card .plRemoveProduct {
        float: right;
        position: absolute;
        right: 0;
        margin-right: 7%
    }

    #refurbishedOrderCard .plRepeat, #deleted-product-order-card .plRepeat {
        display: inline-block
    }
}

@media(min-width:768px) {
    #refurbishedOrderCard .productHead, #deleted-product-order-card .productHead {
        display: inline-block
    }

    #refurbishedOrderCard .p1Checkbox, #deleted-product-order-card .p1Checkbox {
        display: block;
        width: 5%
    }

    #refurbishedOrderCard .plHeaderQtylbl, #deleted-product-order-card .plHeaderQtylbl {
        width: 18%;
        position: absolute
    }

    #refurbishedOrderCard .plHeaderQty, #deleted-product-order-card .plHeaderQty {
        width: 18%;
        position: absolute;
        margin-top: 1%
    }

    #refurbishedOrderCard .plHeaderName, #deleted-product-order-card .plHeaderName {
        width: 67%;
        float: left;
        margin-left: 18%
    }

    #refurbishedOrderCard .plHeaderNamelbl, #deleted-product-order-card .plHeaderNamelbl {
        width: 67%;
        float: left;
        margin-left: 18%
    }

    #refurbishedOrderCard .plHeaderPricelbl, #deleted-product-order-card .plHeaderPricelbl {
        width: 15%;
        float: left
    }

    #refurbishedOrderCard .plHeaderQty, #deleted-product-order-card .plHeaderQty {
        margin-left: 0
    }

    #refurbishedOrderCard .plHeaderPrice, #deleted-product-order-card .plHeaderPrice {
        float: left;
        width: 15%;
        margin-right: 0%;
        margin-top: 1.5%
    }

    #refurbishedOrderCard .icon_remove, #deleted-product-order-card .icon_remove {
        margin-top: 1.5%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    #refurbishedOrderCard .plHeaderLastOrderedlbl, #deleted-product-order-card .plHeaderLastOrderedlbl {
        display: none
    }
}

@media(min-width:1025px) {
    #refurbishedOrderCard .plRemoveProduct, #deleted-product-order-card .plRemoveProduct {
        margin-right: 1%;
        position: relative;
        margin-top: 1%
    }

    #refurbishedOrderCard .p1Checkbox, #deleted-product-order-card .p1Checkbox {
        display: none;
        width: 5%
    }

    #refurbishedOrderCard .plHeaderPricelbl, #deleted-product-order-card .plHeaderPricelbl {
        width: 15%;
        float: left
    }

    #refurbishedOrderCard .plHeaderPrice, #deleted-product-order-card .plHeaderPrice {
        width: 15%;
        float: left
    }

    #refurbishedOrderCard .plHeaderQtylbl, #deleted-product-order-card .plHeaderQtylbl {
        width: 15%;
        position: relative
    }

    #refurbishedOrderCard .plHeaderQty, #deleted-product-order-card .plHeaderQty {
        width: 15%;
        float: left;
        position: relative
    }

    #refurbishedOrderCard .icon_remove, #deleted-product-order-card .icon_remove {
        display: none
    }

    #refurbishedOrderCard .plHeaderName, #deleted-product-order-card .plHeaderName {
        width: 50%;
        float: left;
        margin-left: 0%
    }

    #refurbishedOrderCard .plHeaderNamelbl, #deleted-product-order-card .plHeaderNamelbl {
        width: 50%;
        float: left;
        margin-left: 0%
    }

    #refurbishedOrderCard .plRepeat:hover .showme, #deleted-product-order-card .plRepeat:hover .showme {
        display: block;
        font-size: 1.5em;
        color: #333;
        float: right;
        margin-right: 3%
    }

    #refurbishedOrderCard .plHeaderLastOrderedlbl, #deleted-product-order-card .plHeaderLastOrderedlbl {
        display: block
    }

    #refurbishedOrderCard .plHeaderLastOrdered, #deleted-product-order-card .plHeaderLastOrdered {
        display: block;
        margin-top: 1.5%
    }

    #refurbishedOrderCard .plRepeat, #deleted-product-order-card .plRepeat {
        display: inline-table
    }
}

#deleted-product-order-card .plHeaderName {
    width: 80%
}

#deleted-product-order-card .back-btn-wrap {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
    margin-bottom: 10px
}

    #deleted-product-order-card .back-btn-wrap a {
        font-size: 14px;
        background-color: #a3bf2b;
        border: solid 1px #a3bf2b;
        color: #000;
        padding: 6px 40px;
        display: inline-block;
        margin: 10px;
        font-weight: bold;
        font-family: 'Lato',sans-serif
    }

    #deleted-product-order-card .back-btn-wrap :hover {
        background: #6c7e1c;
        color: #000;
        border: 1px solid #6c7e1c;
        text-decoration: none
    }

    #deleted-product-order-card .back-btn-wrap :active {
        background: #a3bf2b;
        color: #000;
        border: 1px solid #a3bf2b
    }

#deleted-product-order-card .options {
    float: right;
    position: relative
}

    #deleted-product-order-card .options a {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-left: 10px;
        margin-right: 5px
    }

    #deleted-product-order-card .options .undo-icon {
        background: url("../img/undo-icon.png") no-repeat;
        background-size: 100%
    }

        #deleted-product-order-card .options .undo-icon:hover {
            background: url("../img/undo-icon-hover.png") no-repeat;
            background-size: 100%
        }

    #deleted-product-order-card .options .remove-icon {
        background: url("../img/delete-icon.png") no-repeat;
        background-size: 100%
    }

        #deleted-product-order-card .options .remove-icon:hover {
            background: url("../img/delete-icon-hover.png") no-repeat;
            background-size: 100%
        }

@media(max-width:767px) {
    #deleted-product-order-card .options {
        width: 20%
    }

        #deleted-product-order-card .options a {
            width: 22px;
            height: 22px;
            margin-right: 0;
            margin-left: 7px
        }
}

#deleted-product-order-card #ConfirmRemoveProduct .modal-content .addedToShoppingcart {
    background: none;
    padding-top: 25px
}

#deleted-product-order-card #ConfirmRemoveProduct .product-text {
    border: 0;
    padding-bottom: 0
}

    #deleted-product-order-card #ConfirmRemoveProduct .product-text p {
        color: #006983
    }

#deleted-product-order-card #ConfirmRemoveProduct .popup-btn-style {
    width: 48%;
    box-sizing: border-box;
    height: auto
}

#deleted-product-order-card #ConfirmRemoveProduct .order-buttons a.back_btn, #deleted-product-order-card #ConfirmRemoveProduct .order-buttons a.cart-btn {
    width: 48%;
    box-sizing: border-box;
    height: auto
}

#deleted-product-order-card #ConfirmRemoveProduct .order-buttons a.cart-btn {
    box-shadow: 2px 2px 3px #adabab;
    -webkit-box-shadow: 2px 2px 3px #adabab;
    -moz-box-shadow: 2px 2px 3px #adabab;
    font-size: 14px;
    height: 34px
}

.alert-note {
    font-size: 13px;
    padding: 10px 20px;
    font-style: italic
}

@media(max-width:767px) {
    #refurbishedOrderCard .footerItem {
        margin-bottom: 50px;
        position: relative
    }

        #refurbishedOrderCard .footerItem .FooterQtyTxt-bottom {
            position: absolute;
            bottom: -27px
        }

        #refurbishedOrderCard .footerItem .bottom-addtocart-btn a {
            margin-left: 0;
            font-size: 15px
        }
}

@media(max-width:1024px) {
    #refurbishedOrderCard .footerItem {
        margin-bottom: 50px;
        position: relative
    }

        #refurbishedOrderCard .footerItem .FooterQtyTxt-bottom {
            position: absolute;
            bottom: -27px;
            right: 0
        }
}

.InspirationTeaser a {
    text-decoration: none;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important
}

.InspirationTeaser p.noHover {
    text-decoration: none;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important
}

    .InspirationTeaser p.noHover:hover {
        cursor: context-menu
    }

.InspirationTeaser .grey-bg-wrap {
    background-color: #f1ece5;
    padding: 5px;
    padding-bottom: 0
}

    .InspirationTeaser .grey-bg-wrap .fa {
        font-size: 1.6em
    }

    .InspirationTeaser .grey-bg-wrap img, .InspirationTeaser .grey-bg-wrap span {
        display: inline-block;
        font-size: 13px;
        height: auto
    }

    .InspirationTeaser .grey-bg-wrap .img-icon {
        width: 35px;
        height: 20px
    }

    .InspirationTeaser .grey-bg-wrap span {
        padding-left: 5px;
        padding-top: 5px;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important
    }

    .InspirationTeaser .grey-bg-wrap .image {
        margin-top: 6px;
        position: relative;
        padding-right: 10px
    }

.InspirationTeaser h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 20px;
    width: 100%;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important
}

.InspirationTeaser p {
    font-size: 13px;
    color: #fff;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important;
    font-weight: normal !important
}

@media only screen and (min-width:290px) {
    .InspirationTeaser .grey-bg-wrap {
        width: 100%;
        margin-right: 10px;
        float: left
    }

    .InspirationTeaser .teaser-content {
        float: left;
        position: absolute;
        bottom: 0;
        width: 90%;
        padding-left: 10px;
        padding-right: 20px;
        margin: auto;
        padding-bottom: 11px
    }

    .InspirationTeaser h2 {
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 20px;
        width: 100%;
        margin-top: 0
    }
}

@media only screen and (min-width:768px) {
    .InspirationTeaser .grey-bg-wrap {
        width: 100%;
        margin-right: 10px;
        float: left
    }

    .InspirationTeaser .teaser-content {
        float: left
    }

    .InspirationTeaser h2 {
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 20px;
        width: 100%;
        margin-top: 5px
    }
}

.short-wide-teaser {
    overflow: hidden;
    max-height: 350px;
    background: none
}

    .short-wide-teaser img {
        width: 100%
    }

#chat-widget-container {
    right: 63px !important
}

.search-bar_textbox .CustomSearhIcon {
    float: right;
    position: absolute;
    width: 25px;
    height: 25px;
    background: #eee;
    padding: 7px
}

#content-blog-wrapper #filterWrap {
    margin: 0 auto;
    max-width: 1240px;
    width: 90%;
    position: relative
}

    #content-blog-wrapper #filterWrap li {
        border: 0 !important;
        width: 33.33333333% !important;
        margin: 0 !important;
        padding: 40px 40px 0 0 !important;
        box-sizing: border-box;
        float: left;
        transform: scale(1);
        transition: all .5s
    }

        #content-blog-wrapper #filterWrap li.ng-hide {
            display: block !important;
            width: 0 !important;
            height: 0;
            padding: 0 !important;
            transform: scale(0)
        }

#content-blog-wrapper .filter_list {
    border-bottom: 1px solid #e5e3dd
}

    #content-blog-wrapper .filter_list .active {
        color: #006c81
    }

        #content-blog-wrapper .filter_list .active a {
            color: #006c81
        }

    #content-blog-wrapper .filter_list li {
        float: left;
        margin-right: 3.5rem
    }

    #content-blog-wrapper .filter_list a {
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 17px;
        color: #61a2b1;
        float: left;
        text-decoration: none;
        position: relative
    }

    #content-blog-wrapper .filter_list button {
        cursor: pointer;
        border: 0;
        padding: 19px 25px;
        color: #61a2b1;
        font-size: 14px;
        text-transform: capitalize;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif
    }

        #content-blog-wrapper .filter_list button:first-child {
            padding-left: 0
        }

        #content-blog-wrapper .filter_list button:focus {
            outline: none
        }

#content-blog-wrapper .container-filter [class*=column-] {
    padding: 0 20px
}

#content-blog-wrapper .read_more_btn {
    background-color: #61a2b1;
    padding: .75rem 2.9375rem;
    text-transform: uppercase;
    color: #fff
}

#content-blog-wrapper .blog_article_thumb {
    margin-bottom: 1.25rem;
    position: relative
}

    #content-blog-wrapper .blog_article_thumb:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 54.25%
    }

    #content-blog-wrapper .blog_article_thumb img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

#content-blog-wrapper .blog_article_content h2 {
    margin-bottom: .875rem;
    line-height: 23px;
    font-size: 28px;
    font-weight: 300
}

#content-blog-wrapper .blog_article_content p {
    font-size: 16px;
    font-family: 'Lato',sans-serif;
    margin-bottom: 1.25rem;
    line-height: 1.38em;
    height: 90px;
    overflow: hidden
}

#content-blog-wrapper .read_more_btn {
    color: #fff;
    display: inline-block;
    font-family: 'Lato',sans-serif
}

    #content-blog-wrapper .read_more_btn:hover {
        text-decoration: none
    }

@media only screen and (max-width:1024px) {
    #content-blog-wrapper #filterWrap .blog_article_content h2 {
        font-size: 24px
    }

    #content-blog-wrapper #filterWrap .blog_article_content p {
        font-size: 14px;
        height: 140px;
        overflow: hidden
    }
}

@media only screen and (max-width:767px) {
    #content-blog-wrapper .filter_list.child_filter .container {
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    #content-blog-wrapper #filterWrap li {
        border: 0 !important;
        width: 100% !important;
        padding-right: 0 !important
    }

        #content-blog-wrapper #filterWrap li .blog_article_content p {
            height: 90px;
            overflow: hidden
        }

    #content-blog-wrapper .blog-menu .h-scroll {
        display: block;
        white-space: nowrap;
        width: 539px;
        padding-right: 15px;
        float: left
    }
}

.colourBlock {
    width: 100%;
    min-height: 200px;
    padding: 5px
}

.LanguageFormBtmSec .col_sm_3 {
    height: 400px;
    overflow: hidden
}

.LanguageFormBtmSec .OneFourColumn h2 {
    color: #006983
}

.LanguageFormBtmSec .grey-bg-wrap .image {
    display: block;
    height: 250px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

    .LanguageFormBtmSec .grey-bg-wrap .image img {
        display: block;
        width: 100%
    }

.LanguageFormBtmSec .teaser-content {
    margin-top: 10px;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:767px) {
    .LanguageFormBtmSec .col {
        margin-bottom: 5px
    }

    .LanguageFormBtmSec .teaser-content {
        margin-top: 0;
        min-height: 100px;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: auto
    }

    .LanguageFormBtmSec .grey-bg-wrap {
        min-height: 80px
    }

        .LanguageFormBtmSec .grey-bg-wrap .image {
            height: 80px;
            min-height: 80px;
            display: block;
            text-align: center
        }

            .LanguageFormBtmSec .grey-bg-wrap .image img {
                width: auto;
                height: 80px;
                display: inline-block
            }
}

@media only screen and (min-width:767px) {
    .LanguageFormBtmSec .row {
        width: 102%
    }
}

@media only screen and (max-width:768px) {
    .LanguageFormBtmSec .col_sm_3 {
        height: 290px
    }

    .LanguageFormBtmSec .grey-bg-wrap .image {
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .LanguageFormBtmSec .col_sm_3 {
        height: auto
    }

    .LanguageFormBtmSec .grey-bg-wrap .image {
        height: auto;
        margin-top: 0;
        height: 80px
    }

    .LanguageFormBtmSec .grey-bg-wrap {
        width: 80px;
        padding: 0
    }

    .LanguageFormBtmSec .teaser-content {
        width: 70%
    }
}

.tabFilter {
    background-color: #e1f3f5;
    color: #006983;
    border-radius: 20px;
    height: 20px;
    width: auto;
    float: left;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 14px
}

    .tabFilter .fa {
        margin-top: 4px;
        margin-left: 10px
    }

.padL0 {
    padding-left: 0
}

.flex {
    display: flex
}

.mB20 {
    margin-bottom: 20px
}

.bg-style {
    background: #74c7d2;
    box-sizing: border-box
}

.message_bg {
    background: #fff;
    padding: 0 20px;
    margin-bottom: 20px;
    border-radius: 40px;
    font-size: 16px;
    position: relative;
    width: 72%;
    float: left;
    box-sizing: border-box;
    font-weight: bold;
    margin-left: 15px;
    min-height: 60px;
    line-height: 19px;
    display: table
}

    .message_bg span {
        display: table-cell;
        vertical-align: middle
    }

.callout-style {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 10px solid transparent
}

.search-box {
    width: 60%;
    position: relative;
    display: inline-flex;
    float: right;
    margin-right: 10px
}

    .search-box:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border: 10px solid transparent;
        right: -22px;
        top: 22%;
        border-left: 24px solid #fff;
        transform: rotate(3deg)
    }

    .search-box input[type=search] {
        height: 32px;
        border-radius: 20px;
        padding-right: 40px;
        float: right;
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        text-align: left;
        font-size: 16px
    }

    .search-box .search-button {
        position: absolute;
        right: 7px;
        top: 9px
    }

    .search-box .fa-search:before {
        font-size: 25px !important;
        color: #ff7800;
        opacity: .6
    }

body.pien_wrap .login-user-name {
    vertical-align: bottom !important
}

body.pien_wrap .header .buttons {
    margin-top: -49px
}

body.pien_wrap .header .logo img {
    margin-bottom: 15px
}

.language-form-wrap {
    font-family: 'Lato',sans-serif;
    font-weight: 400 !important;
    display: flex;
    padding: 25px 0 25px 0
}

    .language-form-wrap .languageFormWidth {
        width: 85%;
        margin: 0 auto
    }

    .language-form-wrap .lady-img {
        align-items: center;
        justify-content: flex-start;
        display: flex;
        width: 21%
    }

        .language-form-wrap .lady-img img {
            width: 100%
        }

    .language-form-wrap .right-content-wrap {
        width: 77%;
        float: right
    }

        .language-form-wrap .right-content-wrap .male-female-wrap label {
            padding-left: 10px
        }

        .language-form-wrap .right-content-wrap .male-female-wrap a {
            display: inline-block
        }

        .language-form-wrap .right-content-wrap .orangeBtn {
            display: inline-block;
            float: right;
            padding: 0 20px;
            border: 0;
            font-size: 14px;
            margin-bottom: 5px;
            width: auto;
            margin-left: 10px;
            height: 44px;
            line-height: 44px
        }

            .language-form-wrap .right-content-wrap .orangeBtn:hover {
                text-decoration: none
            }

            .language-form-wrap .right-content-wrap .orangeBtn:focus {
                outline: none
            }

        .language-form-wrap .right-content-wrap .left-message-triangle:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            border: 10px solid transparent;
            border-right: 22px solid #fff;
            left: -24px;
            top: 23%
        }

        .language-form-wrap .right-content-wrap .answer-box a {
            display: inline-block;
            float: left
        }

        .language-form-wrap .right-content-wrap .btn-style {
            background: #028796;
            font-size: 14px;
            color: #000;
            cursor: pointer;
            padding: 10px;
            border-radius: 30px;
            width: 135px;
            height: 50px;
            position: relative;
            margin: 0 2px 15px 10px;
            border: 2px solid #028796
        }

            .language-form-wrap .right-content-wrap .btn-style label {
                font-size: 15px;
                float: left;
                width: 55px
            }

        .language-form-wrap .right-content-wrap .fa:before {
            font-size: 52px;
            float: right;
            padding-right: 10px;
            padding-left: 10px
        }

        .language-form-wrap .right-content-wrap .right-message-triangle:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            border: 10px solid transparent;
            right: -15px;
            top: 76%;
            border-left: 18px solid #028796;
            transform: rotate(31deg)
        }

        .language-form-wrap .right-content-wrap .active {
            border: 2px solid #fff
        }

            .language-form-wrap .right-content-wrap .active:before {
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                border: 10px solid transparent;
                right: -18px;
                top: 78.6%;
                border-left: 16px solid #fff;
                transform: rotate(31deg)
            }

            .language-form-wrap .right-content-wrap .active label, .language-form-wrap .right-content-wrap .active .fa:before {
                color: #fff
            }

    .language-form-wrap .simplebar-scrollbar {
        width: 10px !important
    }

        .language-form-wrap .simplebar-scrollbar:before {
            opacity: 1 !important;
            background: #fff !important
        }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        opacity: 1\9
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
        opacity: 1\9
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        opacity: 1\9
    }

    to {
        opacity: 1
    }
}

.language-form-wrap .fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s
}

    .language-form-wrap .fade-in.one {
        -webkit-animation-delay: .7s;
        -moz-animation-delay: .7s;
        animation-delay: .7s
    }

    .language-form-wrap .fade-in.two {
        -webkit-animation-delay: 1.2s;
        -moz-animation-delay: 1.2s;
        animation-delay: 1.2s
    }

    .language-form-wrap .fade-in.three {
        -webkit-animation-delay: 1.6s;
        -moz-animation-delay: 1.6s;
        animation-delay: 1.6s
    }

    .language-form-wrap .fade-in.button-transition {
        -webkit-animation-delay: 1.6s;
        -moz-animation-delay: 1.6s;
        animation-delay: 1.6s
    }

    .language-form-wrap .fade-in.four {
        -webkit-animation-delay: .2s;
        -moz-animation-delay: .2s;
        animation-delay: .2s
    }

    .language-form-wrap .fade-in.five {
        -webkit-animation-delay: .7s;
        -moz-animation-delay: .7s;
        animation-delay: .7s
    }

.language-form-wrap .blue-button {
    float: right;
    text-align: center;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #33879c;
    padding: 7px 12px;
    margin-top: 10px;
    text-decoration: none
}

.language-form-wrap .show-mobile {
    display: none
}

@media screen and (min-device-width:1025px) and (max-device-width:3000px) {
    .pien-log-in .languageFormWidth {
        width: 90%
    }

    .pien-log-in .lady-img {
        width: 22%
    }

    .pien-log-in .message_bg {
        width: 73%;
        margin-left: 20px
    }

    .pien-log-in .right-content-wrap {
        width: 76%;
        margin-top: 40px
    }

    .filter-toggle {
        display: none
    }

    .mobile-padding {
        padding-bottom: 10px
    }

    .message_bg {
        margin-bottom: 20px
    }
}

.edge_case_wrap {
    background-color: #fff3e5;
    font-family: 'Lato',sans-serif;
    padding: 5px;
    margin-top: 15px;
    padding-right: 10px
}

    .edge_case_wrap h4 {
        color: #f07c16;
        font-size: 18px;
        display: table
    }

        .edge_case_wrap h4 .fa {
            margin-right: 10px
        }

        .edge_case_wrap h4 .fa, .edge_case_wrap h4 span {
            display: table-cell;
            vertical-align: middle
        }

        .edge_case_wrap h4 span {
            padding-left: 10px
        }

        .edge_case_wrap h4 .fa-exclamation-circle:before {
            font-size: 35px
        }

    .edge_case_wrap p {
        color: #333;
        font-size: 15px;
        padding-left: 40px;
        line-height: 19px;
        padding-bottom: 10px;
        padding-top: 5px
    }

@media screen and (max-width:1024px) {
    body.pien_wrap {
        overflow-x: hidden
    }

        body.pien_wrap .container {
            width: 100%
        }

        body.pien_wrap .cookies_block, body.pien_wrap .footer .nav {
            padding: 0 10px
        }

        body.pien_wrap #headerRow, body.pien_wrap .nav_box {
            padding: 0 30px
        }

        body.pien_wrap #headerRow {
            margin: 0
        }

        body.pien_wrap .tabs, body.pien_wrap .LanguageFormDD, body.pien_wrap .LanguageFormBtmSec {
            padding: 0 10px
        }

        body.pien_wrap .edge_case_wrap {
            margin: 15px 10px
        }

        body.pien_wrap .languagefor-container {
            padding: 0;
            display: none
        }

        body.pien_wrap .show-form {
            display: block
        }

        body.pien_wrap .languagefor-container.Mshow {
            display: block
        }

        body.pien_wrap .LanguageFormDD {
            margin: 0 auto;
            box-sizing: border-box
        }

    .language-form-wrap .languageFormWidth {
        width: 96%
    }

    .pien-log-in {
        padding: 25px 0
    }

        .pien-log-in .lady-img {
            width: 21%
        }
}

@media screen and (max-width:768px) {
    .language-form-wrap {
        padding: 15px 0 10px 0
    }

        .language-form-wrap .languageFormWidth {
            width: 95%
        }

        .language-form-wrap .lady-img {
            width: 60px
        }

        .language-form-wrap .right-content-wrap {
            width: 91%;
            float: right;
            margin-top: 15px
        }

        .language-form-wrap .message_bg {
            width: 98%;
            padding: 7px 20px;
            margin-bottom: 5px
        }

        .language-form-wrap .search-box {
            width: 96% !important
        }

        .language-form-wrap .hide-mobile {
            display: none
        }

        .language-form-wrap .show-mobile {
            display: block;
            width: auto;
            background: transparent;
            text-decoration: underline;
            font-weight: normal;
            height: 39px;
            margin: 0;
            padding: 0;
            line-height: 36px
        }

        .language-form-wrap .mobile-padding {
            padding-bottom: 0
        }

    .languagefor-container .LanguageFormDD .truncate {
        width: 81%
    }

        .languagefor-container .LanguageFormDD .truncate span.quantity {
            padding: 0
        }
}

@media screen and (max-width:767px) {
    body.pien_wrap #headerRow, body.pien_wrap .nav_box {
        padding: 0 10px
    }

    body.pien_wrap #headerRow {
        margin: 0
    }

    body.pien_wrap #loginBar {
        padding: 10px
    }

    .LanguageFormDD {
        position: static !important
    }

    .mobile-padding {
        padding-bottom: 0 !important
    }

    .hide-mobile {
        display: none
    }

    .LanguageFormDD .col_sm_3 {
        width: 100% !important
    }

    .show-mobile {
        display: block;
        width: auto;
        background: transparent;
        text-decoration: underline;
        font-weight: normal;
        height: 39px;
        margin: 0;
        padding: 0;
        line-height: 36px
    }

    .edge_case_wrap p {
        padding-left: 0
    }

    .language-form-wrap {
        padding: 5px 0 10px 0
    }

        .language-form-wrap .search-box {
            width: 97% !important
        }

        .language-form-wrap .hide-mobile {
            display: none
        }

        .language-form-wrap .show-mobile {
            display: block;
            width: auto;
            background: transparent;
            text-decoration: underline;
            font-weight: normal;
            height: 39px;
            margin: 0;
            padding: 0;
            line-height: 36px
        }

        .language-form-wrap .lady-img {
            width: 40px
        }

        .language-form-wrap .right-content-wrap {
            width: 85%;
            margin-top: 10px
        }

        .language-form-wrap .message_bg {
            font-size: 14px;
            width: 100%;
            margin-left: 0;
            min-height: unset;
            padding: 5px 10px;
            margin-bottom: 5px
        }

        .language-form-wrap .search-box input[type=search], .language-form-wrap .message_bg {
            border-radius: 17px
        }
}

#content-search-landing .content-banner {
    padding: 20px 200px;
    font-family: 'Lato',sans-serif;
    font-weight: 400 !important
}

#content-search-landing .content-search-left {
    width: 69%;
    margin-right: 50px
}

    #content-search-landing .content-search-left .message_bg {
        font-weight: bold
    }

#content-search-landing .ladyimg {
    width: 22%
}

#content-search-landing .right-message-triangle {
    width: 55%;
    float: right
}

    #content-search-landing .right-message-triangle:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border: 10px solid transparent;
        right: -22px;
        top: 39%;
        border-left: 18px solid #fff;
        transform: rotate(20deg)
    }

#content-search-landing .search-button {
    right: 15px
}

#content-search-landing .search-box:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 10px solid transparent;
    border: .6em solid transparent;
    border-right: 25px solid #fff;
    left: -15px;
    top: 19%;
    border-left: 0
}

.checkout-page-2by3-parent .colourBlock {
    cursor: default !important
}

.pdf_print span {
    color: #ff7800;
    padding: 0;
    text-transform: capitalize;
    float: right;
    cursor: pointer
}

.pdf_print .fa-print {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: #ff7800;
    padding-top: 4px;
    display: inline-block;
    box-sizing: border-box;
    color: #fff
}

.call-out-wrap {
    font-family: 'Lato',sans-serif;
    font-weight: 400;
    margin: 25px 0
}

    .call-out-wrap p {
        font-size: 16px !important;
        display: inline-block;
        padding-bottom: 10px
    }

    .call-out-wrap span {
        display: inline-block;
        padding-bottom: 10px
    }

    .call-out-wrap input {
        font-size: 12px;
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        border-color: #999
    }

    .call-out-wrap label {
        cursor: default
    }

    .call-out-wrap ::-webkit-input-placeholder {
        color: #aaa
    }

    .call-out-wrap ::-moz-placeholder {
        color: #aaa
    }

    .call-out-wrap :-ms-input-placeholder {
        color: #aaa
    }

    .call-out-wrap :-moz-placeholder {
        color: #aaa
    }

@media screen and (min-width:290px) {
    .dropdowncount-box {
        width: 120%
    }

        .dropdowncount-box .decrement {
            width: 9%;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            color: #006983;
            float: left;
            font-size: 20px;
            position: relative
        }

        .dropdowncount-box .qty {
            width: 13%;
            float: left;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            margin-left: -6px;
            margin-right: -6px;
            text-align: center;
            font-size: 12px
        }

        .dropdowncount-box .increment {
            width: 9%;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            color: #006983;
            font-size: 20px
        }
}

@media screen and (min-width:768px) {
    .dropdowncount-box {
        width: auto
    }

        .dropdowncount-box .decrement {
            width: 42px;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            color: #006983;
            float: left;
            font-size: 26px;
            position: relative
        }

        .dropdowncount-box .qty {
            width: 50px;
            float: left;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            margin-left: -6px;
            margin-right: -6px;
            text-align: center
        }

        .dropdowncount-box .increment {
            width: 42px;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            color: #006983;
            font-size: 26px
        }
}

@media screen and (min-width:290px) {
    #formShoppingCart, .product_to_cart, AllProducts, .dropdowncount-box {
        width: auto
    }

        #formShoppingCart .decrement, .product_to_cart .decrement, AllProducts .decrement, .dropdowncount-box .decrement {
            width: 35px !important;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            color: #006983;
            float: left;
            font-size: 20px;
            position: relative
        }

        #formShoppingCart .qty, .product_to_cart .qty, AllProducts .qty, .dropdowncount-box .qty {
            width: 35px !important;
            float: left;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            margin-left: -6px;
            margin-right: -6px;
            text-align: center;
            font-size: 12px
        }

        #formShoppingCart .increment, .product_to_cart .increment, AllProducts .increment, .dropdowncount-box .increment {
            width: 35px !important;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            color: #006983;
            font-size: 20px
        }
}

@media screen and (min-width:768px) {
    #formShoppingCart, .product_to_cart, .dropdowncount-box {
        width: auto
    }

        #formShoppingCart .decrement, .product_to_cart .decrement, .dropdowncount-box .decrement {
            width: 42px;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            color: #006983;
            float: left;
            font-size: 26px;
            position: relative
        }

        #formShoppingCart .qty, .product_to_cart .qty, .dropdowncount-box .qty {
            width: 50px !important;
            float: left;
            height: 35px !important;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            margin-left: -6px;
            margin-right: -6px;
            text-align: center
        }

        #formShoppingCart .increment, .product_to_cart .increment, .dropdowncount-box .increment {
            width: 42px;
            height: 35px;
            border: 1px solid #c3c3c3;
            border-radius: 5px;
            color: #006983;
            font-size: 26px
        }
}

.AllProducts .decrement, .product_to_cart .decrement {
    width: 28px;
    height: 25px;
    float: left;
    margin-left: 5%;
    font-size: 20px;
    line-height: 1
}

.AllProducts .qty, .product_to_cart .qty {
    width: 35px !important;
    float: left;
    height: 25px !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
    line-height: 1
}

.AllProducts .increment, .product_to_cart .increment {
    width: 28px;
    height: 25px;
    float: left;
    font-size: 20px;
    line-height: 1
}

#refurbishedOrderCard .decrement {
    width: 37px
}

#refurbishedOrderCard .qty {
    width: 45px !important;
    float: left
}

#refurbishedOrderCard .increment {
    width: 42px
}

.back-nav-btn {
    margin-top: 20px;
    position: relative
}

    .back-nav-btn i:before {
        color: #ff7800;
        font-size: 40px
    }

    .back-nav-btn a {
        position: absolute;
        width: 27px;
        height: 28px;
        left: 0
    }

.deliveryFaqBlock {
    color: #fff;
    font-style: normal;
    padding: 20px;
    background: #0c6175
}

    .deliveryFaqBlock h4 {
        font-family: 'Lato',sans-serif;
        font-weight: 500;
        font-size: 18px !important;
        color: #fff !important;
        margin-bottom: 15px;
        font-weight: bold
    }

    .deliveryFaqBlock ul li {
        margin-bottom: 15px
    }

        .deliveryFaqBlock ul li span {
            font-family: 'Lato',sans-serif;
            font-weight: 700;
            font-size: 16px !important
        }

        .deliveryFaqBlock ul li p {
            font-family: 'Lato',sans-serif;
            font-weight: 400;
            font-size: 14px !important
        }

    .deliveryFaqBlock .showMoreQuestions, .deliveryFaqBlock .showLessQuestions {
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        cursor: pointer
    }

.font-size-content {
    font-size: 16px !important
}

a.noCursor:hover {
    cursor: default
}

#deliveryUpdateWrap .delivery-update {
    display: block;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #4a4a4a;
    font-family: 'Lato',sans-serif
}

    #deliveryUpdateWrap .delivery-update .fa-truck {
        float: left
    }

        #deliveryUpdateWrap .delivery-update .fa-truck:before {
            font-size: 21px
        }

    #deliveryUpdateWrap .delivery-update span {
        float: left;
        margin-left: 10px;
        width: 85%;
        line-height: 15px
    }

    #deliveryUpdateWrap .delivery-update.green .fa-truck:before {
        color: #49db49
    }

    #deliveryUpdateWrap .delivery-update.orange .fa-truck:before {
        color: #f60
    }

    #deliveryUpdateWrap .delivery-update.red .fa-truck:before {
        color: #f00
    }

@media only screen and (max-width:600px) {
    #deliveryUpdateWrap {
        width: 100%;
        margin-left: 51px;
        position: static
    }
}

@media only screen and (max-width:1024px) {
    #deliveryUpdateWrap {
        bottom: 15px
    }
}

.CheckoutAccordion {
    padding-left: 30px;
    margin-top: 15px
}

    .CheckoutAccordion .image {
        border-bottom: 1px solid #eee;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .CheckoutAccordion h5 {
        font-size: 1.4rem
    }

@media only screen and (min-width:290px) {
    .CheckoutAccordion h5 {
        font-size: 1.2rem
    }
}

@media only screen and (min-width:768px) {
    .CheckoutAccordion h5 {
        font-size: 1.4rem
    }
}

.mR20 {
    margin-right: 20px
}

.mR25 {
    margin-right: 25px
}

.mR30 {
    margin-right: 30px
}

.gm-style h3 {
    color: #0f7fcf;
    font-size: 15px;
    line-height: 11px;
    font-weight: bold
}

.searchFilterField input {
    height: 14px;
    width: 14px
}

@media only screen and (max-width:768px) {
    .sm-100 {
        width: 100%
    }

    .checkout-page-2by3-parent .colourBlock {
        width: 690px
    }
}

@media only screen and (max-width:600px) {
    .xs-100 {
        width: 100%
    }

    .checkout-page-2by3-parent .colourBlock {
        width: 100% !important
    }
}

.simplebar-track.simplebar-horizontal {
    visibility: hidden !important
}

#Delete-Delivery-address .modal-content {
    width: 320px;
    top: 210px
}

.newaddress h1 {
    font-size: 30px;
    color: #4a4a4a;
    font-weight: 400
}

.Create-new-address .modal {
    text-align: center;
    padding: 0 !important;
    display: block
}

    .Create-new-address .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px
    }

.Create-new-address .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 95%
}

.Create-new-address .CreateNewAddpopupScroll {
    max-height: 200px;
    overflow-y: auto
}

.Create-new-address .scrollbar {
    padding-right: 10px;
    height: 315px;
    overflow-y: auto;
    width: 99%
}

.Create-new-address .noscrollbar {
    padding-right: 10px;
    height: 245px;
    width: 99%
}

.Create-new-address .force-overflow {
    min-height: 205px
}

.Create-new-address .loader {
    background-size: 30px;
    background-position: left;
    float: left;
    width: 100%;
    height: 0
}

.Create-new-address #style-11::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

.Create-new-address #style-11::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0,0,0,.1);
    border: 1px solid #ccc
}

.Create-new-address #style-11::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(left,#fff,#e4e4e4);
    border: 1px solid #aaa
}

    .Create-new-address #style-11::-webkit-scrollbar-thumb:hover {
        background: #fff
    }

    .Create-new-address #style-11::-webkit-scrollbar-thumb:active {
        background: linear-gradient(left,#22add4,#1e98ba)
    }

.Create-new-address .minH {
    min-height: 125px
}

.Create-new-address .fa-trash-o {
    font-size: 1.3em;
    font-weight: bold
}

.Create-new-address .showInformationMessage {
    font-weight: bold;
    color: #000;
    width: 80%;
    clear: both;
    padding-top: 10px
}

.Create-new-address .fa-plus-circle {
    margin-right: 10px;
    font-size: 1.6em;
    padding-top: 1px
}

.Create-new-address .modal-popup-centre {
    top: 0%
}

.Create-new-address input.error {
    color: #858585
}

.Create-new-address input:hover {
    color: #858585
}

.Create-new-address .modal-content {
    width: 80%;
    top: 0;
    max-height: 500px;
    overflow-y: auto
}

    .Create-new-address .modal-content h1 {
        font-size: 30px;
        color: #4a4a4a;
        font-weight: 400
    }

.Create-new-address .underline {
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    color: #006983
}

    .Create-new-address .underline:hover {
        color: #006983;
        text-decoration: none
    }

    .Create-new-address .underline:active {
        color: #333
    }

.Create-new-address .deletePopup {
    width: 319px
}

.Create-new-address p {
    margin: 15px 0 0 0
}

.Create-new-address span {
    font-size: 14px;
    display: block
}

.Create-new-address .Primarybtn {
    background-color: #006983;
    width: auto;
    padding: 4px 11px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
    cursor: pointer
}

    .Create-new-address .Primarybtn .fa {
        font-size: 1.5em;
        margin-left: 0;
        margin-right: 15px
    }

.Create-new-address .priBtn {
    padding-right: 35px;
    padding-top: 6px;
    padding-bottom: 6px
}

.Create-new-address .AddressSection {
    border: 2px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom: 20px;
    width: 80%
}

.Create-new-address .selected {
    border: 2px solid #a3bf2b
}

.Create-new-address .whiteBtn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    padding: 4px 11px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #006983;
    background-color: #fff;
    border: solid 1px #006983;
    min-width: 100px;
    cursor: pointer;
    border-radius: 2px
}

    .Create-new-address .whiteBtn.disabled {
        background: #fff;
        color: #cfc9b8;
        border: 1px solid #cfc9b8
    }

    .Create-new-address .whiteBtn:hover {
        background: #006983;
        color: #fff !important;
        cursor: pointer
    }

    .Create-new-address .whiteBtn:active {
        background: #33879c;
        color: #fff
    }

.Create-new-address .greenSelectedBtn {
    display: inline-block;
    font-family: 'Lato',sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background-color: #a3bf2b;
    border: solid 1px #a3bf2b;
    color: #fff;
    padding: 3px 11px;
    border-radius: 2px;
    cursor: default
}

    .Create-new-address .greenSelectedBtn .fa {
        font-size: 1.7em;
        margin-right: 10px
    }

.Create-new-address .leftSection {
    display: inline-block;
    margin: auto
}

.Create-new-address .MiddleSection {
    padding-right: 5%;
    display: inline-block
}

.Create-new-address .RightSection {
    display: inline-block;
    margin: auto;
    text-align: center
}

.Create-new-address .editAddress {
    margin-right: 30px;
    float: left
}

    .Create-new-address .editAddress label {
        font-weight: normal;
        font-size: 14px;
        color: #333
    }

    .Create-new-address .editAddress input {
        border: 1px solid #adadad;
        font-size: 14px;
        color: #000
    }

.Create-new-address .error_message {
    color: #f00
}

.Create-new-address .closeX {
    float: right;
    font-size: 1.7em;
    cursor: pointer
}

@media only screen and (min-width:290px) {
    .Create-new-address h1 {
        font-size: 30px;
        color: #4a4a4a;
        font-weight: 400
    }

    .Create-new-address .AddressSection {
        padding: 10px;
        width: 93%
    }

    .Create-new-address .Primarybtn .fa-plus-circle {
        display: none
    }

    .Create-new-address .leftSection {
        width: 100%
    }

        .Create-new-address .leftSection b {
            font-size: 13px
        }

    .Create-new-address .MiddleSection {
        width: 91%
    }

        .Create-new-address .MiddleSection .Primarybtn {
            min-width: 100%
        }

    .Create-new-address .RightSection {
        width: 91%
    }

        .Create-new-address .RightSection .whiteBtn {
            min-width: 100%;
            margin-top: 15px
        }

        .Create-new-address .RightSection .continueDisabled {
            min-width: 100%;
            margin-top: 15px;
            padding: 4px 11px;
            margin-left: 0
        }

    .Create-new-address .greenSelectedBtn {
        min-width: 100%;
        padding: 4px 11px
    }

    .Create-new-address .orangeBtn {
        min-width: 100%;
        text-align: center
    }

    .Create-new-address .editAddress {
        margin-right: 0
    }

    .Create-new-address .Postcode {
        width: 55%;
        margin-right: 30px
    }

    .Create-new-address .Huisnummer {
        width: 32%
    }

    .Create-new-address .Toevoeging {
        width: 35%;
        clear: both
    }

    .Create-new-address .Straatnaam {
        width: 99%
    }

    .Create-new-address .Plaatsnaam {
        width: 99%
    }

    .Create-new-address .TopPriBtn {
        min-width: 100px
    }
}

@media only screen and (min-width:767px) {
    .Create-new-address .modal-content {
        width: 60%;
        padding: 50px
    }

    .Create-new-address .orangeBtn {
        min-width: 140px
    }

    .Create-new-address .AddressSection {
        display: inline-block;
        padding: 20px 20px 20px 40px;
        width: auto
    }

    .Create-new-address .Primarybtn .fa {
        display: block;
        float: left
    }

    .Create-new-address .TopPriBtn {
        min-width: 100px
    }

    .Create-new-address .greenSelectedBtn {
        min-width: 140px;
        padding: 3px 11px;
        text-align: left
    }

    .Create-new-address .leftSection {
        width: 40%;
        display: inline-block;
        margin-top: 20px
    }

        .Create-new-address .leftSection b {
            font-size: 16px
        }

    .Create-new-address .MiddleSection {
        width: 50%;
        float: right;
        border-right: 0;
        text-align: center
    }

        .Create-new-address .MiddleSection .Primarybtn {
            min-width: 100px
        }

    .Create-new-address .RightSection {
        width: 65%;
        float: right;
        margin-top: 20px
    }

        .Create-new-address .RightSection .whiteBtn {
            min-width: 140px;
            margin-top: 0
        }

        .Create-new-address .RightSection .continueDisabled {
            min-width: 100px;
            margin-top: 0;
            padding: 4px 11px;
            margin-left: 0
        }

    .Create-new-address .editAddress {
        margin-right: 30px
    }

    .Create-new-address .Postcode {
        width: 20%;
        margin-right: 30px
    }

    .Create-new-address .Huisnummer {
        width: 15%
    }

    .Create-new-address .Toevoeging {
        width: 15%;
        clear: none
    }

    .Create-new-address .Straatnaam {
        width: 45%
    }

    .Create-new-address .Plaatsnaam {
        width: 45%
    }
}

@media only screen and (min-width:1024px) {
    .Create-new-address .AddressSection {
        padding: 20px 0 20px 40px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .Create-new-address .leftSection {
        width: 35%;
        display: inline-block;
        margin-top: auto
    }

    .Create-new-address .MiddleSection {
        width: 27%;
        float: none
    }

    .Create-new-address .RightSection {
        width: 30%;
        float: right;
        margin: auto;
        border-left: 1px solid #797979
    }

    .Create-new-address .Postcode {
        width: 17%
    }

    .Create-new-address .Huisnummer {
        width: 17%
    }

    .Create-new-address .Toevoeging {
        width: 17%
    }

    .Create-new-address .Straatnaam {
        width: 28%;
        margin-right: 14px
    }

    .Create-new-address .Plaatsnaam {
        width: 28%
    }
}

.display_inlineB {
    display: inline-block
}

.SelectedBorder {
    border: 2px solid #006a7e;
    padding: 20px;
    width: 75%
}

    .SelectedBorder p {
        margin-bottom: 0
    }

    .SelectedBorder .underline {
        text-decoration: none;
        cursor: default;
        font-size: 14px;
        color: #006983
    }

    .SelectedBorder .fa-angle-right {
        font-size: 1.4em;
        margin-left: 10px
    }

.continueDisabled {
    display: inline-block;
    margin-left: 10px;
    cursor: default;
    background: #888484;
    padding: 10px 0 10px 10px;
    color: #fff;
    text-align: center;
    pointer-events: none
}

.scroll-to-redbox {
    cursor: pointer;
    float: left
}

.AtpShoppingCart .AtpCheckError, .NoAtpShoppingCart .AtpCheckError {
    border: 2px solid #d60303
}

    .AtpShoppingCart .AtpCheckError .remove-circle .fa-times-circle:before, .NoAtpShoppingCart .AtpCheckError .remove-circle .fa-times-circle:before {
        color: #d60303
    }

    .AtpShoppingCart .AtpCheckError .options, .NoAtpShoppingCart .AtpCheckError .options {
        position: absolute;
        right: 0;
        width: 3.6%
    }

    .AtpShoppingCart .AtpCheckError .error_message, .NoAtpShoppingCart .AtpCheckError .error_message {
        font-size: 14px;
        color: #c62828
    }

        .AtpShoppingCart .AtpCheckError .error_message .fa, .NoAtpShoppingCart .AtpCheckError .error_message .fa {
            background: #d60303;
            padding: 5px 10px;
            border-radius: 3px;
            margin-right: 10px
        }

            .AtpShoppingCart .AtpCheckError .error_message .fa.fa-exclamation:before, .NoAtpShoppingCart .AtpCheckError .error_message .fa.fa-exclamation:before {
                color: #fff
            }

.AtpShoppingCart .remove-circle, .NoAtpShoppingCart .remove-circle {
    cursor: pointer
}

    .AtpShoppingCart .remove-circle .fa-times-circle:before, .NoAtpShoppingCart .remove-circle .fa-times-circle:before {
        font-size: 25px;
        color: #d6d6d6;
        transition: .2s
    }

    .AtpShoppingCart .remove-circle:hover .fa-times-circle:before, .NoAtpShoppingCart .remove-circle:hover .fa-times-circle:before {
        color: #d60303
    }

.AtpShoppingCart .FlexBox, .NoAtpShoppingCart .FlexBox {
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding: 10px;
    box-sizing: border-box
}

    .AtpShoppingCart .FlexBox .image, .NoAtpShoppingCart .FlexBox .image, .AtpShoppingCart .FlexBox .options, .NoAtpShoppingCart .FlexBox .options {
        display: inline-flex;
        align-items: center
    }

    .AtpShoppingCart .FlexBox .cart-title, .NoAtpShoppingCart .FlexBox .cart-title {
        width: 50%;
        padding-left: 15px;
        display: grid
    }

        .AtpShoppingCart .FlexBox .cart-title h5, .NoAtpShoppingCart .FlexBox .cart-title h5 {
            padding-bottom: 5px
        }

    .AtpShoppingCart .FlexBox .options, .NoAtpShoppingCart .FlexBox .options {
        float: right;
        width: 50%
    }

.AtpShoppingCart .AtpCheckError .cart-title, .NoAtpShoppingCart .AtpCheckError .cart-title {
    width: 83%
}

.AtpShoppingCart .AtpCheckError .options, .NoAtpShoppingCart .AtpCheckError .options {
    width: 3.6%
}

@media only screen and (max-width:1024px) {
    .AtpShoppingCart .FlexBox .cart-title, .NoAtpShoppingCart .FlexBox .cart-title {
        width: 43%;
        line-height: 18px
    }

        .AtpShoppingCart .FlexBox .cart-title h5, .NoAtpShoppingCart .FlexBox .cart-title h5 {
            max-height: 35px;
            line-height: 18px
        }

    .AtpShoppingCart .FlexBox .dropdowncount-box button, .NoAtpShoppingCart .FlexBox .dropdowncount-box button {
        width: 35px !important
    }

    .AtpShoppingCart .FlexBox .options, .NoAtpShoppingCart .FlexBox .options {
        width: 68%
    }

    .AtpShoppingCart .FlexBox .image, .NoAtpShoppingCart .FlexBox .image {
        width: 6%
    }

        .AtpShoppingCart .FlexBox .image img, .NoAtpShoppingCart .FlexBox .image img {
            width: 100%
        }

    .AtpShoppingCart .AtpCheckError .options, .NoAtpShoppingCart .AtpCheckError .options {
        margin-right: 10px;
        width: 3.6%
    }

    .AtpShoppingCart .AtpCheckError .cart-title, .NoAtpShoppingCart .AtpCheckError .cart-title {
        width: 85%
    }
}

@media only screen and (max-width:600px) {
    .m-clear {
        clear: both
    }

    .AtpShoppingCart .FlexBox .image, .NoAtpShoppingCart .FlexBox .image {
        align-self: flex-start;
        width: 13%;
        padding-left: 5px
    }

    .AtpShoppingCart .FlexBox .dropdowncount-box button, .NoAtpShoppingCart .FlexBox .dropdowncount-box button {
        width: 25px !important
    }

    .AtpShoppingCart .fa-exclamation, .NoAtpShoppingCart .fa-exclamation {
        display: none
    }

    .AtpShoppingCart .FlexBox, .NoAtpShoppingCart .FlexBox {
        display: block;
        padding: 10px 0 45px 0
    }

    .AtpShoppingCart .cart-title, .NoAtpShoppingCart .cart-title {
        width: 80% !important;
        padding-left: 7px !important
    }

    .AtpShoppingCart .options, .NoAtpShoppingCart .options {
        width: 100% !important;
        padding-top: 10px
    }

    .AtpShoppingCart #deliveryUpdateWrap, .NoAtpShoppingCart #deliveryUpdateWrap {
        position: absolute;
        bottom: 0;
        margin-left: 0;
        height: 28px;
        width: 100%;
        left: 0
    }

        .AtpShoppingCart #deliveryUpdateWrap .delivery-update .fa-truck, .NoAtpShoppingCart #deliveryUpdateWrap .delivery-update .fa-truck {
            width: 8%
        }

        .AtpShoppingCart #deliveryUpdateWrap .delivery-update span, .NoAtpShoppingCart #deliveryUpdateWrap .delivery-update span {
            width: 85%
        }

    .AtpCheckError .cart-title {
        padding-left: 10px !important;
        width: 70% !important
    }

    .AtpCheckError .options {
        width: 6.6% !important;
        margin-top: 13%
    }

    .AtpCheckError .FlexBox {
        padding-bottom: 10px !important
    }

    .NoAtpShoppingCart .FlexBox {
        padding-bottom: 10px !important
    }
}

@media screen and (min-width:0 \0) {
    #formShoppingCart .ver {
        display: inline
    }
}

.button-space {
    margin-top: 15px
}

.checkout-cart-list .options {
    float: right;
    width: 35%
}

.checkout-cart-list .for_notreimbursed {
    margin-left: 10px
}

.checkout-cart-list .title_cart .for_reimbursed {
    margin-left: 10px
}

.checkout-cart-list .m_title_cart {
    float: left
}

.checkout-cart-list .title_cart {
    width: 55%;
    height: auto
}

    .checkout-cart-list .title_cart h5 {
        width: 100%
    }

.checkout-cart-list .width40 {
    width: 44%
}

@media only screen and (max-width:767px) {
    .accordeon_check_out .blue_box {
        padding: 0
    }

    .checkout-cart-list .title_cart {
        width: 84%
    }

    .checkout-cart-list .cart_list_item {
        height: auto !important
    }

    .checkout-cart-list .antalText {
        margin-top: 0 !important;
        float: left !important
    }

    .checkout-cart-list .price {
        float: left
    }

    .checkout-cart-list .total_amount .price {
        float: right;
        margin-right: 0
    }

    .checkout-cart-list .options {
        width: 100%;
        padding: 5px 0
    }

        .checkout-cart-list .options .ver {
            width: 42%;
            float: right
        }

            .checkout-cart-list .options .ver .for_reimbursed {
                margin-left: 0;
                margin-top: 0
            }
}

.passWord {
    position: relative
}

    .passWord input {
        color: #858585 !important;
        font-weight: normal
    }

    .passWord .fa {
        font-size: x-large;
        position: absolute;
        right: 10px;
        top: 33px
    }

.accordeon_check_out .delivery_address .address_block {
    height: auto
}

.accordeon_check_out .additional_information {
    margin-top: 15px
}

.minicartScroll {
    overflow-y: hidden !important;
    max-height: none !important
}

    .minicartScroll .list {
        overflow-y: auto;
        max-height: 227px
    }

@media only screen and (max-width:1024px) {
    .minicartScroll .list {
        max-height: 200px
    }
}

.checkoutATP .CheckoutAccordion {
    padding-left: 0
}

.checkoutATP .for_notreimbursed {
    width: auto
}

.checkoutATP .options {
    float: right;
    width: 60%
}

.checkoutATP .cart_list_item .antalText {
    width: 15%;
    margin-right: 0;
    padding-right: 10px
}

.checkoutATP .for_notreimbursed {
    margin-left: 10px;
    float: left
}

.checkoutATP .title_cart .for_reimbursed {
    margin-left: 10px
}

.checkoutATP .m_title_cart {
    float: left
}

.checkoutATP .title_cart {
    width: auto;
    height: auto
}

    .checkoutATP .title_cart h5 {
        width: 100%
    }

.checkoutATP .width40 {
    width: 31%
}

.checkoutATP .cartHeader {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px
}

.checkoutATP .ProdTitleHead {
    width: 40%;
    float: left
}

.checkoutATP .PriceHeader {
    min-width: 79px;
    float: left
}

.checkoutATP .AnantalTitleHead {
    width: 9%;
    float: left;
    padding-right: 10px
}

.checkoutATP .BezorgingTitleHead {
    width: 34%;
    float: left
}

.checkoutATP .BezorgingTitleTxt {
    width: 58%;
    display: inline-block;
    float: left
}

.checkoutATP .VergoedHeader {
    float: left;
    margin-left: 10px
}

.checkoutATP .title_cart .for_reimbursed {
    float: left
}

@media only screen and (max-width:767px) {
    .checkoutATP .options .ver {
        width: auto
    }

    .checkoutATP .width40 {
        width: 82%
    }

    .checkoutATP .cart_shpng .cart_list_item {
        height: auto
    }

        .checkoutATP .cart_shpng .cart_list_item .price {
            min-width: 50px
        }

    .checkoutATP .cartHeader {
        display: none
    }

    .checkoutATP .options {
        width: 100%
    }
}

#NeworderHistoryDesktopView .left-section label, #NeworderHistoryMobileView .left-section label {
    height: auto
}

.auto-height .WhiteRow {
    height: auto !important;
    padding-top: 0 !important
}

.Repeat_order_section .NewOrderBlue {
    float: left;
    width: 64%
}

@media only screen and (max-width:1024px) {
    .teaser_small {
        height: auto;
        padding-bottom: 15px
    }

        .teaser_small h2 {
            font-size: 26px
        }

            .teaser_small h2 + p {
                height: auto
            }
}

.checkout_delivery_date p {
    margin-top: 10px
}

#formPersonalData .atp-first-step {
    font-family: 'Lato',sans-serif
}

    #formPersonalData .atp-first-step label {
        font-size: 16px;
        margin-top: 20px
    }

        #formPersonalData .atp-first-step label span {
            font-weight: normal
        }

    #formPersonalData .atp-first-step .atp_top_sec {
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

    #formPersonalData .atp-first-step #showDateButton {
        margin-left: 27px;
        margin-top: 10px
    }

    #formPersonalData .atp-first-step .atp-text {
        margin-left: 27px;
        font-size: 13px;
        font-weight: 400;
        color: #0c6175;
        display: block
    }

        #formPersonalData .atp-first-step .atp-text a {
            margin-left: 27px;
            margin-top: 10px
        }

            #formPersonalData .atp-first-step .atp-text a:hover {
                text-decoration: none
            }

@media only screen and (max-width:700px) {
    .atp-first-step .atp-text {
        display: block
    }

        .atp-first-step .atp-text a {
            margin-left: 0;
            display: block;
            margin-top: 10px
        }
}

.delivery-dates-label {
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
    font-family: 'Lato',sans-serif
}

.atp-label {
    color: #474747 !important
}

.checkout-page-2by3-parent .btn {
    box-sizing: border-box
}

@media only screen and (max-width:768px) {
    .teaser_small .image {
        height: 140px
    }

    .teaser_small h2 {
        max-height: 35px
    }
}

#my-mediq h1 {
    margin-bottom: 0;
    font-weight: 400;
    color: #4a4a4a;
    font-size: 30px
}

#my-mediq h2, #my-mediq .subheading {
    font-size: 20px !important
}

#my-mediq .home-page-left h3 {
    font-size: 18px !important;
    color: #046175
}

#my-mediq .zorgspecialist {
    width: 11%;
    margin-right: 26px
}

#my-mediq .contact-links {
    width: 80%
}

#my-mediq ul li {
    border-bottom: 1px solid #d6d6d6;
    padding: 7px 0
}

    #my-mediq ul li a {
        display: inline-block;
        width: 95%;
        color: #046175;
        font-size: 18px;
        text-decoration: none
    }

    #my-mediq ul li:last-child {
        border-bottom: 0
    }

#my-mediq .on-the-way-text, #my-mediq .product-list-text {
    width: 100%
}

@media only screen and (max-width:1366px) {
    .col_xs_12 {
        width: 100%
    }

    #my-mediq .contact-links {
        margin-left: 0;
        width: 81%
    }

    #my-mediq .rightArrow {
        margin-right: 0;
        margin-top: 0
    }

    #my-mediq .home-left {
        width: 35%
    }

    #my-mediq .ipad-width {
        width: 54% !important
    }
}

@media only screen and (max-width:768px) {
    #my-mediq .ipad-width {
        width: 100% !important
    }

    .home-page-redesign .home-page-left .your-product-list .square .count {
        font-size: 9px
    }
}

@media only screen and (max-width:700px) {
    #my-mediq .zorgspecialist {
        display: none
    }

    #my-mediq .subheading {
        width: auto
    }

    #my-mediq .contact-links {
        width: 100%
    }

    #my-mediq .fa-envelope-o {
        float: none
    }

    #my-mediq .LeftBtmSection {
        margin-top: 25px
    }
}

.no-underline:hover {
    text-decoration: none
}

.no-underline[href="#"] .colourBlock {
    cursor: default !important
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button, .home-page-redesign .home-page-left .your-product-list .To-product-list-button, .home-page-redesign .home-page-left .your-product-list .To-product-list-button:hover, .home-page-redesign .home-page-left .on-the-way .grey-button, .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button a:hover {
        width: 206px;
        box-sizing: border-box;
        height: 33px
    }

        .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button .btn {
            min-width: 188px
        }

        .home-page-redesign .home-page-left .your-product-list .To-product-list-button .btn {
            box-sizing: border-box;
            min-width: 204px;
            margin-top: -1px;
            height: 33px
        }

    .home-page-redesign .home-page-left .on-the-way .grey-button {
        padding: 4px 10px
    }
}

.checkout-cart-list .title_cart h5 {
    height: 14px
}

.accordeon_check_out .btn.green.loading {
    width: 100%
}

.home-page-redesign .home-page-left .on-the-way, .home-page-redesign .home-page-left .Delivered-orders, .home-page-redesign .home-page-left .your-product-list {
    height: auto
}

    .home-page-redesign .home-page-left .on-the-way .delivery-text h3, .home-page-redesign .home-page-left .Delivered-orders .Delivered-text h3, .home-page-redesign .home-page-left .your-product-list .product-list h3 {
        height: auto
    }

    .home-page-redesign .home-page-left .on-the-way .square, .home-page-redesign .home-page-left .Delivered-orders .square, .home-page-redesign .home-page-left .your-product-list .square {
        width: 70px;
        height: 70px;
        display: inline-table;
        cursor: pointer;
        text-decoration: none
    }

.home-page-redesign .home-page-left .square .fa {
    margin-left: 0 !important;
    margin-top: 0 !important;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.accordeon_check_out .blue_box {
    padding-left: 0;
    margin-top: 20px
}

.positionAB {
    position: absolute
}

.spacer {
    height: 25px
}

.languagefor-container {
    position: relative;
    min-height: 50px
}

.LanguageFormDD {
    position: absolute;
    width: 100%;
    font-family: 'Lato',sans-serif
}

    .LanguageFormDD .borderCheck {
        border: 1px solid #f00
    }

    .LanguageFormDD .group-name-cell-wrapper {
        overflow: hidden;
        border: 1px solid #808080;
        margin-bottom: 5px;
        white-space: nowrap
    }

    .LanguageFormDD .inline-group-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: auto;
        min-width: 50px;
        max-width: 65%;
        border: 1px solid #f00
    }

    .LanguageFormDD .inline-count {
        position: relative;
        right: 0;
        display: inline-block
    }

    .LanguageFormDD .truncate {
        display: flex;
        align-items: center;
        white-space: nowrap;
        width: 87%
    }

        .LanguageFormDD .truncate .W100 {
            max-width: 100% !important
        }

        .LanguageFormDD .truncate span {
            min-width: 0;
            padding: 0 4px
        }

            .LanguageFormDD .truncate span:first-child {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                max-width: 72%;
                padding-right: 0
            }

    .LanguageFormDD .containerCB {
        display: block;
        position: relative;
        padding-left: 25px;
        margin-bottom: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #000;
        font-size: 14px;
        font-weight: normal
    }

        .LanguageFormDD .containerCB input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0
        }

    .LanguageFormDD .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 14px;
        width: 14px;
        background-color: #fff;
        border: 2px solid #7a7a7a;
        border-radius: 3px
    }

    .LanguageFormDD .containerCB input:checked ~ .checkmark {
        background-color: #74c7d2;
        border-color: #74c7d2
    }

    .LanguageFormDD .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }

    .LanguageFormDD .containerCB input:checked ~ .checkmark:after {
        display: block
    }

    .LanguageFormDD .containerCB .checkmark:after {
        left: 4px;
        top: 0;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .LanguageFormDD .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .LanguageFormDD .DropDownSelected {
        border: 2px solid #99c3cc !important
    }

    .LanguageFormDD .dropdown-container, .LanguageFormDD .instructions {
        width: 100%;
        margin: 20px auto 0;
        font-size: 14px;
        font-family: 'Lato',sans-serif;
        overflow: hidden
    }

    .LanguageFormDD .instructions {
        width: 100%;
        text-align: center
    }

    .LanguageFormDD .dropdown-button {
        float: left;
        width: 100%;
        cursor: pointer;
        border: 1px solid #666;
        box-sizing: border-box;
        position: relative;
        font-family: 'Lato',sans-serif
    }

        .LanguageFormDD .dropdown-button .fa-arrow-down {
            float: right;
            width: 35px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            color: #666;
            position: absolute;
            right: -2px;
            top: -2px;
            border-left: 1px solid #666
        }

        .LanguageFormDD .dropdown-button.dropdown-select {
            border: 1px solid #99c3cc
        }

            .LanguageFormDD .dropdown-button.dropdown-select .fa-arrow-down {
                background: #99c3cc;
                color: #fff;
                border-left: 0
            }

        .LanguageFormDD .dropdown-button .dropdown-label, .LanguageFormDD .dropdown-button .dropdown-quantity {
            color: #000;
            padding-left: 10px;
            line-height: 32px
        }

        .LanguageFormDD .dropdown-button .dropdown-quantity {
            margin-left: 4px;
            color: #666
        }

        .LanguageFormDD .dropdown-button .fa-filter {
            float: right;
            padding: 13px;
            border-left: 1px solid #666
        }

        .LanguageFormDD .dropdown-button .filterDD {
            float: right;
            padding: 20px;
            border-left: 1px solid #666;
            background: url('../img/DownArrow.png');
            background-size: 21PX;
            background-repeat: NO-REPEAT;
            BACKGROUND-POSITION: center
        }

        .LanguageFormDD .dropdown-button .filterDDSelected {
            float: right;
            padding: 20px;
            border-left: 1px solid #99c3cc !important;
            background: #99c3cc url('../img/DownArrowWhite.png');
            background-size: 21PX;
            background-repeat: NO-REPEAT;
            BACKGROUND-POSITION: center
        }

    .LanguageFormDD .dropdown-list {
        float: left;
        width: 100%;
        background: #fff;
        position: relative;
        border: 1px solid #666;
        border-top: none;
        box-sizing: border-box;
        padding: 10px 10px 0 10px;
        z-index: 1001;
        border: 1px solid #99c3cc;
        top: -2px
    }

        .LanguageFormDD .dropdown-list input[type="search"] {
            padding: 5px 0
        }

        .LanguageFormDD .dropdown-list ul {
            margin: 0;
            overflow-y: hidden
        }

@media screen and (min-width:768px) {
    .LanguageFormDD .col_sm_3 {
        float: left;
        padding-right: 15px;
        box-sizing: border-box
    }

        .LanguageFormDD .col_sm_3.last-child {
            padding-right: 0
        }

        .LanguageFormDD .col_sm_3 .col {
            padding: 0
        }
}

.apollo-img {
    width: 17%
}

body.pien_wrap #buttonsId {
    position: relative;
    bottom: 25px
}

@media screen and (max-width:1000px) {
    body.pien_wrap #buttonsId {
        margin-top: -24px
    }
}

@media screen and (max-width:767px) {
    body.pien_wrap #buttonsId {
        position: relative;
        bottom: 15px
    }

    body.pien_wrap #buttonsId {
        margin-top: -28px
    }
}

.filter-toggle {
    margin-left: 10px;
    padding: 10px 0
}

    .filter-toggle .fa {
        font-size: 25px;
        margin-top: 0;
        display: inline-block;
        color: #00899f;
        float: left;
        padding-right: 7px
    }

    .filter-toggle span {
        color: #00899f;
        font-size: 17px;
        font-family: 'Lato',sans-serif
    }

.pien-form {
    margin-top: 15px !important
}

    .pien-form .col {
        margin-bottom: 10px
    }

    .pien-form .dropdown-container {
        margin-top: 0
    }

html.safari6 .main_menu .fw_subs .svg-inline--fa {
    float: right;
    margin: 3px 0 0
}

html.safari6 .passWord i {
    font-size: x-large;
    position: absolute;
    right: 10px;
    top: 33px
}

    html.safari6 .passWord i.fa-eye-slash::before {
        font-weight: 900;
        font-family: 'Font Awesome 5 Free'
    }

html.safari6 .svg-inline--fa.fa-times-circle:hover {
    color: #5c5c5c !important
}

html.safari6 .log-in-popup .modal-body .passWord input, html.safari6 .log-in-popup .modal-body .email-loginnumber input {
    border: 1px solid #eee
}

@media screen and (min-width:1024px) {
    html.safari6 .main_menu.static .fw_subs .svg-inline--fa {
        display: none;
        margin: 0
    }
}

html.safari6 #filter-wrap .datepicker input {
    width: 65%;
    float: left
}

html.safari6 #filter-wrap .datepicker span.label-color {
    float: left
}

html.safari6 .datepicker .fa-calendar-alt {
    padding: 0;
    margin-top: 10px;
    margin-left: 5px
}

html.safari6 #filter-wrap .addtocart-btn a {
    margin-left: 0
}

html.safari6 #filter-wrap .cart-white {
    float: left;
    margin-right: 10px
}

html.safari6 input {
    border: 1px solid #adadad
}

html.safari6 #filter-wrap .checkbox-space {
    margin-right: 4px
}

html.safari6 .ViewRepeatOrder-popup .order-buttons .back_btn {
    font-size: 13px
}

html.safari6 .ViewRepeatOrder-popup .order-buttons .cart-btn {
    font-size: 13px
}

html.safari6 .ShowCrossSellRelationProducts .whiteBtn {
    font-size: 13px
}

html.safari6 .personal_info #btnCancel {
    margin-right: 80px
}

html.safari6 #formShoppingCart .cart_list_item .quantityOfProduct {
    width: 135px !important;
    display: inline-block
}

html.safari6 #formShoppingCart .checkout_overview .cart_list_item .ver {
    display: inline-block
}

html.safari6 #formShoppingCart .AtpShoppingCart .FlexBox .options, html.safari6 #formShoppingCart .NoAtpShoppingCart .FlexBox .options {
    width: 45%
}

html.safari6 #formShoppingCart .AtpShoppingCart .FlexBox .cart-title, html.safari6 #formShoppingCart .NoAtpShoppingCart .FlexBox .cart-title {
    width: 40%;
    float: left
}

html.safari6 #formShoppingCart .mW100 .orangeBtn {
    width: 115px
}

html.safari6 .Create-new-address .modal-content {
    width: 65%
}

html.safari6 .Create-new-address .AddressSection {
    width: 95%
}

html.safari6 .Create-new-address .leftSection {
    float: left
}

html.safari6 .Create-new-address .MiddleSection {
    margin-top: 15px
}

html.safari6 .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button {
    padding: 6px 6px
}

html.safari6 .home-page-redesign .home-page-left .on-the-way .grey-button {
    min-width: 198px
}

    html.safari6 .home-page-redesign .home-page-left .on-the-way .grey-button .btn {
        display: block;
        text-align: left
    }

    html.safari6 .home-page-redesign .home-page-left .on-the-way .grey-button a .fa-angle-right {
        float: right
    }

html.safari6 .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button {
    min-width: 215px
}

    html.safari6 .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button .btn {
        width: 93%;
        text-align: left
    }

html.safari6 .home-page-redesign .home-page-left .your-product-list .To-product-list-button .btn {
    width: 93%;
    text-align: left
}

html.safari6 .home-page-redesign .home-page-left .your-product-list .To-product-list-button {
    min-width: 215px
}

html.safari6 .home-page-redesign .home-page-left .Delivered-orders .To-order-history-button a .fa-angle-right {
    float: right
}

html.safari6 .home-page-redesign .home-page-left .your-product-list .To-product-list-button a .fa-angle-right {
    float: right
}

html.safari6 .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button {
    padding: 6px 6px 1px !important
}

    html.safari6 .home-page-redesign .home-page-left .Delivered-orders .Repeat-last-order-button .btn {
        vertical-align: top;
        padding-top: 1px
    }

html.safari6 body.pien_wrap .language-form-wrap {
    min-height: 296px
}

html.safari6 body.pien_wrap .message_bg span {
    padding: 10px 0
}

html.safari6 body.pien_wrap .message_bg {
    width: 70%
}

@media screen and (max-width:768px) {
    html.safari6 body.pien_wrap .message_bg {
        width: 98%
    }

    html.safari6 body.pien_wrap .language-form-wrap {
        min-height: 190px
    }

        html.safari6 body.pien_wrap .language-form-wrap .search-box {
            width: 89.8% !important
        }
}

html.safari6 .Headerdescription {
    display: inline-block;
    width: 24%
}

html.safari6 .header_wrapper .header .nav_box .nav_sooqr_searchbar .buttons .shoppingcart {
    display: inline-block
}

html.safari6 .main_menu.static li, html.safari6 .footer .menu li {
    width: 19%
}

html.safari6 .main_menu.static .fw_subs_wrapper li {
    width: 100%
}

html.safari6 .grid-view-block .info .quantity input {
    line-height: 25px
}

html.safari6 .product.small .for_reimbursed {
    width: 50%
}

    html.safari6 .product.small .for_reimbursed .text_reiumbursed {
        width: auto;
        float: left
    }

    html.safari6 .product.small .for_reimbursed .reimbursedcompany_logo {
        margin-right: 0;
        float: left
    }

html.firefox .message_bg span {
    padding: 10px 0
}

html.firefox .pien-log-in .message_bg {
    width: 70%
}

#User_Login .user_login_link {
    margin: 0 auto;
    display: table
}

.ShoppingCart .count {
    position: absolute;
    left: 13px;
    margin-top: -6px
}

.fa-times-circle {
    cursor: pointer;
    color: #d6d6d6 !important;
    font-size: 1.3em
}

    .fa-times-circle:hover:before {
        color: #5c5c5c
    }

    .fa-times-circle:hover {
        color: #5c5c5c
    }

.fa-border-all {
    font-size: 1.5em
}

.fa-list {
    font-size: 1.5em
}

.options {
    padding-top: 10px
}

    .options .fa-undo-alt {
        font-size: 1.3em;
        color: #808080
    }

        .options .fa-undo-alt:hover {
            text-decoration: none
        }

            .options .fa-undo-alt:hover:before {
                color: #56af00;
                text-decoration: none
            }

    .options .fa-trash-alt {
        font-size: 1.3em;
        color: #808080
    }

        .options .fa-trash-alt:hover:before {
            color: #e74c3c
        }

.default-pickerDOB .fa-calendar-alt {
    padding: 10px;
    font-weight: normal
}

    .default-pickerDOB .fa-calendar-alt:before {
        cursor: pointer;
        display: block;
        height: 30px;
        right: 1px;
        position: absolute;
        pointer-events: none;
        top: 1px;
        width: 30px;
        padding-top: 9px;
        padding-left: 9px;
        border-left: .5px solid #a9a9a9
    }

    .default-pickerDOB .fa-calendar-alt:hover:before {
        border-color: #99c3cd
    }

    .default-pickerDOB .fa-calendar-alt.active:before {
        background-color: #f00;
        background-position: -238px -288px;
        border-color: #99c3cd
    }

.fa-envelope {
    color: #a3bf2b !important
}

.shipping-total .fa-info-circle {
    font-size: 1.3em !important;
    text-decoration: none
}

@media screen and (max-width:1024px) {
    .nav_box .menu_switcher.open i {
        margin: 4px 0 0 -10px
    }

    .nav_box .menu_switcher.open .fa-times {
        top: -7px
    }
}

#browserPopup .modal-content {
    text-align: center
}

    #browserPopup .modal-content p {
        text-align: left
    }

#browserPopup .close {
    margin-top: -10px;
    margin-right: -9px;
    float: right
}

.firefox #browserPopup .modal-content p {
    margin-top: 10px
}

.accordeon_check_out .fas.fa-angle-left {
    color: #006983
}

.ShowCrossSellRelationProducts:after {
    font-family: "Font Awesome 5 Free";
    top: 18%;
    right: auto;
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    width: 26px;
    font-size: 74px;
    color: #d6d5d5;
    transform: none;
    margin: 2px 0 0 -35px;
    font-weight: 900
}

.ShowCrossSellRelationProducts:before {
    font-family: "Font Awesome 5 Free";
    top: 18%;
    right: auto;
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    width: 26px;
    font-size: 74px;
    color: #fff;
    z-index: 9;
    left: 3%;
    transform: none;
    margin: 2px 0 0 -35px;
    font-weight: 900
}

@media screen and (max-width:768px) {
    .ShowCrossSellRelationProducts:after {
        font-family: "Font Awesome 5 Free";
        top: 0;
        content: "";
        display: block;
        height: 50px;
        right: 10%;
        margin: -37px 0 0 0;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #d6d5d5;
        transform: rotate(450deg);
        font-weight: 900
    }

    .ShowCrossSellRelationProducts:before {
        font-family: "Font Awesome 5 Free";
        top: -26%;
        content: "";
        display: block;
        height: 50px;
        margin: 2px 0 0 -38px;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #fff;
        z-index: 100;
        left: 93%;
        transform: rotate(450deg);
        font-weight: 900
    }
}

@media screen and (max-width:1366px) and (min-width:1024px) {
    .ShowCrossSellRelationProducts:before {
        left: 4%
    }
}

@media screen and (max-width:411px) {
    .ShowCrossSellRelationProducts:after {
        font-family: "Font Awesome 5 Free";
        top: 0;
        content: "";
        display: block;
        height: 50px;
        right: 10%;
        margin: -37px 0 0 0;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #d6d5d5;
        transform: rotate(450deg);
        font-weight: 900
    }

    .ShowCrossSellRelationProducts:before {
        font-family: "Font Awesome 5 Free";
        top: -26%;
        content: "";
        display: block;
        height: 50px;
        margin: 2px 0 0 -37px;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #fff;
        z-index: 100;
        left: 93%;
        transform: rotate(450deg);
        font-weight: 900
    }
}

@media screen and (max-width:414px) {
    .ShowCrossSellRelationProducts:after {
        font-family: "Font Awesome 5 Free";
        top: 0;
        content: "";
        display: block;
        height: 50px;
        right: 10%;
        margin: -37px 0 0 0;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #d6d5d5;
        transform: rotate(450deg);
        font-weight: 900
    }

    .ShowCrossSellRelationProducts:before {
        font-family: "Font Awesome 5 Free";
        top: -26%;
        content: "";
        display: block;
        height: 50px;
        margin: 2px 0 0 -37px;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #fff;
        z-index: 100;
        left: 93%;
        transform: rotate(450deg);
        font-weight: 900
    }
}

@media screen and (max-width:375px) {
    .ShowCrossSellRelationProducts:after {
        font-family: "Font Awesome 5 Free";
        top: 0;
        content: "";
        display: block;
        height: 50px;
        right: 10%;
        margin: -37px 0 0 0;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #d6d5d5;
        transform: rotate(450deg);
        font-weight: 900
    }

    .ShowCrossSellRelationProducts:before {
        font-family: "Font Awesome 5 Free";
        top: -23%;
        content: "";
        display: block;
        height: 50px;
        margin: 2px 0 0 -36px;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #fff;
        z-index: 100;
        left: 93%;
        transform: rotate(450deg);
        font-weight: 900
    }
}

@media screen and (max-width:360px) {
    .ShowCrossSellRelationProducts:after {
        font-family: "Font Awesome 5 Free";
        top: 0;
        content: "";
        display: block;
        height: 50px;
        right: 10%;
        margin: -37px 0 0 0;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #d6d5d5;
        transform: rotate(450deg);
        font-weight: 900
    }

    .ShowCrossSellRelationProducts:before {
        font-family: "Font Awesome 5 Free";
        top: -20%;
        content: "";
        display: block;
        height: 50px;
        margin: 2px 0 0 -35px;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #fff;
        z-index: 100;
        left: 93%;
        transform: rotate(450deg);
        font-weight: 900
    }
}

@media screen and (max-width:320px) {
    .ShowCrossSellRelationProducts:after {
        font-family: "Font Awesome 5 Free";
        top: 0;
        content: "";
        display: block;
        height: 50px;
        right: 10%;
        margin: -37px 0 0 0;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #d6d5d5;
        transform: rotate(450deg);
        font-weight: 900
    }

    .ShowCrossSellRelationProducts:before {
        font-family: "Font Awesome 5 Free";
        top: -20%;
        content: "";
        display: block;
        height: 50px;
        margin: 2px 0 0 -34px;
        position: absolute;
        width: 26px;
        font-size: 74px;
        color: #fff;
        z-index: 100;
        left: 93%;
        transform: rotate(450deg);
        font-weight: 900
    }
}

.notification .close {
    text-align: center
}

.notification .fa.fa-close {
    text-align: center;
    display: inline-block;
    margin-top: 4px;
    color: #e9e5e5
}

#update_personal_wrap h1, #update_personal_wrap h2, #update_personal_wrap li {
    font-family: 'Lato',sans-serif
}

#update_personal_wrap h1 {
    font-weight: 400;
    font-size: 30px;
    color: #4a4a4a
}

#update_personal_wrap h2 {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 7px
}

#update_personal_wrap .box-width {
    width: 47%
}

#update_personal_wrap .upper_box, #update_personal_wrap .bottom_box {
    position: relative;
    width: 90%
}

#update_personal_wrap .contact_info_wrap, #update_personal_wrap .password_info_wrap {
    position: absolute;
    bottom: 0;
    right: 0
}

#update_personal_wrap li {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px
}

    #update_personal_wrap li label {
        font-size: 14px;
        color: #333;
        font-weight: 700;
        cursor: auto;
        display: inline-block;
        width: 27%;
        float: left;
        padding-right: 20px
    }

    #update_personal_wrap li span {
        font-size: 13px;
        color: #333;
        font-weight: 400;
        float: left;
        width: 60%
    }

        #update_personal_wrap li span span {
            width: 100%
        }

#update_personal_wrap .blue_border_btn {
    margin: 15px 0
}

html.safari6 #update_personal_wrap .box-width {
    width: 50%
}

html.safari6 #update_personal_wrap .upper_box, html.safari6 #update_personal_wrap .bottom_box {
    width: 100%
}

@media screen and (max-width:1024px) {
    #update_personal_wrap li span {
        width: 84%
    }
}

@media screen and (max-width:1023px) {
    #update_personal_wrap .upper_box, #update_personal_wrap .bottom_box {
        width: 100%
    }

    #update_personal_wrap .personal_info_wrap, #update_personal_wrap .delivery_info_wrap {
        width: 70%
    }

    #update_personal_wrap .contact_info_wrap, #update_personal_wrap .password_info_wrap {
        width: 30%
    }

    #update_personal_wrap li {
        margin-bottom: 10px
    }

        #update_personal_wrap li label {
            line-height: 14px;
            width: 100%
        }
}

@media screen and (max-width:1366px) {
    #update_personal_wrap .upper_box, #update_personal_wrap .bottom_box {
        width: 100%
    }

    #update_personal_wrap .box-width {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    #update_personal_wrap .upper_box, #update_personal_wrap .bottom_box {
        width: 100%
    }

    #update_personal_wrap h2 {
        width: 100%;
        display: inline-block
    }

    #update_personal_wrap .box-width {
        width: 100% !important;
        float: none;
        position: static;
        margin-bottom: 30px
    }

    #update_personal_wrap li {
        margin-bottom: 10px
    }

        #update_personal_wrap li label {
            width: 100%;
            float: none;
            line-height: 14px
        }

    #update_personal_wrap .blue_border_btn {
        margin: 0;
        margin-top: 5px
    }
}

.address_wrap_box {
    padding-top: 25px
}

    .address_wrap_box .delivery_date, .address_wrap_box .delivery_address, .address_wrap_box .delivery_block, .address_wrap_box .address_block, .address_wrap_box .additional_information {
        width: 100% !important
    }

    .address_wrap_box h3 {
        font-size: 18px;
        font-weight: 700;
        color: #4a4a4a;
        margin-bottom: 7px
    }

    .address_wrap_box .delivery_address {
        margin-top: -9px
    }

    .address_wrap_box .delivery_key {
        float: left;
        width: 18%
    }

        .address_wrap_box .delivery_key h4 {
            color: #4a4a4a !important;
            font-size: 14px !important;
            font-weight: 700;
            display: inline-block
        }

    .address_wrap_box .sub_field label, .address_wrap_box .delivery_value {
        font-size: 13px;
        color: #333;
        font-weight: 400;
        line-height: 16px;
        font-family: 'Lato',sans-serif
    }

    .address_wrap_box .delivery_value {
        width: 70%;
        float: left;
        margin-top: 9px
    }

        .address_wrap_box .delivery_value p {
            margin-bottom: 0;
            letter-spacing: unset !important
        }

        .address_wrap_box .delivery_value .sub_field {
            margin-bottom: 10px
        }

        .address_wrap_box .delivery_value .fa-info-circle {
            text-decoration: none;
            margin-left: 20px
        }

            .address_wrap_box .delivery_value .fa-info-circle:before {
                font-size: 20px
            }

        .address_wrap_box .delivery_value .hint_text {
            width: 326px;
            border: 1px solid #2a697c;
            margin: 12px -287px
        }

            .address_wrap_box .delivery_value .hint_text:after {
                right: 88%
            }

            .address_wrap_box .delivery_value .hint_text:before {
                border-top-color: #2a697c;
                right: 88%
            }

            .address_wrap_box .delivery_value .hint_text span {
                font-size: 13px;
                color: #333;
                font-family: 'Lato',sans-serif;
                line-height: 17px
            }

    .address_wrap_box .comment_section h4 {
        color: #4a4a4a !important;
        font-family: 'Lato',sans-serif;
        font-size: 18px !important;
        margin-bottom: 10px;
        font-weight: 700
    }

    .address_wrap_box .comment_section p {
        font-style: normal;
        font-size: 14px !important;
        color: #4a4a4a !important;
        line-height: 20px !important;
        font-family: 'Lato',sans-serif;
        font-weight: 400
    }

.step3Btns .cf {
    width: 50% !important
}

.step3Btns .back_btn_wrap {
    width: 48%;
    float: left;
    margin-top: 15px
}

.step3Btns .next_btn_wrap {
    width: 50% !important;
    float: right
}

@media screen and (max-width:767px) {
    .address_wrap_box .address_wrap {
        width: 100%
    }

    .address_wrap_box .delivery_key {
        width: 47% !important
    }

    .address_wrap_box .delivery_value {
        width: 51%
    }

        .address_wrap_box .delivery_value .sub_field {
            margin-bottom: 10px
        }

        .address_wrap_box .delivery_value .hint_text {
            width: 225px;
            border: 1px solid #2a697c;
            margin: 12px -41px
        }

            .address_wrap_box .delivery_value .hint_text:before {
                right: 17%
            }

            .address_wrap_box .delivery_value .hint_text:after {
                right: 17%
            }

    .address_wrap_box .step3Btns, .address_wrap_box .cf {
        width: 100% !important
    }

        .address_wrap_box .step3Btns .back_btn_wrap {
            float: none;
            width: 100%
        }

        .address_wrap_box .step3Btns .next_btn_wrap {
            width: 100% !important;
            float: none
        }

    .address_wrap_box .radio_wrap .delivery_value {
        width: 30%
    }
}

html.safari6 .address_wrap_box .delivery_key {
    width: 20%
}

.updatePersonal .fa-check-circle {
    float: left;
    margin-right: 8px;
    margin-top: 5px;
    font-size: 16px;
    opacity: .4
}

.updatePersonal .passwordCondition {
    font-size: 13px;
    color: #666;
    opacity: .5;
    font-weight: 400;
    font-style: normal;
    font-family: 'Lato',sans-serif
}

    .updatePersonal .passwordCondition span {
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        font-family: 'Lato',sans-serif
    }

.updatePersonal .greenEnabled {
    color: #00823b;
    opacity: 100
}

.updatePersonal .personal_info h4 {
    font-size: 30px;
    color: #4a4a4a;
    margin-bottom: 27px;
    font-weight: normal
}

.updatePersonal .passwordTitle {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333;
    font-family: 'Lato',sans-serif;
    padding-bottom: 3px
}

.updatePersonal .personal_info p {
    margin-bottom: 5px
}

.updatePersonal #formChangePassword {
    margin-top: 30px
}

    .updatePersonal #formChangePassword .password.invalid:after {
        display: none
    }

    .updatePersonal #formChangePassword .password.valid:after {
        display: none
    }

    .updatePersonal #formChangePassword input[type='submit'] {
        text-transform: none;
        padding-left: 10px;
        background-color: #dd752d;
        border: solid 1px #dd752d;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        height: 35px
    }

        .updatePersonal #formChangePassword input[type='submit'].disabled {
            background: #cfc9b8;
            color: #faf9f8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        .updatePersonal #formChangePassword input[type='submit']:hover {
            background: #ff7800;
            color: #fff;
            border: 1px solid #dd752d;
            text-decoration: none
        }

        .updatePersonal #formChangePassword input[type='submit']:active {
            background: #dd752d;
            color: #fff;
            border: 1px solid #dd752d
        }

#SuccessMessage {
    background-color: #006983;
    padding: 5px;
    text-align: center;
    color: #fff
}

    #SuccessMessage .fa-info-circle {
        font-size: 23px;
        padding-top: 2px;
        margin-right: 20px
    }

#FailureMessage {
    background-color: #dd752d;
    padding: 5px;
    text-align: center;
    color: #fff
}

    #FailureMessage .fa-info-circle {
        font-size: 23px;
        padding-top: 2px;
        margin-right: 20px
    }

.width20 {
    width: 20%
}

.width5 {
    width: 5%
}

.width8 {
    width: 8%
}

.width18 {
    width: 18%
}

.width10 {
    width: 10%
}

.wid3per {
    margin-right: 3%
}

.width41 {
    width: 41%
}

.width31 {
    width: 31%
}

@media only screen and (min-width:290px) {
    .fieldValues {
        font-family: 'Lato',sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 13px !important;
        color: #333 !important
    }

    .editPersonalData label {
        color: #333
    }

    .editPersonalData .form_buttons {
        text-align: center
    }

    .editPersonalData .sub_field {
        width: 14%
    }

    .editPersonalData .form_row {
        margin-bottom: 29px
    }

    .editPersonalData .BlueLink {
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        color: #006983;
        text-decoration: underline;
        margin-top: 5px
    }

    .editPersonalData a .BlueLink, .editPersonalData a:hover {
        text-decoration: underline
    }

    .editPersonalData a .BlueLink, .editPersonalData a:visited {
        color: #006983
    }

    .editPersonalData .label {
        float: none;
        color: #333;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        margin-bottom: 0
    }

    .editPersonalData input[type='submit'] {
        text-transform: none;
        padding-left: 10px;
        background-color: #dd752d;
        border: solid 1px #dd752d;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        height: 35px;
        width: 100%
    }

        .editPersonalData input[type='submit'].disabled {
            background: #cfc9b8;
            color: #faf9f8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        .editPersonalData input[type='submit']:hover {
            background: #ff7800;
            color: #fff;
            border: 1px solid #dd752d;
            text-decoration: none
        }

        .editPersonalData input[type='submit']:active {
            background: #dd752d;
            color: #fff;
            border: 1px solid #dd752d
        }
}

@media only screen and (max-width:768px) {
    .editPersonalData .width20 {
        width: 100%
    }

    .editPersonalData .width8 {
        width: 100%
    }

    .editPersonalData .width10 {
        width: 100%
    }

    .editPersonalData .width18 {
        width: 100%
    }

    .editPersonalData .width31 {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .editPersonalData .form_buttons {
        text-align: left
    }

    .editPersonalData .BlueLink {
        margin-right: 25px;
        float: left
    }

    .editPersonalData input[type='submit'] {
        text-transform: none;
        padding-left: 10px;
        background-color: #dd752d;
        border: solid 1px #dd752d;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        height: 35px;
        width: auto
    }

        .editPersonalData input[type='submit'].disabled {
            background: #cfc9b8;
            color: #faf9f8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        .editPersonalData input[type='submit']:hover {
            background: #ff7800;
            color: #fff;
            border: 1px solid #dd752d;
            text-decoration: none
        }

        .editPersonalData input[type='submit']:active {
            background: #dd752d;
            color: #fff;
            border: 1px solid #dd752d
        }

    .editPersonalData label {
        float: none;
        cursor: default
    }

    .editPersonalData input, .editPersonalData select {
        width: 100%;
        border: .5px solid #adadad;
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        text-decoration: none;
        color: #000
    }

    .editPersonalData .form_buttons {
        padding-left: 0;
        text-align: initial
    }
}

.editpersonaladdress_wrap .form_buttons {
    padding-bottom: 20px
}

.editpersonaladdress_wrap .BlueLink {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #006983;
    text-decoration: underline;
    margin-right: 25px
}

.editpersonaladdress_wrap a .BlueLink, .editpersonaladdress_wrap a:hover {
    text-decoration: underline
}

.editpersonaladdress_wrap a .BlueLink, .editpersonaladdress_wrap a:visited {
    color: #006983
}

.editpersonaladdress_wrap input[type='submit'] {
    text-transform: none;
    padding-left: 10px;
    background-color: #dd752d;
    border: solid 1px #dd752d;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    height: 35px
}

    .editpersonaladdress_wrap input[type='submit'].disabled {
        background: #cfc9b8;
        color: #faf9f8;
        border: 1px solid #cfc9b8;
        font-weight: bold
    }

    .editpersonaladdress_wrap input[type='submit']:hover {
        background: #ff7800;
        color: #fff;
        border: 1px solid #dd752d;
        text-decoration: none
    }

    .editpersonaladdress_wrap input[type='submit']:active {
        background: #dd752d;
        color: #fff;
        border: 1px solid #dd752d
    }

.editpersonaladdress_wrap .updatePersonalTitle, .editpersonaladdress_wrap .updatePersonalSubTitle, .editpersonaladdress_wrap p {
    font-family: 'Lato',sans-serif
}

.editpersonaladdress_wrap .updatePersonalTitle {
    font-weight: 400;
    font-size: 30px;
    color: #4a4a4a;
    font-family: 'Lato',sans-serif;
    margin-bottom: 24px
}

.editpersonaladdress_wrap .updatePersonalSubTitle {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 3px !important
}

.editpersonaladdress_wrap label {
    font-weight: 700;
    font-style: normal;
    font-family: 'Lato',sans-serif;
    color: #333;
    font-size: 14px;
    float: none;
    cursor: default
}

.editpersonaladdress_wrap input {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: #000
}

.editpersonaladdress_wrap .address_field_top, .editpersonaladdress_wrap .address_field_bottom {
    float: left;
    margin-right: 20px;
    margin-bottom: 6px
}

.editpersonaladdress_wrap .address_field_top {
    width: 12%
}

    .editpersonaladdress_wrap .address_field_top input {
        width: 150px
    }

.editpersonaladdress_wrap .address_field_bottom {
    width: 19%
}

    .editpersonaladdress_wrap .address_field_bottom input {
        width: 235px
    }

.editpersonaladdress_wrap p {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #333;
    line-height: 19px
}

.editpersonaladdress_wrap .checkbox_field {
    margin-bottom: 20px
}

    .editpersonaladdress_wrap .checkbox_field span {
        font-style: normal;
        font-size: 14px;
        color: #666;
        font-family: 'Lato',sans-serif
    }

.editpersonaladdress_wrap .checkbox_field_descri, .editpersonaladdress_wrap .radio_field_descri {
    margin-bottom: 3px;
    width: 45%
}

.editpersonaladdress_wrap .radio_field_wrap label {
    font-style: normal;
    font-size: 14px;
    color: #666;
    font-weight: normal
}

.editpersonaladdress_wrap .radio_field_wrap .radio_field {
    margin-top: 10px
}

@media screen and (max-width:1024px) {
    .editpersonaladdress_wrap .address_field_top {
        width: 22%
    }

    .editpersonaladdress_wrap .address_field_bottom {
        width: 34%
    }

    .editpersonaladdress_wrap .checkbox_field_descri, .editpersonaladdress_wrap .radio_field_descri {
        width: 75%
    }
}

@media screen and (max-width:767px) {
    .editpersonaladdress_wrap .address_field_top, .editpersonaladdress_wrap .address_field_bottom, .editpersonaladdress_wrap .checkbox_field_descri, .editpersonaladdress_wrap .radio_field_descri, .editpersonaladdress_wrap .address_field_top input {
        width: 100%
    }
}

i::before {
    text-rendering: optimizeLegibility
}

#language_dropdown_menu {
    margin-bottom: 10px
}

    #language_dropdown_menu .drop-down {
        position: relative;
        display: inline-block;
        margin-top: 0;
        font-family: 'Lato',sans-serif
    }

        #language_dropdown_menu .drop-down a {
            width: 103px;
            border: 1px solid #dfe0e0;
            display: inline-block;
            font-weight: 100;
            color: #928d8d;
            border: 0;
            padding-left: 10px
        }

            #language_dropdown_menu .drop-down a:hover {
                background: #cce1e6;
                color: #006983;
                text-decoration: none;
                border: none
            }

                #language_dropdown_menu .drop-down a:hover span {
                    color: #006983 !important
                }

        #language_dropdown_menu .drop-down .button a {
            border: 1px solid #dfe0e0;
            background: none !important
        }

            #language_dropdown_menu .drop-down .button a:before {
                content: "";
                font-family: "Font Awesome 5 Free";
                color: #dfe0e0;
                font-size: 20px;
                float: right;
                border-left: 1px solid;
                padding: 8px 11px;
                font-weight: 900
            }

            #language_dropdown_menu .drop-down .button a:hover {
                text-decoration: none;
                border: 1px solid #99c3cd;
                color: #006983;
                background: none !important
            }

                #language_dropdown_menu .drop-down .button a:hover:before {
                    border-left: 1px solid #99c3cd;
                    color: #99c3cd
                }

            #language_dropdown_menu .drop-down .button a span {
                color: #006983 !important
            }

        #language_dropdown_menu .drop-down .button .active_arrow {
            border: 1px solid #99c3cd
        }

            #language_dropdown_menu .drop-down .button .active_arrow:before {
                color: #fff;
                background: #99c3cd;
                border: 1px solid #99c3cd;
                margin-top: -1px
            }

            #language_dropdown_menu .drop-down .button .active_arrow:hover:before {
                color: #fff;
                border: 1px solid #99c3cd;
                margin-top: -1px
            }

        #language_dropdown_menu .drop-down span {
            background-repeat: no-repeat;
            padding-left: 24px;
            background-size: 13px;
            background-position: 0 6px;
            width: 26px;
            height: 26px;
            display: inline-block;
            color: #928d8d;
            margin-top: 8px
        }

        #language_dropdown_menu .drop-down select {
            display: none
        }

        #language_dropdown_menu .drop-down .select-list {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999999;
            margin-top: 42px;
            padding: 0;
            border-top: 0;
            background: #fff
        }

            #language_dropdown_menu .drop-down .select-list li {
                display: none
            }

                #language_dropdown_menu .drop-down .select-list li span {
                    display: inline-block;
                    padding: 0 0 0 23px;
                    background-repeat: no-repeat;
                    background-size: 13px;
                    background-position: 0 6px;
                    font-size: 14px;
                    text-align: left;
                    color: #928d8d;
                    box-sizing: border-box;
                    font-family: 'Lato',sans-serif;
                    font-weight: normal;
                    width: 100%;
                    margin-top: 0
                }

                #language_dropdown_menu .drop-down .select-list li a {
                    color: #006983;
                    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif !important;
                    font-weight: normal;
                    padding-top: 5px;
                    padding-bottom: 5px
                }

                #language_dropdown_menu .drop-down .select-list li:hover, #language_dropdown_menu .drop-down .select-list li:focus {
                    opacity: 1
                }

            #language_dropdown_menu .drop-down .select-list .active span {
                color: #006983
            }

        #language_dropdown_menu .drop-down .active_dropdown {
            border: 1px solid #99c3cd
        }

        #language_dropdown_menu .drop-down .clsAnchor.active {
            background: #99c3cd;
            color: #006983
        }

.list_view_language select, .list_view_language .button {
    display: none
}

.list_view_language li {
    padding-left: 10px;
    border-right: 1px solid #ddd
}

    .list_view_language li span {
        padding-left: 27px;
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: 0 4px
    }

    .list_view_language li a {
        color: #006983 !important;
        font-family: 'Lato',sans-serif !important;
        font-weight: normal
    }

        .list_view_language li a:hover {
            text-decoration: underline !important;
            color: #006983 !important
        }

    .list_view_language li:first-child {
        padding-right: 10px
    }

    .list_view_language li:last-child {
        border-right: 0
    }

.sticky .user_menu {
    margin: 6px 0 0
}

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.login::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: ""
}

#headerRow #headerIcons {
    margin-top: 17px
}

@media screen and (max-width:768px) {
    .header .user_menu_link.active .icon_user:after, .header .cart_link.active .fa-shopping-cart:after {
        font-size: 20px;
        color: #006983;
        top: 51%
    }
}

html.safari6 #User_Login .icon_user {
    display: inline-block;
    margin-top: 7px;
    font-size: 20px;
    color: #a3bf2b
}

html.safari6 .user_menu_link .icon_user {
    display: inline-block;
    margin-top: 3px;
    font-size: 20px;
    color: #a3bf2b
}

html.safari6 .shoppingcart .count {
    left: 16px;
    margin-top: -32px
}

html.safari6 .nav_box .user_menu_link .icon_user_white {
    display: inline-block;
    margin-top: 3px;
    font-size: 20px;
    color: #fff
}

    html.safari6 .nav_box .user_menu_link .icon_user_white .svg-inline--fa {
        color: #fff
    }

html.safari6 .nav_box .icon_cart_white, html.safari6 .nav_box .fa-shopping-cart {
    color: #fff
}

html.safari6 .bottom-addtocart-btn .cart-white .svg-inline--fa, html.safari6 .addtocart-btn .cart-white .svg-inline--fa {
    color: #fff;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    float: left
}

html.safari6 #sooqrsearch .submit {
    padding-right: 5px !important;
    padding-left: 10px !important;
    margin-top: 7px
}

html.safari6 #sooqrsearch .button {
    height: 37px
}

html.safari6 .nav_box .user_login_link span {
    padding-top: 4px;
    display: inline-block
}

html.safari6 .nav_box #sooqrsearchnav .button {
    width: 40px
}

    html.safari6 .nav_box #sooqrsearchnav .button .submit i {
        margin-top: 9px;
        display: inline-block;
        margin-left: 10px
    }

.order-buttons .back_btn, .order-buttons .cart-btn {
    cursor: pointer
}

#EditMarketingPermission {
    width: 75%
}

    #EditMarketingPermission p {
        margin-top: 10px
    }

    #EditMarketingPermission .fa-info-circle {
        font-size: 1.3em
    }

    #EditMarketingPermission a .fa-info-circle {
        font-size: 1.3em
    }

    #EditMarketingPermission a:hover {
        text-decoration: none
    }

    #EditMarketingPermission .hint .hint_text {
        margin: 0 -130px 16px 0
    }

    #EditMarketingPermission h1 {
        font-weight: 400;
        font-size: 30px;
        color: #4a4a4a;
        margin-top: 20px
    }

    #EditMarketingPermission h4 {
        font-weight: 700;
        font-size: 18px;
        color: #333;
        margin-bottom: 7px
    }

    #EditMarketingPermission span {
        font-size: 14px;
        color: #333;
        display: block;
        float: left
    }

    #EditMarketingPermission .hint_text {
        font-size: 14px;
        color: #333;
        font-family: 'Lato',sans-serif
    }

    #EditMarketingPermission label {
        color: #666;
        font-size: 14px;
        font-weight: normal;
        display: block;
        margin-bottom: 10px
    }

    #EditMarketingPermission .product_se {
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 40px;
        display: inline-block
    }

    #EditMarketingPermission .form_buttons {
        margin-top: 0;
        margin-bottom: 10px
    }

        #EditMarketingPermission .form_buttons .BlueLink {
            font-size: 14px;
            margin-right: 30px
        }

    #EditMarketingPermission input[type='submit'] {
        text-transform: none;
        background-color: #dd752d;
        border: solid 1px #dd752d;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        height: 35px;
        width: auto
    }

        #EditMarketingPermission input[type='submit'].disabled {
            background: #cfc9b8;
            color: #faf9f8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        #EditMarketingPermission input[type='submit']:hover {
            background: #ff7800;
            color: #fff;
            border: 1px solid #dd752d;
            text-decoration: none
        }

        #EditMarketingPermission input[type='submit']:active {
            background: #dd752d;
            color: #fff;
            border: 1px solid #dd752d
        }

@media only screen and (max-width:768px) {
    #EditMarketingPermission {
        width: 100%
    }

        #EditMarketingPermission input[type='submit'] {
            width: 100%
        }

    .form_buttons {
        text-align: center
    }

        .form_buttons .BlueLink {
            margin-right: 0
        }
}

#update_personal_wrap .contact_info_wrap li span {
    width: auto
}

    #update_personal_wrap .contact_info_wrap li span span {
        width: auto
    }

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    #EditMarketingPermission input[type=checkbox] {
        margin: 0
    }
}

@media all and (max-width:736px) {
    header.sticky #headerRow #headerIcons, #headerRow #headerIcons {
        margin-top: 0 !important
    }
}

.user_menu_link .count_wrap {
    position: absolute;
    left: 6px;
    top: 0
}

.nav_box .user_menu_link .count_wrap {
    top: 5px
}

.home-page-left .LeftBtmSection ul li a i.fa-envelope {
    position: relative;
    overflow: visible
}

    .home-page-left .LeftBtmSection ul li a i.fa-envelope .count {
        border-radius: 100%;
        background: #006983;
        color: #fff;
        display: block;
        font-size: 1.2rem;
        line-height: 1.8rem;
        font-family: 'Lato',sans-serif;
        font-style: normal;
        text-align: center;
        min-width: 13px;
        padding: 0 3px;
        height: 19px;
        position: absolute;
        top: -7px;
        right: -12px
    }

input[type=checkbox] + label:before {
    background: none;
    background-size: unset;
    height: 19px;
    width: 19px;
    border: 1px solid #9b9b9b;
    float: left;
    margin-right: 5px;
    content: ""
}

input[type=radio] + label:before {
    background: none;
    background-size: unset;
    height: 15px;
    width: 15px;
    border: 1px solid #9b9b9b;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    content: ""
}

input[type='radio']:checked + label:before, input[type='radio']:checked + label:hover:before {
    background: none;
    background-size: unset;
    height: 15px;
    width: 15px;
    z-index: 10;
    border: 1px solid #9b9b9b;
    content: "";
    border-radius: 50%;
    box-shadow: inset 0 .5px 1px 0 rgba(0,0,0,.3);
    font-family: "Font Awesome 5 Free";
    color: #73c8d2;
    font-size: 8px;
    font-weight: 900;
    line-height: 15px;
    text-align: center
}

input[type='checkbox']:checked + label:before, input[type='checkbox']:checked + label:hover:before {
    background: none;
    background-size: unset;
    height: 19px;
    width: 19px;
    z-index: 10;
    border: 1px solid #9b9b9b;
    box-shadow: inset 0 .5px 1px 0 rgba(0,0,0,.3);
    content: "";
    font-family: "Font Awesome 5 Free";
    color: #73c8d2;
    font-size: 11px;
    font-weight: 900;
    line-height: 21px;
    text-align: center
}

.checkout_delivery_date.atp-first-step input[type=radio] + label {
    margin-top: 20px;
    display: block;
    line-height: 19px
}

#refurbishedOrderCard .headerItem {
    width: 98%
}

.FirstTimeLogin-Popup {
    font-family: 'Lato',sans-serif !important
}

    .FirstTimeLogin-Popup .modal {
        display: block;
        position: absolute;
        overflow: visible;
        background-color: transparent
    }

        .FirstTimeLogin-Popup .modal:before {
            content: "";
            width: 100%;
            height: 100%;
            display: block;
            position: fixed;
            left: 0;
            top: 0;
            background: rgba(0,0,0,.5)
        }

    .FirstTimeLogin-Popup .modal-content {
        width: 70%;
        padding: 40px
    }

    .FirstTimeLogin-Popup p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2
    }

    .FirstTimeLogin-Popup .fa-info-circle {
        font-size: 1.3em
    }

    .FirstTimeLogin-Popup a .fa-info-circle {
        font-size: 1.3em
    }

    .FirstTimeLogin-Popup a:hover {
        text-decoration: none
    }

    .FirstTimeLogin-Popup .hint .hint_text {
        margin: 0 -130px 15px 0
    }

        .FirstTimeLogin-Popup .hint .hint_text:before {
            right: 50% !important;
            margin-top: -1px
        }

        .FirstTimeLogin-Popup .hint .hint_text:after {
            margin-top: -1px
        }

    .FirstTimeLogin-Popup h1 {
        font-weight: 700 !important;
        font-size: 32px !important;
        color: #333 !important;
        margin-top: 0 !important;
        margin-bottom: 25px !important
    }

    .FirstTimeLogin-Popup h4 {
        font-weight: 700;
        font-size: 16px;
        color: #333;
        margin-bottom: 2px
    }

    .FirstTimeLogin-Popup .contactP {
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        margin-bottom: 25px !important
    }

    .FirstTimeLogin-Popup .pText {
        font-size: 14px;
        color: #333;
        display: block;
        float: left;
        line-height: 1.2;
        width: 75%;
        margin-bottom: 0 !important
    }

    .FirstTimeLogin-Popup .hint_text {
        font-size: 14px;
        color: #333;
        font-family: 'Lato',sans-serif
    }

    .FirstTimeLogin-Popup input[type=checkbox] {
        height: 15px;
        width: 15px;
        display: inline-block;
        -webkit-appearance: checkbox;
        margin: 5px 10px 0 0;
        -moz-appearance: checkbox;
        float: left
    }

    .FirstTimeLogin-Popup label {
        color: #666;
        font-size: 14px;
        font-weight: normal;
        display: flex !important
    }

    .FirstTimeLogin-Popup input[type=checkbox] + label:before {
        box-shadow: none;
        border: 0;
        background: none;
        display: none
    }

    .FirstTimeLogin-Popup .product_se {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 25px;
        display: inline-block
    }

    .FirstTimeLogin-Popup .form_buttons {
        margin-top: 0;
        margin-bottom: 10px
    }

        .FirstTimeLogin-Popup .form_buttons .BlueLink {
            font-size: 14px;
            margin-right: 30px
        }

    .FirstTimeLogin-Popup input[type='submit'] {
        text-transform: none;
        background-color: #dd752d;
        border: solid 1px #dd752d;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        height: 35px;
        width: auto
    }

        .FirstTimeLogin-Popup input[type='submit'].disabled {
            background: #cfc9b8;
            color: #faf9f8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        .FirstTimeLogin-Popup input[type='submit']:hover {
            background: #ff7800;
            color: #fff;
            border: 1px solid #dd752d;
            text-decoration: none
        }

        .FirstTimeLogin-Popup input[type='submit']:active {
            background: #dd752d;
            color: #fff;
            border: 1px solid #dd752d
        }

    .FirstTimeLogin-Popup .modal-popup-centre {
        top: 20%
    }

.minw120p {
    min-width: 120px
}

@media screen and (max-width:768px) {
    .FirstTimeLogin-Popup .FirstTimeBtnGroup {
        text-align: left
    }

        .FirstTimeLogin-Popup .FirstTimeBtnGroup .whiteBtn {
            width: 95%;
            margin-bottom: 10px
        }

        .FirstTimeLogin-Popup .FirstTimeBtnGroup .orangeBtn {
            width: 95%
        }
}

@media screen and (min-width:768px) {
    .FirstTimeLogin-Popup .FirstTimeBtnGroup {
        text-align: right
    }

        .FirstTimeLogin-Popup .FirstTimeBtnGroup .whiteBtn {
            min-width: 120px;
            width: auto;
            margin-right: 10px
        }

        .FirstTimeLogin-Popup .FirstTimeBtnGroup .orangeBtn {
            min-width: 120px;
            width: auto
        }
}

#formPersonalData .sub_field label {
    line-height: 16px
}

@media all and (max-width:768px) {
    .filter.open .blue_box, .filter .blue_box {
        padding: 0
    }

    #formShoppingCart .decrement, .product_to_cart .decrement, AllProducts .decrement, .dropdowncount-box .decrement, #formShoppingCart .increment, .product_to_cart .increment, AllProducts .increment, .dropdowncount-box .increment {
        width: 25px !important
    }

    .product .compare label {
        margin-left: 0
    }
}

.header_wrapper .header .sooqr_search .form_box {
    margin-top: 2px
}

.row_view .small .compare input[type="checkbox"]:checked + label + .btn_compare {
    left: 51px
}

.row_view .product.small .compare input[type="checkbox"]:checked + label {
    margin-left: 24px
}

    .row_view .product.small .compare input[type='checkbox']:checked + label:before {
        margin-right: 36px
    }

.grid-view-block .compare input[type="checkbox"]:checked + label + .btn_compare {
    left: 58px;
    top: 8px
}

.checkout-alignment-right .checkout_delivery_date .form_row .dates label {
    display: block
}

.Repeat_order_section .repeat-order .selct-All {
    position: relative
}

    .Repeat_order_section .repeat-order .selct-All input[type=checkbox] {
        height: 19px;
        width: 19px;
        z-index: 1;
        opacity: 0;
        cursor: pointer;
        margin-top: 4px;
        margin-left: 32px;
        position: relative
    }

    .Repeat_order_section .repeat-order .selct-All span.spanCheckbox {
        display: inline-block;
        width: 19px;
        height: 19px;
        position: absolute;
        left: 30px;
        top: 3px;
        border: 1px solid #9b9b9b;
        box-shadow: inset 0 .5px 1px 0 rgba(0,0,0,.3)
    }

    .Repeat_order_section .repeat-order .selct-All input[type='checkbox']:checked + span.spanCheckbox:before, .Repeat_order_section .repeat-order .selct-All input[type='checkbox']:checked + span.spanCheckbox:hover:before {
        content: "";
        font-family: "Font Awesome 5 Free";
        color: #73c8d2;
        font-size: 11px;
        font-weight: 900;
        line-height: 19px;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 1px;
        left: 4px;
        display: inline-block
    }

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .grid-view-block .dropdowncount-box button.decrement, .row_view .dropdowncount-box button.decrement {
        line-height: 21px !important
    }

    .grid-view-block .dropdowncount-box button.increment, .row_view .dropdowncount-box button.increment {
        line-height: 21px !important
    }

    .grid-view-block .dropdowncount-box input.qty, .row_view .dropdowncount-box input.qty {
        line-height: 26px !important
    }

    .OrderCardWrapper .dropdowncount-box input.qty {
        line-height: 20px !important
    }
}

html.mac.safari .grid-view-block .dropdowncount-box button.decrement, html.mac.safari .row_view .dropdowncount-box button.decrement, html.mac.safari .OrderCardWrapper .dropdowncount-box button.decrement {
    line-height: 18px !important
}

html.mac.safari .grid-view-block .dropdowncount-box button.increment, html.mac.safari .row_view .dropdowncount-box button.increment, html.mac.safari .OrderCardWrapper .dropdowncount-box button.increment {
    line-height: 18px !important
}

html.mac.safari .grid-view-block .dropdowncount-box input.qty, html.mac.safari .row_view .dropdowncount-box input.qty, html.mac.safari .OrderCardWrapper .dropdowncount-box input.qty {
    line-height: 27px !important
}

.sooqrSearchContainer label:before {
    display: none
}

.button-space .green.btn {
    margin-top: 0;
    padding: 5px 0 5px 10px
}

.button-space .link_continueShopping {
    font-weight: 700;
    font-size: 14px;
    font-family: lato;
    font-family: 'Lato',sans-serif
}

.button-space .mobileBackRemove {
    padding: 6px 0
}

    .button-space .mobileBackRemove .fas.fa-angle-left.angle-left-align {
        font-size: 14px;
        margin-top: 6px
    }

.ShowCrossSellRelationProducts .cart_list_item {
    border-bottom: 0
}

    .ShowCrossSellRelationProducts .cart_list_item .image {
        float: left;
        width: 18%
    }

        .ShowCrossSellRelationProducts .cart_list_item .image img {
            margin: 0 auto;
            width: 60%;
            height: auto
        }

.ShowCrossSellRelationProducts .view_btn, .ShowCrossSellRelationProducts .cart_list_item {
    width: 96%;
    margin: 0 auto
}

    .ShowCrossSellRelationProducts .view_btn .btn.whiteBtn, .ShowCrossSellRelationProducts .cart_list_item .btn.whiteBtn {
        width: 100%
    }

.ShowCrossSellRelationProducts .title_descrip {
    float: left;
    width: 82%
}

    .ShowCrossSellRelationProducts .title_descrip .crossSelltitle {
        margin-bottom: 5px
    }

.atp-first-step .fa.fa-angle-right {
    font-size: 1.4em;
    margin-left: 10px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    #deliveryUpdateWrap .delivery-update span {
        width: 78%
    }

    .ShowCrossSellRelationProducts .view_btn .btn.whiteBtn {
        font-size: 11px
    }

    #formShoppingCart .cart_list_item h5 a {
        line-height: 20px
    }

    .ShowCrossSellRelationProducts {
        padding: 8px
    }

        .ShowCrossSellRelationProducts:before {
            left: 4%
        }

        .ShowCrossSellRelationProducts:after {
            margin: 2px 0 0 -33px
        }
}

@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
    #formShoppingCart .cart_list_item h5 a {
        line-height: 20px
    }

    #deliveryUpdateWrap .delivery-update span {
        width: 78%
    }
}

.warning_message_wrap {
    border: 1px solid #ff7701;
    display: flex;
    padding: 15px;
    width: 63%;
    margin-top: 15px
}

    .warning_message_wrap .fa.fa-exclamation-circle {
        font-size: 24px;
        color: #ff7701
    }

    .warning_message_wrap .left_info_icon {
        display: flex;
        align-items: center
    }

    .warning_message_wrap .right_warn_text {
        margin-left: 22px;
        width: 80%
    }

    .warning_message_wrap span {
        font-family: 'Lato',sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 14px;
        color: #ff7701;
        display: block
    }

@media all and (max-width:1024px) {
    .warning_message_wrap {
        width: 73%
    }
}

@media all and (max-width:768px) {
    .warning_message_wrap {
        padding: 10px;
        width: 93%
    }

        .warning_message_wrap .right_warn_text {
            width: 84%
        }
}

.clear_cart.item {
    background: transparent;
    width: 100%;
    box-sizing: border-box;
    padding-right: 11px;
    padding-bottom: 10px
}

    .clear_cart.item a {
        cursor: pointer;
        font-size: 14px;
        font-size: 1.4rem
    }

        .clear_cart.item a span {
            margin-right: 30px;
            border-bottom: 1px solid;
            line-height: 15px;
            display: inline-block;
            float: left;
            margin-top: 3px
        }

        .clear_cart.item a:hover {
            text-decoration: none
        }

        .clear_cart.item a .fa-times-circle:before {
            color: #5c5c5c
        }

.AtpShoppingCart .remove-circle .fa.fa-times-circle:before, .NoAtpShoppingCart .remove-circle .fa.fa-times-circle:before {
    font-size: 19px
}

.AtpShoppingCart .clear_cart_wrap, .NoAtpShoppingCart .clear_cart_wrap {
    margin-top: 10px
}

.AtpShoppingCart .atp_head_wrap .clear_cart_wrap, .NoAtpShoppingCart .atp_head_wrap .clear_cart_wrap {
    margin-top: 23px
}

    .AtpShoppingCart .atp_head_wrap .clear_cart_wrap .clear_cart a, .NoAtpShoppingCart .atp_head_wrap .clear_cart_wrap .clear_cart a {
        cursor: pointer;
        font-size: 14px;
        font-size: 1.4rem
    }

.AtpShoppingCart .clear_cart.item a span, .NoAtpShoppingCart .clear_cart.item a span {
    margin-right: 44px
}

.AtpShoppingCart .clear_cart.item, .NoAtpShoppingCart .clear_cart.item {
    padding-right: 9px
}

.AtpShoppingCart .divider_clear, .NoAtpShoppingCart .divider_clear {
    width: 100%;
    border-bottom: 1px solid #eee
}

html body div.sooqrSearchContainer.sooqrSearchContainer-112724-1 div.sooqrSearchResultsContainer div.sooqrSearchResults div.sqr-options.sqr-fixed, html body div.sooqrSearchContainer.sooqrSearchContainer-112724-1 div.sooqrSearchOptionsMobile div.sqr-options.sqr-fixed {
    top: 46px
}

.clearall-popup .fa-angle-left {
    font-size: 20px;
    float: left;
    margin-top: 2px
}

.clearall-popup .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.clearall-popup .modal-popup-centre {
    position: relative;
    top: 25%
}

.clearall-popup .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    border-radius: 6.5px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatecentre;
    animation-duration: .4s;
    height: auto;
    width: 550px
}

    .clearall-popup .modal-content h1 {
        font-size: 37px;
        font-size: 3.7rem;
        font-weight: 300;
        line-height: 44px;
        line-height: 4.4rem;
        margin: 0 0 15px;
        color: #006983;
        font-family: 'Lato',sans-serif
    }

    .clearall-popup .modal-content p {
        margin-bottom: 0
    }

    .clearall-popup .modal-content .addedToShoppingcart {
        padding: 25px 22px 5px;
        border-radius: 6.5px
    }

.clearall-popup .close {
    background: url(../img/bg/spritedvn.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #808080;
    background-position: -43px -243px;
    height: 21px;
    width: 21px;
    border-radius: 10px;
    float: right
}

    .clearall-popup .close:hover, .clearall-popup .close:focus {
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer;
        background-color: #5c5c5c
    }

.clearall-popup .order-buttons {
    padding: 18px 22px
}

    .clearall-popup .order-buttons .back_btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        color: #006983;
        background-color: #fff;
        border: solid 1px #006983;
        height: 26px;
        border-radius: 2px
    }

        .clearall-popup .order-buttons .back_btn.disabled {
            background: #fff;
            color: #cfc9b8;
            border: 1px solid #cfc9b8;
            font-weight: bold
        }

        .clearall-popup .order-buttons .back_btn:hover {
            background: #006983;
            color: #fff;
            text-decoration: none
        }

        .clearall-popup .order-buttons .back_btn:active {
            background: #33879c;
            color: #fff
        }

    .clearall-popup .order-buttons .cart-btn {
        display: inline-block;
        font-family: 'Lato',sans-serif;
        padding: 4px 11px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        background-color: #a3bf2b;
        border: solid 1px #a3bf2b;
        color: #000;
        height: 27px;
        cursor: pointer
    }

        .clearall-popup .order-buttons .cart-btn.disabled {
            background: #cfc9b8;
            color: #cfc9b8;
            border: 1px solid #cfc9b8
        }

        .clearall-popup .order-buttons .cart-btn:hover {
            background: #6c7e1c;
            color: #000;
            border: 1px solid #6c7e1c;
            text-decoration: none
        }

        .clearall-popup .order-buttons .cart-btn:active {
            background: #a3bf2b;
            color: #000;
            border: 1px solid #a3bf2b
        }

        .clearall-popup .order-buttons .cart-btn .fa-shopping-cart {
            color: #000;
            font-size: 14px;
            margin-right: 10px
        }

@media screen and (min-width:290px) {
    .clearall-popup .modal-content {
        height: auto;
        width: 97%;
        margin-right: 5px;
        margin-left: 5px
    }

    .back_btn {
        width: 95%;
        margin-bottom: 10px
    }

    .cart-btn {
        width: 95%;
        float: none
    }
}

@media screen and (min-width:768px) {
    .clearall-popup .modal-content {
        height: auto;
        width: 550px;
        margin: auto
    }

    .back_btn {
        width: 180px
    }

    .cart-btn {
        width: 190px;
        float: right
    }
}

@media screen and (min-width:1024px) {
    .clearall-popup .modal-content {
        height: auto;
        width: 550px;
        margin: auto
    }

    .back_btn {
        width: 180px
    }

    .cart-btn {
        width: 190px;
        float: right
    }
}

@media screen and (max-width:600px) {
    .AtpShoppingCart .clear_cart.item, .NoAtpShoppingCart .clear_cart.item {
        padding-right: 0
    }
}

#sooqrContainer.transBg {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 999;
    background: rgba(0,0,0,.8)
}

.additional_information.delivery_neighbour .delivery_key h4 {
    line-height: 19px;
    padding-right: 27px
}

.additional_information.delivery_neighbour .delivery_value {
    margin-top: 2px
}

    .additional_information.delivery_neighbour .delivery_value .fa-info-circle {
        margin-top: 0;
        margin-left: 5px
    }

.additional_information.delivery_neighbour.delivery_nei_profile .fa-info-circle {
    text-decoration: none;
    margin-top: 11px
}

    .additional_information.delivery_neighbour.delivery_nei_profile .fa-info-circle .hint_text {
        bottom: 62%;
        left: -32px;
        right: auto
    }

@media screen and (max-width:600px) {
    .additional_information.delivery_neighbour.delivery_nei_profile .fa-info-circle .hint_text {
        bottom: 96%
    }
}

.additional_information.delivery_neighbour.delivery_nei_profile .fa-info-circle .hint_text:before, .additional_information.delivery_neighbour.delivery_nei_profile .fa-info-circle .hint_text:after {
    right: 84%
}

@media screen and (min-width:700px) {
    #refurbishedOrderCard .plHeaderName h5 {
        margin-top: 11px
    }

    #refurbishedOrderCard .plHeaderQty {
        margin-top: 6px
    }

    #refurbishedOrderCard .plHeaderLastOrdered, #refurbishedOrderCard .plHeaderPrice {
        margin-top: 14px
    }
}

.product.detail .quantity {
    width: 245px
}

.quantityOfProduct-drpdwn .increment {
    margin-right: 10px
}

.quantityOfProduct-drpdwn .dropdowncount-box .decrement, .quantityOfProduct-drpdwn .dropdowncount-box input.qty, .quantityOfProduct-drpdwn .dropdowncount-box .increment {
    margin-top: 2px
}

.quantityOfProduct-drpdwn .dropdowncount-box .increment_sym {
    font-size: 16px;
    margin-top: 2px;
    display: inline-block
}

.sooqrSearchResults .sqr-options.sqr-fixed {
    top: 46px !important
}

.shipping-total a.hint {
    display: inline-block;
    margin-left: 6px;
    margin-top: 4px
}

    .shipping-total a.hint .hint_text {
        margin: 0 -130px 11px 0
    }

.shoppingcart_list .shipping_part {
    border-bottom: .5px solid #9b9b9b;
    border-top: .5px solid #9b9b9b;
    padding: 15px 0 40px;
    margin-top: 20px !important
}

    .shoppingcart_list .shipping_part .price {
        color: #006983;
        margin-right: 66px
    }

@media screen and (max-width:600px) {
    .shoppingcart_list .shipping_part .price {
        margin-right: 4px;
        float: right
    }
}

.shoppingcart_list .shipping_part .shippingamountText {
    float: left;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
    font-weight: 700;
    padding-left: 5px
}

.shipping_cost_wrap {
    padding: 15px 0 15px;
    margin-top: 20px !important
}

    .shipping_cost_wrap .shippingamountText, .shipping_cost_wrap .price {
        font-size: 20px;
        font-weight: 500;
        color: #006983
    }

    .shipping_cost_wrap .shippingamountText {
        padding-left: 10px;
        font-family: Lucida,sans-serif
    }

    .shipping_cost_wrap .price {
        margin-right: 10px;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif
    }

.checkoutATP .cart_list_item .antalText {
    margin-top: -3px
}

#ConfirmUpdateQuantityProduct {
    text-align: center
}

    #ConfirmUpdateQuantityProduct .addedToShoppingcart {
        padding: 10px 10px 10px
    }

    #ConfirmUpdateQuantityProduct .order-buttons {
        display: inline-block;
        padding-top: 0
    }

        #ConfirmUpdateQuantityProduct .order-buttons .cart-btn {
            float: none;
            width: auto;
            height: auto;
            padding: 5px 15px;
            display: inline-block
        }

    #ConfirmUpdateQuantityProduct .modal-content {
        width: 280px;
        position: relative;
        top: 25%
    }

.log-in-popup .modal-body .email-loginnumber input, .log-in-popup .modal-body .passWord input {
    background-color: #e8f0fe
}

.teaser_banner_wrap {
    padding: 0 20px
}

@media screen and (max-width:1024px) {
    .teaser_banner_wrap {
        padding: 0 14px
    }
}

@media screen and (max-width:768px) {
    .teaser_banner_wrap {
        padding: 0 11px
    }

        .teaser_banner_wrap .bx-viewport {
            width: 103%
        }
}

@media screen and (max-width:767px) {
    .teaser_banner_wrap {
        padding: 0
    }
}

@media screen and (-ms-high-contrast:none) and (min-width:1024px) {
    .title_cart h5 {
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        display: block
    }
}

#formShoppingCart .cart_list_item h5 {
    max-height: none
}

    #formShoppingCart .cart_list_item h5 a {
        margin-right: 10px;
        display: inline-block
    }

#formShoppingCart .cart_list_item .options {
    padding-top: 0
}

@media(max-width:767px) {
    #formShoppingCart .remove-circle {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 8px
    }

    #formShoppingCart .image img {
        display: inline-block
    }

    #formShoppingCart .options {
        padding-top: 7px !important
    }

    #formShoppingCart .antalText {
        float: left
    }
}

.migratedforms .field-validation-error {
    font-size: 14px;
    color: #c62828
}

.migratedforms input[type='submit'] {
    width: auto;
    float: right
}

.migratedforms input[type='checkbox']:checked + label:before, .migratedforms input[type='checkbox']:checked + label:hover:before {
    background: none;
    background-size: unset;
    height: 19px;
    width: 19px;
    z-index: 10;
    border: 1px solid #9b9b9b;
    box-shadow: inset 0 .5px 1px 0 rgba(0,0,0,.3);
    content: "";
    font-family: "Font Awesome 5 Free";
    color: #73c8d2;
    font-size: 11px;
    font-weight: 900;
    line-height: 21px;
    text-align: center
}

.migratedforms input[type='checkbox'] {
    width: 20px;
    height: 20px;
    display: block
}

.migratedforms input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox
}

.migratedforms .form_row {
    display: block;
    margin-bottom: 14px
}

.migratedforms select {
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 10px 10px;
    outline: none
}

.migratedforms input {
    margin-bottom: 15px
}

.migratedforms textarea {
    margin-bottom: 15px
}

.migratedforms label {
    color: #5c5c5c;
    font-size: 1.4rem;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .migratedforms input[type='submit'] {
        width: 100%;
        float: left
    }
}