/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0oMImSLYBIv1o4X1M8cce4E9RKdmwp.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0oMImSLYBIv1o4X1M8cce4E91Kdmwp.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0oMImSLYBIv1o4X1M8cce4E9ZKdmwp.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0oMImSLYBIv1o4X1M8cce4E9dKdmwp.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0oMImSLYBIv1o4X1M8cce4E9lKdg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4GwZuY14IUql-.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4GwZuY1cIUql-.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4GwZuY1wIUql-.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4GwZuY10IUql-.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4GwZuY1MIUg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4G2JvY14IUql-.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4G2JvY1cIUql-.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4G2JvY1wIUql-.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4G2JvY10IUql-.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4G2JvY1MIUg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8ccewI9tScg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8cce5I9tScg.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc9iB85gU1EQVg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc9iB85pU1EQVg.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc9iB85iU1EQVg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc9iB85jU1EQVg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8GBs5gU1EQVg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito Sans';
       font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8GBs5pU1EQVg.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8aBc5gU1EQVg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8aBc5pU1EQVg.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8aBc5iU1EQVg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8aBc5jU1EQVg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8aBc5tU1E.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: 'jaf-facitweb';
    src: url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/Facit-Regular.eot');
    src: local('☺'), url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/Facit-Regular.woff') format('woff'), url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/Facit-Regular.ttf') format('truetype'), url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/Facit-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NunitoSans-ExtraBold';
    src: url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/NunitoSans-ExtraBold.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLTPro-Bd';
    src: url('/themes/mobile/supplementler/content/css/fonts/knowledge/284CDC_0_0.eot');
    src: url('/themes/mobile/supplementler/content/css/fonts/knowledge/284CDC_0_0.eot?#iefix') format('embedded-opentype'),url('/themes/mobile/supplementler/content/css/fonts/knowledge/284CDC_0_0.woff') format('woff'),url('/themes/mobile/supplementler/content/css/fonts/knowledge/284CDC_0_0.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src: url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans.eot?#iefix') format('embedded-opentype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans.woff') format('woff'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans.ttf') format('truetype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans.svg#OpenSans') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: italic;
    src: url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Italic.woff') format('woff'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Italic.ttf') format('truetype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: normal;
    src: url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Light.woff') format('woff'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Light.ttf') format('truetype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Semibold.woff') format('woff'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Semibold.ttf') format('truetype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.woff') format('woff'), url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.woff2') format('woff2'), url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.ttf') format('truetype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('./themes/mobile/supplementler/content/fonts/google/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
    /*url('./themes/mobile/supplementler/content/fonts/google/OpenSans-ExtraBold.woff') format('woff'),*/
    url('./themes/mobile/supplementler/content/fonts/google/OpenSans-ExtraBold.woff2') format('woff2'), url('./themes/mobile/supplementler/content/fonts/google/OpenSans-ExtraBold.ttf') format('truetype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.svg#OpenSans-ExtraBold') format('svg');
    font-display: swap;
}


@font-face {
    font-family: 'Open Sans';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.woff') format('woff'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.ttf') format('truetype'),url('https://supplementler2.sm.mncdn.com/themes/mobile/supplementler/content/fonts/google/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-display: swap;
}

.icon-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/plugins/fancybox-2.1.6/fancybox_sprite@2x.png);
    background-size: 44px 152px;
}

.reminder-close {
}

.clear, .clearfix {
    clear: both;
}

.breadcrumb {
    padding: 3px 0;
}

    .breadcrumb ul > li:first-of-type {
        color: #0080f9;
    }

.knowledge-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.knowledge-container {
    padding: 10px 20px;
}

.knw-social-head {
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 15px;
    color: #919191;
}

.knw-social-buttons {
    position: relative;
}

.addthis_sharing_toolbox {
    margin-left: 60px;
}

.knowledge-content-row + .knowledge-content-row {
    margin-top: 40px;
}

.knowledge-content-row .knw-content-slider .owl-prev,
.knowledge-content-row .knw-content-slider .owl-next {
    margin-top: -20px;
}

.knowledge-content-row h4 {
    line-height: 20px;
    font-size: 15px;
    font-weight: normal;
    color: #ffffff;
    margin: 5px 0 10px;
    position: relative;
    z-index: 2;
}

    .knowledge-content-row h4 a {
        color: #ffffff;
    }

.knowledge-banner {
    padding: 0 10px;
}

.go-detail {
    position: absolute;
    width: 50px;
    height: 100%;
    right: -50px;
    top: 0;
    background: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/knw-next.png") right center no-repeat;
}

.knw-content-slider .item + .item {
    margin-top: 20px;
}

.knowledge-items {
    padding: 5px 10px;
    border: 1px solid #ebebeb;
    border-top: none;
}

.knowledge-slider .owl-prev,
.knowledge-slider .owl-next,
.knw-content-slider .owl-prev,
.knw-content-slider .owl-next {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 49px;
    text-indent: -999px;
    overflow: hidden;
    margin-top: -14px;
    background-repeat: no-repeat;
    background-position: center center;
    -ms-background-size: 16px;
    background-size: 16px;
}

.knowledge-slider .owl-prev {
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/knw-prev.png");
    left: 0;
}

.knowledge-slider .owl-next,
.knw-content-slider .owl-next {
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/knw-next.png");
    right: 0;
}

.kb-product-slider .owl-prev,
.kb-product-slider .owl-next,
.knw-content-slider .owl-prev,
.knw-content-slider .owl-next {
    top: -17px;
    margin-top: -40px;
    -ms-background-size: 16px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    right: 10px;
    width: 33px;
    height: 33px;
    background-color: #f8f8f8;
    border-radius: 2px;
}

.knowledge-slider img {
    width: 100%;
}

.knw-content-slider .owl-prev {
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/knw-prev.png");
    right: 46px;
}

.knw-content-slider img {
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
}

.knw-content-slider .owl-item:hover img {
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.knw-box-content p {
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
    line-height: 18px;
}

.knw-box-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
}

    .knw-box-content:before {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        background: rgba(0, 0, 0, 0.8);
        top: -5px;
        left: -50%;
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
        z-index: 1;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

.knw-box {
    margin: 0 10px;
    position: relative;
    overflow: hidden;
}

.knw-content-text img {
    width: 100%;
    height: auto;
}

.knw-content-text {
    padding: 0 10px;
    padding-top: 10px;
    border-top: 1px solid #ebebeb;
    margin-top: 10px;
}

.knw-detail-head {
    font-weight: bold;
    margin-top: 12px;
    padding: 0 10px;
    font-size: 21px;
    color: #003366;
}

.knw-detail-tags {
    margin: 20px 0;
    padding: 0 10px;
}

    .knw-detail-tags strong {
        font-weight: bold;
        display: inline-block;
        margin-right: 5px;
        font-size: 14px;
    }

    .knw-detail-tags a {
        display: inline-block;
        background-color: #ebebeb;
        padding: 6px;
        font-size: 12px;
        border-radius: 2px;
        color: #666666;
        text-decoration: none;
    }

.knowledge-menu {
    display: inline-block;
    width: 23px;
    height: 24px;
    background: url(https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/img/knowledge-icon.png) center center no-repeat;
    margin: 15px 8px 0;
    float: left;
}

.kb-product-slider .owl-next,
.kb-product-slider .owl-prev {
    position: absolute;
    margin-top: -40px;
    -ms-background-size: 16px;
    background-size: 10px;
    background-repeat: no-repeat;
    right: 10px;
    background-position: center;
    text-indent: -999px;
    overflow: hidden;
    top: 0;
}

.kb-product-slider .owl-prev {
    background-image: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/knw-prev.png);
    right: 36px;
}

.kb-product-slider .owl-next {
    background-image: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/knw-next.png);
    right: 0;
}

.kb-product-slider a {
    display: block;
    text-align: center;
}

.kb-product-slider .tp-title {
    font-weight: bold;
    float: left;
    width: 70%;
    text-align: left;
    line-height: 16px;
    font-size: 12px;
    margin-top: 8px;
    color: #1d1d1d;
    margin-bottom: 5px;
    padding-left: 10px;
}

.kb-product-slider .tp-price {
    font-weight: bold;
    float: left;
    width: 70%;
    text-align: left;
    line-height: 16px;
    font-size: 18px;
    color: #e07039;
    padding-left: 10px;
}

.kb-product-slider .tp-img {
    width: 30%;
    float: left;
    margin-bottom: 30px;
    border: 1px solid #adadad;
}

    .kb-product-slider .tp-img img {
        width: 100%;
    }

.offer-product {
    padding: 0 10px;
    margin-top: 50px;
}

    .offer-product h3 {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 24px;
    }

.other-site-banner.special {
    margin: 25px 0 0 0;
}

.other-site-banner {
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 7%;
}

    .other-site-banner b {
        font-weight: bold;
    }

    .other-site-banner p {
        font-size: 15px;
        margin: 0;
        line-height: normal;
    }

    .other-site-banner a {
        color: #ffffff;
        text-decoration: underline;
    }

.not-found-vit {
    text-align: center;
}

    .not-found-vit h2 {
        font-size: 22px;
        line-height: normal;
    }

        .not-found-vit h2 span {
            font-weight: bold;
        }

.knowledge-container .abWrapper {
    margin-bottom: 15px;
}

    .knowledge-container .abWrapper strong {
        font-weight: bold;
    }

    .knowledge-container .abWrapper span {
        text-decoration: underline;
    }

    .knowledge-container .abWrapper a {
        color: #636262;
        font-size: 10px;
    }

.pva-outofstock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pva-outofstock-wrapper,
.pva-thnx-wrapper,
.pva-notlogin-wrapper,
.pva-terminated-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
    overflow: auto;
    background: rgba(0,0,0,.5);
    z-index: 1001;
    padding: 30px 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#pva-outofstock-content,
.pva-thnx-content,
.pva-notlogin-content,
.pva-terminated-content {
    padding: 18px;
    background: rgba(255,255,255,.99);
    border: 1px solid #e8e8e8;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    margin-top: 0;
}

#pva-outofstock-content {
    margin-left: 0;
    margin-right: 0;
}

.pva-thnx-content,
.pva-notlogin-content,
.pva-terminated-content {
    padding: 20px 35px;
}

    .pva-thnx-content p,
    .pva-notlogin-content p,
    .pva-terminated-content p {
        font-size: 13px;
        margin: 20px 0;
        line-height: 20px;
    }

    .pva-thnx-content h4,
    .pva-notlogin-content h4,
    .pva-terminated-content h4 {
        font-size: 16px;
        margin: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #b5b5b5;
        margin-bottom: 5px;
        font-weight: bold;
    }

.pva-outofstock-wrapper #pva-outofstock-content {
    text-align: left;
    width: 280px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20%;
    border-radius: 10px;
}

    .pva-outofstock-wrapper #pva-outofstock-content .fancybox-close {
        top: -10px;
        right: -10px;
    }

.pva-os-head {
    font-size: 13px;
    color: #333;
    line-height: normal;
    margin: 0;
    padding-left: 30px;
    position: relative;
    font-weight: normal;
    margin-left: -5px px;
    margin-right: -10px;
}

    .pva-os-head i {
        margin-left: -10px;
    }

.pva-os-name,
.terminated-product-name {
    font-weight: bold;
}

.pva-os-head i {
    background: url("/Themes/mobile/Supplementler/Content/images/alertV1.png") center center no-repeat;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    left: 10px;
}

.pva-os-desc {
    font-size: 11px;
    color: #333;
    margin: 8px -18px 27px -8px;
    padding-left: 12px;
    padding-right: 6px;
    line-height: 16px;
}

.pva-order-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    padding: 0;
}

.pva-os-items {
    order: 2;
    width: auto;
    display: flex;
}

.pva-os-itemrow {
    text-align: center;
    margin-bottom: 0px;
}

    .pva-os-itemrow.flex-container {
        display: flex;
        width: calc(280px - 36px);
        flex-wrap: wrap;
        position: relative;
        padding: 0;
        padding-right: 0px;
        list-style: none;
    }

.alertify .ajs-modal {
    top: 40%;
}

.same-product-design {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 92px;
    margin: 8px 0px 10px 0px;
    height: 92px;
    flex: 0 50%;
    flex-wrap: wrap;
}

    .same-product-design:first-child {
        margin-left: 50%;
    }

.pva-os-itemrow a.aro-nu:first-child {
    margin-left: 0px;
}

.pva-os-itemrow a {
    display: inline-block;
    width: 64px;
    text-align: center;
    color: #3f3f3f;
    border: 2px solid #efefef;
    padding: 6px 0;
    position: relative;
}

    .pva-os-itemrow a.aro-nu {
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-align: center;
        width: 92px;
        height: 92px;
        border-radius: 10px;
        background: #fff;
    }

        .pva-os-itemrow a.aro-nu:before {
            bottom: 0;
            left: 120px;
            border: none;
        }

        .pva-os-itemrow a.aro-nu strong {
        }

        .pva-os-itemrow a.aro-nu span {
            position: relative;
            margin-left: 0px;
            width: 100%;
            padding: 0;
            font-size: 12px;
            font-weight: 600;
            margin-top: 16px;
        }


            .pva-os-itemrow a.aro-nu span.action-label-update,
            .pva-os-itemrow a.aro-nu span.action-label-quit,
            .pva-os-itemrow a.aro-nu span.action-label-notify {
                width: 145px;
                text-align: center;
                font-size: 9px;
                margin-top: 10px;
                background: #003a75;
                color: #fff;
                padding: 7px;
                border-radius: 3px;
                float: right;
                float: right;
                margin-top: 11px;
                border: 1px #047bf1 solid;
            }



                .pva-os-itemrow a.aro-nu span.action-label-update:hover,
                .pva-os-itemrow a.aro-nu span.action-label-quit:hover,
                .pva-os-itemrow a.aro-nu span.action-label-notify:hover {
                    opacity: 0.6;
                }

        .pva-os-itemrow a.aro-nu.selected:before {
            /* background: none; */
            border: 0 none;
        }

        .pva-os-itemrow a.aro-nu span.action-label-quit {
            display: none;
        }

        .pva-os-itemrow a.aro-nu.selected span.action-label-quit {
            display: none;
            background-color: #1d78d6;
            box-sizing: border-box;
            border: 1px #003a75 solid;
        }

        .pva-os-itemrow a.aro-nu span.action-label-notify {
            display: none;
        }

        .pva-os-itemrow a.aro-nu.selected span.action-label-notify {
            display: none;
        }



        .pva-os-itemrow a.aro-nu + a.aro-nu {
            margin-left: 0;
        }

        .pva-os-itemrow a.aro-nu strong,
        .pva-os-itemrow a.aro-nu span {
            display: inline-block;
        }

    .pva-os-itemrow a.selected {
        color: #3f3f3f;
        text-decoration: none;
        border: 2px solid #003366;
    }

    .pva-os-itemrow a.custom-2.selected {
        border: 2px solid #00A13A;
    }

    .pva-os-itemrow a.custom-3.selected {
        border: 2px solid #FD830C;
    }

a.custom-3.selected::after {
    content: url(/Themes/mobile/Supplementler/Content/images/notifySelectStock.png);
    position: absolute;
    border-radius: 50%;
    top: -10px;
    right: 5px
}

.pva-os-itemrow a strong {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.pva-os-itemrow a span {
    display: block;
    font-size: 10px;
}

.pva-os-itemrow a + a {
    margin-left: 0;
}

.pva-os-itemrow a em {
    font-style: normal;
    font-size: 22px;
    line-height: 26px;
    display: inline-block;
    margin-top: 0;
}

.pva-os-itemrow + .pva-os-itemrow {
    margin-top: 13px;
}

.pva-button {
    display: block;
    width: 100%;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.pva-os-buttons {
    margin-top: 30px;
}

.pva-os-itemrow a.selected::before {
    content: url(/Themes/mobile/Supplementler/Content/images/notifySelectStock.png);
    position: absolute;
    border-radius: 50%;
    top: -10px;
    right: 5px;
    left: auto;
}

.pva-button + .pva-button {
    margin-top: 13px;
}

.pva-os-notify,
.pva-os-notnotify,
.pva-os-update {
    font-size: 16px;
    color: #fff;
    background: #003a75;
    border: 2px solid #efefef;
    padding: 13px 0;
    font-weight: bold;
    padding: 9px 0 !important;
}

    .pva-os-update i {
        display: inline-block;
        background: url(/Themes/mobile/Supplementler/Content/images/notifyV1.png) center center no-repeat;
        width: 22px;
        height: 22px;
        margin-right: 13px;
        position: relative;
        margin-top: -10px;
        top: 5px;
        -ms-background-size: 22px;
        background-size: 22px;
    }

.pva-os-notnotify {
    border: 2px solid #ff2626;
    background: #ff2626;
    font-size: 12px;
    color: #fff;
    padding: 7px 0;
    font-weight: bold;
}

.pva-os-notify i {
    display: inline-block;
    background: url(/Themes/mobile/Supplementler/Content/images/notifyV1.png) center center no-repeat;
    width: 27px;
    height: 26px;
    margin-right: 10px;
    position: relative;
    margin-top: -10px;
    top: 6px;
}

.pva-os-not-notify {
    border: 2px solid #b7b7b7;
    background: #ebebeb;
    font-size: 12px;
    color: #333;
    padding: 7px 0;
    font-weight: bold;
}

.store-btn-3 {
    background: #FD830C;
}

.pva-redirect-login {
    background: #003a75;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 10px 0;
}

.general-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.1);
    z-index: 4;
    display: none;
}

.ordermessage-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -80px;
    background: #fff;
    padding: 30px;
    font-weight: bold;
    color: #6f6464;
}

.vit-btn, .vit-btns {
    background-color: #468860;
}

.pva-thnx-content {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    width: 245px;
}

.remove-cohice-button {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 0px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    width: 92px;
    height: 92px;
    background: #fff;
}

    .remove-cohice-button i {
        display: inline-block;
        background: url(/Themes/mobile/Supplementler/Content/images/selectAll.png) center center no-repeat;
        width: 36px;
        height: 36px;
        position: relative;
        top: 5px;
        -ms-background-size: 36px;
        background-size: 36px;
        margin-bottom: 16px;
    }

    .remove-cohice-button.checked:before {
        background: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/aroma-tick.png) center center no-repeat;
        border-color: #00a454;
    }

.remove-all-choice {
    margin-top: 10px;
    position: absolute;
    margin-left: 14px;
}

/*ExpectedDateTime*/
.expectedDateTime ul {
    list-style: none;
    margin: 15px 0;
}

    .expectedDateTime ul li {
        font-size: 12px;
        line-height: 18px;
    }

        .expectedDateTime ul li + li {
            margin-top: 10px;
        }

        .expectedDateTime ul li strong {
            font-size: 12px;
            font-weight: bold;
        }

.expectedDateTime .expected-variant {
    font-size: 14px;
}

#backInStockButtons .expectedDateTime {
    padding: 0 15px;
}

.terminated-product {
    padding: 15px;
    line-height: 16px;
    font-weight: bold;
    color: #f32a2a;
}
/*ExpectedDateTime end */
/*preorder*/
.aromaTitle img {
    height: 24px;
    margin-bottom: -6px;
}

.preorder-overlay * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.preorder-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 999;
    display: none;
}

.preorder-tooltip {
    background: #fff;
    padding: 25px;
    width: 300px;
    margin: 0 auto;
    top: 50%;
    position: relative;
    margin-top: -194px;
}

.preorder-img {
    padding-bottom: 15px;
    border-bottom: 1px solid #999;
    text-align: center;
    margin-bottom: 15px;
}

    .preorder-img img {
        height: 32px;
    }

.suppmini {
    margin-top: 16px;
    margin-bottom: 5px;
    text-align: center;
}

    .suppmini img {
        height: 24px;
    }

.preorder-content {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

    .preorder-content strong {
        font-weight: bold;
    }

.addtocart-preorder,
.backtoproduct-preorder {
    background: #e02000;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 18px 0;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-top: 15px;
}

.backtoproduct-preorder {
    background: #333;
}

.cart .cart-content .cc-div {
    position: relative;
    width: 100%;
    margin: 0;
}

    .cart .cart-content .cc-div > .left {
        float: none !important;
        display: inline-flex;
        width: 100px;
        border: 1px solid rgba(51,51,51,0.5);
        position: relative;
        overflow: hidden;
        height: 100px;
    }

        .cart .cart-content .cc-div > .left .recurring-icon {
            position: relative;
            line-height: 22px;
            padding-left: 32px;
            margin-top: 10px;
            margin-left: 10px;
            color: #0c86ae;
            font-size: 12px;
        }

    .cart .cart-content .cc-div .bottom {
        width: 100%;
    }
        
    .cart .cart-content .cc-div .right {
        float: none !important;
        display: flex;
        flex-direction: column;
        width: calc(100% - 102px);
        padding-left: 15px;
        box-sizing: border-box;
    }

        .cart .cart-content .cc-div .right .cc-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 6px;
        }

    .cart .cart-content .cc-div > .right .recurring-icon i {
        width: 25px;
        height: 19px;
        display: block;
        content: "";
        background: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/recurring-icon.png") no-repeat left center;
        padding-right: 4px;
        transform: scale(0.8);
    }
            .cart .cart-content .cc-div .right .cc-head .product-delete {
                width: 24px;
                height: 24px;
                min-width: 24px;
                min-height: 24px;
                position: relative;
                padding: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border: 1px solid rgb(232,232,232);
                border-radius: 50%;
            }

                .cart .cart-content .cc-div .right .cc-head .product-delete img {
                    position: relative;
                    bottom: 0;
                    left: 0;
                    width: 16px;
                    height: 16px;
                    object-fit: contain;
                }

    .cart .cart-content .cc-div .recurring-edit {
        clear: both;
        margin: 10px 0;
    }

        .cart .cart-content .cc-div .recurring-edit select {
            border: 1px solid #ededed;
            border-radius: 4px;
            font-size: 14px;
            padding: 10px 5px;
            width: 120%;
            background: url('https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/img/select-down-bg.png') no-repeat;
            background-position: 97%;
        }

.cart-preorder-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
}

.payment-method .payment-preorder-info {
    margin-top: 10px;
    display: none;
}

    .payment-method .payment-preorder-info p {
        font-weight: normal;
        font-size: 12px;
        color: #747579;
        background: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/preorder-payment-info.png) left center no-repeat;
        margin: 0;
        border: 1px dashed #999;
        padding: 10px 5px 10px 44px;
        background-position: 10px;
    }

        .payment-method .payment-preorder-info p strong {
            font-weight: bold;
        }

.completed-preorder {
    color: #0076ff;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    line-height: 22px;
}

    .completed-preorder a {
        text-decoration: underline;
        color: #0076ff;
    }

    .completed-preorder strong {
        font-weight: bold;
    }

    .completed-preorder img {
        display: block;
        width: 60px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

.checkoutPreOrderInfo {
    padding: 15px;
    border: 2px dashed #cdd8e2;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .checkoutPreOrderInfo p {
        font-size: 14px;
        color: #000;
        margin: 0;
        text-indent: 28px;
        text-align: left;
        font-weight: normal;
        line-height: 23px;
    }

    .checkoutPreOrderInfo:before {
        content: "";
        background: url("https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/preorder-icon-2.png") center center no-repeat;
        position: absolute;
        top: 14px;
        left: 16px;
        width: 23px;
        height: 23px;
        -ms-background-size: cover;
        background-size: cover;
    }

.mobile-order-total {
    margin: 10px 0 20px 0;
    margin-left: auto;
}

    .mobile-order-total th,
    .mobile-order-total td {
        padding: 6px;
        font-size: 14px;
    }

    .mobile-order-total th {
        text-align: right;
        font-weight: normal;
    }

    .mobile-order-total td {
        color: rgb(237,79,0);
        padding-right: 0;
        text-align: right;
        font-weight: bold;
        font-size: 14px;
    }
/*preorder end*/
.csg-text {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

    .csg-text br {
        content: '';
        margin-bottom: 5px;
        display: block;
    }

.order-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.1);
    z-index: 4;
    display: none;
}

    .order-overlay .ordermessage-content {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -130px;
        margin-top: -35px;
        background: #fff;
        padding: 15px 30px;
        font-weight: bold;
        color: #6f6464;
        width: 200px;
        height: 70px;
        line-height: normal;
    }

        .order-overlay .ordermessage-content p {
            margin: 0;
            padding: 0;
        }

.ordermessage-content img {
    margin-top: 15px;
}

/* EDİT ORDER STYLE */

.order-edit-container {
    clear: both;
    margin: 15px;
    font-size: 14px;
}

    .order-edit-container h1 {
        font-size: 24px;
        font-weight: bold;
        line-height: normal;
    }

    .order-edit-container .order-period-step {
        clear: both;
        margin-bottom: 30px;
        display: table;
    }

    .order-edit-container .item {
        margin-bottom: 30px;
    }

    .order-edit-container .order-period-step > div {
        float: left;
        margin-right: 2px;
    }

        .order-edit-container .order-period-step > div:last-child {
            margin-right: 0;
        }

        .order-edit-container .order-period-step > div div:first-child {
            background: #666666;
            font-size: 20px;
            font-weight: bold;
            height: 40px;
            line-height: 40px;
            color: #fff;
            text-align: center;
            position: relative;
            width: 40px;
            float: left;
        }

        .order-edit-container .order-period-step > div.active {
            margin-right: 0;
        }

            .order-edit-container .order-period-step > div.active .number {
                background: #3766d2;
                position: relative;
            }

                .order-edit-container .order-period-step > div.active .number:after {
                    border-top: 9px solid #3766d2;
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                    content: "";
                    left: 12px;
                    position: absolute;
                    bottom: -9px;
                }

        .order-edit-container .order-period-step > div.visited .number {
            background: #009900;
        }

            .order-edit-container .order-period-step > div.visited .number:after {
                border-top: 9px solid #009900;
            }

        .order-edit-container .order-period-step > div .title {
            float: left;
            height: 37px;
            line-height: 37px;
            color: #3766d2;
            padding: 0 15px;
            font-weight: bold;
            background: none;
            border-top: 2px solid #e9e9e9;
            border-bottom: 2px solid #e9e9e9;
            display: none;
            font-size: 13px;
        }

        .order-edit-container .order-period-step > div.active .title {
            display: block;
        }

        .order-edit-container .order-period-step > div.completed .number {
            background: #009900;
        }

        .order-edit-container .order-period-step > div.active.card-step .title {
            border-right: 2px solid #e9e9e9;
        }

@media (max-width: 320px) {
    .order-edit-container .order-period-step > div div:first-child {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 15px;
    }

    .order-edit-container .order-period-step > div .title {
        font-size: 11px;
        height: 27px;
        line-height: 27px;
        padding: 0 5px;
    }

    .order-edit-container .order-period-step > div.active .number::after {
        left: 8px;
        bottom: -8px;
    }
}

@media (max-width: 320px) {
    .pva-os-itemrow a.aro-nu span.action-label-update,
    .pva-os-itemrow a.aro-nu span.action-label-quit,
    .pva-os-itemrow a.aro-nu span.action-label-notify {
        width: 103px;
        margin-top: -26px;
        line-height: 12px;
    }
}

.order-edit-container > h1 {
    clear: both;
    color: #303030;
    font-weight: bold;
    font-size: 22px;
    padding: 30px 0 15px 0;
    line-height: normal;
}

.order-edit-container .item.order-date {
    margin-top: 20px;
}

    .order-edit-container .item.order-date label {
        padding-bottom: 10px;
        display: block;
    }

    .order-edit-container .item.order-date .date-box {
        clear: both;
        margin-bottom: 10px;
        position: relative;
        width: 60%;
        min-width: 280px;
    }

        .order-edit-container .item.order-date .date-box input {
            width: 100%;
            border-radius: 4px;
            border: 1px solid #ededed;
            font-size: 14px;
            padding: 10px 5px;
            position: relative;
            z-index: 1;
        }

        .order-edit-container .item.order-date .date-box .wp-icon {
            width: 20px;
            height: 20px;
            background: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/wp-icon-supp.jpg") center center no-repeat;
            content: "";
            position: absolute;
            right: 0;
            top: 8px;
            display: block;
            cursor: pointer;
            z-index: 2;
        }

    .order-edit-container .item.order-date p {
        line-height: normal;
    }

.order-edit-container .item.order-frequency {
    margin-top: 20px;
}

    .order-edit-container .item.order-frequency label {
        padding-bottom: 10px;
        display: block;
    }

    .order-edit-container .item.order-frequency select {
        border: 1px solid #ededed;
        border-radius: 4px;
        font-size: 14px;
        padding: 10px 5px;
        width: 100%;
        background: url('https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/img/select-down-bg.png') no-repeat;
        background-position: 97%;
        margin-bottom: 5px;
    }

    .order-edit-container .item.order-frequency .date-box {
    }

    .order-edit-container .item.order-frequency p {
        font-size: 13px;
        line-height: normal;
    }

.order-edit-container .item.text-detail {
    clear: both;
}

    .order-edit-container .item.text-detail h3 {
        font-size: 18px;
        font-weight: bold;
        text-decoration: underline;
        margin-bottom: 15px;
    }

    .order-edit-container .item.text-detail p {
        line-height: normal;
        margin-bottom: 20px;
    }

        .order-edit-container .item.text-detail p b {
            font-weight: bold;
        }

        .order-edit-container .item.text-detail p:last-child {
            margin-bottom: 0;
        }

.order-edit-container .item.order-table {
    clear: both;
    margin-top: 30px;
}

    .order-edit-container .item.order-table h2 {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .order-edit-container .item.order-table table {
        border: none;
        width: 100%;
    }

        .order-edit-container .item.order-table table tr {
        }

            .order-edit-container .item.order-table table tr td {
                border: 2px solid #dbdbdb;
                height: 40px;
                line-height: 40px;
                width: 50%;
                padding-left: 15px;
            }

                .order-edit-container .item.order-table table tr td:last-child {
                    font-weight: bold;
                }

.order-edit-container .confirm-btn {
    display: block;
    width: 100%;
    background: #fc3900;
    font-weight: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    clear: both;
}

.order-edit-container .add-new-adress-container {
    clear: both;
    margin-bottom: 30px;
}

.order-edit-container .add-new-address {
    width: 100%;
    display: block;
    background: #033e7b;
    color: #ffffff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    margin: 20px 0;
    font-weight: bold;
}

    .order-edit-container .add-new-address i {
        margin: 0 10px 0 0;
    }

.order-edit-container .add-new-adress-container .address-list-wrapper {
    clear: both;
}

    .order-edit-container .add-new-adress-container .address-list-wrapper .address-select {
        margin-bottom: 25px;
    }

        .order-edit-container .add-new-adress-container .address-list-wrapper .address-select label strong {
            font-weight: bold;
            font-size: 15px;
        }

        .order-edit-container .add-new-adress-container .address-list-wrapper .address-select label em {
            font-style: italic;
            font-size: 13px;
        }

        .order-edit-container .add-new-adress-container .address-list-wrapper .address-select:last-child {
            margin-bottom: 0;
        }

        .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper {
            margin: 10px 0;
            color: #666;
            line-height: 18px;
        }

            .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .selected-address-item {
                border: 1px solid #b3b3b3;
                padding: 10px;
                cursor: pointer;
                position: relative;
            }

                .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .selected-address-item.valid .not-valid,
                .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .address-list .address-item.valid .not-valid {
                    display: none;
                }

                .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .selected-address-item.not-valid .valid,
                .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .address-list .address-item.not-valid .valid {
                    display: none;
                }

                .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .selected-address-item i {
                    position: absolute;
                    top: 5px;
                    right: 3%;
                    font-size: 20px;
                }

                    .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .selected-address-item i.fa-check {
                        color: green;
                    }

            .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .address-list {
                max-height: 200px;
                overflow: auto;
            }

                .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .address-list .address-item {
                    border: 1px solid #b3b3b3;
                    padding: 10px;
                    position: relative;
                    cursor: pointer;
                }

                    .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .address-list .address-item i.fa-check {
                        display: none;
                        color: green;
                        font-size: 20px;
                        position: absolute;
                        right: 3%;
                        top: 33%;
                    }

                    .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .address-list .address-item.selected {
                        background: #f7f7f7;
                    }

                        .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper .address-list .address-item.selected i {
                            display: block;
                        }

            .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper > div:last-child {
                margin-bottom: 0;
            }

            .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper h2 {
                display: flex;
                align-items: center;
                font-weight: bold;
                margin-bottom: 5px;
            }

                .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-wrapper h2 svg {
                    width: 16px;
                    height: 16px;
                    margin-right: 10px;
                }

        .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-edit-button {
            display: block;
            text-align: center;
            padding: 10px 0;
            background: #666666;
            color: #ffffff;
            font-size: 13px;
        }

            .order-edit-container .add-new-adress-container .address-list-wrapper .address-select .address-edit-button i {
                margin-right: 7px;
            }

.order-edit-container .recuring-prc-list {
    clear: both;
    margin: 30px 0;
}

    .order-edit-container .recuring-prc-list > div {
        clear: both;
    }

        .order-edit-container .recuring-prc-list > div .top {
        }

            .order-edit-container .recuring-prc-list > div .top .figure {
                width: 35%;
                float: left;
            }

                .order-edit-container .recuring-prc-list > div .top .figure img {
                    width: 100%;
                    border: 1px solid #e0e0e0;
                }

            .order-edit-container .recuring-prc-list > div .top .detail {
                width: 60%;
                float: right;
                color: #373737;
            }

                .order-edit-container .recuring-prc-list > div .top .detail .name {
                    font-size: 16px;
                    margin-bottom: 20px;
                    line-height: normal;
                }

                .order-edit-container .recuring-prc-list > div .top .detail .quantity {
                    font-size: 14px;
                    margin-bottom: 10px;
                }

                    .order-edit-container .recuring-prc-list > div .top .detail .quantity strong {
                        font-weight: bold;
                        color: #000;
                    }

                .order-edit-container .recuring-prc-list > div .top .detail .price {
                }

                    .order-edit-container .recuring-prc-list > div .top .detail .price strong {
                        color: #f13a00;
                        font-weight: bold;
                        font-size: 16px;
                    }

        .order-edit-container .recuring-prc-list > div .bottom {
            clear: both;
            margin-top: 20px;
        }

            .order-edit-container .recuring-prc-list > div .bottom > div {
                float: left;
            }

                .order-edit-container .recuring-prc-list > div .bottom > div:last-child {
                    margin-bottom: 0;
                }

            .order-edit-container .recuring-prc-list > div .bottom #rec-icon {
                width: 35%;
                border: 1px solid #e0e0e0;
                margin-right: 5%;
            }

            .order-edit-container .recuring-prc-list > div .bottom .quantity-change {
                width: 30%;
            }

                .order-edit-container .recuring-prc-list > div .bottom .quantity-change label {
                    display: block;
                    margin-bottom: 6px;
                    font-size: 11px;
                }

                .order-edit-container .recuring-prc-list > div .bottom .quantity-change input {
                    border: 1px solid #e0e0e0;
                    padding: 7px 0;
                    width: 70%;
                    text-align: center;
                    margin-right: 0 !important;
                }

                .order-edit-container .recuring-prc-list > div .bottom .quantity-change .ui-spinner {
                    margin-top: -2px !important;
                    margin-left: -1px !important;
                }

                    .order-edit-container .recuring-prc-list > div .bottom .quantity-change .ui-spinner .ui-icon {
                        margin-top: -8px !important;
                    }

            .order-edit-container .recuring-prc-list > div .bottom .delete {
                width: 25%;
                margin-left: 10px;
            }

                .order-edit-container .recuring-prc-list > div .bottom .delete input {
                    color: #d12426;
                    width: 100%;
                    text-align: center;
                    background: #ffffff;
                    border: 1px solid #e0e0e0;
                    cursor: pointer;
                    padding: 13px 0 14px 0;
                }

.order-edit-container .recurring-settings {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}

    .order-edit-container .recurring-settings label {
        margin-bottom: 10px;
        display: block;
    }

    .order-edit-container .recurring-settings .rec-cards-main {
        border: 1px solid #e0e0e0;
        width: 100%;
        cursor: pointer;
        box-sizing: border-box;
    }

        .order-edit-container .recurring-settings .rec-cards-main .rec-selected-card {
            padding: 15px;
            font-size: 16px;
            position: relative;
            line-height: normal;
        }

            .order-edit-container .recurring-settings .rec-cards-main .rec-selected-card i {
                position: absolute;
                right: 15px;
                top: 20%;
                color: #656565;
                font-size: 20px;
            }

            .order-edit-container .recurring-settings .rec-cards-main .rec-selected-card .rec-card-type {
                font-weight: bold;
            }

            .order-edit-container .recurring-settings .rec-cards-main .rec-selected-card .rec-card-number {
                font-weight: bold;
            }

            .order-edit-container .recurring-settings .rec-cards-main .rec-selected-card .rec-card-skt {
            }

        .order-edit-container .recurring-settings .rec-cards-main .rec-card-list-wrapper {
            clear: both;
            display: none;
        }

            .order-edit-container .recurring-settings .rec-cards-main .rec-card-list-wrapper > div {
                font-size: 14px;
                border-top: 1px solid #e0e0e0;
                padding: 10px 15px;
                line-height: normal;
            }

    .order-edit-container .recurring-settings .installment-table {
        clear: both;
    }

        .order-edit-container .recurring-settings .installment-table .table-head {
            clear: both;
            overflow: hidden;
        }

            .order-edit-container .recurring-settings .installment-table .table-head > div {
                float: left;
            }

            .order-edit-container .recurring-settings .installment-table .table-head > div {
                padding: 15px;
                font-weight: bold;
                display: block;
                text-align: center;
                box-sizing: border-box;
            }

@media (max-width: 320px) {
    .order-edit-container .recurring-settings .installment-table .table-head > div {
        font-size: 13px;
        padding: 15px 10px;
    }
}

.order-edit-container .recurring-settings .installment-table .table-head .installment {
    width: 30%;
    text-align: left;
}

.order-edit-container .recurring-settings .installment-table .table-head .price {
    width: 35%;
}

.order-edit-container .recurring-settings .installment-table .table-head .total {
    width: 35%;
}

.order-edit-container .recurring-settings .installment-table .selected-installment-wrapper {
    clear: both;
    cursor: pointer;
}

    .order-edit-container .recurring-settings .installment-table .selected-installment-wrapper > div {
        float: left;
        text-align: center;
        font-size: 13px;
        position: relative;
        padding: 10px 15px;
        border: 1px solid #b3b3b3;
        box-sizing: border-box;
        display: block;
    }

        .order-edit-container .recurring-settings .installment-table .selected-installment-wrapper > div i {
            position: absolute;
            right: 10px;
            top: 5px;
            font-size: 18px;
        }

        .order-edit-container .recurring-settings .installment-table .selected-installment-wrapper > div strong {
        }

    .order-edit-container .recurring-settings .installment-table .selected-installment-wrapper .selected-installment {
        width: 30%;
        font-weight: bold;
        background: url('https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/address-arrow.jpg') no-repeat right center;
        text-align: left;
    }

    .order-edit-container .recurring-settings .installment-table .selected-installment-wrapper .selected-monthly-price {
        width: 35%;
    }

    .order-edit-container .recurring-settings .installment-table .selected-installment-wrapper .selected-total-price {
        width: 35%;
    }

.order-edit-container .recurring-settings .installment-table .installment-list {
    clear: both;
}

    .order-edit-container .recurring-settings .installment-table .installment-list .installment-item {
        clear: both;
        cursor: pointer;
    }

        .order-edit-container .recurring-settings .installment-table .installment-list .installment-item.selected > div {
            background: #caf9ce;
        }

        .order-edit-container .recurring-settings .installment-table .installment-list .installment-item > div {
            padding: 10px 15px;
            border: 1px solid #b3b3b3;
            box-sizing: border-box;
            display: block;
            float: left;
            text-align: center;
            font-size: 13px;
        }

        .order-edit-container .recurring-settings .installment-table .installment-list .installment-item .payment_taksit_title {
            width: 30%;
            text-align: left;
        }

        .order-edit-container .recurring-settings .installment-table .installment-list .installment-item .payment_taksit_monthly {
            width: 35%;
        }

        .order-edit-container .recurring-settings .installment-table .installment-list .installment-item .payment_taksit_total {
            width: 35%;
        }

.recurring-order-completed {
    clear: both;
    padding-top: 30px;
}

    .recurring-order-completed > h1 {
        margin-bottom: 20px;
    }

    .recurring-order-completed .confirm-btn {
        margin: 20px 0;
    }

    .recurring-order-completed p {
        line-height: normal;
    }

    .recurring-order-completed .note {
        font-size: 13px;
        font-style: italic;
    }

    .recurring-order-completed .rec-product-list {
        clear: both;
        width: 100%;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .recurring-order-completed .completed-products h2 {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .recurring-order-completed .rec-product-list .rec-item {
        clear: both;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dbdbdb;
        overflow: hidden;
    }

        .recurring-order-completed .rec-product-list .rec-item:last-child {
            border: none;
        }

        .recurring-order-completed .rec-product-list .rec-item > div {
            float: left;
        }

    .recurring-order-completed .rec-product-list .rec-prodcut-image {
        display: block;
        padding-right: 20px;
    }

        .recurring-order-completed .rec-product-list .rec-prodcut-image img {
            width: 100%;
            height: auto;
            border: 1px solid #dbdbdb;
        }

    .recurring-order-completed .rec-product-list .rec-supplementler {
        margin: 15px 0 0 0;
    }

    .recurring-order-completed .rec-product-list .rec-product-name {
        font-size: 15px;
        margin-bottom: 15px;
        line-height: normal;
    }

    .recurring-order-completed .rec-product-list .rec-product-quantity {
    }

        .recurring-order-completed .rec-product-list .rec-product-quantity strong {
            color: #000;
            font-weight: bold;
        }

    .recurring-order-completed .rec-product-list .rec-price-content {
    }

        .recurring-order-completed .rec-product-list .rec-price-content strong {
            color: #f13a00;
            font-weight: bold;
            font-weight: bold;
        }

    .recurring-order-completed .rec-product-list .rec-old-price {
        text-decoration: line-through;
    }

    .recurring-order-completed .rec-product-list .rec-price {
        color: #f13a00;
        font-weight: bold;
        font-size: 15px;
    }


.message-header p {
    margin: 0;
    background: #E2E2E2;
    font-size: 12px;
    color: #7C7C7C;
    padding: 10px 15px;
}

.message-container {
    padding: 15px;
    font-size: 14px;
    color: #4D4D4D;
    min-width: 300px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-bottom: 0;
}

    .message-container p {
        line-height: 22px;
        margin-bottom: 0;
    }

    .message-container .button-wrapper {
        float: left;
        width: 100%;
        padding: 15px;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }



.pending-order-detail {
    padding: 5px 30px;
    color: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.confirm-button-no {
    color: #615d5d;
    background: #f5f5f5;
    padding: 5px 30px;
    border: 1px solid #615d5d;
    border-radius: 3px;
    margin-left: 10px;
}


.reccuring-form-template {
    clear: both;
    background: #ffffff;
    padding: 20px;
    position: relative;
}

    .reccuring-form-template .message-header h2 {
        font-size: 16px;
        padding-bottom: 20px;
        font-weight: bold;
    }

    .reccuring-form-template .create-or-update {
        clear: both;
        padding-bottom: 60px;
    }

        .reccuring-form-template .create-or-update .line {
            position: relative;
            margin-bottom: 20px;
        }

            .reccuring-form-template .create-or-update .line label {
                display: none;
            }

            .reccuring-form-template .create-or-update .line input[type="text"],
            .reccuring-form-template .create-or-update .line input[type="number"],
            .reccuring-form-template .create-or-update .line textarea {
                border: 1px solid #b3b3b3;
                font-size: 13px;
                width: 100%;
                padding: 13px 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .reccuring-form-template .create-or-update .line select {
                background: url('https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/img/select-down-bg.png') no-repeat;
                background-position: 98%;
                margin-bottom: 5px;
                border: 1px solid #b3b3b3;
                padding: 13px 10px;
                width: 100%;
            }

            .reccuring-form-template .create-or-update .line textarea {
                height: 50px;
                overflow: auto;
            }

            .reccuring-form-template .create-or-update .line.has-error input[type="text"],
            .reccuring-form-template .create-or-update .line.has-error input[type="number"],
            .reccuring-form-template .create-or-update .line.has-error textarea {
                border-color: red;
            }

            .reccuring-form-template .create-or-update .line.has-error .error-message {
                color: red;
                font-size: 12px;
                position: absolute;
                bottom: -14px;
            }

        .reccuring-form-template .create-or-update .types {
            clear: both;
            margin-bottom: 10px;
        }

            .reccuring-form-template .create-or-update .types a {
                display: block;
                text-align: center;
                font-size: 14px;
                color: #3766d2;
                background: #fff;
                padding: 10px 0;
                float: left;
                width: 50%;
            }

                .reccuring-form-template .create-or-update .types a.selected {
                    color: #fff;
                    background: #3766d2;
                }

        .reccuring-form-template .create-or-update .required-text {
            font-style: italic;
            color: #adadad;
            padding: 0 0 15px 0;
        }

        .reccuring-form-template .create-or-update .line.error-message {
            color: red;
        }

    .reccuring-form-template .checkout-next-step {
        background-color: #fc3900;
        text-align: center;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        color: #fff;
        border: none;
        width: 100%;
        font-size: 15px;
        cursor: pointer;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0;
        position: fixed;
        cursor: pointer;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .reccuring-form-template .scroll-window {
        height: 100%;
        max-height: 420px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

.rec-supplementler,
.rec-vitaminler {
    border: 2px solid #dbdbdb;
    width: 92px;
    height: 45px;
    display: block;
    -ms-background-size: 60px;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
}

.rec-supplementler {
    background-image: url("https://supplementler2.sm.mncdn.com/themes/Supplementler/Content/images/logo-supplementler.png");
}

.rec-vitaminler {
    background-image: url("https://supplementler2.sm.mncdn.com/themes/Supplementler/Content/images/logo-vitaminler.png");
}

/* ACCOUNT ACCORDİON MENU*/

.account-accordion-menu {
    display: table;
    width: 93%;
    margin: 0 auto 15px;
}

    .account-accordion-menu ul {
        width: 100%;
    }

        .account-accordion-menu ul li {
            display: block;
            border-top: 1px solid #d9e5e8;
        }

    .account-accordion-menu > ul > li:first-child {
        border-top: none;
    }

    .account-accordion-menu ul li a {
        color: #565656;
        display: block;
        font-size: 17px;
        padding: 15px 0;
        position: relative;
        font-weight: 600;
        cursor: pointer;
    }

    .account-accordion-menu ul li h1 {
        display: block;
        font-size: 17px;
        padding: 15px 0;
        position: relative;
        font-weight: 700;
        color: #255086;
    }

    /*.account-accordion-menu > ul > li > a:after {
        width: 10px;
        height: 10px;
        border-right: 1px solid #444444;
        border-bottom: 1px solid #444444;
        position: absolute;
        right: 10px;
        content: " ";
        top: 20px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }*/

    /*  .account-accordion-menu ul li a.close {
        color: #696969;
        font-weight: normal;
    }*/

    .account-accordion-menu ul li ul {
        display: none;
    }

        .account-accordion-menu ul li ul.default {
            display: block;
        }

        .account-accordion-menu ul li ul li {
        }

            .account-accordion-menu ul li ul li a {
                font-weight: normal;
                font-size: 15px;
                color: #696969;
            }

    .account-accordion-menu > ul.accordion > li > .arrow:after {
        width: 10px;
        height: 10px;
        border-right: 1px solid #444444;
        border-bottom: 1px solid #444444;
        position: absolute;
        right: 10px;
        content: " ";
        top: 17px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .account-accordion-menu > ul.accordion > li > .arrow.active:after {
        -ms-transform: rotate(-138deg);
        -webkit-transform: rotate(-138deg);
        transform: rotate(-138deg);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        top: 20px;
    }

/* google chrome image resize blur problem */
img {
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
}

.fancybox-close {
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/modail-close.png) center center no-repeat;
}

.address-form .clientErrorMessage {
    clear: both;
    padding: 5px 5px 0 0;
    color: red;
    display: block;
}

.blog-container {
    clear: both;
    margin-bottom: 70px;
    overflow: hidden;
    padding: 0 20px;
}

    .blog-container .brand-logo {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
        padding: 20px 0;
        border-bottom: 1px solid #e8e8e8;
    }

        .blog-container .brand-logo img {
            width: 200px;
            height: auto;
        }

    .blog-container .item {
        width: 100%;
        float: left;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

        .blog-container .item h2 {
            margin: 0;
            padding: 0;
            color: #013879;
            font-size: 20px;
            line-height: normal;
        }

        .blog-container .item .info-line {
            clear: both;
            margin: 5px 0 10px 0;
        }

            .blog-container .item .info-line span {
                display: inline-block;
                font-size: 11px;
                color: #c3c3c3;
                padding-right: 5px;
                margin-right: 5px;
                border-right: 1px solid #d4d4d4;
            }

                .blog-container .item .info-line span:last-child {
                    border-right: none;
                    padding: 0;
                    margin: 0;
                }

        .blog-container .item .detail-area {
            clear: both;
        }

            .blog-container .item .detail-area .picture {
                width: 100%;
                height: auto;
                display: block;
                margin-bottom: 10px;
            }

                .blog-container .item .detail-area .picture img {
                    border: 1px solid #ebebeb;
                    width: 100%;
                    height: auto;
                    max-width: 100%;
                }

            .blog-container .item .detail-area .text {
                width: 100%;
            }

                .blog-container .item .detail-area .text p {
                    line-height: 18px;
                }

                .blog-container .item .detail-area .text .more {
                    background: #003a7a;
                    font-size: 12px;
                    color: #ffffff;
                    padding: 12px 10px;
                    margin-top: 10px;
                    display: block;
                    text-align: center;
                }

.add-to-cart-after-popup {
    height: 100%;
    max-height: 500px;
}

    .add-to-cart-after-popup .detail {
        margin: 10px 20px;
        text-align: center;
    }

        .add-to-cart-after-popup .detail h2 {
            clear: both;
            font-size: 22px;
            line-height: normal;
        }

        .add-to-cart-after-popup .detail i {
            color: #328923;
            font-size: 100px;
            clear: both;
            display: block;
            margin: 30px 0 20px 0;
        }

        .add-to-cart-after-popup .detail .btn-group {
            clear: both;
            margin-top: 30px;
        }

            .add-to-cart-after-popup .detail .btn-group a {
                display: block;
                font-size: 13px;
                padding: 15px 0;
            }

                .add-to-cart-after-popup .detail .btn-group a.stayShop {
                    width: 58%;
                    background: #ffffff;
                    color: #255087;
                    border: 1px solid #cacaca;
                    float: left;
                }

                .add-to-cart-after-popup .detail .btn-group a.goShopping {
                    width: 37%;
                    background: #255087;
                    border: 1px solid #264b87;
                    color: #ffffff;
                    float: right;
                }

.level-values p {
    font-size: 14px;
    color: #f6400b;
    position: relative;
    padding-top: 10px;
    margin-top: 10px;
}

    .level-values p b {
        font-size: 18px;
        margin-right: 2px;
        font-weight: bold;
    }

    .level-values p:before {
        height: 1px;
        position: absolute;
        width: 50px;
        background: #000000;
        left: 50%;
        top: 0;
        margin-left: -25px;
        display: block;
        content: " ";
    }

/* new styles */
.reward-title {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 30px;
    padding: 10px;
}

.loyalty-group-name {
    color: #000000;
    display: block;
    font-family: jaf-facitweb;
    font-weight: bold;
    font-size: 24px;
}

.loyalty-point {
    font-size: 21px;
    font-weight: bold;
    margin-top: 12px;
}

.loyalty-discount {
    color: #f6400b;
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
}

.loyalty-next-level {
    margin-top: 50px;
    text-align: center;
    color: #000000;
    font-size: 22px;
    font-weight: bold;
}

    .loyalty-next-level > span {
        display: block;
        width: 100%;
        line-height: 33px;
    }

.loyalty-actions {
    margin-top: 20px;
    text-align: center;
}

    .loyalty-actions > .btn {
        font-size: 20px;
        font-weight: bold;
        border-radius: 6px;
        box-shadow: none;
        border-width: 1px;
        border-style: solid;
        padding: 14px 25px;
        text-shadow: none;
        display: block;
        width: 90%;
        min-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

        .loyalty-actions > .btn + .btn {
            margin-top: 10px;
        }

/*loyalty program*/

.span3.inv_left_panel {
    margin: 0;
    width: 235px;
    background: #f1f1f1;
}

.module-frame.staticpages-module {
    margin: 0;
}

div#myaccountleft {
    float: none;
    background: none;
}

.inv_left_panel .dmt {
    float: none !important;
    width: 100% !important;
    font-weight: 400;
    color: #8c8c8c;
    padding: 10px;
    font-size: 13px;
}

.inv_left_panel .menufilter a {
    padding: 10px;
    font-family: Open Sans;
}

.inv_left_panel .menufilter {
    border: 0;
    padding: 0;
}

    .inv_left_panel .menufilter a:hover, .inv_left_panel .menufilter a.selected {
        background: #fff;
        color: #0061c5;
        text-decoration: none;
    }

.path p {
    padding: 0;
    margin: 0;
}

.row.inv_content_table .catalog_path.path {
    height: auto;
    padding: 10px;
    border-bottom: 1px solid #dadada;
}

.row.inv_content_table .static-page {
    padding: 0;
}

h3.reward-title {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #003367;
    padding: 15px;
    background: rgba(0, 0, 0, 0.2);
    margin: 0;
}

.loyalty-roadmap {
    /* margin: 20px 20px  20px 71px; */
    padding: 0;
    list-style: none;
    width: calc(100% - 45px);
}

    .loyalty-roadmap > li {
        padding-bottom: 25px;
        position: relative;
    }

.loyalty-level {
    background-color: #f8f8f8;
    padding: 15px;
    opacity: 0.6;
}

.loyalt-level-table {
    width: 100%;
}

    .loyalt-level-table td {
        vertical-align: middle;
    }

img.loyalty-level-icon {
    height: 58px;
}

td.loyalty-level-name {
    vertical-align: middle;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #1a1a1a;
}

td.loyalty-discount-rate {
    text-align: end;
}

.loyalty-roadmap > li:not(:last-of-type)::after {
    content: '';
    display: block;
    position: absolute;
    background: url(/Themes/mobile/Supplementler/Content/images/loyalty-down-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 19px;
    width: 13px;
    left: 5px;
    bottom: 6px;
}

.loyalty-roadmap > li:not(:last-of-type)::before {
    /* content: '';
    width: 10px;
    height: 10px;
    background: #eaeaea;
    position: absolute;
    transform: rotate(45deg);
    bottom: 2px;
    left: 9px;*/
}

.loyalty-level.selected {
    background: #fff;
    box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    opacity: 1;
}

    .loyalty-level.selected::after {
        content: '';
        background: url(/Themes/mobile/Supplementler/Content/images/loyalty-side-arrow.svg);
        position: absolute;
        width: 12px;
        height: 19px;
        background-size: cover;
        top: 50%;
        margin-top: -20px;
        left: -12px;
    }

.loyalty-level.passed {
    opacity: .6;
}

.loyalty-tooltip {
    border-radius: 10px;
    background-color: #013c77;
    text-align: center;
    padding: 5px;
    color: #fff;
    position: absolute;
    width: 70%;
    bottom: 110%;
    display: none;
    left: 50%;
    margin-left: -41%;
}

.loyalty-discount-percentage {
    padding: 2px 10px;
    background-color: #ed4500;
    margin: 5px 0;
    display: inline-block;
}

.loyalty-tooltip::after {
    content: '';
    width: 10px;
    height: 10px;
    background: inherit;
    transform: rotate(45deg);
    bottom: -5px;
    position: absolute;
    left: 50%;
}

.loyalty-roadmap > li:hover > .loyalty-tooltip {
    display: block;
}

.loyalty-progressbar {
    border-radius: 35px;
    background-color: #c5cbd4;
    position: relative;
    width: 10px;
    left: 10px;
}

.loyalty-roadmap > li:last-of-type {
    padding: 0;
}

.loyalty-percentage {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 35px;
    background-image: linear-gradient(138deg, #fda044 25%, #ee8c2c 25%, #ee8c2c 50%, #fda044 50%, #fda044 75%, #ee8c2c 75%, #ee8c2c 100%);
    background-size: 29.89px 26.91px;
}

.loyalty-progress-dot {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    background: #b8bec6;
    margin-left: -5px;
    box-shadow: 0 2px 3.5px 0 #c5cbd4;
    margin-top: -5px;
}

span.loyalty-percentage.bronze {
    height: 11%;
}

span.loyalty-percentage.silver {
    height: 29.5%;
}

span.loyalty-percentage.gold {
    height: 51.5%;
}

span.loyalty-percentage.platin {
    height: 70.5%;
}

span.loyalty-percentage.vip {
    height: 91.5%;
}

.loyalty-progress-dot.step-1 {
    top: 8%;
}

.loyalty-progress-dot.step-2 {
    top: 27.5%;
}

.loyalty-progress-dot.step-3 {
    top: 49.5%;
}

.loyalty-progress-dot.step-4 {
    top: 69.5%;
}

.loyalty-progress-dot.step-5 {
    top: 91.5%;
}

.loyalty-progress-dot.selected {
    background: #ffb367;
    box-shadow: 0 2px 3.5px 0 rgba(253, 160, 68, 0.4);
    width: 29px;
    height: 29px;
    left: -4px;
}

.loyalty-info-left {
    display: block;
    margin-bottom: 10px;
    line-height: 1.7;
}

    .loyalty-info-left p {
        margin-bottom: 10px;
    }

.loyalty-info-right {
    display: block;
}

.loyalty-info {
    padding: 0 15px;
}

.earned-points-green {
    background: #007c3f;
    padding: 15px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #FFF;
}

.loyalty-sub-info {
    padding: 15px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    margin-bottom: 15px;
}

.continue-shopping {
    border-radius: 4px;
    background-color: #ed4500;
    text-align: center;
    display: block;
    text-decoration: none;
    margin: 15px 0;
    height: 48px;
    line-height: 47px;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.how-to-use {
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 47px;
    height: 48px;
    margin-bottom: 15px;
}

.loyal-tab-button {
    background: #fff;
    padding: 16px;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
}

    .loyal-tab-button.active, .loyal-tab-button:hover, .custom-tab-button.active, .custom-tab-button:hover {
        background: #0061c5;
    }

.loyal-tab-content th {
    color: #8c8c8c;
    background: none;
    padding: 10px;
}

.vip-loyalty-banner {
    text-align: center;
    background: url(/Themes/mobile/Supplementler/Content/images/vip-banner.png);
    background-size: cover;
    background-size: cover;
    width: calc(100% - 30px);
    margin: 15px auto;
}

span.vip-logo {
    display: block;
    text-align: center;
    /* width: 45%; */
}

.vip-banner-desc {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.vip-banner-desc {
    /* width: 45%; */
    margin-bottom: 25px;
    line-height: 1.5;
}

.vip-banner-head {
    font-weight: 800;
    font-stretch: normal;
    font-size: 20px;
    line-height: normal;
    letter-spacing: normal;
    color: #003367;
    margin-bottom: 10px;
}

.waiting-points {
    background-color: #ed4500;
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 2px;
}

.loyalty-progress-dot.passed {
    background: #ffd159;
    box-shadow: 0 2px 3.5px 0 rgba(253, 160, 68, 0.4);
    width: 29px;
    height: 29px;
    left: -4px;
}

.point-table tr:nth-of-type(even) {
    background: #efefef;
}

.point-table td {
    padding: 10px;
    border: 0;
}

    .point-table td:last-of-type {
        color: #007c3f;
    }

.point-table {
    font-weight: 600;
}

    .point-table tr:nth-of-type(odd) {
        background-color: rgba(218, 224, 233, 0.17);
    }

    .point-table thead tr {
        background: #fff !important;
    }

.loyalty-discount-rate {
    margin: 5px 0 10px 0;
    color: rgba(39, 39, 38, 0.7);
}

.earned-points-sub {
    background: #f8f8f8;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: normal;
    color: #333333;
    padding: 11px 15px;
    margin-bottom: 15px;
}

    .earned-points-sub b {
        font-weight: bold;
    }

.selected-badge {
    display: none;
    position: absolute;
    right: 0;
    top: -15px;
    background: #000;
    padding: 5px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #ffffff;
}

.selected .selected-badge {
    display: block;
}

.selected .loyalty-discount-rate {
    color: #007c3f;
}

.points {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: rgba(32, 32, 32, 0.7);
}

.loyalty-acordeon-button {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    background-color: #eaeaea;
    padding: 20px 15px;
    border: 0;
    width: 100%;
    text-align: left;
}

    .loyalty-acordeon-button:focus {
        outline: none;
    }

.mobile-loyalty-point-acordeon > li:not(:last-of-type) {
    margin-bottom: 5px;
}

.loyalty-acordeon-table > li {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px;
}

    .loyalty-acordeon-table > li:last-of-type {
        border: 0;
    }

    .loyalty-acordeon-table > li p {
        font-size: 1.05em;
        text-align: center;
        padding: 19px 0px;
        color: #0f62b3;
        font-weight: 700;
    }

.loyalty-acordeon-info {
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    vertical-align: middle;
    width: 70%;
    display: inline-block;
}

.loyalty-acordeon-point {
    text-align: center;
    width: 55px;
    height: 55px;
    color: #007c3f;
    border-radius: 50%;
    padding-top: 13px;
    font-weight: bold;
    background-color: rgba(0, 124, 63, 0.1);
    float: right;
}

    .loyalty-acordeon-point span {
        font-size: 9px;
    }



.loyalty-accordeon-point .page {
}

.loyalty-acordeon-table > li::after {
    content: '';
    display: block;
    clear: both;
}

.loyalty-acordeon-content {
    display: none;
}

.loyalty-acordeon-button::after {
    content: '';
    float: right;
    width: 13px;
    height: 13px;
    background-image: url(/Themes/mobile/Supplementler/Content/images/down-angle-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.loyalty-acordeon-button.active::after {
    background-image: url(/Themes/mobile/Supplementler/Content/images/down-angle-white.svg);
    transform: rotate(180deg);
}

.loyalty-acordeon-button.active + div {
    display: block;
}

    .loyalty-acordeon-button.active + div .getMoreOrders {
        margin: 15px auto;
    }

.earn-date {
    display: block;
    margin: 5px 0;
}

.loyal-steps-container {
    display: flex;
    padding: 15px;
    justify-content: space-between;
}

.loyal-steps {
    display: flex;
}

.earned-points {
    margin-left: 5px;
    padding: 6px 10px;
}

.topic-calisanadayiaydinlatmametni-mobile td {
    padding: 10px;
    border: 1px solid #ddd;
}

.earned-points b {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #ffffff;
}

img.loyalty-progress-icon {
    display: none;
}

.selected .star {
    display: inline-block;
    margin-top: 8px;
    margin-left: 7px;
}

.passed .check {
    display: inline-block;
    margin-top: 10px;
    margin-left: 9px;
}

.loyalty-percentage::before {
    background-repeat: repeat-y;
    /* content: ''; */
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/Themes/mobile/Supplementler/Content/images/loyalty-progressbar-stripe2.svg);
    background-size: 25px 25px;
    background-position: -6px -10px;
}

img.star-icon {
    height: 12px;
    vertical-align: top;
    margin-left: 4px;
}
/*loyalty program*/

ul.plain,
ol.plain {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobile-apps-container {
    padding: 50px 35px;
}

    .mobile-apps-container h1 {
        font-size: 26px;
        font-weight: 500;
        color: #000000;
        text-align: center;
        margin: 0;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .mobile-apps-container h3 {
        font-size: 18px;
        font-weight: normal;
        margin: 0;
        color: #000000;
        text-align: center;
        line-height: 25px;
    }

.app-images {
    margin-top: 40px !important;
    text-align: center;
}

    .app-images > li {
        width: 49%;
    }

    .app-images > li,
    .app-images img {
        display: inline-block;
    }

    .app-images img {
        max-width: 100%;
        width: 100%;
    }

.app-images,
.app-buttons {
    text-align: center;
}

    .app-buttons > li {
        display: block;
    }

        .app-buttons > li:not(:first-child) {
            margin-top: 15px;
        }

        .app-buttons > li a {
            display: inline-block;
        }

@media (max-width: 320px) {
    .mobile-apps-container h1 {
        font-size: 23px;
        line-height: 35px;
    }

    .mobile-apps-container h3 {
        font-size: 17px;
    }
}

/* custom utilities */
.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

/* Bilgibankasi styles */
.knowledge-content {
    margin-top: 18px;
    margin-bottom: 40px;
}

.number-of-views {
    padding: 0 10px;
    margin-top: 5px;
    color: #929292;
    font-size: 12px;
}

    .number-of-views strong {
        font-weight: bold;
    }

.knw-reco-wrapper {
    border-top: 1px dashed #ebebeb;
    border-bottom: 1px dashed #ebebeb;
    padding-bottom: 20px;
    padding-top: 10px;
    margin: 15px 0;
}

    .knw-reco-wrapper h3,
    .knowledge-container .offer-product h3,
    .knowledge-content-row h3 {
        font-weight: bold;
        font-size: 17px;
        color: #034384;
        margin: 17px 0 10px;
        line-height: 26px;
    }

.knowledge-content-row h3 {
    padding: 0 10px;
}

.knw-box img {
    max-width: 100%;
}

.knw-slider-wrapper .row .item {
    margin-bottom: 20px;
    height: 227px;
}

.knowledge-container .offer-product {
    margin: 30px 0;
    border: 0;
}

.comparison-list-holder {
    background-color: #fff;
    width: 100%;
    float: left;
}

    .comparison-list-holder .comparison-list-container {
        margin: 40px 0;
    }

    .comparison-list-holder .comparison-list-container {
        position: relative;
    }

.comparison-list-container > h1 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #003366;
    margin-bottom: 20px;
}

.comparison-list-container > .sub-head {
    font-size: 14px;
    line-height: 1.86;
    text-align: center;
    color: #333333;
}

.kb-search {
    margin-top: 5px;
    margin-bottom: 18px;
    border-bottom: 1px dashed #ebebeb;
    padding-bottom: 20px;
}

    .kb-search .knowledge-search-category {
        width: 100%;
        padding: 10px 6px;
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        padding-right: 40px;
    }

    .kb-search .kb-category {
        width: 100%;
        padding: 10px 6px;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        -ms-appearance: menulist;
        -o-appearance: menulist;
        appearance: menulist;
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        margin-top: 8px;
    }

    .kb-search .knowledge-search-button {
        cursor: pointer;
        -webkit-appearance: button;
        background: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/ab-search.png") center center no-repeat #fff;
        width: 40px;
        height: 40px;
        -ms-background-size: 22px;
        background-size: 22px;
        position: absolute;
        top: 1px;
        right: 1px;
        overflow: hidden;
        text-indent: -99px;
        padding: 0;
        border: none;
    }
.stores-container {
    max-width: 993px;
    padding: 20px;
    box-sizing: border-box;
}

.stores-container > h1 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    margin-top: 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}


/* product review styles */
.comment-head.tabs {
    background-color: #f0f0f0;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.12);
    color: #a39f9e;
    font-size: 14px;
    box-sizing: border-box;
}

    .comment-head.tabs strong {
        font-weight: bold;
        display: block;
    }

    .comment-head.tabs > div {
        display: inline-block;
        width: 49%;
        padding-top: 11px;
        padding-bottom: 8px;
        border-bottom: 3px solid transparent;
        text-align: center;
        box-sizing: border-box;
        cursor: pointer;
        transition: all 200ms;
    }

        .comment-head.tabs > div:first-child {
            border-right: 1px solid #e2e2e2;
        }

        .comment-head.tabs > div > div {
            text-align: left;
            display: inline-block;
            line-height: 1.3;
        }

        .comment-head.tabs > div.active {
            color: #5590fd;
            border-bottom: 3px solid #5590fd;
        }

.comment-tabs .tab {
    display: none;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 120px;
    -webkit-overflow-scrolling: touch;
}

    .comment-tabs .tab.in {
        display: block;
    }

.product-comments .pc-div .pc-content {
    color: #454545;
    line-height: 1.67;
    font-size: 13px;
    text-align: left;
}

.product-comments .pc-div .pc-title .rTitle {
    color: #454545;
    font-size: 14px;
    font-weight: bold;
}

.product-comments .pc-div .pc-title .rDate {
    margin-top: 6px;
    color: #555;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.product-comments .pc-div .pc-title .rHead {
    margin-bottom: 20px;
}

.product-comments .pc-div .pc-title .rBadge {
    font-size: 13px;
    margin-bottom: 10px;
}

    .product-comments .pc-div .pc-title .rBadge img {
        vertical-align: middle;
    }

.product-comments .pc-div .pc-content {
    margin-bottom: 15px;
}

.product-comments .pc-div .pc-rate {
    border-radius: 4px;
    border: solid 1px #ebebeb;
    padding: 15px;
    margin-bottom: 23px;
    text-align: center;
}

    .product-comments .pc-div .pc-rate > ul {
        display: inline-block;
    }

    .product-comments .pc-div .pc-rate > div {
        color: #464646;
        font-size: 12px;
        margin-bottom: 10px;
    }

        .product-comments .pc-div .pc-rate > div > span {
            color: #00316e;
        }

            .product-comments .pc-div .pc-rate > div > span > a > i.icon {
                line-height: 0.64245em;
            }

/* comments ordering panel */
.ordering-ui-wrapper .info-items-wrapper h5 {
    cursor: pointer;
    font-weight: bold;
    margin: 7px 5px 12px 5px;
    letter-spacing: -.2px;
    width: 46%;
    float: left;
}

    .ordering-ui-wrapper .info-items-wrapper h5 a {
        color: inherit;
    }

.dropdown-wrapper {
    width: 100%;
    padding: 10px 0px;
    position: relative;
    min-height: 50px;
    height: auto;
    float: left;
}

.review-sorting {
    width: 100%;
    position: absolute;
}

.ordering-ui-wrapper {
    margin-top: 10px;
}

    .ordering-ui-wrapper #productReviewItems {
        padding: 0 10px;
    }

.drpodown-wrapper {
    float: left;
    width: 100%;
    min-height: 40px;
    position: relative;
    padding: 14px 0 18px 0;
}

.select-css {
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin: 0;
    padding: .6em 1.4em .5em .6em;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    border-radius: 2px;
    border: none;
    border: 1px solid;
    text-overflow: ellipsis;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-repeat: no-repeat,repeat;
    background-position: right .7em top 53%,0 0;
    background-size: .65em auto,100%;
}

    .select-css:focus {
        outline: none;
        border-bottom-left-radius: 1px;
        border-bottom-right-radius: 1px;
    }

.dropdown-menu-custom {
    width: 100%;
    box-shadow: none;
    margin: 0;
    box-sizing: border-box;
    margin-top: 0px;
    outline: none;
    border: none 0;
}

    .dropdown-menu-custom a {
        font-weight: 400;
        box-shadow: none;
        border: none 0;
        border-bottom: 1px solid transparent;
        margin: 0;
        display: inline-block;
        box-sizing: border-box;
        padding: 15px 10px;
        margin-top: 0;
        width: 100%;
    }

.ui-control-band {
    /*display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-bottom: 15px; */
}

.ordering-ui-wrapper .info-items-wrapper {
    width: 100%;
}

.no-gutter {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.mrate-type {
    margin: 0 !important;
}

    .mrate-type + .mrate-type {
        padding-top: 15px;
        margin-top: 15px !important;
        /*border-top: 1px solid #ebebeb;*/
    }

.mrating-type-name {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    color: #333333;
}

.mrate-type > .rating {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
}

.mrate-point-space {
    display: inline-block;
    color: #454545;
    font-size: 14px;
    font-weight: bold;
    width: calc(50% - 67px);
    width: -webkit-calc(50% - 67px);
    text-align: right;
    vertical-align: middle;
}

.product-comments .pc-div .pc-like {
    color: #454545;
    font-size: 13px;
    font-weight: bold;
}

    .product-comments .pc-div .pc-like .vote-yes {
        margin-left: 26px;
    }

@media (max-width: 320px) {
    .product-comments .pc-div .pc-like .vote-yes {
        margin-left: 20px;
    }
}

.product-comments .pc-div .pc-like a > img {
    vertical-align: middle;
}

#addproductreviewform .rate-type ul {
    display: inline-block;
    vertical-align: middle;
}

    #addproductreviewform .rate-type ul > li {
        width: 25px;
        height: 25px;
        color: #d0d0d0;
        border-radius: 10px;
        margin-right: 16px;
        font-size: 25px;
        display: inline-block;
        cursor: pointer;
    }

    #addproductreviewform .combination-select-list-header {
        margin-top: -40px;
        border-radius: 4px 4px 0px 0px;
        border: 1px solid #CCC;
        padding: 9px 12px 10px;
        color: #333;
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.196px;
        background: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/icon-select-down.svg) no-repeat 95% center;
        background-color: #F3F3F3;
    }

        #addproductreviewform .rate-type ul > li.active {
            color: #FEC612;
        }

#add-review {
    width: 100%;
    display: block;
    padding: 16px 0;
    border-radius: 4px;
    background: #5590fd;
    height: auto;
    line-height: normal;
    float: none;
    margin-top: 20px;
}

.comment-form {
    margin: 30px 0 15px 0;
}

.new-comment-title {
    color: #5590fd;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 35px;
}

.add-new-comment {
    display: block;
    background-color: #f2f2f2;
    padding: 18px 18px;
    max-width: 93%;
    margin: 30px auto;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    z-index: 10;
}

    .add-new-comment form {
        display: block;
        width: 100%;
        margin: 0;
    }

    .add-new-comment .nc-star {
        float: none;
    }

    .add-new-comment .form-group > label {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        display: block;
        margin-bottom: 15px;
    }

    .add-new-comment .form-group + .form-group {
        margin-top: 35px;
    }

    .add-new-comment input[type="text"],
    .add-new-comment input[type="password"],
    .add-new-comment input[type="datetime"],
    .add-new-comment input[type="datetime-local"],
    .add-new-comment input[type="date"],
    .add-new-comment input[type="month"],
    .add-new-comment input[type="time"],
    .add-new-comment input[type="week"],
    .add-new-comment input[type="number"],
    .add-new-comment input[type="email"],
    .add-new-comment input[type="url"],
    .add-new-comment input[type="search"],
    .add-new-comment input[type="tel"],
    .add-new-comment input[type="color"],
    .add-new-comment textarea {
        border-radius: 3px;
        background-color: #ffffff;
        width: 100%;
        box-sizing: border-box;
        border: solid 1px #c9c9c9;
        height: auto;
        padding: 8px;
        box-shadow: none;
        -webkit-box-shadow: none;
        max-width: 100%;
    }

    .add-new-comment textarea {
        min-height: 120px;
    }

    .add-new-comment .nc-select {
        border: solid 1px #c9c9c9;
        padding: 8px;
        box-sizing: border-box;
        border-radius: 3px;
        width: 100%;
        display: block;
    }

.rating {
    width: 100px;
    background: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/star-off-new-2.png) 0 0 repeat-x;
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
    display: inline-block;
}

    .rating div {
        float: left;
        height: 20px;
        background: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/star-on-new-2.png) left center repeat-x;
        cursor: pointer;
    }

input#TxtSearchBox::-webkit-search-cancel-button {
    display: none;
}

input#TxtSearchBox::-ms-clear {
    display: none;
}

.search-form .search-input {
    position: relative;
}

    .search-form .search-input > i {
        display: none;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        bottom: 0;
        width: 21px;
        height: 21px;
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/clear-search.svg");
        background-repeat: no-repeat;
        background-position: right center;
        z-index: 1001;
        border-left: 1px solid rgba(0,0,0,0.1);
        padding-left: 10px;
    }

.comment-to-top,
.knowledge-to-top {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 65px;
    right: 12px;
    background-color: #999999;
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/tab-arrow.svg");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center center;
    border-radius: 4px;
    transform: rotate(-180deg);
    transition: all 200ms;
    opacity: .85;
    display: none;
}

.comment-form {
    margin: 30px 0 10px 0;
}

    .comment-form .new-comment .suppbtn {
        border-radius: 4px;
        background-color: #f73c07;
    }

    .comment-form .write-review {
        background-color: #f2f2f2;
        border-radius: 4px;
        padding: 15px 45px;
        box-sizing: border-box;
        max-width: 93%;
        margin: 0 auto;
        color: #444545;
    }

        .comment-form .write-review a {
            color: #5590fd;
            font-weight: bold;
            text-decoration: underline;
        }

.comment-close {
    position: absolute;
    right: 12px;
    top: 12px;
    background-color: #666666;
    padding: 9px 10px;
    border-radius: 50%;
}

.comment-customername {
    float: left;
    color: #b5b5b5;
    font-size: 13px;
    margin: 0;
    margin-top: 6px;
    font-weight: 500;
}

.price-before-cart {
    text-align: center;
    margin-top: 15px;
}

    .price-before-cart .money-order {
        display: inline-block;
        margin-top: 0;
        margin-left: 10px;
    }

#customerComments .load-more {
    margin-bottom: 20px;
}

#nextProductReviews, .getMoreOrders {
    color: #fff;
    display: block;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    font-weight: bold;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #5590fd;
    transition: all 200ms;
    max-width: 93%;
    margin: 0 auto;
}

.pblock {
    width: 100%;
    padding: 19px 10px;
    box-sizing: border-box;
}

    .pblock + .pblock {
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
    }

    .pblock p {
        color: #305083;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 18px;
        position: relative;
    }

        .pblock p .size-table {
            display: inline-block;
            width: auto;
            border: 0;
            padding: 0;
            font-size: 14px;
            color: #8396b5;
            font-weight: normal;
            margin: 0;
            height: auto;
            line-height: normal;
            position: absolute;
            right: 0;
        }

            .pblock p .size-table > img {
                margin-right: 5px;
            }

        .pblock p > img {
            vertical-align: bottom;
            margin-right: 5px;
        }

        .pblock p > span {
            font-weight: normal;
        }

.flavor-select.pblock p {
    margin-bottom: 11px;
}

.pblock #giftSelect {
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border: 1px solid #b2b9d2;
    display: block;
    width: 100%;
    padding: 14px 20px;
    box-sizing: border-box;
    text-align: center;
    color: #305083;
    font-size: 16px;
    font-weight: bold;
}

    .pblock #giftSelect > img {
        vertical-align: sub;
        margin-right: 5px;
    }

.gift-block.pblock p.selected {
    opacity: .7;
}

    .gift-block.pblock p.selected > img {
        opacity: .5;
    }

.gift-selected {
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
}

    .gift-selected .gift-name {
        display: block;
        width: 100%;
        padding-right: 100px;
        box-sizing: border-box;
        font-size: 14px;
        padding-left: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .gift-selected .gift-name > img {
            max-width: 35px;
            position: absolute;
            left: 0;
            top: -11px;
        }

    .gift-selected .gift-change {
        color: #8392ae;
        font-size: 14px;
        font-weight: normal;
        border-left: 1px solid #e1e3eb;
        padding-left: 10px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

        .gift-selected .gift-change > img {
            width: 17px;
            margin-right: 3px;
            vertical-align: bottom;
        }

.flavour-list {
    overflow: hidden;
    margin: 0 -10px;
}

    .flavour-list .flavor-select {
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: block;
        padding-top: 7px;
        padding-bottom: 2px;
    }

        .flavour-list .flavor-select a {
            display: inline-block;
            border-radius: 4px;
            box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
            background-color: #ffffff;
            border: 1px solid #b2b9d2;
            padding: 9px 16px;
            font-size: 12px;
            color: #464646;
            width: auto;
            text-align: left;
            font-weight: bold;
            vertical-align: top;
            margin: 0 5px;
        }

            .flavour-list .flavor-select a.pvaGear {
                font-size: 16px;
            }

            .flavour-list .flavor-select a.offstock,
            .flavour-list .flavor-select a.out-ofstock {
                opacity: .4;
            }

            .flavour-list .flavor-select a:first-of-type {
                margin-left: 10px;
            }

            .flavour-list .flavor-select a:last-of-type {
                margin-right: 10px;
            }

            .flavour-list .flavor-select a.active {
                padding-top: 8px;
                padding-bottom: 8px;
            }

.gift-block .gift-list a.active {
    padding-top: 5px;
    padding-bottom: 5px;
}

.flavour-list .flavor-select a.active,
.gift-block .gift-list a.active {
    border: solid 2px #73a935;
    position: relative;
}

    .flavour-list .flavor-select a.active:after,
    .gift-block .gift-list a.active:after {
        content: "";
        position: absolute;
        right: -9px;
        top: -9px;
        height: 18px;
        width: 18px;
        display: inline-block;
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/active-flavour.svg");
        background-repeat: no-repeat;
        background-position: center center;
    }

    .flavour-list .flavor-select a.active span:before {
        border: 2px solid #73a935;
    }

.flavour-list .flavor-select a span {
    margin: 0;
    display: initial;
}

    .flavour-list .flavor-select a span b {
        margin: 0;
        float: none;
        vertical-align: middle;
    }

        .flavour-list .flavor-select a span b > img {
            margin-left: 10px;
        }

    .flavour-list .flavor-select a span:before {
        width: 26px;
        height: 26px;
        float: none;
        box-sizing: border-box;
        border: 0;
        display: inline-block;
        vertical-align: middle;
    }

.gift-block .gift-list {
    overflow: hidden;
    margin: 0 -10px;
}

.gift-block .gift-select {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    padding-top: 7px;
}

.gift-block .giftItem {
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border: 1px solid #b2b9d2;
    padding: 6px;
    box-sizing: border-box;
    white-space: initial;
    vertical-align: top;
    margin: 0 5px;
}

.gift-block .gift-list a:first-of-type {
    margin-left: 10px;
}

.gift-block .gift-list a:last-of-type {
    margin-right: 10px;
}

.gift-block .giftItem > span {
    display: inline-block;
    vertical-align: middle;
}

.gift-block .giftItem .gs-img {
    max-width: 66px;
}

    .gift-block .giftItem .gs-img > img {
        max-width: 100%;
    }

.gift-block .giftItem span:not(.gs-img) {
    max-width: 85px;
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    color: #464646;
    margin-left: 8px;
}

.attr-popup-wrapper {
    width: 100% !important;
    box-sizing: border-box;
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    position: fixed !important;
    box-shadow: 0 -10px 44px 0 rgba(0, 0, 0, 0.2);
}

    .attr-popup-wrapper .fancybox-skin {
        border-radius: 0;
    }

    .attr-popup-wrapper .fancybox-inner {
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
    }

    .attr-popup-wrapper .fancybox-close {
        opacity: .31;
        width: 29px;
        height: 28px;
        box-sizing: border-box;
        right: 13px;
        top: 10px;
    }

.attr-popup {
    width: 100%;
}

    .attr-popup .spacialOfferPicture {
        cursor: pointer;
    }

    .attr-popup .pblock + .pblock {
        border-bottom: 0;
    }

.popup-add-cart {
    padding: 0 10px;
    padding-bottom: 20px;
}

    .popup-add-cart > a {
        border-radius: 4px;
        background: #f73c07;
    }

.attr-popup-wrapper #giftContainer .gift-block .giftItem .gs-img {
    max-width: 86px;
    display: block;
}

.attr-popup-wrapper #giftContainer .gift-block .giftItem span:not(.gs-img) {
    display: block;
    text-align: center;
    max-width: 86px;
    margin: 0;
    margin-top: 15px;
}

.attr-popup-wrapper #giftContainer .gift-block .giftItem {
    padding: 40px 20px;
    min-height: 236px;
}

.attr-popup-wrapper #giftContainer .gift-block .gift-list a.active {
    padding-top: 39px;
    padding-bottom: 39px;
}

.attr-popup-wrapper.gift-popup .fancybox-close {
    display: none;
}

.attr-popup-wrapper .gift-closer {
    font-size: 14px;
    font-weight: bold;
    color: #b0b0b0;
    letter-spacing: 0.1px;
    top: 10px;
    right: 5px;
    position: absolute;
    padding: 10px;
    box-sizing: border-box;
    z-index: 1;
}

.attr-popup-wrapper #giftContainer,
.attr-popup-wrapper #aromaContainer {
    background-color: #ffffff;
}

.product-select .flavour-block.pblock + .total {
    border-top: 1px solid #e4e4e4;
}

.attr-popup .popup-add-cart > a[disabled="disabled"] {
    opacity: .3;
    pointer-events: none;
}

/* events */
.etkinlik-banner {
    margin-top: -5%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

    .etkinlik-banner img {
        max-width: 100%;
    }

.etkinlikler-wrapper {
    margin-bottom: 120px;
}

.etkinlikler {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    width: 100%;
    display: block;
}

    .etkinlikler li {
        display: block;
        border: 1px solid #ebebeb;
        border-radius: 4px;
        margin-bottom: 20px;
        box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);
        overflow: hidden;
        cursor: pointer;
    }

/* left menu */
body {
    position: relative;
    top: 0;
    left: 0;
}

.zz-overlay {
    width: auto;
    position: absolute;
    z-index: 1010;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.58);
    top: 0;
    left: 0;
    right: 0;
    display: none;
}

.zeynep-opened .zz-overlay {
    display: block;
}

html.zeynep-opened {
    overflow-x: hidden;
}

    html.zeynep-opened body {
        width: 100%;
        position: fixed;
    }

    html.zeynep-opened .zeynep {
        pointer-events: auto;
    }

.zeynep {
    position: fixed;
    left: -295px;
    top: 0;
    bottom: 0;
    width: 0;
    overflow: hidden;
    overflow-y: auto;
    background-color: #272626;
    color: #ffffff;
    z-index: 1011;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
}

    html:not(.no-transition) body,
    .zeynep:not(.no-transition),
    .zeynep .submenu:not(.no-transition) {
        transition: all 375ms;
        transition-property: left, right, transform;
    }

    .zeynep ul {
        background-color: #333333;
        -webkit-overflow-scrolling: touch;
    }

        .zeynep ul > li {
            padding: 15px 25px;
            padding-left: 30px;
            font-family: 'Open Sans', sans-serif;
            display: block;
            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        }

            .zeynep ul > li.track-link-li {
                padding: 15px 22px;
                background-color: #272626;
            }

        .zeynep ul.text-bold > li > a {
            font-weight: bold;
        }

        .zeynep ul > li > a {
            font-size: 14px;
            letter-spacing: 0.4px;
            color: #ffffff;
            display: block;
            line-height: 20px;
        }

            .zeynep ul > li > a.all {
                font-weight: bold;
            }

            .zeynep ul > li > a .mlabel > span {
                font-weight: normal;
            }

            .zeynep ul > li > a .mlabel {
                display: block;
                width: auto;
                padding-left: 30px;
                box-sizing: border-box;
            }

            .zeynep ul > li > a .icon {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-right: 10px;
                float: left;
            }

                .zeynep ul > li > a .icon > img {
                    vertical-align: middle;
                    display: inline-block;
                    max-width: 20px;
                    max-height: 20px;
                }

        .zeynep ul > li.has-submenu {
            background-image: url("https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/main-menu/submenu-arrow.svg");
            background-repeat: no-repeat;
            background-position: right 26px center;
        }

    .zeynep .submenu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        overflow: hidden;
        overflow-y: auto;
        background-color: #272626;
        min-height: 100%;
        width: 100%;
        z-index:2;
    }

        .zeynep .submenu.opened {
            left: 0;
        }

        .zeynep .submenu ul {
            background-color: initial;
        }

    .zeynep .menu-box {
        margin-top: 35px;
    }

        .zeynep .menu-box > label {
            color: rgba(255, 255, 255, 0.62);
            font-size: 14px;
            padding-left: 24px;
            margin-bottom: 12px;
            display: block;
        }

    .zeynep ul.other-sites > li {
        position: relative;
    }

    .zeynep ul.other-sites > li {
        position: relative;
        padding-left: 75px;
    }

        .zeynep ul.other-sites > li > a > img {
            max-width: 100%;
            width: 47px;
            position: absolute;
            top: 0;
            left: 18px;
        }

    .zeynep .submenu-header {
        background-color: #333333;
        padding: 20px 26px;
        cursor: pointer;
        position: relative;
        padding-left: 55px;
    }

        .zeynep .submenu-header > a {
            color: #ffffff;
            font-size: 14px;
            font-weight: bold;
            display: block;
        }

            .zeynep .submenu-header > a:before {
                content: "";
                position: absolute;
                top: 0;
                left: 26px;
                width: 20px;
                height: 100%;
                transform: rotate(-180deg);
                background-image: url("https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/main-menu/submenu-arrow.svg");
                background-repeat: no-repeat;
                background-position: center right;
            }

    .zeynep .submenu > label {
        padding-left: 26px;
        color: #ffffff;
        font-size: 16px;
        opacity: .5;
        margin-top: 22px;
        margin-bottom: 16px;
        display: block;
        width: 100%;
    }

.zeynep-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    display: none;
}

.zeynep-opened .zeynep-overlay {
    display: block;
}

/* user menu */
#userMenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000000;
    /*margin-top: 86px;*/
    box-sizing: border-box;
    display: none;
}

    #userMenu.opened {
        display: block;
    }

    #userMenu:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.98;
    }

    #userMenu .um-body {
        color: #ffffff;
        z-index: 1;
        position: relative;
        padding-bottom: 107px;
        max-height: 100%;
        box-sizing: border-box;
        overflow-y: auto;
    }

        #userMenu .um-body:not(.loggedin) {
            padding-top: 19px;
        }

    #userMenu .login-button {
        border-radius: 4px;
        padding: 14px 0;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        margin: 0 19px;
        box-sizing: border-box;
        display: block;
        color: #ffffff;
    }

        #userMenu .login-button > span {
            font-weight: 400;
        }

    #userMenu .um-body,
    #userMenu ul.customer-menu {
        -webkit-overflow-scrolling: touch;
    }

    #userMenu .um.body:not(.loggedin) ul.customer-menu {
        margin-top: 15px;
    }

    #userMenu ul.customer-menu > li {
        font-family: 'Open Sans',sans-serif;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

        #userMenu ul.customer-menu > li.has-submenu > a {
            background-image: url("https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/main-menu/submenu-arrow-down.svg");
            background-size: 26px;
            background-repeat: no-repeat;
            background-position: right 26px center;
        }

        #userMenu ul.customer-menu > li > a .icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-right: 10px;
            float: left;
        }

        #userMenu ul.customer-menu > li > a .mlabel {
            display: block;
            width: 100%;
            padding-left: 30px;
            box-sizing: border-box;
        }

        #userMenu ul.customer-menu > li > a .icon > img {
            vertical-align: middle;
            display: inline-block;
            max-width: 20px;
            max-height: 20px;
        }

        #userMenu ul.customer-menu > li > a {
            font-size: 15px;
            font-weight: bold;
            letter-spacing: .4px;
            color: #fff;
            display: block;
            line-height: 20px;
            padding: 18px 23px;
        }

    #userMenu .um-close {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 21px 0;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        font-size: 15px;
        z-index: 1;
    }

    #userMenu .user-block {
        position: relative;
        padding: 11px 15px;
        font-size: 15px;
        font-weight: bold;
        box-sizing: border-box;
        display: none;
    }

        #userMenu .user-block .row {
            margin: 0;
        }

        #userMenu .user-block .user-name {
            padding: 6px 0;
        }

    #userMenu .submenu {
        display: none;
        background-color: rgba(0, 0, 0, 0.31);
    }

        #userMenu .submenu.opened {
            display: block;
        }

        #userMenu .submenu ul > li {
            padding: 18px 51px;
        }

            #userMenu .submenu ul > li a {
                color: #ffffff;
                font-size: 14px;
            }

            #userMenu .submenu ul > li:not(:last-child) {
                border-bottom: 1px solid rgba(255, 255, 255, 0.12);
            }

.user-badge {
    text-align: right;
    padding: 0;
}

    .user-badge > div {
        font-size: 13px;
        font-weight: 600;
        color: #d2d2d2;
        text-align: left;
        display: inline-block;
        position: relative;
        line-height: 14px;
    }

    .user-badge img {
        position: absolute;
        left: -60px;
        top: 50%;
        transform: translateY(-50%);
        max-width: 50px;
    }

.right-login {
    position: relative;
}

    .right-login.opened:after {
        content: "";
        bottom: -1px;
        left: 0;
        right: 0;
        position: absolute;
        height: 2px;
        background-color: #ffffff;
    }

    .right-login a > img {
        width: 24px;
        aspect-ratio: 1/1;
        object-fit: contain;
    }

#productCommentContainer .facebook-tab .comment-count {
    font-size: 12px;
    margin-left: 5px;
}

/* knowledge base */
.category-pagination {
    margin-top: 52px;
    text-align: center;
}

    .category-pagination > * {
        display: inline-block;
        border-radius: 5px;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
        background-color: #ffffff;
        border: 1px solid rgba(192, 192, 192, 0.49);
        padding: 9px 0;
        width: 38px;
        font-size: 16px;
        font-weight: bold;
        vertical-align: top;
        cursor: pointer;
    }

    .category-pagination > .page {
        color: #919191;
        text-decoration: none;
        margin-bottom: 12px;
    }

        .category-pagination > .page.active {
            color: #304f83;
            border-color: #304f83;
        }

    .category-pagination > .page-prev.disabled,
    .category-pagination > .page-next.disabled {
        pointer-events: none;
        opacity: .6;
    }

    .category-pagination > * + * {
        margin-left: 7px;
    }

    .category-pagination > * > img {
        display: inline-block;
        max-height: 20px;
    }

.knowledge-home .knowledge-search {
    padding: 0;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 55px;
    width: 100%;
}

.knowledge-search > h1 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #003366;
    margin-bottom: 20px;
}

.knowledge-search > .sub-head {
    font-size: 14px;
    line-height: 1.86;
    text-align: center;
    color: #333333;
}

.knowledge-input {
    margin-top: 12px;
    margin-bottom: 12px;
    position: relative;
}

.knowledge-home .knowledge-input {
    margin-top: 35px;
    margin-bottom: 0;
}

.knowledge-input input {
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    width: 100%;
    box-sizing: border-box;
    padding: 11px 15px;
    padding-left: 46px;
    outline: none;
    font-size: 16px;
    transition: all 200ms;
}

    .knowledge-input input:focus {
        border-color: #304f83;
    }

.knowledge-input:before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/knowledge-search.svg");
    background-size: cover;
}

.knowledge-home hr {
    margin: 0 -20px;
    box-shadow: none;
    border: 1px solid #eeeeee;
}

.knowledge-posts .kbp-title,
.knowledge-reco .reco-title,
.category-header {
    font-size: 20px;
    font-weight: bold;
    color: #003366;
    margin-top: 36px;
    margin-bottom: 30px;
}

.knowledge-posts .kbp-title {
    margin-bottom: 0;
}

.knowledge-posts .kbp-wrapper ul > li,
.knowledge-reco .reco-wrapper ul > li {
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border: solid 1px rgba(192, 192, 192, 0.49);
    padding: 16px 19px;
}

    .knowledge-posts .kbp-wrapper ul > li > a,
    .knowledge-reco .reco-wrapper ul > li > a {
        display: block;
    }

    .knowledge-posts .kbp-wrapper ul > li + li,
    .knowledge-reco .reco-wrapper ul > li + li {
        margin-top: 21px;
    }

.kbp-wrapper .article-title,
.reco-wrapper .article-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: #464646;
    margin-bottom: 13px;
    min-height: 64px;
}

.kbp-wrapper .article-view,
.reco-wrapper .article-view {
    font-size: 14px;
    color: #919191;
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/article-view.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}

.knowledge-categories {
    margin-bottom: 50px;
}

    .kbp-wrapper strong,
    .reco-wrapper strong,
    .knowledge-categories strong {
        font-weight: bold;
    }

    .knowledge-categories > ul > li {
        border-radius: 4px;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
        background-color: #ffffff;
        border: solid 1px rgba(192, 192, 192, 0.49);
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/knowledge-arrow-right.svg");
        background-repeat: no-repeat;
        background-position: right 24px center;
        background-size: 30px;
    }

        .knowledge-categories > ul > li > a {
            display: block;
            padding: 16px 19px;
            padding-right: 60px;
        }

        .knowledge-categories > ul > li + li {
            margin-top: 20px;
        }

        .knowledge-categories > ul > li .category-title {
            font-size: 18px;
            font-weight: bold;
            color: #464646;
        }

        .knowledge-categories > ul > li .category-count {
            font-size: 14px;
            color: #919191;
            margin-top: 13px;
        }

.knowledge-fittest {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #0f2854;
    color: #ffffff;
    text-align: center;
    z-index: 1;
    padding-top: 26px;
    padding-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

    .knowledge-fittest:before {
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/fittest-bg@3x.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        opacity: .2;
        z-index: -1;
    }

    .knowledge-fittest > h3 {
        font-size: 21px;
        font-weight: bold;
        line-height: 1.73;
    }

    .knowledge-fittest > a {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        border-radius: 5px;
        background-color: #5590fd;
        padding: 13px 22px;
        display: inline-block;
        margin-top: 18px;
        transition: all 150ms;
        text-decoration: none;
    }

        .knowledge-fittest > a:hover {
            text-decoration: none;
        }

    .knowledge-fittest > img {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 22px;
    }

.knowledge-posts > .count {
    margin-top: 10px;
    opacity: 0.74;
    font-size: 15px;
    margin-bottom: 30px;
    color: #464646;
}

    .knowledge-posts > .count > strong {
        font-weight: 600;
    }

.knowledge-post .knw-detail-head {
    font-family: "HelveticaNeueLTPro-Bd";
    font-weight: normal;
    font-size: 30px;
    padding: 0;
    margin: 0;
    line-height: 1.3;
    margin-top: 27px;
    color: #003366;
}

.knowledge-post .number-of-views {
    font-size: 14px;
    line-height: 1.86;
    color: #919191;
    padding: 0;
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/article-view.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 27px;
    margin-bottom: 12px;
}

.knowledge-post .at-share-tbx-element .at-share-btn {
    border-radius: 50% !important;
    overflow: hidden;
    margin-bottom: 0;
}

.knowledge-post .at-icon {
    padding: 4px;
}

.knowledge-breadcrumb .abWrapper a {
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    color: #888888;
}

.knowledge-breadcrumb .abWrapper span {
    text-decoration: none;
}

.knowledge-breadcrumb .abWrapper .path {
    color: #999999;
}

.knowledge-breadcrumb .abWrapper {
    margin-bottom: 12px;
}

.knowledge-breadcrumb + hr,
.knowledge-search + hr {
    border: 1px solid #eeeeee;
    margin: 0 -10px;
}

.knowledge-post .knw-content-text {
    border: 0;
    padding: 0;
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.88;
    color: #5d5d5d;
}

    .knowledge-post .knw-content-text + .article-info {
        margin-top: 30px;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 12px;
    }

.knowledge-to-top {
    background-color: rgba(4, 13, 56, 0.5);
    z-index: 9;
}

.offer-product.top-product > h3 {
    padding-right: 85px;
}

.offer-product.top-product > h3 {
    margin-bottom: 25px;
}

.offer-product.top-product .owl-prev,
.offer-product.top-product .owl-next {
    margin-top: -60px;
}

/* custom topics special styles */
.topic-affiliate-network > .page-large-title {
    display: none;
}

/* knowledge base post css */
.knw-content-text table {
    margin-bottom: 20px;
    border: 0;
}

    .knw-content-text table > thead > tr > th,
    .knw-content-text table > thead > tr > td {
        font-weight: bold;
        background-color: #f9f9f9;
    }

    .knw-content-text table > thead > tr > th,
    .knw-content-text table > tbody > tr > th,
    .knw-content-text table > tfoot > tr > th,
    .knw-content-text table > thead > tr > td,
    .knw-content-text table > tbody > tr > td,
    .knw-content-text table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

        .knw-content-text table > thead > tr > th:first-child,
        .knw-content-text table > tbody > tr > th:first-child,
        .knw-content-text table > tfoot > tr > th:first-child,
        .knw-content-text table > thead > tr > td:first-child,
        .knw-content-text table > tbody > tr > td:first-child,
        .knw-content-text table > tfoot > tr > td:first-child {
            border-left: 0;
        }

        .knw-content-text table > thead > tr > th:last-child,
        .knw-content-text table > tbody > tr > th:last-child,
        .knw-content-text table > tfoot > tr > th:last-child,
        .knw-content-text table > thead > tr > td:last-child,
        .knw-content-text table > tbody > tr > td:last-child,
        .knw-content-text table > tfoot > tr > td:last-child {
            border-right: 0;
        }

    .knw-content-text table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .knw-content-text table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .knw-content-text table table {
        background-color: #fff;
    }

.knw-content-text a:not(.related-product-name) {
    color: #08c !important;
    font-weight: bold !important;
}

.knw-content-text ul,
.knw-content-text ol {
    padding-left: 20px;
    list-style-type: circle;
}

.knw-content-text li * {
    line-height: 25px !important;
}

.knw-content-text li + li {
    margin-top: 10px;
}

.knw-content-text p,
.knw-content-text > div {
    margin: 0 0 10px;
}

    .knw-content-text p span *,
    .knw-content-text p span,
    .knw-content-text li span,
    .knw-content-text > div span {
        font-size: 14px !important;
    }

.knw-content-text h2,
.knw-content-text h2 * {
    color: #666666 !important;
    font-size: 20px !important;
}

.knw-content-text h2 {
    padding-top: 10px !important;
}

.knw-content-text h3, .knw-content-text h3 * {
    font-family: 'Open Sans',sans-serif !important;
    color: #666666 !important;
    font-size: 17px;
}

.knw-content-text h4, .knw-content-text h4 * {
    font-family: 'Open Sans',sans-serif !important;
    color: #666666 !important;
    font-size: 16px;
}

.knw-content-text *:not(.related-product-name) {
    font-family: 'Open Sans', sans-serif !important;
    line-height: 30px !important;
    letter-spacing: normal !important;
}

.knw-content-text .knw-reco-wrapper {
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    margin-left: -20px;
}

.knw-reco-wrapper.top-product > h3 {
    padding-left: 20px;
    padding-right: 20px;
}

.knw-content-text .kb-product-slider {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

    .knw-content-text .kb-product-slider > .item {
        display: inline-block;
        margin-right: 20px;
        vertical-align: top;
        white-space: normal;
        max-width: 120px;
        position: relative;
    }

.knw-content-text h2:not([class]) * {
    color: #666666 !important;
    font-size: 20px !important;
}

.knw-content-text h3:not([class]) * {
    color: #666666 !important;
    font-size: 17px !important;
}

.knw-content-text h4:not([class]) * {
    color: #666666 !important;
    font-size: 16px !important;
}

.not-allowed-payment {
    opacity: .6;
}

/* checkout page shipping options styles */
.shipping-column {
    border-radius: 4px;
    border: solid 1px #cdd8e2;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(227, 227, 227, 0.5);
}

    .shipping-column .shipping-head .column-icon {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 11px;
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/column-down.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }

    .shipping-column .shipping-head {
        padding: 20px;
        color: #050505;
        font-size: 12px;
        cursor: pointer;
        position: relative;
        background-repeat: no-repeat;
        background-position: left 10px center;
        background-size: 33px;
    }

        .shipping-column .shipping-head:not(.fitmoda-standard-shipping) {
            padding-left: 50px;
        }

    .shipping-column.sameday-delivery .shipping-head {
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/shipping-sdd-normal.svg");
    }

    .shipping-column.standard-cargo .shipping-head {
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/shipping-std-normal.svg");
    }

.sameday-delivery .shipping-head > strong {
    font-size: 12px;
}

.standard-cargo .shipping-head > strong {
    font-size: 14px;
}

.shipping-column .agtWindow > small {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
    display: block;
    line-height: normal;
}

.shipping-column .shipping-head sup {
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #5dce43;
    padding: 3px 5px;
    font-size: 10px;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    display: inline-block;
    margin-left: 5px;
}

.shipping-column .delivery-header {
    font-size: 14px;
    color: #484848;
    margin-bottom: 15px;
}

.shipping-column .agtWindow {
    display: none;
    padding: 0 24px;
    padding-bottom: 20px;
}

    .shipping-column .agtWindow .row > div + div {
        margin-top: 18px;
    }

.shipping-column .standard-cargo-list,
.shipping-column .sameday-delivery-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    max-width: 350px;
}

.shipping-column.active .agtWindow,
.shipping-column.active .agtWindow {
    display: block;
}

.shipping-column .standard-cargo-list > li,
.shipping-column .sameday-delivery-list > li {
    padding: 0;
    padding-left: 35px;
    padding-right: 20px;
    font-size: 13px;
    line-height: normal;
    color: #050505;
    position: relative;
    cursor: pointer;
}

.shipping-column .standard-cargo-list > li {
    min-height: 58px;
    line-height: 58px;
    padding-bottom: 6px;
}

    .shipping-column .standard-cargo-list > li .small-text,
    .shipping-column .sameday-delivery-list > li .small-text {
        font-size: 13px;
        line-height: 18px;
        margin-top: 8px;
    }

.shipping-column .sameday-delivery-list > li {
    min-height: 30px;
    line-height: 29px;
    color: #686868;
    font-size: 14px;
    margin-top: 10px;
}


    .shipping-column .standard-cargo-list > li:before,
    .shipping-column .sameday-delivery-list > li:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 17px;
        height: 17px;
        display: inline-block;
        background-color: #e3ebf2;
        border: solid 1px #e5e5e5;
        border-radius: 50%;
    }

.shipping-column .shipping-cost {
    position: absolute;
    top: 20px;
    right: 18px;
    display: inline-block;
    opacity: 0.5;
    font-size: 13px;
    line-height: normal;
    color: #686868;
}

.shipping-column .standard-cargo-list > li.selected:after,
.shipping-column .sameday-delivery-list > li.selected:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
}

.shipping-column .standard-cargo-list > li.selected,
.shipping-column .sameday-delivery-list > li.selected {
    background-color: #fbfdff;
}

.shipping-column .standard-cargo-list > li img {
    display: inline-block;
    vertical-align: middle;
    max-width: 70px;
    margin-right: 10px;
}

.shipping-column .standard-cargo-list > li + li {
    border-top: solid 1px #d8e1ea;
}

@media (max-width: 320px) {
    .shipping-column .agtWindow {
        padding-left: 14px;
        padding-right: 14px;
    }

    .shipping-column .shipping-head {
        line-height: normal;
    }
}

/* sporcard campaign popup styles */
.custom-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    z-index: 1001;
}

    .custom-popup > .custom-popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        background-color: #000000;
        opacity: .6;
    }

    .custom-popup > .custom-popup-content {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden;
        min-width: 290px;
    }

        .custom-popup > .custom-popup-content a {
            display: block;
        }

        .custom-popup > .custom-popup-content img {
            max-width: 100%;
        }

        .custom-popup > .custom-popup-content .custom-popup-code {
            position: absolute;
            display: inline-block;
            top: 114px;
            left: 35px;
            width: 221px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            font-weight: bold;
            font-size: 22px;
            color: #333333;
        }

/* checkout styles */
.btn-payment-type-text-wrapper {
}

    .btn-payment-type-text-wrapper div {
        display: flex;
    }

.btn-payment-type-dropdown-icon-wrapper {
    text-align: center;
    margin: auto;
    display: block;
}



.btn-payment-type {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    color: #484848;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    display: flex;
    border-bottom: 1px solid #b2b9d2;
    /* padding: 20px 0px 20px 70px; */
    background-repeat: no-repeat;
    /* align-items: center; */
    justify-content: space-between;
    /* background-position: left 15px center; */
}

.active > .btn-payment-type strong {
    color: #5590fd;
}

.btn-payment-type i {
    transition: 0.5s;
}

.active > .btn-payment-type i {
    transform: rotate(180deg);
}

.btn-payment-type span {
    font-size: 11px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
}

.bank-transfer-text h2,
.payment-text h2 {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

.bank-transfer-text p,
.payment-text p {
    font-size: 13px;
    display: block;
    margin: 0 4px 15px;
    line-height: 20px;
    font-weight: 400;
    color: #666666;
}

.bank-list {
    margin-bottom: 12px;
}

    .bank-list select {
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 0.1px;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
        background-color: #ffffff;
        padding: 15px 0;
        padding-left: 26px;
        padding-right: 60px;
        font-size: 12px;
        height: auto;
        width: 100%;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: right 24px center;
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/bank-arrow-down.svg");
        border: inset 1pt rgb(37,80,135)
    }

        .bank-list select.selected,
        .bank-list select option {
            color: #484848;
        }

            .bank-list select option:checked {
                font-weight: bold;
            }

.info-box {
    border-radius: 5px;
    background-color: #f4faff;
    border: 1px solid #ecf6ff;
    padding: 8px 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #484848;
    margin-bottom: 20px;
}

    .info-box:not(.no-icon) {
        padding-left: 40px;
        background-repeat: no-repeat;
        background-position: top 18px left 15px;
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/info-box-icon.svg");
    }

    .info-box.info-forgot-password:not(.no-icon) {
        padding-left: 40px;
        background-position: top 25px left 8px !important;
        background: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22pbryzpb9ha%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%221%22%20y%3D%221%22%20width%3D%2218%22%20height%3D%2218%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.167%206.667a.834.834%200%201%201%201.667%200%20.834.834%200%200%201-1.667%200zm0%202.5a.834.834%200%200%201%201.666%200v4.167a.834.834%200%200%201-1.666%200V9.167zm.833%207.5A6.674%206.674%200%200%201%203.333%2010%206.674%206.674%200%200%201%2010%203.334%206.674%206.674%200%200%201%2016.667%2010%206.674%206.674%200%200%201%2010%2016.667m0-15a8.333%208.333%200%201%200%200%2016.667%208.333%208.333%200%201%200%200-16.667%22%20fill%3D%22%23fff%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23pbryzpb9ha%29%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%200h20v20H0z%22/%3E%3C/g%3E%3C/svg%3E') no-repeat;
        background-color: #f1f5fe;
        font-size: 12px;
        font-weight: normal;
        color: #333;
    }

.info-box-reduced-brightness {
    border-radius: 5px;
    background-color: #f4faff;
    padding: 8px 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #484848;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: top 18px left 15px;
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/info-box-icon-rb.svg");
}

.info-box p {
    font-weight: normal;
    line-height: 23px;
    margin-left: 0;
    margin-right: 0;
}

.info-box h4 {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
}

.info-box-reduced-brightness h4 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
}

.info-box-reduced-brightness p {
    font-weight: normal;
    line-height: 1.5;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
}

.money-transfer-radio:not(.money-transfer-radio-selected) {
    background-image: url(https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/icon-radio.svg);
    background-repeat: no-repeat;
    background-position: 4% center;
}

.money-transfer-radio-selected {
    background-image: url(https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/icon-radio.svg);
    background-repeat: no-repeat;
    background-position: 4% center;
}

.bank-detail {
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #cdd8e2;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    color: #484848;
    display: none;
    margin-bottom: 18px;
    margin-top: 20px;
}

.table-money-transfer {
    box-shadow: 0 0 0 1px #d9d9d9;
    width: 100%;
    margin-top: 8px;
    border-radius: 4px;
}

    .table-money-transfer tr {
        height: 43px;
        background-repeat: no-repeat;
        background-position: 52px center;
    }

        .table-money-transfer tr:not(:last-child) {
            border-bottom: solid 1px #d9d9d9;
        }

    .table-money-transfer th {
        text-align: left;
        vertical-align: middle;
        padding-left: 52px;
        font-weight: bold;
        font-size: 12px;
    }

.table-money-transfer-text {
    border: solid 1px #d9d9d9;
    width: 100%;
    margin-top: 16px;
    border-radius: 4px;
    border-collapse: separate;
}

    .table-money-transfer-text tr {
        height: 50px;
        background-repeat: no-repeat;
        background-position: 93.5% center;
        background-image: url(https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/icon-down-moneytransfer.svg);
    }

    .table-money-transfer-text th {
        text-align: left;
        vertical-align: middle;
        padding-left: 20px;
        font-weight: bold;
        font-size: 14px;
        color: #969fbc;
    }


.bank-detail .company-bank-account {
    margin-top: 10px;
}

    .bank-detail .company-bank-account > * {
        display: block;
        line-height: normal;
        font-size: 11px;
    }

    .bank-detail .company-bank-account small {
        font-weight: normal;
    }

.bank-detail .bank-image {
    display: none;
    max-width: 100%;
    max-height: 28px;
}

.bank-image-selection {
    max-width: 100%;
    max-height: 28px;
}

.bank-detail .bank-image.show {
    display: block !important;
}

.bank-detail .bank-information {
    padding: 13px 20px;
    border-bottom: 1px solid #cdd8e2;
}

.bank-account {
    display: none;
}

    .bank-account.show {
        display: block;
    }

    .bank-account table td:first-child {
        padding-right: 0;
    }

    .bank-account table td {
        padding: 10px 17px;
        background: #ffffff;
        font-size: 11px;
    }

    .bank-account table td {
        border-top: 1px solid #e4e4e4;
    }

        .bank-account table td small {
            font-weight: normal;
            display: block;
            width: 100%;
        }

.sales-agreement {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.1px;
    color: #000000;
    margin-top: 18px;
    margin-bottom: 25px;
    padding-left: 6.5%;
    padding-right: 4.7%;
}

#moneytransfer_container,
#paypal_container,
#creditcardondelivery_container {
    /* padding-right: 8.9%; */
    /* padding-left: 8.9%; */
    background-position: top 16px left 20px;
    padding-top: 18px;
}

#moneytransfer_container_pay {
    /* padding-right: 5.5555%; */
    /* padding-left: 5.5555%; */
    background-position: top 16px left 20px;
    /* padding-top: 8px; */
}

.info-box-moneytransfer {
    background-color: rgba(255,243,205, 0.8);
    color: rgb(70,70,70,0.75);
    font-weight: bold;
    font-size: 12px;
    background-image: url(https://supplementler2.sm.mncdn.com/Themes/mobile/Supplementler/Content/images/icon-info-moneytransfer.svg);
    background-repeat: no-repeat;
    background-position: center left 13.6px !important;
    padding-left: 40px;
}

.moneytransfer-titletext {
    margin-top: 24px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #026acb;
}

#cashondelivery_container {
    padding-right: 8.9%;
    padding-left: 8.9%;
    background-position: top 16px left 20px;
    padding-top: 19px;
}

#creditCardOnDeliveryTitle {
    padding-right: 5.6%;
    padding-left: 5.9%;
    font-size: 13px;
    font-weight: 800;
    font-family: NunitoSans-ExtraBold;
    height: 18px;
    margin-bottom: px;
}

#cashOnDeliveryTitle {
    padding-right: 5.6%;
    padding-left: 5.9%;
    font-size: 13px;
    font-weight: 800;
    font-family: NunitoSans-ExtraBold;
    height: 18px;
    margin-bottom: px;
}

.payment-text-creditcardondelivery p {
    font-size: 12px;
    display: block;
    margin: 0 0 15px;
    line-height: 20px;
    font-weight: 400;
    color: #666666;
    font-family: 'Open Sans';
}

.payment-text-creditcardondelivery h2 {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
    margin-left: 20px;
}

#cashondelivery_container {
    margin: 10px auto 32px auto;
}

.sales-agreement .controls span.toggler {
    display: inline-block;
    font-weight: bold;
    color: #026acb;
    text-decoration: underline;
}

.payment #orderSummary {
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #cdd8e2;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: normal;
    color: #484848;
}

    .payment #orderSummary table {
        width: 100%;
    }

        .payment #orderSummary table th {
            width: auto;
            text-align: left;
        }

        .payment #orderSummary table td {
            text-align: right;
            font-weight: bold;
        }

        .payment #orderSummary table th,
        .payment #orderSummary table td {
            padding: 10px 13px;
        }

        .payment #orderSummary table tr:not(:last-child) th,
        .payment #orderSummary table tr:not(:last-child) td {
            border-bottom: 1px solid #cdd8e2;
        }

        .payment #orderSummary table tr:last-child th,
        .payment #orderSummary table tr:last-child td {
            font-size: 14px;
            font-weight: bold;
        }

.payment-icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 22px;
    height: 22px;
    margin: 0 !important;
}

    .payment-icon.kredi-karti {
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/pay-credit-card.svg");
    }

    .payment-icon.havale {
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/pay-money-transfer.svg");
    }

    .payment-icon.credit-on-delivery {
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/pay-credit-on-delivery.svg");
    }

    .payment-icon.cash-on-delivery {
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/pay-cash-on-delivery.svg");
    }

.how-it-works {
    margin-top: 20px;
    display: block;
    border-radius: 4px;
    border: solid 1px #f0f7fd;
    padding: 24px 21px 24px 19px;
    margin-bottom: 32px;
}

    .how-it-works h4 {
        font-size: 14px;
        font-weight: bold;
        line-height: normal;
        margin-bottom: 25px;
    }

    .how-it-works ul {
        width: 100%;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .how-it-works ul > li {
            display: block;
            font-size: 12px;
            line-height: 1.67;
            color: #484848;
            padding-left: 54px;
            background-position: top left;
            background-repeat: no-repeat;
            background-size: 44px 45px;
            min-height: 45px;
            line-height: 45px;
        }

            .how-it-works ul > li + li {
                margin-top: 20px;
            }

            .how-it-works ul > li div {
                line-height: normal;
                margin: 0;
                display: inline-block;
                vertical-align: middle;
                width: 100%;
            }

/* checkout styles */
.order-complete {
    display: table;
    margin: 15px auto 70px;
    width: 93%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #484848;
}

.order-complete.no-margin {
    margin-bottom: 0;
}

    .order-complete h1 {
        font-size: 16px;
        font-weight: bold;
        line-height: normal;
        color: #12a95e;
        margin-top: 12px;
        margin-bottom: 5px;
        width: 100%;
        display: table;
        letter-spacing: 0.1px;
    }

    .order-complete .thank-you {
        font-size: 14px;
        line-height: 1.64;
        letter-spacing: 0.1px;
    }

        .order-complete .thank-you > a {
            font-weight: bold;
            text-decoration: underline;
            color: #484848;
        }

.order-quick-info {
    border-radius: 4px;
    text-align: left;
    margin-top: 20px;
}

.order-quick-info-div-padding {
    padding: 0 16px;
}

.order-quick-info table tr > td {
    padding: 14px 2px;
    font-size: 12px;
}

    .order-quick-info table tr > td:last-child {
        text-align: right;
        font-family: 'Nunito Sans';
        font-weight: 800;
        letter-spacing: -0.31pt;
    }

.order-quick-info table tr:not(:last-child) > td {
    border-bottom: 1px solid #e6dada;
}

.order-quick-info table tr.order-number > td {
    color: #026acb;
}

    .order-quick-info table tr.order-number > td:last-child {
        font-size: 14px;
    }

.order-quick-info table tr.earned-points > td a {
    text-decoration: underline;
    color: #484848;
}

.order-quick-info .earned-points a.qmark {
    vertical-align: middle;
    display: inline-block;
    height: 13px;
    width: 13px;
    transition: all 150ms;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/completed-question.svg");
}
/*.order-quick-info .earned-points a:hover {
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/completed-question-active.svg");
}*/
.bank-account-details-titles {
    font-family: 'Nunito Sans';
    font-weight: normal;
    font-size: 11px;
    color: rgb(51,51,51);
    opacity: 80%;
}

.reward-program * {
    box-sizing: border-box;
}

.reward-program label {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.44;
    color: #04407f;
    margin-bottom: 13px;
    display: block;
}

.reward-program .fancybox-outer {
    padding: 18px 22px;
}

.reward-program .fancybox-inner {
    line-height: normal;
    width: 100% !important;
    height: auto !important;
}

.reward-program .fancybox-close,
.dikey-popup .fancybox-close {
    padding: 5px;
    opacity: .5;
    background-size: 35px;
    height: 20px;
    width: 20px;
    top: 10px;
    right: 10px;
}

.reward-program a:not(.fancybox-close) {
    display: block;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #043e7b;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding: 11px 0;
    margin-top: 22px;
}

.order-deadline {
    font-size: 13px;
    line-height: normal;
    padding: 12px 16px;
    text-align: left;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: top 15px left 20px;
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/combined-shape2.svg");
    padding-left: 44px;
    position: relative;
}

.deadline-arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #026acb;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.order-complete .bank-detail {
    margin-top: 14px;
}

.order-complete .bank-detail,
.order-complete .bank-account {
    display: block;
    text-align: left;
}

    .order-complete .bank-detail .bank-image {
        display: inline-block;
    }

.order-complete .info-box {
    text-align: left;
}

    .order-complete .info-box p {
        margin: 0 0 10px;
    }

.order-complete > h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 30px;
}

.order-complete .order-items {
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #cdd8e2;
    text-align: left;
}

    .order-complete .order-items > li {
        padding: 15px 12px;
        font-size: 12px;
    }

        .order-complete .order-items > li:not(:last-child) {
            border-bottom: 1px solid #cdd8e2;
        }

        .order-complete .order-items > li .name {
            font-weight: bold;
            margin-bottom: 10px;
        }

        .order-complete .order-items > li .name,
        .order-complete .order-items > li .quantity,
        .order-complete .order-items > li .preorder-product {
            display: block;
        }

            .order-complete .order-items > li .quantity .discount {
                font-family: Open Sans;
                font-size: 16px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #f73d04;
                text-decoration-line: line-through;
            }

.inline-product-info {
    display: inline-block;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    vertical-align: top;
    line-height: normal;
}

.inline-product-image {
    vertical-align: top;
    display: inline-block;
    max-width: 61px;
    max-height: 61px;
    vertical-align: middle;
    margin-right: 5px;
}

    .inline-product-image > img {
        display: inline-block;
        max-width: 100%;
    }

.order-complete .completed-address {
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #cdd8e2;
    padding: 18px 20px;
    padding-bottom: 50px;
    min-height: 158px;
    position: relative;
    font-size: 14px;
    text-align: left;
}

    .order-complete .completed-address .address-name {
        font-weight: bold;
        margin-bottom: 15px;
    }

    .order-complete .completed-address .ccd {
        position: absolute;
        bottom: 18px;
        left: 20px;
        right: 20px;
    }

.order-information {
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #cdd8e2;
    text-align: left;
}

    .order-information table tr > th,
    .order-information table tr > td {
        padding: 12px 17px;
    }

    .order-information table tr > td {
        font-weight: bold;
        text-align: right;
    }

    .order-information table tr:not(:last-child) > th,
    .order-information table tr:not(:last-child) > td {
        border-bottom: 1px solid #cdd8e2;
    }

    .order-information table tr:last-child > th {
        font-weight: bold;
        font-size: 14px;
    }

    .order-information table tr:last-child > td {
        font-size: 16px;
    }

#orderDetail {
    margin-top: 30px;
    background-color: #043e7b;
}

#continueShopping {
    margin-top: 10px;
    margin-bottom: 40px;
}

#orderDetail,
#continueShopping {
    font-size: 14px;
}

/* notification styles */
.notification {
    border-radius: 5px;
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.31);
    background-color: #ffffff;
    max-width: 98%;
    position: fixed;
    bottom: -100%;
    right: 10px;
    left: 10px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.43;
    color: #323232;
    border: 1px solid #0556a7;
    cursor: pointer;
    display: inline-block;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: top 24px left 20px;
    box-sizing: border-box;
    transition: all 600ms;
}

    .notification.opened {
        bottom: 10px;
    }

    .notification .notification-title {
        font-weight: bold;
        color: #04407f !important;
        margin-bottom: 7px;
    }

    .notification .notification-text {
        font-size: 12px;
    }

    .notification.congrats {
        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/completed-congrats.svg");
    }

        a.notification.congrats,
        .notification.congrats a {
            padding-left: 65px
        }

    .notification .notification-title,
    .notification .notification-text {
        display: block;
    }

    a.notification,
    .notification a {
        text-decoration: none !important;
        padding: 24px 20px;
        padding-right: 25px;
        color: #323232 !important;
        display: block;
    }

    .notification .notification-close {
        position: absolute;
        height: 20px;
        width: 20px;
        right: 10px;
        top: 12px;
        opacity: .38;
        padding: 1px;
        z-index: 11;
    }

        .notification .notification-close:before {
            content: "";
            position: absolute;
            top: 10px;
            width: 15px;
            height: 2px;
            background-color: #000000;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .notification .notification-close:after {
            content: "";
            position: absolute;
            top: 10px;
            width: 15px;
            height: 2px;
            background-color: #000000;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

/* vendor machine application form styles */
.vm-application {
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333333;
}

    .vm-application h1 {
        font-size: 20px;
        line-height: 1.65;
        letter-spacing: 0.3px;
        margin: 0;
        margin-bottom: 30px;
    }

    .vm-application h4 {
        font-size: 18px;
        line-height: normal;
        margin: 0;
        margin-top: 35px;
        letter-spacing: 0.6px;
    }

    .vm-application h1,
    .vm-application h4 {
        font-weight: bold;
        color: #061435;
        text-align: center;
    }

    .vm-application p {
        line-height: 2.14;
        letter-spacing: 0.6px;
        text-align: center;
    }

    .vm-application ul {
        width: 100%;
        display: block;
        padding: 0;
        margin: 25px 0;
        text-align: center;
    }

        .vm-application ul > li {
            display: inline-block;
            max-width: 200px;
            width: 49%;
            box-sizing: border-box;
            word-break: break-word;
            vertical-align: top;
            text-align: center;
            font-weight: bold;
            line-height: 1.5;
            letter-spacing: 0.6px;
            color: #3d66c6;
            padding: 12px 0;
            padding-top: 50px;
            background-repeat: no-repeat;
            background-position: center top;
        }

            .vm-application ul > li:nth-child(1) {
                background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/vm-why1.svg");
            }

            .vm-application ul > li:nth-child(2) {
                background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/vm-why2.svg");
            }

            .vm-application ul > li:nth-child(3) {
                background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/vm-why3.svg");
            }

    .vm-application form {
        border-radius: 5px;
        padding: 0;
        padding-top: 28px;
    }

        .vm-application form input {
            width: 100%;
            border-radius: 5px;
            border: 1px solid #dfdfdf;
            padding: 14px 12px;
            box-sizing: border-box;
            height: auto;
            box-shadow: none;
        }

        .vm-application form label {
            margin-bottom: 7px;
            letter-spacing: 0.1px;
            color: #5a5a5a;
            font-size: 14px;
            cursor: pointer;
            display: block;
        }

        .vm-application form .form-group + .form-group {
            margin-top: 29px;
        }

        .vm-application form button {
            border-radius: 5px;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
            background: #dc5226;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.1px;
            padding: 17px 0;
            border: 0;
            text-shadow: none;
            color: #ffffff;
            width: 100%;
            display: block;
        }

            .vm-application form button:hover,
            .vm-application form button:active,
            .vm-application form button:focus {
                background: #d0461a;
                color: #ffffff;
            }

/* custom form styles */
.cancel-membership {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .cancel-membership,
    .cancel-membership a {
        color: #464646;
    }

.cancel-membership-popup .cancel-membership-wrapper,
.sms-confirmation-popup .sms-confirmation-wrapper {
    display: block !important;
    padding: 14px 15px;
    color: #464646;
    font-size: 13px;
    line-height: normal;
}

    .cancel-membership-popup .cancel-membership-wrapper .cm-title,
    .sms-confirmation-popup .sms-confirmation-wrapper .sc-title {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0.2px;
        margin-bottom: 10px;
    }

    .sms-confirmation-popup .sms-confirmation-wrapper .sc-message strong {
        font-weight: bold;
    }

    .cancel-membership-popup .cancel-membership-wrapper form {
        margin: 30px 0;
    }

/* dikey form styles */
.dikey-form {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

    .dikey-form:not(.no-padding) {
        padding: 15px 20px;
    }

    .dikey-form:not(.no-bottom-padding) {
        padding-bottom: 75px;
    }

    .dikey-form:not(.no-padding) + .dikey-form:not(.no-padding) {
        padding-top: 15px;
    }

    .dikey-form,
    .dikey-form * {
        box-sizing: border-box;
    }

        .dikey-form form {
            margin-top: 0;
            margin-bottom: 0;
        }

        .dikey-form .text-center {
            text-align: center;
        }

        .dikey-form .border-top {
            border-top: 1px solid #f0f0f0;
            padding-top: 12px;
        }

        .dikey-form .border-bottom {
            border-bottom: 1px solid #f0f0f0;
            padding-bottom: 15px;
        }

        .dikey-form .border-right {
            border-right: 1px solid #f0f0f0;
        }

        .dikey-form .border-left {
            border-left: 1px solid #f0f0f0;
        }

        .dikey-form hr.separator {
            box-shadow: none;
            border: 0;
            height: 1px;
            background-color: #f0f0f0;
        }

        .dikey-form .btn {
            display: inline-block;
            color: #ffffff;
            font-size: 18px;
            font-weight: bold;
            line-height: normal;
            letter-spacing: 0.2px;
            padding: 14px 30px;
            margin: 0;
            border: 0;
            border-radius: 5px;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
            text-shadow: none;
            text-align: center;
            cursor: pointer;
            height: 48px;
        }

        .dikey-form button,
        .dikey-form [type="button"],
        .dikey-form [type="reset"],
        .dikey-form [type="submit"] {
            -webkit-appearance: button;
        }

        .dikey-form input[type="text"],
        .dikey-form input[type="password"],
        .dikey-form input[type="email"],
        .dikey-form input[type="tel"],
        .dikey-form input[type="number"],
        .dikey-form input[type="search"] {
            -webkit-appearance: unset;
        }

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

        .dikey-form .btn-gray {
            background-color: #4b4b4b;
        }

        .dikey-form .btn-green {
            background-color: #68b452;
        }

        .dikey-form .btn-blue {
            background-color: #245087;
        }

        .dikey-form .btn.busy {
            opacity: 0.75;
            cursor: not-allowed;
        }

        .dikey-form .btn.hidden {
            height: 0;
            padding: 0;
            visibility: hidden;
        }

        .dikey-form .error-message {
            display: block;
            font-size: 13px;
            color: red;
            margin-top: 10px;
        }

        .dikey-form .dikey-group {
            display: block;
            width: 100%;
            clear: both;
            margin-bottom: 25px;
        }

            .dikey-form .dikey-group label {
                font-size: 14px;
                font-weight: normal;
                letter-spacing: 0.1px;
                color: #6d6e71;
                display: block;
                margin: 0;
                margin-bottom: 8px;
            }

        .dikey-form .info-box {
            margin: 8px 0;
            background-position: top 14px left 15px;
            padding-top: 11px;
            padding-bottom: 11px;
            line-height: normal;
        }

        .dikey-form .dikey-control {
            border-radius: 5px;
            background-color: #ffffff !important;
            border: 2px solid #dadce0 !important;
            font-size: 14px !important;
            font-weight: bold;
            letter-spacing: 0.1px;
            color: #464646 !important;
            padding: 14px 16px !important;
            float: none !important;
            margin: 0 !important;
            outline: 0 !important;
            transition: all 150ms;
            box-shadow: none;
        }

            .dikey-form .dikey-control:not(.datedropdown):not(.monthdropdown):not(.yeardropdown) {
                width: 100% !important;
                display: block;
            }

        .dikey-form select.dikey-control {
            background: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/img/select-down-bg.png") no-repeat;
            background-position: right 12px center !important;
            padding-right: 40px !important;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
        }

            .dikey-form select.dikey-control.empty {
                color: #999999 !important;
            }

        .dikey-form .dikey-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            line-height: 1.5;
            letter-spacing: 0.1px;
            color: #989898;
            font-weight: normal;
        }

        .dikey-form .dikey-control::-moz-placeholder { /* Firefox 19+ */
            line-height: 1.5;
            letter-spacing: 0.1px;
            color: #989898;
            font-weight: normal;
        }

        .dikey-form .dikey-control:-ms-input-placeholder { /* IE 10+ */
            line-height: 1.5;
            letter-spacing: 0.1px;
            color: #989898;
            font-weight: normal;
        }

        .dikey-form .dikey-control:-moz-placeholder { /* Firefox 18- */
            line-height: 1.5;
            letter-spacing: 0.1px;
            color: #989898;
            font-weight: normal;
        }

        .dikey-form .monthdropdown,
        .dikey-form .datedropdown {
            margin-right: 3% !important;
        }

        .dikey-form .form-separator {
            font-size: 12px;
            line-height: normal;
            letter-spacing: 0.1px;
            color: #a6a6a6;
            text-align: center;
            position: relative;
            margin: 20px 0;
        }

            .dikey-form .form-separator:before {
                content: "";
                position: absolute;
                top: 50%;
                left: 0;
                right: 0;
                height: 1px;
                background-color: #dadce0;
                z-index: -1;
            }

            .dikey-form .form-separator span {
                display: inline-block;
                background-color: #ffffff;
                padding: 5px 10px;
            }

        .dikey-form .facebook-login {
            border-radius: 5px;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
            background-color: #435b91;
            font-size: 14px;
            font-weight: bold;
            text-shadow: none;
            padding: 13px 0;
            display: block;
            width: 100%;
            text-align: center;
            color: #ffffff;
            background-repeat: no-repeat;
            background-position: left 22px center;
            background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/facebook-logo.svg");
        }

            .dikey-form .facebook-login span {
                display: block;
                font-size: 11px;
                font-weight: normal;
                margin-top: 4px;
                color: #b2bcd2;
            }

        .dikey-form .dikey-header {
            margin-bottom: 25px;
            position: relative;
        }

            .dikey-form .dikey-header h1 {
                font-size: 22px;
                font-weight: bold;
                line-height: normal;
                letter-spacing: 0.2px;
                color: #464646;
            }

            .dikey-form .dikey-header a {
                font-size: 16px;
                font-weight: bold;
                color: #3f5da1;
                display: inline-block;
                position: absolute;
                right: 0;
                top: 0;
                padding: 9px 0;
                text-decoration: underline;
            }

        .dikey-form .forgot-password {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: -0.19px;
            color: #666;
            float: right;
            margin: 0;
            display: block;
            text-decoration: underline;
            margin-bottom: 16px;
            margin-top: 16px;
        }

        .dikey-form.creditCardWrapper {
            padding-top: 30px !important;
        }

        .dikey-form .paymentMethodContainerContent .dikey-tab {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
        }

        .dikey-form .installment-heading {
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 0.1px;
            color: #464646;
            width: 100%;
            display: block;
            margin-bottom: 6px;
            margin-top: 40px;
        }

        .dikey-form .installment-desc {
            font-size: 11px;
            line-height: normal;
            letter-spacing: 0.2px;
            color: #464646;
            margin-bottom: 16px;
        }

        .dikey-form .installment-options {
            /* border-radius: 5px; */
            background-color: #f8f8f8;
            /* margin-bottom: 30px; */
            overflow: hidden;
            position: relative;
            color: #464646;
            font-family: 'Open Sans';
            font-size: 13px;
            line-height: normal;
        }

            .dikey-form .installment-options .border-left {
                border-left: 1px solid #e6e6e6;
            }

            .dikey-form .installment-options .border-right {
                border-right: 1px solid #e6e6e6;
            }

            .dikey-form .installment-options .border-top,
            .dikey-form .installment-options ul > li + li {
                border-top: 1px solid #ffffff;
            }

            .dikey-form .installment-options .border-bottom {
                /* border-bottom: 1px solid #e6e6e6; */
                padding: 0;
            }

            .dikey-form .installment-options .table-header {
                background-color: #e8e7e8;
                letter-spacing: 0.1px;
                padding: 2px 0;
            }

                .dikey-form .installment-options .table-header > div,
                .dikey-form .installment-options ul > li .row > div {
                    padding: 10px 5px;
                    font-size: 12px;
                    align-items: center;
                    display: block;
                }

            .dikey-form .installment-options ul > li {
                letter-spacing: 0.2px;
                cursor: pointer;
                padding: 2px 0px;
            }

                .dikey-form .installment-options ul > li.active {
                    background-color: #f2f8ff;
                    font-weight: bold;
                    color: #255087;
                }

            .dikey-form .installment-options .table-header {
                margin: 0;
                color: rgba(0,0,0,0.8);
                font-weight: bold;
            }

            .dikey-form .installment-options ul > li .cb {
                width: 17px;
                height: 17px;
                border-radius: 50%;
                background-color: #dbdbdb;
                display: inline-block;
                margin-left: 14px;
                vertical-align: middle;
                position: relative;
            }

            .dikey-form .installment-options ul > li.active .cb {
                background-color: #5570ac;
            }

                .dikey-form .installment-options ul > li.active .cb:after {
                    content: "";
                    position: absolute;
                    top: 5px;
                    left: 5px;
                    background-color: #ffffff;
                    width: 7px;
                    height: 7px;
                    display: inline-block;
                    border-radius: 50%;
                }

        .dikey-form #goBack {
            font-size: 16px;
            font-weight: bold;
            line-height: normal;
            letter-spacing: 0.2px;
            color: #464646;
            text-align: center;
            padding: 10px 0;
            display: flex;
            align-content: center;
            justify-content: center;
        }

            .dikey-form #goBack i {
                width: 15px;
                height: 15px;
                display: block;
                float: left;
                margin-top: 6px;
                background: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/back_arrow.svg) no-repeat;
                margin-right: 7px;
            }

        .dikey-form .eac-sugg {
            color: #cccccc;
            height: 50px;
            line-height: 40px;
        }

        .dikey-form #mobileEmailAutoComplete {
            background-color: #ffffff;
            border: 1px solid #eaeaea;
            border-radius: 5px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
            color: #464646;
            cursor: pointer;
            display: none;
            font-size: 14px;
            font-weight: 700;
            line-height: normal;
            padding: 13px;
            position: relative;
            z-index: 2;
        }

            .dikey-form #mobileEmailAutoComplete .email-raw {
                color: #b0b0b0;
            }
        /*** dikey form input with tick styles ***/
        .dikey-form .dikey-input-tick,
        .dikey-popup .dikey-input-tick {
            position: relative;
        }

            .dikey-form .dikey-input-tick span.counter,
            .dikey-popup .dikey-input-tick span.counter {
                position: absolute;
                right: 11px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 12px;
                letter-spacing: 0.1px;
                color: #464646;
                display: inline-block;
                background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/sms-confirmation-tick.svg");
                background-repeat: no-repeat;
                background-position: left center;
                padding-left: 20px;
            }

                .dikey-form .dikey-input-tick span.counter:before,
                .dikey-popup .dikey-input-tick span.counter:before {
                    content: "";
                    position: absolute;
                    left: -12px;
                    top: -6px;
                    bottom: -6px;
                    width: 1px;
                    background-color: #e9e9e9;
                }

            .dikey-form .dikey-input-tick input,
            .dikey-popup .dikey-input-tick input {
                padding-right: 90px !important;
            }
        /*** dikey form input with icon styles ***/
        .dikey-form .dikey-input-icon {
            position: relative;
        }

            .dikey-form .dikey-input-icon i {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 50px;
                height: 100%;
                padding: 0 15px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 20px;
            }

                .dikey-form .dikey-input-icon i.password {
                    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/show-password.svg");
                }

                    .dikey-form .dikey-input-icon i.password:active,
                    .dikey-form .dikey-input-icon i.password:focus {
                        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/show-password-active.svg");
                    }

            .dikey-form .dikey-input-icon.active i.password {
                background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/hide-password.svg");
            }

                .dikey-form .dikey-input-icon.active i.password:active,
                .dikey-form .dikey-input-icon.active i.password:focus {
                    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/hide-password-active.svg");
                }

            .dikey-form .dikey-input-icon i.information {
                background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/completed-question.svg");
            }

                .dikey-form .dikey-input-icon i.information:active,
                .dikey-form .dikey-input-icon i.information:focus {
                    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/completed-question-active.svg");
                }
        /*** dikey form custom radio input styles ***/
        .dikey-form .dikey-radio {
            float: none !important;
            margin: 0 !important;
            vertical-align: top !important;
            display: none;
        }

            .dikey-form .dikey-radio + label,
            .dikey-form .dikey-radio + input + label {
                font-size: 14px;
                font-weight: bold;
                letter-spacing: 0.2px;
                color: #464646;
                display: inline-block;
                width: auto;
                margin-bottom: 0 !important;
                position: relative;
                padding-left: 21px;
            }

                .dikey-form .dikey-radio + label span,
                .dikey-form .dikey-radio + input + label span {
                    margin: 0;
                    margin-top: 4px;
                    margin-left: 5px;
                    display: inline-block;
                }

                    .dikey-form .dikey-radio + label span a,
                    .dikey-form .dikey-radio + input + label span a {
                        font-weight: bold;
                        color: #5570ac;
                        text-decoration: underline;
                    }

                .dikey-form .dikey-radio + label:before,
                .dikey-form .dikey-radio + input + label:before {
                    content: "";
                    position: absolute;
                    top: 3px;
                    left: 0;
                    width: 17px;
                    height: 17px;
                    border-radius: 50%;
                }

            .dikey-form .dikey-radio:not(:checked) + label:before,
            .dikey-form .dikey-radio:not(:checked) + input + label:before {
                background-color: #dbdbdb;
            }

            .dikey-form .dikey-radio:checked + label:before,
            .dikey-form .dikey-radio:checked + input + label:before {
                background-color: #5570ac;
            }

            .dikey-form .dikey-radio:checked + label:after,
            .dikey-form .dikey-radio:checked + input + label:after {
                content: "";
                position: absolute;
                top: 8px;
                left: 5px;
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background-color: #ffffff;
            }
        /*** dikey form custom checkbox input styles ***/
        .dikey-form .dikey-checkbox {
            margin: 0;
            vertical-align: top;
            display: none;
        }

            .dikey-form .dikey-checkbox.custom-anonym {
                display: block;
            }

            .dikey-form .dikey-checkbox + label,
            .dikey-form .dikey-checkbox + input + label {
                font-size: 13px;
                line-height: 1.46;
                letter-spacing: 0.1px;
                color: #5a5a5a;
                display: inline-block;
                width: auto;
                position: relative;
                margin-bottom: 0 !important;
                padding-left: 28px;
            }

        .dikey-form .dikey-checkboxtext label,
        .dikey-form .dikey-checkboxtext span {
            font-size: 13px;
            line-height: 1.46;
            letter-spacing: 0.1px;
            color: #5a5a5a;
            display: inline-block;
            width: auto;
            position: relative;
            margin-bottom: 0 !important;
        }

        .dikey-form .dikey-checkbox + label span,
        .dikey-form .dikey-checkbox + input + label span {
            margin: 0;
            display: inline-block;
            margin-left: 2px;
        }

        .dikey-form .dikey-checkboxtext > span a {
            font-weight: bold;
            color: #5570ac;
            text-decoration: underline;
            font-size: 13px;
        }


        .dikey-form .dikey-checkbox + label span a,
        .dikey-form .dikey-checkbox + input + label span a {
            font-weight: bold;
            color: #1084EF;
            text-decoration: underline;
        }

        .dikey-form .dikey-checkbox + label:before,
        .dikey-form .dikey-checkbox + input + label:before {
            content: "";
            position: absolute;
            top: 3px;
            left: 0;
            width: 17px;
            height: 17px;
            border-radius: 4px;
        }

        .dikey-form .dikey-checkbox:not(:checked) + label:before,
        .dikey-form .dikey-checkbox:not(:checked) + input + label:before {
            background-color: #dbdbdb;
        }

        .dikey-form .dikey-checkbox:checked + label:before,
        .dikey-form .dikey-checkbox:checked + input + label:before {
            background-color: #5570ac;
            background-repeat: no-repeat;
            background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/dikey-cb-checked.svg");
            background-size: contain;
            background-position: center center;
        }

/* custom dikey-tab styles */
ul.dikey-tab {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #a39f9e;
    background-color: #ffffff;
    text-align: center;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.12);
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: block;
}

    ul.dikey-tab,
    ul.dikey-tab * {
        box-sizing: border-box;
    }

        ul.dikey-tab > li {
            display: inline-block;
            padding: 0;
            margin: 0;
        }

            ul.dikey-tab > li:not(:last-child) {
                border-right: 1px solid #e2e2e2;
            }

            ul.dikey-tab > li a {
                display: block;
                width: 100%;
                color: #a39f9e;
                text-decoration: none;
                padding: 20px 0;
                border-bottom: 1px solid #e2e2e2;
            }

        ul.dikey-tab.two > li {
            width: calc(50% - 2px);
            width: -webkit-calc(50% - 2px);
        }

        ul.dikey-tab > li.active a {
            color: #5590fd;
            border-bottom: 3px solid #5590fd;
            padding-bottom: 18px;
        }

/* generic dikey-popup styles */
.dikey-popup.generic {
    font-family: 'Open Sans', sans-serif;
}

    .dikey-popup.generic,
    .dikey-popup.generic * {
        box-sizing: border-box;
    }

        .dikey-popup.generic .fancybox-inner {
            padding: 15px;
            max-width: 100%;
            line-height: normal;
            height: auto !important;
        }

            .dikey-popup.generic .fancybox-inner label {
                font-size: 18px;
                font-weight: bold;
                line-height: normal;
                letter-spacing: 0.2px;
                color: #464646;
                display: block;
                width: 100%;
                margin: 0;
                margin-bottom: 25px;
                padding: 0;
            }

            .dikey-popup.generic .fancybox-inner img {
                max-width: 100%;
                display: inline-block;
                vertical-align: top;
                clear: both;
            }

            .dikey-popup.generic .fancybox-inner a {
                display: block;
                width: 100%;
                text-align: center;
                font-size: 18px;
                font-weight: bold;
                line-height: normal;
                letter-spacing: 0.2px;
                color: #ffffff;
                border-radius: 5px;
                box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
                background-color: #484848;
                padding: 13px 0;
                margin-top: 25px;
            }

            .dikey-popup.generic .fancybox-inner .card-text {
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: 0.1px;
            }

            .dikey-popup.generic .fancybox-inner hr {
                box-shadow: none;
                border: 0;
                height: 1px;
                background-color: #ebebeb;
                margin: 15px 0;
            }

/* flash card styles */
.flash-card {
    z-index: 9999;
}

    .flash-card,
    .flash-card * {
        box-sizing: border-box;
    }

        .flash-card,
        .flash-card .flash-card-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .flash-card .flash-card-overlay {
                background-color: #000000;
                z-index: -1;
                opacity: .26;
            }

            .flash-card .flash-card-content {
                border-radius: 8px;
                background-color: rgba(255, 255, 255, 0.94);
                position: relative;
                text-align: center;
                top: 50%;
                transform: translateY(-50%);
                max-width: 250px;
                margin-left: auto;
                margin-right: auto;
                padding: 33px 30px;
                opacity: .94;
                font-family: 'Open Sans', sans-serif;
                font-size: 16px;
                line-height: 1.5;
                letter-spacing: 0.1px;
                color: #464646;
            }

                .flash-card .flash-card-content > img {
                    display: inline-block;
                }

                .flash-card .flash-card-content .flash-card-text {
                    margin-top: 10px;
                    word-break: break-word;
                }

                    .flash-card .flash-card-content .flash-card-text > strong {
                        display: block;
                    }

/* same day delivery landing page styles */
.same-day-delivery {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

    .same-day-delivery,
    .same-day-delivery * {
        box-sizing: border-box;
    }

        .same-day-delivery .text-right {
            text-align: right;
        }

        .same-day-delivery .text-center {
            text-align: center;
        }

        .same-day-delivery hr {
            margin: 20px 0;
            border: 0;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #fff;
        }

        .same-day-delivery .heading h1 {
            font-size: 25px;
            font-weight: normal;
            line-height: 1.32;
            letter-spacing: 0.4px;
            color: #061435;
        }

            .same-day-delivery .heading h1 strong {
                font-weight: bold;
                display: block;
            }

        .same-day-delivery .heading img {
            max-width: 98%;
        }

        .same-day-delivery .heading {
            padding: 25px 0;
            margin: 0;
            background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/sdd-bg.svg");
            background-position: right -240px center;
            background-size: auto;
            background-repeat: no-repeat;
        }

            .same-day-delivery .heading > div {
                padding: 0;
            }

            .same-day-delivery .heading .sub {
                line-height: 1.57;
                letter-spacing: 0.6px;
                color: #333333;
                margin-top: 13px;
            }

            .same-day-delivery .heading ul {
                display: block;
                width: 100%;
                list-style-type: none;
                padding: 0;
                margin: 0;
            }

                .same-day-delivery .heading ul > li {
                    font-size: 12px;
                    display: inline-block;
                    font-weight: bold;
                    line-height: 1.25;
                    letter-spacing: 0.5px;
                    background-repeat: no-repeat;
                    background-position: top center;
                    vertical-align: top;
                    padding-top: 50px;
                }

                    .same-day-delivery .heading ul > li:nth-child(1) {
                        width: 30%;
                    }

                    .same-day-delivery .heading ul > li:nth-child(2) {
                        width: 34%;
                    }

                    .same-day-delivery .heading ul > li:nth-child(3) {
                        width: 32%;
                    }

        .same-day-delivery h2 {
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 0.4px;
            line-height: 1.39;
            color: #061435;
        }

        .same-day-delivery .date-range,
        .same-day-delivery .faq,
        .same-day-delivery .how-to {
            padding: 10px 20px;
        }

            .same-day-delivery .date-range h2 span {
                text-decoration: underline;
            }

            .same-day-delivery .date-range .info-box {
                max-width: 680px;
                margin: 24px auto;
                line-height: 1.29;
                letter-spacing: 0.4px;
                color: #061435;
                background-position: top 10px left 15px;
            }

        .same-day-delivery .range-table {
            max-width: 835px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 25px;
        }

            .same-day-delivery .range-table > ul {
                list-style-type: none;
                margin: 0 auto;
                margin-bottom: 40px;
                display: block;
                max-width: 310px;
                border: 2px solid #e9eef9;
                border-radius: 4px;
                overflow: hidden;
                padding: 3px;
            }

                .same-day-delivery .range-table > ul > li {
                    vertical-align: top;
                    display: inline-block;
                    font-weight: bold;
                    line-height: normal;
                    letter-spacing: 0.4px;
                    color: #061435;
                    width: 49%;
                    padding: 8px 0;
                    border-radius: 4px;
                    cursor: pointer;
                }

                    .same-day-delivery .range-table > ul > li.active {
                        color: #ffffff;
                        background-color: #061435;
                    }

            .same-day-delivery .range-table .tab-pane {
                display: none;
            }

                .same-day-delivery .range-table .tab-pane.active {
                    display: block;
                }

                .same-day-delivery .range-table .tab-pane > ul {
                    overflow-x: scroll;
                    overflow-y: hidden;
                    white-space: nowrap;
                    list-style-type: none;
                    padding: 0;
                    padding-bottom: 25px;
                    margin: 0;
                    -webkit-overflow-scrolling: touch;
                }

                    .same-day-delivery .range-table .tab-pane > ul > li {
                        display: inline-block;
                        width: 280px;
                        vertical-align: top;
                    }

                        .same-day-delivery .range-table .tab-pane > ul > li + li {
                            margin-left: 14px;
                        }

                .same-day-delivery .range-table .tab-pane .rt-card {
                    text-align: left;
                }

                    .same-day-delivery .range-table .tab-pane .rt-card .card-title {
                        color: #ffffff;
                        line-height: normal;
                        letter-spacing: 0.4px;
                        border-top-left-radius: 5px;
                        border-top-right-radius: 5px;
                        padding: 20px;
                        background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/delivery-bike.svg");
                        background-repeat: no-repeat;
                        background-position: right 10px center;
                        background-size: 74px;
                    }

                        .same-day-delivery .range-table .tab-pane .rt-card .card-title strong {
                            letter-spacing: 0.5px;
                            font-size: 20px;
                            display: block;
                        }

                    .same-day-delivery .range-table .tab-pane .rt-card .card-rows {
                        list-style-type: none;
                        padding: 0;
                        margin: 0;
                        display: block;
                        width: 100%;
                        border-bottom: 2px solid #e9eef9;
                        border-bottom-left-radius: 5px;
                        border-bottom-right-radius: 5px;
                        overflow: hidden;
                    }

                        .same-day-delivery .range-table .tab-pane .rt-card .card-rows > li {
                            display: block;
                            border-left: 2px solid #e9eef9;
                            border-right: 2px solid #e9eef9;
                            padding: 20px;
                            font-size: 13px;
                            background-repeat: no-repeat;
                            background-position: right 20px center;
                            background-size: 28px;
                            min-height: 94px;
                        }

                            .same-day-delivery .range-table .tab-pane .rt-card .card-rows > li:not(.empty):not(:last-child) {
                                border-bottom: 2px solid #e9eef9;
                            }

                            .same-day-delivery .range-table .tab-pane .rt-card .card-rows > li strong {
                                display: block;
                            }

                                .same-day-delivery .range-table .tab-pane .rt-card .card-rows > li strong.large {
                                    margin: 5px 0;
                                    font-size: 16px;
                                }

        .same-day-delivery .faq,
        .same-day-delivery .how-to {
            padding-bottom: 45px;
        }

            .same-day-delivery .how-to ul {
                display: block;
                width: 100%;
                max-width: 1000px;
                margin: 0 auto;
                margin-top: 60px;
                padding: 0;
                list-style-type: none;
            }

                .same-day-delivery .how-to ul > li {
                    display: block;
                    vertical-align: top;
                    padding-top: 156px;
                    background-repeat: no-repeat;
                    background-position: top center;
                    padding-left: 27px;
                    padding-right: 27px;
                }

                    .same-day-delivery .how-to ul > li + li {
                        margin-top: 80px;
                    }

                    .same-day-delivery .how-to ul > li .how-title {
                        font-size: 16px;
                        font-weight: bold;
                        line-height: normal;
                        letter-spacing: 0.4px;
                        color: #061435;
                    }

                    .same-day-delivery .how-to ul > li .how-desc {
                        margin-top: 10px;
                        letter-spacing: 0.4px;
                        color: #333333;
                        line-height: 1.5;
                    }

            .same-day-delivery .faq .loyal-faq {
                padding: 0;
                margin-top: 35px;
            }

/* custom landing-pages special styles */
@media (max-width: 1199px) {
    .landing-canli-yayin h1 {
        padding-right: 26px;
    }
}

@media (min-width: 1200px) {
    .landing-canli-yayin .videoWrapper > iframe {
        min-width: 640px;
        min-height: 480px;
    }
}
/*Author start*/
.article-container {
    width: 100%;
    display: block;
}

    .article-container .article-info {
        margin: 20px 0 !important;
    }

.arcle-item {
    margin: 20px 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0;
}

.article-item-card-left {
    width: 90px;
    margin: 0 auto;
}

    .article-item-card-left img {
        width: 90px;
        height: auto;
        object-fit: cover;
    }

.article-item-card-right {
    text-align: center;
    margin-top: 10px;
}

.card-head {
    font-size: 20px;
    font-weight: bold;
    color: #003366;
}

.card-content {
    font-size: 16px;
    color: #5d5d5d;
    margin: 10px 0;
    line-height: normal;
}

.article-item-card-right ul {
    width: 120px;
    margin: 20px auto;
    padding: 0;
    display: block;
}

.article-item-card-right li {
    float: left;
    margin-right: 5px;
    list-style-type: none;
    text-indent: -9999px;
    border-radius: 50%;
}

    .article-item-card-right li a {
        width: 33px;
        height: 33px;
        display: block;
    }

    .article-item-card-right li:hover {
        opacity: 0.8;
    }

.article-item-card-right .author-twitter {
    width: 33px;
    height: 33px;
    background: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/author_social.png")no-repeat -63px -11px;
}

.article-item-card-right .author-facebook {
    width: 33px;
    height: 33px;
    background: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/author_social.png")no-repeat -3px -11px;
}

.article-item-card-right .author-instagram {
    width: 33px;
    height: 33px;
    background: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/author_social.png")no-repeat -130px -11px;
}
/*Author end*/

.comment-badge {
    float: right;
    margin-top: 3px;
    color: #24914d;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    z-index: -9999;
}

    .comment-badge img {
        filter: invert(46%) sepia(18%) saturate(1663%) hue-rotate(90deg) brightness(95%) contrast(87%);
    }

    .comment-badge .purchased {
        display: inline-block;
        margin: 3px 0px 0px 6px;
        float: right;
    }

.mac-banner {
    background-color: #282828;
    display: none;
}

    .mac-banner img {
        display: block;
        margin: auto;
    }

.mac-popup {
    padding: 30px;
    display: none;
}

    .mac-popup .head-text {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
        font-family: 'Forza-Bold';
        margin-bottom: 30px;
    }

    .mac-popup .form-group:not(:last-child) {
        margin-bottom: 30px;
    }

    .mac-popup .form-group label {
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #6d6e71;
        font-family: 'Open Sans';
    }

        .mac-popup .form-group label + input.form-control {
            border-radius: 4px;
            border: solid 2px #dadce0;
            width: 100%;
            height: 50px;
            padding: 0;
            margin: 0;
        }

    .mac-popup .form-group a {
        border-radius: 4px;
        background-color: #0060d2;
        width: 100%;
        height: 54px;
        font-family: 'Open Sans';
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.mac-popup-success {
    padding: 30px;
    display: none;
}

    .mac-popup-success .success-image {
        margin: 30px 0;
    }

        .mac-popup-success .success-image img {
            margin: 0 auto;
            display: block;
        }

        .mac-popup-success .success-image + .text {
            margin-bottom: 30px;
            font-family: 'Open Sans';
            font-size: 16px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #000000;
            padding: 0 20px;
        }

    .mac-popup-success .form-group {
        width: 100%;
    }

        .mac-popup-success .form-group a {
            border-radius: 4px;
            background-color: #0060d2;
            width: 100%;
            height: 54px;
            font-family: 'Open Sans';
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.mac-popup-status {
    display: none;
    padding: 30px;
}

    .mac-popup-status .returned-message {
        margin-bottom: 30px;
        font-family: 'Open Sans';
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
        padding: 0 20px;
    }

        .mac-popup-status .returned-message + a {
            border-radius: 4px;
            background-color: #0060d2;
            width: 100%;
            height: 54px;
            font-family: 'Open Sans';
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.fancybox-inner .mac-popup-status,
.fancybox-inner .mac-popup-success,
.fancybox-inner .mac-popup {
    display: block;
}

.mac-popup .form-group a:hover,
.mac-popup-success .form-group a:hover,
.mac-popup-status .returned-message + a:hover {
    text-decoration: none;
}

.brand-search-complete {
    position: absolute;
    background: #fff;
    top: -8px;
    left: -8px;
    right: -8px;
    border: 0;
    border-radius: 4px;
    padding: 12px;
    padding-top: 72px;
    z-index: 1000;
    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.4);
    transition: all 200ms;
}

    .brand-search-complete .plink {
        display: block;
        margin: 0 2%;
        margin-bottom: 10px;
    }

        .brand-search-complete .plink + .plink {
            border-top: 1px solid #d5d5d5;
            padding-top: 10px;
        }

        .brand-search-complete .plink .pname {
            font-weight: 700;
            color: #262626;
            display: block;
            width: 100%;
            font-size: 12px;
            margin-bottom: 3px;
        }

        .brand-search-complete .plink .cname {
            display: block;
            width: 100%;
            color: #888887;
            font-size: 11px;
        }

    .brand-search-complete .pmore {
        width: 100%;
        display: block;
        padding: 12px 0;
        font-size: 12px;
        background-color: #FD830C;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
        margin-top: 20px;
        font-weight: 600;
        border-radius: 4px;
    }

.brand-search-visibility {
    margin-top: 20px !important;
    z-index: 1;
}

/*Sitemap BEGIN*/

.sitemap-page .page-title {
    font: bold 18px arial;
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #DDD;
}

    .sitemap-page .page-title.vitaminler-title {
        color: #2d7c4c;
    }

    .sitemap-page .page-title.supplementler-title {
        color: #5495ed;
    }

    .sitemap-page .page-title.fitmoda-title {
        color: #000000;
    }

.sitemap-page .entity {
    margin-bottom: 15px;
}

    .sitemap-page .entity h2 {
        font: bold 17px arial;
        color: #666;
        margin-bottom: 20px;
    }

    .sitemap-page .entity table tr td .category-box .item a {
        font-size: 13px;
        color: #08c;
        margin-bottom: 13px;
        display: block;
    }

/*Sitemap END*/

/* Form Error Classes BEGIN */

.general-form .dikey-group.has-error input,
.general-form .dikey-group.has-error textarea,
.general-form .dikey-group.has-error select {
    border-color: #ff0300 !important;
}

/* Form Error Classes END */

#savedCardsTab:not(.active) a,
#creditCardTab:not(.active) a {
    color: #000;
}

/* AGT Slot BEGIN */

.agt-settings-main .shipping-head sup {
    top: 19px;
    right: 10px;
}

.agt-settings-main .slot-wrapper {
    padding: 20px 20px;
    background-color: #f2f2f2;
    border-radius: 10px;
}

.agt-settings-main .info-row {
    margin-top: 18px;
    margin-top: 18px;
    font-size: 13px;
    line-height: normal;
}

.slot-wrapper .sameday-delivery-list li {
    padding-left: 25px;
    margin-top: 0;
    font-size: 13px;
}

    .slot-wrapper .sameday-delivery-list li:not(.disabled-slot) label {
        font-weight: bold;
        color: #333333;
    }

    .slot-wrapper .sameday-delivery-list li:before {
        width: 13px;
        height: 13px;
        left: 0;
        background-color: transparent;
        border: solid 1px #666;
    }

    .slot-wrapper .sameday-delivery-list li.disabled-slot:before,
    .slot-wrapper .sameday-delivery-list li.disabled-slot label {
        opacity: .5;
    }

    .slot-wrapper .sameday-delivery-list li.selected {
        background-color: transparent;
    }

.nd-standard-shipping {
    padding: 20px 20px 20px 50px !important;
    background-color: #f2f2f2;
    border-radius: 10px;
    display: flex;
    border-top: none !important;
}

    .nd-standard-shipping .li-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 1;
        height: 32px;
    }

    .nd-standard-shipping:first-child {
        margin-bottom: 5px;
    }

    .nd-standard-shipping .li-container .shipping-cost {
        position: relative;
        top: initial;
        left: initial;
        right: initial;
        opacity: 1;
    }

    .nd-standard-shipping:before {
        width: 13px !important;
        height: 13px !important;
        left: 20px !important;
        background-color: transparent !important;
        border: solid 1px #666 !important;
    }

    .nd-standard-shipping.selected {
        background-color: #f2f2f2 !important;
    }

        .nd-standard-shipping.selected:after {
            left: 23px !important;
        }

/* AGT Slot END */
/* Form Error Classes END */

table.shopping-load-table {
    border-collapse: collapse;
    border: 1px solid #000;
    width: 100%;
    margin-bottom: 10px;
}

    table.shopping-load-table tr:not(:last-child) {
        border-bottom: 1px solid #000;
    }

    table.shopping-load-table tr:first-child {
        font-weight: 700;
        background-color: #036acb42;
    }

    table.shopping-load-table tr td {
        padding: 10px;
    }

        table.shopping-load-table tr td:first-child {
            border-right: 1px solid #000;
            width: 60%;
        }

.info-box-shopping {
    width: 100%;
}

.shopping-loan-logo {
    width: 100%;
    margin-bottom: 10px;
}

ul.shopping-loan-list {
    font-size: 1.1em;
    list-style: initial;
}

    ul.shopping-loan-list li {
        margin-bottom: 10px;
    }

#savedCardsTab:not(.active) a,
#creditCardTab:not(.active) a {
    color: #000;
}

.availableForCustomer {
    position: relative;
    overflow: hidden;
}

    .availableForCustomer::after {
        content: "YAKINDA";
        position: absolute;
        left: -20px;
        top: 10px;
        transform: rotate(-45deg);
        background-color: #000;
        color: #fff;
        font-size: 9px;
        padding: 3px 18px;
    }

.progress-ring__circle {
    transition: 0.35s stroke-dashoffset;
    /*    axis compensation*/
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.product-score .score-text {
    display: flex;
}

.score-box {
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

    .score-box .score-name {
        display: block;
        text-align: center;
        font-size: 12px;
        font-weight: bolder;
        margin-bottom: 12px;
        padding: 0px;
        color: #333;
    }

    .score-box .score-percentage {
        position: relative;
        text-align: center;
    }

        .score-box .score-percentage .score-number {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-weight: 400;
            font-size: 16px;
            font-family: Arial;
        }
/* AGT Slot END */

/*nu mobile video styles*/
.overlay-video-thumb {
    margin-left: 10px;
    position: relative;
    background: #fc0;
    display: inline-block;
    width: 100px;
    height: 10px;
    margin-top: 0px;
    left: 50%;
    margin-left: -50px;
}

.fitmoda-video-link {
    background: #383838;
    background: #ebb62d;
    float: left;
    width: 64px;
    height: 58px;
    border-radius: 2px;
    color: #fff;
    position: absolute;
    bottom: 220px;
    left: 50%;
    margin-left: -50px;
}

    .fitmoda-video-link a {
        width: 100px;
        height: 100px;
        position: absolute;
        background: #ffcc00;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        box-shadow: #0047ca4d 0px 0px 4px 1px;
    }

        .fitmoda-video-link a:hover {
            text-decoration: none;
        }

    .fitmoda-video-link span {
        margin-left: 6px;
    }

    .fitmoda-video-link ~ img {
        opacity: 0.3;
    }

.product-slider .slides > li .detail-pp-title {
    background: #000;
    color: #000;
    width: 100%;
    height: 66px;
    position: absolute;
    display: none;
}

.product-slider .slides > li .watch-and-learn {
    /*margin-top: -36px;*/
    position: relative;
}

    .product-slider .slides > li .watch-and-learn .button-overlay {
        display: none;
        position: absolute;
        left: 2px;
        width: 99%;
        top: 58px;
        height: 300px;
        background: rgb(255,0,0,0.3);
        display: none;
    }

.video-content iframe {
    top: 0;
}

.ytp-title-enable-channel-logo .ytp-title-channel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
}

.video-content {
    overflow: hidden;
    display: block;
    height: 349px;
    /*pointer-events: none;*/
}

.product-slider .video-content {
    overflow: visible;
    height: auto;
    margin-bottom: 30px;
}

.add-to-faves {
    transition: all 0.5s
}

    .add-to-faves.faded {
        display: none !important;
        /*top: 50px;
	right: 20px;
	zoom: 0.9;*/
    }

/*nu mobile video styles*/

.mac-banner {
    background-color: #282828;
    display: none;
}

    .mac-banner img {
        display: block;
        margin: auto;
    }

.mac-popup {
    padding: 30px;
    display: none;
}

    .mac-popup .head-text {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
        font-family: 'Forza-Bold';
        margin-bottom: 30px;
    }

    .mac-popup .form-group:not(:last-child) {
        margin-bottom: 30px;
    }

    .mac-popup .form-group label {
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #6d6e71;
        font-family: 'Open Sans';
    }

        .mac-popup .form-group label + input.form-control {
            border-radius: 4px;
            border: solid 2px #dadce0;
            width: 100%;
            height: 50px;
            padding: 0;
            margin: 0;
        }

    .mac-popup .form-group a {
        border-radius: 4px;
        background-color: #0060d2;
        width: 100%;
        height: 54px;
        font-family: 'Open Sans';
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.mac-popup-success {
    padding: 30px;
    display: none;
}

    .mac-popup-success .success-image {
        margin: 30px 0;
    }

        .mac-popup-success .success-image img {
            margin: 0 auto;
            display: block;
        }

        .mac-popup-success .success-image + .text {
            margin-bottom: 30px;
            font-family: 'Open Sans';
            font-size: 16px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #000000;
            padding: 0 20px;
        }

    .mac-popup-success .form-group {
        width: 100%;
    }

        .mac-popup-success .form-group a {
            border-radius: 4px;
            background-color: #0060d2;
            width: 100%;
            height: 54px;
            font-family: 'Open Sans';
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.mac-popup-status {
    display: none;
    padding: 30px;
}

    .mac-popup-status .returned-message {
        margin-bottom: 30px;
        font-family: 'Open Sans';
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
        padding: 0 20px;
    }

        .mac-popup-status .returned-message + a {
            border-radius: 4px;
            background-color: #0060d2;
            width: 100%;
            height: 54px;
            font-family: 'Open Sans';
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.fancybox-inner .mac-popup-status,
.fancybox-inner .mac-popup-success,
.fancybox-inner .mac-popup {
    display: block;
}

.mac-popup .form-group a:hover,
.mac-popup-success .form-group a:hover,
.mac-popup-status .returned-message + a:hover {
    text-decoration: none;
}

.brand-search-complete {
    position: absolute;
    background: #fff;
    top: -8px;
    left: -8px;
    right: -8px;
    border: 0;
    border-radius: 4px;
    padding: 12px;
    padding-top: 72px;
    z-index: 1000;
    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.4);
    transition: all 200ms;
}

    .brand-search-complete .plink {
        display: block;
        margin: 0 2%;
        margin-bottom: 10px;
    }

        .brand-search-complete .plink + .plink {
            border-top: 1px solid #d5d5d5;
            padding-top: 10px;
        }

        .brand-search-complete .plink .pname {
            font-weight: 700;
            color: #262626;
            display: block;
            width: 100%;
            font-size: 12px;
            margin-bottom: 3px;
        }

        .brand-search-complete .plink .cname {
            display: block;
            width: 100%;
            color: #888887;
            font-size: 11px;
        }

    .brand-search-complete .pmore {
        width: 100%;
        display: block;
        padding: 12px 0;
        font-size: 12px;
        background-color: #FD830C;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
        margin-top: 20px;
        font-weight: 600;
        border-radius: 4px;
    }

.brand-search-visibility {
    margin-top: 20px !important;
    z-index: 1;
}

/*Sitemap BEGIN*/

.sitemap-page .page-title {
    font: bold 18px arial;
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #DDD;
}

    .sitemap-page .page-title.vitaminler-title {
        color: #2d7c4c;
    }

    .sitemap-page .page-title.supplementler-title {
        color: #5495ed;
    }

    .sitemap-page .page-title.fitmoda-title {
        color: #000000;
    }

.sitemap-page .entity {
    margin-bottom: 15px;
}

    .sitemap-page .entity h2 {
        font: bold 17px arial;
        color: #666;
        margin-bottom: 20px;
    }

    .sitemap-page .entity table tr td .category-box .item a {
        font-size: 13px;
        color: #08c;
        margin-bottom: 13px;
        display: block;
    }

/*Sitemap END*/

/* Form Error Classes BEGIN */

.general-form .dikey-group.has-error input,
.general-form .dikey-group.has-error textarea,
.general-form .dikey-group.has-error select {
    border-color: #ff0300 !important;
}

/* Form Error Classes END */
/* ORDER PAGE NEW DESIGN START*/

:focus {
    outline: none !important;
}

.contentpage-fullcontent .result {
    padding: 10px 20px;
}

.contentpage-fullcontent .backandcontinue {
    margin: 10px 0;
}

    .contentpage-fullcontent .backandcontinue .black {
        background: #ccc;
        padding: 5px 20px;
    }

.customer-orders .page-large-title h1,
.orders-wrapper .cart-product-store h1 {
    color: #000;
    font-size: 1.22em;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.orders-wrapper .cart-product-store {
    width: 100%;
    padding: 30px;
    border-radius: 4px;
    border: solid 1px #e4e4e4;
    box-sizing: border-box;
    margin: 30px 0;
    box-shadow: 0 4px 10px 0 rgba(196, 196, 196, 0.44);
}

    .orders-wrapper .cart-product-store h1 {
        color: #000;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }

.orders-wrapper .product-list h1 {
    color: #255087;
}

.orders-wrapper {
    width: 100%;
    margin: 20px auto 40px;
    padding: 0 20px;
    box-sizing: border-box;
    letter-spacing: -0.2px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
}

    .orders-wrapper .f13 {
        font-size: 13px;
    }

    .orders-wrapper .light-gray {
        color: #616161;
    }

    .orders-wrapper .imgHolder {
        width: 70px;
        height: 70px;
        display: inline-block;
        overflow: hidden;
        box-sizing: border-box;
        border: 1px #ebebeb solid;
    }

        .orders-wrapper .imgHolder img {
            width: 70px;
            height: 70px;
            margin: 0px;
        }

    .orders-wrapper li {
        list-style: none;
    }

    .orders-wrapper .product-list .vote a {
        color: #ed4500;
        font-weight: 700;
        font-size: 13px;
        margin-top: 15px;
        display: inline-block;
        background: url(/Themes/mobile/Supplementler/Content/images/star3.svg) no-repeat 0px 0px #ccc0;
        background-size: 10.3%;
        text-indent: 25px;
        display: inline-block;
        height: 16px;
        line-height: 17px;
    }

    .orders-wrapper .product-list em a {
        color: #006dda;
        font-size: 15px;
        font-weight: 500;
    }

    .orders-wrapper .product-list ul {
        display: block;
    }

        .orders-wrapper .product-list ul li {
            border-bottom: 1px solid #ebebeb;
            padding: 20px;
        }

            .orders-wrapper .product-list ul li:first-of-type {
                padding-top: 0;
            }

    .orders-wrapper.details .order-details-box {
        color: #000;
        height: 100%;
        font-size: 14px;
    }

    .orders-wrapper.details .bg-gray {
        background: #f0f0f0;
    }

    .orders-wrapper.details .ot-text {
        font-size: 14px;
        line-height: 16px;
        overflow-wrap: break-word;
    }

        .orders-wrapper.details .ot-text .free-cargo {
            color: #28a745;
        }

    .orders-wrapper.details .f12 {
        font-size: 12px;
    }

    .orders-wrapper.details .cart-product-store {
        padding: 0;
        margin: 20px 0 0 0;
    }

    .orders-wrapper.details .center {
        margin-top: 40px;
    }

    .orders-wrapper.details .cart-product-store:first-of-type {
        margin-top: 0;
        padding: 20px;
    }

    .orders-wrapper.details .product-images {
        margin-top: 0;
        width: 100%;
    }

    .orders-wrapper.details .totals-node.flex .text-node {
        text-align: left;
    }

    .orders-wrapper.details .last a,
    .orders-wrapper.details .last input {
        display: block;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    .orders-wrapper.details p {
        font-size: 14px;
        margin-top: 15px;
        overflow-wrap: break-word;
    }

        .orders-wrapper.details p:first-of-type {
            margin-top: 0;
        }

        .orders-wrapper.details p.od-text,
        .order-total p.ot-text {
            font-size: 13px;
            font-weight: 400;
        }

            .orders-wrapper.details p.od-text b,
            .order-total p.ot-text b {
                font-size: 13px;
                font-weight: 500;
            }

            .order-total p.ot-text:last-of-type > span {
                font-weight: 500;
            }

            .order-total p.ot-text:last-of-type b {
                font-weight: 800;
            }

.order-total p.ot-text {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    padding: 15px 0;
}

    .order-total p.ot-text:first-of-type {
        padding-top: 0;
    }

    .order-total p.ot-text:last-of-type {
        border: 0 none;
        padding-bottom: 0;
    }

.orders-wrapper.details .order-status {
    font-size: 15px;
    margin-top: 10px;
}

.orders-wrapper .order-status {
    font-weight: 600;
}

.orders-wrapper .cargo-status {
    letter-spacing: -0.5px;
}

.orders-wrapper .order-total,
.orders-wrapper .order-shipment,
.orders-wrapper .order-payment-type,
.orders-wrapper .order-cargo-type {
    padding: 20px;
}

.orders-wrapper .top-row,
.orders-wrapper .bottom-row,
.orders-wrapper .button-row {
    float: left;
    width: 100%;
}

    .orders-wrapper .top-row div label {
        margin-bottom: 20px;
        display: inline-block;
        font-size: 13px;
        padding-top: 2px;
    }

.orders-wrapper .totals-node.flex .text-node {
    text-align: center;
}

.orders-wrapper .totals-node .text-node p {
    margin: 0;
    margin-top: 10px;
    line-height: 13px;
    color: #333333;
}

    .orders-wrapper .totals-node .text-node p:last-of-type,
    .orders-wrapper.details .oldprice {
        font-size: 17px;
        font-weight: 800;
        letter-spacing: -0.04em;
        margin-top: 6px;
        color: #ff0000;
    }

.orders-wrapper .last .btn-primary, .orders-wrapper .last .btn-outline-primary {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    text-indent: 10px;
    padding: 15px 5px;
    fill: #fff;
}

.btn-nu.btn-outline-primary {
    color: #007bff;
    background-color: white;
    background-image: none;
    border: 1px solid transparent;
    border-color: #007bff;
    margin-top: 10px;
}

    .btn-nu.btn-outline-primary:hover, .btn-nu.btn-outline-primary:focus {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-nu.btn-outline-primary .ico-arrow {
        fill: #007bff;
    }

    .btn-nu.btn-outline-primary.disabled,
    .btn-nu.btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-nu.btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-nu.btn-outline-primary:not(:disabled):not(.disabled):active, .show >
    .btn-nu.btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
    }

        .btn-nu.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .btn-nu.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show >
        .btn-nu.btn-outline-primary.dropdown-toggle:focus {
            box-shadow: none;
        }


.btn-nu.btn-outline-primary.icon:hover svg {
    fill: white;
    color: white;
}


.orders-wrapper .order-content {
    width: 100%;
    border-radius: 4px;
    border: solid 1px #e4e4e4;
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
    margin: 0 0 30px 0;
    box-shadow: 0 4px 10px 0 rgb(196 196 196 / 44%);
}

    .orders-wrapper .order-content p {
        margin-bottom: 10px;
        padding-top: 3px;
    }

        .orders-wrapper .order-content p:last-of-type {
            margin-bottom: 0;
            margin-top: 11px;
        }

    .orders-wrapper .order-content .date {
        color: #616161;
        margin-top: 12px;
    }

    .orders-wrapper .order-content .top-row {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .orders-wrapper .order-content .top-row div:first-of-type {
            float: left;
            /*background:#ebebeb;*/
        }

        .orders-wrapper .order-content .top-row div:last-of-type {
            float: right;
            /*background:#dcdcdc;*/
        }

.product-images {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    font-size: 0;
    float: left;
    margin: 15px 0;
}

    .product-images ul {
        margin: 0;
    }

    .product-images li {
        vertical-align: middle;
        display: inline-block;
        width: auto;
        height: 70px;
        margin: 0 4px;
        border: solid 1px #fdfdfd;
    }

        .product-images li:first-of-type {
            margin-left: 0;
        }

        .product-images li .cue {
            border: 0px none;
            height: 70px;
        }

    .product-images .cue {
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 600;
        width: auto;
    }

    .product-images .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .product-images .cue > div {
        display: inline-block;
        vertical-align: middle;
    }

    .product-images .cue .count-rect {
        width: 33px;
        height: 70px;
        padding: 0 6px;
        background: #e4e4e4;
        border: 0 none;
        box-sizing: border-box;
    }

        .product-images .cue .count-rect span {
            font-size: 13px;
            margin-top: 26px;
            display: inline-block;
            width: 100%;
            text-align: center;
            font-weight: 700;
        }

/* order state styles*/
.order-state-icon {
    background: url("/Themes/mobile/Supplementler/Content/img/pending.svg") no-repeat center center;
    width: 20px;
    height: 20px;
    height: 20px;
    vertical-align: top;
    display: inline-block;
    margin-top: -5px;
    margin-left: -4px;
}

    .order-state-icon.icon-10 {
        background-image: url("/Themes/mobile/Supplementler/Content/img/pending.svg");
    }

    .order-state-icon.icon-20 {
        background-image: url("/Themes/mobile/Supplementler/Content/img/processing.svg");
    }

    .order-state-icon.icon-30 {
        background-image: url("/Themes/mobile/Supplementler/Content/img/complete.svg");
    }

    .order-state-icon.icon-40 {
        background-image: url("/Themes/mobile/Supplementler/Content/img/cancelled.svg");
    }

    .order-state-icon.icon-50 {
        background-image: url("/Themes/mobile/Supplementler/Content/img/packaging.svg");
    }

    .order-state-icon.icon-60 {
        background-image: url("/Themes/mobile/Supplementler/Content/img/returned.svg");
    }

    .order-state-icon.icon-70 {
        background-image: url("/Themes/mobile/Supplementler/Content/img/partialreturn.svg");
    }

    .order-state-icon.icon-80 {
        background-image: url("/Themes/mobile/Supplementler/Content/img/failed.svg");
    }

.color-10 { /*pending*/
    color: #013c77;
}

.color-20 { /*processing*/
    color: #28a745;
}

.color-30 { /*complete*/
    color: #1a1a1a;
}

.color-40,
.color-80 { /*cancelled*/
    color: #ef0000;
}

.color-50 { /*packaging*/
    color: #000;
}

.color-60,
.color-70 { /*returned*/
    color: #003367;
}

.wide {
    padding: 14px 30px !important;
}
/* order state styles end*/

/*order action bar start*/

.action-bar {
    width: 100%;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 20px;
}

    .action-bar ul {
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .action-bar ul li {
            display: inline-block;
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .action-bar ul li:last-of-type {
            }

/*order action bar end*/

/** order details nu-style start*/
.order-details.nu-style {
    width: 100%;
    margin-top: 20px;
}

.nu-style .inv_content .page-title {
    padding-left: 0px;
    margin-top: 10px;
}

.nu-style .inv_left_panel {
    border-bottom: 1px #e4e4e4 solid;
    border-right: 1px #e4e4e4 solid;
}

.nu-style .catalog_path {
    float: left;
    width: 100%;
    margin: 0;
    padding: 11px 0;
    background: #fff;
    height: auto;
    font-family: 'Open Sans';
    border-bottom: 1px solid #e8e8e8;
}

.nu-style .span9 {
    margin: 0;
}

    .nu-style .span9 .catalog_path {
        margin-left: 10px;
        box-sizing: border-box;
        width: calc(100% - 20px);
    }

        .nu-style .span9 .catalog_path p {
            margin: 0;
            padding: 9px 0;
        }

.nu-style .catalog_path .chevron {
    width: 4px;
    height: 6px;
}

.nu-style .page-title {
    letter-spacing: -0.5px;
    margin: 30px 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    width: 200px;
    float: left;
    border: none 0;
    color: #000;
}

.nu-style.header-features a {
    padding: 7px 15px;
}

.nu-style .inv_left_panel ul.menufilter {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.nu-style .inv_left_panel .dmt {
    color: #B3B3B3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 15px 0 20px 7px;
}

.top-ui-wrapper {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 0;
}

/** order details nu-style end*/

.ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    stroke-width: 0;
    stroke: currentColor;
    /*fill: currentColor;*/
    vertical-align: top;
    margin-top: -1px;
}

.ico-arrow {
    margin-top: 2px;
    height: 11px;
    margin-left: 6px;
}

.cleanbutton {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

/* new ui elements-start */

.btn-nu {
    color: #fff;
    position: relative;
    font-family: "Open Sans", sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    min-width: 146px;
    padding: 16px 12px;
    border-radius: 2px;
    background-image: none;
    background-color: #0080f9;
    text-shadow: none;
    box-shadow: none;
    border: none 0;
}

    .btn-nu.link {
        background: transparent;
        /*color: #006dda;*/
        padding-bottom: 4px;
    }

        .btn-nu.link.footer {
            padding-top: 2px;
        }



    .btn-nu svg {
        /*fill: #ffcc00;*/
    }




    .btn-nu.link.btn-return {
        /*background: url('/Themes/mobile/Supplementler/Content/img/arrow-right.svg') no-repeat 81% 17px scroll;*/
        background-color: transparent;
        width: 170px;
        text-align: left;
    }

    .btn-nu .ico-arrow {
        fill: inherit;
    }

    .btn-nu:hover {
        color: #fff;
        background-color: #2495ff;
    }

.btn-focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline-color: #17528b;
}

.btn-nu.active, .btn-nu:active {
    background-color: #2495ff;
    color: #fff;
}

.btn-nu span {
    color: #fff;
}

.btn-nu.link span {
    color: inherit;
}

.btn-secondary {
    background-color: #ed4500;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
        background-color: #ff4900;
    }

.btn i {
    display: none;
}

.btn.icon i {
    display: inline-block;
    background: url('/Themes/Supplementler/Content/img/arrow-right.svg') no-repeat top left;
    width: 17px;
    height: 12px;
    margin-left: 12px;
    margin-right: 0;
    vertical-align: middle;
    filter: grayscale(1) brightness(5);
}

    .btn.icon i.back-arrow {
        display: inline-block;
        transform: scale(-1);
        margin-left: 0;
        margin-right: 3px;
        filter: none;
    }

.btn-link {
    background: transparent !important;
    padding: 0 4px;
}

    .btn-link span {
        color: #333;
    }

    .btn-link:hover {
        color: #2495ff;
        text-decoration: underline;
    }

.btn-nu:focus {
    background-color: #2495ff;
}

.btn-link:focus {
    background-color: inherit;
}


.btn-text {
    cursor: pointer;
    background: none;
    display: inline-block;
    padding: 0;
    text-align: left;
    vertical-align: sub;
    width: auto;
    margin: 0px;
    font-size: 13px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
}

    .btn-text:active,
    .btn-text:focus,
    .btn-text:hover {
        background: transparent;
        color: #ef0000;
        text-decoration: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .btn-text .name {
        padding-left: 10px;
        padding-left: 10px;
        display: inline-block;
        margin-top: 4px;
    }

.filter-blue {
    /*filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);*/
    filter: invert(0.65) sepia(1) saturate(5) hue-rotate(190deg);
}

.center {
    text-align: center;
}

.customer-orders #toggleOrders {
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
}

/* new ui elements-end */


/* ORDER PAGE NEW DESIGN END*/

/* RATING NEW DESIGN START*/
.add-new-comment .information.dikey-form .form-group.horizontal {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin: 12px 0;
}

.dikey-form .horizontal label {
    padding: 0 10px;
    font-size: 13px;
    font-weight: 600;
    margin: 0 !important;
}

.dikey-form .horizontal * {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
}

.add-new-comment #addproductreviewform AddProductReview_Title,
.add-new-comment #addproductreviewform AddProductReview_ReviewText {
    font-family: 'Open Sans' !important;
    border-radius: 3px;
    resize: none;
}

.dikey-popup.nu-mobile.small-screen {
    top: 0 !important;
    left: 0 !important;
}

.dikey-popup.nu-mobile #addproductreviewform .rating-group {
    margin-bottom: 20px;
}

.dikey-popup.nu-mobile #addproductreviewform .form-group:first-of-type label {
    /*display: none;*/
}

.dikey-popup.nu-mobile .fancybox-wrap {
    top: 0 !important;
    left: 0 !important;
    width: 320px;
}

.dikey-popup.nu-mobile .fancybox-skin,
.dikey-popup.nu-mobile .fancybox-outer,
.dikey-popup.nu-mobile .fancybox-inner {
    border-radius: 0 !important;
    background-color: #fff;
}

.dikey-popup.nu-mobile .fancybox-inner {
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
}

    .dikey-popup.nu-mobile .fancybox-inner .product-title {
        margin: 0 0 15px 0;
        width: calc(100% - 30px);
        width: calc(100% - 30px);
        font-size: 15px;
        font-weight: 800;
        line-height: 18px;
        color: #013c77;
    }

.dikey-popup.nu-mobile .fancybox-close {
    padding: 0px;
    height: 22px;
    width: 22px;
    top: 20px;
    right: 20px;
    background: url(./Themes/mobile/Supplementler/content/images/test.png) no-repeat top left scroll;
}

.dikey-popup.nu-mobile .add-new-comment {
    display: block;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 0px;
    position: relative;
    z-index: 10;
    background: #fff;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 0;
    padding: 20px;
}

    .dikey-popup.nu-mobile .add-new-comment .form-group > label,
    .dikey-popup.nu-mobile .new-comment-title {
        /*display:none;*/
        margin-bottom: 8px;
    }

    .dikey-popup.nu-mobile .add-new-comment input[type="text"] {
        height: 48px;
    }

    .dikey-popup.nu-mobile .add-new-comment .form-group + .form-group {
        margin-top: 20px;
    }

    .dikey-popup.nu-mobile .add-new-comment textarea {
        min-height: 90px;
    }

.dikey-popup.nu-mobile .new-comment-title {
    display: none;
}

.dikey-popup.nu-mobile .mrate-type + .mrate-type {
    margin: 0 !important;
}

.dikey-popup.nu-mobile .fa-star {
    font-size: 20px;
}

.dikey-popup.nu-mobile #add-review {
    margin-top: 0px;
    border-radius: 2px;
    width: 172px;
    background: #f73d04;
}

.dikey-popup.nu-mobile #addproductreviewform ul > li {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    font-size: 20px;
    cursor: pointer;
}

.dikey-popup.nu-mobile .fancybox-lock {
    margin-right: 0 !important;
}

.cb-hit-styled {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fff;
    position: relative;
    margin-left: -13px;
    border: 1px solid #bdbdbd;
    margin-left: -20px;
    right: -17px;
    border-radius: 5px;
    pointer-events: none;
    margin-top: -9px;
}

    .cb-hit-styled.checked {
        border: 5px solid #006dda;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
    }

.cb-hidden {
    opacity: 0.1;
}

.alertify {
    position: relative;
    z-index: 16000005;
}

/* RATING NEW DESIGN END*/


.custom-gift-title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    .custom-gift-title h1 {
        font-size: 1.4em !important;
    }

.social-proof {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(to bottom, #fcfcfc, #f6f6f6);
    height: 110px;
    padding: 0 15px;
}

    .social-proof.fitmoda-proof {
        margin-bottom: 15px;
    }

    .social-proof .sp-rates {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }

        .social-proof .sp-rates > .rate {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            width: 33.333%;
        }

            .social-proof .sp-rates > .rate img {
                margin-bottom: 10px;
            }

            .social-proof .sp-rates > .rate .sp-rate-info {
                text-align: center;
            }

                .social-proof .sp-rates > .rate .sp-rate-info > div:first-child {
                    font-size: 22px;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1;
                    letter-spacing: normal;
                    color: #464646;
                    margin-bottom: 5px;
                }

                    .social-proof .sp-rates > .rate .sp-rate-info > div:first-child span {
                        font-size: 14px;
                        display: contents;
                    }

                .social-proof .sp-rates > .rate .sp-rate-info > div:last-child {
                    font-size: 11px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #464646;
                }


/* Login */
#captchaSwitchDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
/*.alisveris-kredisi-info {
    border-radius: 4px;
    padding: 8px;
    margin: 15px 0px;
    background-color: rgba(0, 55, 112, 0.08);
    font-weight: 500;
    border: solid 1px rgba(51, 51, 51, 0.1);
}*/

/* Global */
.through {
    text-decoration: line-through;
}

.shipping-head .through, .checkout-order-totals .through, .loyal-faq .through, .order-totals-small .through {
    margin-right: 5px;
}

/*Live Maps*/

.autocomplete-results {
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    display: none;
    background-color: white;
    width: 320px;
    padding: 0;
    list-style-type: none;
    margin: 0 auto;
    border: 1px solid #d2d2d2;
    border-top: 0;
    box-sizing: border-box;
    z-index: 1;
    width: 95%;
    top: 55px;
}

.autocomplete-item {
    padding: 5px 5px 5px 35px;
    height: 35px;
    line-height: 26px;
    border-top: 1px solid #d9d9d9;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.autocomplete-icon {
    display: block;
    position: absolute;
    top: 7px;
    bottom: 0;
    left: 8px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

    .autocomplete-icon.icon-localities {
        background-image: url(https://images.woosmap.com/icons/locality.svg);
    }

.autocomplete-item:hover .autocomplete-icon.icon-localities {
    background-image: url(https://images.woosmap.com/icons/locality-selected.svg);
}

.autocomplete-item:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.autocomplete-results::after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 18px;
    box-sizing: border-box;
    text-align: right;
    display: block;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 14px
}

.summary-deliver-wrapper {
    border: 1px solid white;
    border-radius: 4px;
    position: relative;
}

    .summary-deliver-wrapper select {
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        padding-bottom: 10px !important;
    }


    .summary-deliver-wrapper.active select {
        opacity: 1;
    }

    .summary-deliver-wrapper.active .summary-deliver-other-address-selection-btn {
        opacity: 0;
    }

.summary-deliver-title {
    display: flex;
    align-items: center;
}

.summary-deliver-address-shower {
    display: flex;
    width: 100%;
    flex-direction: row;
    border-top: 1px solid #e4e4e5;
    padding: 12px 0 0;
}

.summary-choosen-icon-wrapper {
    width: 20%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.summary-choosen-icon {
    border: 7px solid white;
    border-radius: 50%;
    width: 26.7px;
    height: 26.7px;
}

.summary-chosen-address-text-wrapper {
    width: 70%;
}

.summary-deliver-address-detail {
    line-height: 1.4;
}

.summary-chosen-address-text-wrapper {
    font-size: 12px;
}

.summary-first-last-name-phone {
    line-height: 2;
}

.summary-address-edit-btn {
}

.summary-deliver-address-title {
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0px;
}

.summary-currently-supp-deliver-wrapper {
    border-color: #94acc8;
    background-color: #f3f9ff;
}

.summary-currently-vit-deliver-wrapper {
    border-color: #c4e4d3;
    background-color: #f1f8f4;
}

.useSameAddressForBillingContainer {
    background-color: #F3F9FF;
    border: 1px solid #e8e8e8;
    padding: 10px;
    margin-top: 10px;
    border-radius: 4px;
    margin-bottom: 10px !important;
}

.summary-currently-fit-deliver-wrapper {
    border-color: #e8e8e8;
    background-color: #f9f9f9;
}

.summary-deliver-address-container {
    padding: 0px 0px;
    margin: 0px 0px;
    margin-top: 0px;
}

.summary-currently-supp-deliver-wrapper .summary-new-address-add {
    background-color: rgb(37, 80, 135);
    color: white;
    display: flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 2px;
}

.summary-currently-vit-deliver-wrapper .summary-new-address-add {
    background-color: #27a745;
    color: white;
    display: flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 4px;
}

.summary-currently-fit-deliver-wrapper .summary-new-address-add {
    background-color: #27a745;
    color: white;
    display: flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 4px;
}

.summary-address-addition-symbol {
    font-size: 20px;
    padding-right: 4px;
}

.summary-deliver-other-address-selection-btn {
    padding: 12px 10px 12px;
    font-size: 12px;
    color: black;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #e4e4e5;
}

.currently-supp-checkbox-wrapper .dikey-checkbox:not(:checked) + label:before {
    border: 2px solid #255087;
    border-radius: 4px;
    background-color: white;
    top: -2px;
}

.currently-supp-checkbox-wrapper {
    padding: 15px;
    border: 1px solid #94acc8;
    border-radius: 4px;
    margin-top: 15px;
}

    .currently-supp-checkbox-wrapper span {
        font-size: 12px;
        font-weight: 500;
        color: #000000;
    }

    .currently-supp-checkbox-wrapper.active {
        background-color: #f3f9ff;
    }

.currently-vit-checkbox-wrapper .dikey-checkbox:not(:checked) + label:before {
    border: 2px solid #0D7E41;
    border-radius: 4px;
    background-color: white;
    top: -2px;
}

.currently-vit-checkbox-wrapper {
    padding: 15px;
    border: 1px solid #c4e4d3;
    border-radius: 4px;
    margin-top: 15px;
}

    .currently-vit-checkbox-wrapper.active {
        background-color: #f1f8f4;
    }

    .currently-vit-checkbox-wrapper .dikey-checkbox:checked + label:before {
        background-color: #0D7E41;
    }

.currently-fit-checkbox-wrapper .dikey-checkbox:not(:checked) + label:before {
    border: 2px solid rgb(253, 131, 11);
    border-radius: 4px;
    background-color: white;
    top: -2px;
    background-image: none;
}

.currently-fit-checkbox-wrapper {
    padding: 15px;
    border: 1px solid #e4e4e5;
    border-radius: 4px;
    margin-top: 15px;
    background-color: white;
}

    .currently-fit-checkbox-wrapper.active {
        background-color: #f9f9f9;
    }

/* Sticky Popup Start*/
.message-popup-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1002;
    background: #000;
    opacity: 0.5;
}

.message-popup {
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: -100%;
    padding: 24px;
    z-index: 1003;
    opacity: 0;
    min-height: 70px;
    max-height: 120px;
    height: fit-content;
    box-shadow: 0 2px 15px 0 rgba(50, 47, 47, 0.25);
    border-radius: 0 0 8px 8px;
}

    .message-popup .close {
        display: flex;
        justify-content: flex-end;
    }

    .message-popup .content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .message-popup .success-status {
        background-color: #00a13a;
        width: 22px;
        height: 22px;
        flex-grow: 0;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        min-width: 22px;
    }

    .message-popup .error-status {
        background-color: #d20000;
        width: 22px;
        height: 22px;
        flex-grow: 0;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        min-width: 22px;
    }

    .message-popup .sticky-message-txt {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        text-align: left;
        color: #333;
    }

/*Sticky Popup End*/
/*rating bar*/
.grad-rate-color {
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/star-off-new-2.png");
    background-repeat: repeat-x;
    position: relative;
    margin: 0 auto;
}

.absolute-grad {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.rate-general {
    background-position: top left;
    background-repeat: repeat-x;
}

.rate-danger {
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/star-red-2.png");
}

.rate-warning {
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/star-yellow-2.png");
}

.rate-success {
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/star-on-new-2.png");
}

.rate-success-2 {
    background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/star-on-new-2.png");
}


/*rating bar end*/
.product-button {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 12px 12px 12px;
    border-radius: 4px;
    box-sizing: border-box;
    border: solid 1px #282828;
    cursor: pointer;
}

    .product-button .product-button-text {
        height: 22px;
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #181616;
    }

    @media (max-width: 320px) {
        .product-button .product-button-text {
            font-size: 14px;
        }
    }

.top-product .slides .product-div {
    width: 90%;
    margin-left: 10px;
}

.price-filter-range {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

    .price-filter-range input[type=text] {
        width: 65px;
        height: 30px;
        border: 1px solid #ccc !important;
        outline: 0 !important;
        background: 0 0;
        box-shadow: none;
        border-radius: 3px;
        font-size: 12px;
        text-align: center;
        position: relative;
        margin: 10px;
        flex: 1;
    }

    .price-filter-range .range-divider {
        width: 5px;
        height: 1px;
        background-color: #ccc;
        margin: 5px;
    }
.cart .basket-gift-button {
    border-radius: 4px;
    border: solid 1px #f3f3f3;
    padding: 10px 8px;
    cursor: pointer;
    display: flex;
}

    .cart .basket-gift-button .gift-title {
        text-align: left;
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        color: #464646;
    }
    .cart .basket-gift-button .gift-explain {
        font-family: Open Sans;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.15px;
        text-align: left;
        color: #464646;
    }
.m-popup .basket-gift-popup .gift-title {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.22px;
    text-align: left;
    color: #222426;
    margin-bottom: 6px;
}
.m-popup .basket-gift-popup .gift-explain {
    font-family: Open Sans;
    font-size: 12px;
    letter-spacing: -0.17px;
    text-align: left;
    color: #000;
    margin-bottom: 12px;
}

.m-popup .basket-gift-popup .gift-options {
    padding: 16px;
    border: solid 1px #f3f3f3;
    max-height: 360px;
    overflow-y: auto;
}

    .m-popup .basket-gift-popup .gift-options .gift {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        .m-popup .basket-gift-popup .gift-options .gift .gift-image {
            width: 88px;
            height: 88px;
            flex-shrink: 0;
        }
        .m-popup .basket-gift-popup .gift-options .gift .gift-text {
            font-family: Open Sans;
            width: 100%;
            margin: 0 6px;
            line-height: 1.4;
            font-size: 12px;
            font-weight: 600;
            text-align: left;
            color: #000;
        }
        .m-popup .basket-gift-popup .gift-options .gift .btn {
            border: none;
            width: 55px;
            height: 35px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            background-color: #f73d04;
            font-family: Open Sans;
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            color: #fff;
            flex-shrink: 0;
        }

.product-video {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 78px;
    height: 23px;
    border-radius: 4px;
    line-height: 2.38;
    box-shadow: 0 2px 4px 0 rgba(39, 35, 35, 0.1);
    background-image: linear-gradient(to right, #fccb9b 0%, #faefe5 100%);
    font-family: 'Nunito Sans';
    font-size: 8px;
    font-weight: bold;
    position: absolute;
    left: 6px;
    bottom: 8px;
    color: #333;
}
    .product-video img {
        margin-left:1px;
        width: 13px !important;
        height: 13px !important;
    }

.payment-logo {
    width: 100%;
    background-color: #fefefe;
    display: flex;
    justify-content: center;
}

    .payment-logo ul {
        display: flex;
        margin: 25px 10px;
        justify-content: center;
        flex-wrap: wrap;
        gap: 9px;
    }

        .payment-logo ul li,
        .payment-logo ul li img {
            height: 24px;
            width: auto;
        }

.search-complete .price {
    flex-shrink: 0;
    font-size: 12px;
    color: #f73d04;
    font-weight: 700;
}

    .search-complete .price .product-original-price {
        margin-right: 5px;
        font-weight: bold;
        color: #6a6a6a;
        position: relative;
    }

        .search-complete .price .product-original-price::after {
            position: absolute;
            content: "";
            height: 1px;
            width: 100%;
            background-color: #6a6a6a;
            left: 0;
            top: 50%;
        }
.search-complete .stockout-product {
    flex-shrink: 0;
    font-size: 12px;
    color: #6a6a6a;
    font-weight: 700;
}

 .topic-cerezaydinlatmametni-mobile table {
    display: flex;
    overflow: auto;
    max-width: 95vw;
    margin: 0px;
    padding: 0px !important;
}
    .topic-cerezaydinlatmametni-mobile table .bodyWrapper .static-wrapper table{
        border:unset;
    }

.static-wrapper .page-content h1 {
    font-size: 1.30em;
    line-height: 1.7;
    margin: 10px 0;
}

.static-wrapper .page-content h2 {
    font-size: 1.20em;
    margin: 10px 0;
}

.static-wrapper .page-content h3 {
    font-size: 1em;
}

.topic-cerezaydinlatmametni-mobile table {
    margin:15px 0;
}

.topic-calisanadayiaydinlatmametni-mobile table {
    display: flex;
    overflow: auto;
    max-width: 95vw;
    padding: 0 !important;
    margin: 15px 0;
}
.static-wrapper ul li {
    margin-bottom: 5px;
    line-height: 1.5;
}


.cart .cart-content .cc-div .prices {
    display: flex;
    flex-direction: column;
}


    .cart .cart-content .cc-div .prices .cc-old-price {
        font-family: Open Sans;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #f73d04;
        text-decoration: line-through;
    }

/* Shoping Cart Loyality progress start*/
.shoping-cart-loyality-program {
    font-family: Open Sans;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

    .shoping-cart-loyality-program .loyality-header {
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .shoping-cart-loyality-program .loyality-header h3 {
            font-family: Open Sans;
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #16355b;
        }

        .shoping-cart-loyality-program .loyality-header #discountRule-trigger {
            text-align: center;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            justify-content: end;
            display: flex;
            align-items: center;
        }

    .shoping-cart-loyality-program .loyality-progress-container {
        border-radius: 4px;
        box-shadow: 0 4px 4px 0 rgba(30, 27, 27, 0.1);
        border: solid 1px #eaeaea;
        background-color: #fefefe;
    }

        .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar {
            margin: 10px 20px;
            margin-top: 36px;
            position: relative;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
        }

            .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyatliy-progress {
                position: absolute;
                width: 100%;
                height: 10px;
                background-color: #c5cbd4;
                top: 50%;
                transform: translateY(-50%);
            }

                .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyatliy-progress .loyatliy-progress-level {
                    content: "";
                    position: absolute;
                    height: 10px;
                    width: 70%;
                    border-radius: 70px;
                    background-color: #16355b;
                }

            .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level {
                position: relative;
                border-radius: 50%;
                width: 20px;
                height: 20px;
                flex-grow: 0;
                border: solid 1px #979ea8;
                background-color: #c5cbd4;
                display: flex;
                z-index: 10;
                align-items: center;
                justify-content: center;
            }

                .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level .loyality-acitve-icon,
                .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level .loyality-acitve-icon svg {
                    display: none;
                    width: 14px;
                    height: 15px;
                }

                .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level.active {
                    border: solid 1px #3e75bc;
                    background-color: #16355b;
                }

                    .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level.active .loyality-acitve-icon,
                    .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level.active .loyality-acitve-icon svg {
                        display: block;
                    }

                .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level .loyality-discount {
                    position: absolute;
                    margin-bottom: 10px;
                    bottom: 100%;
                    width: 36px;
                    height: 22px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 1px;
                    background-color: #c5cbd4;
                    font-family: Open Sans;
                    font-size: 12px;
                    font-weight: 600;
                    line-height: 1.17;
                    text-align: center;
                    color: #fff;
                }

                    .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level .loyality-discount::after {
                        position: absolute;
                        content: "";
                        top: 100%;
                        width: 1px;
                        height: 0;
                        border-left: 5px solid transparent;
                        border-right: 5px solid transparent;
                        border-top: 5px solid #c5cbd4;
                    }

                .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level.active .loyality-discount {
                    background-color: transparent;
                    font-family: Open Sans;
                    font-size: 12px;
                    font-weight: bold;
                    line-height: 0.95;
                    text-align: center;
                    color: #385622;
                }

                    .shoping-cart-loyality-program .loyality-progress-container .loyatliy-progress-bar .loyality-level.active .loyality-discount::after {
                        display: none;
                    }

    .shoping-cart-loyality-program .loyality-description {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: normal;
        text-align: left;
        color: #333;
    }

        .shoping-cart-loyality-program .loyality-description .loyality-description-colored {
            font-weight: bold;
            color: #ed4500;
        }

        .shoping-cart-loyality-program .loyality-description .loyality-description-bold {
            font-weight: bold;
            color: #333333;
        }

/* Shoping Cart Loyality progress end */
.cart-progress-bar a:visited {
    color: inherit;
}
.cart-progress-bar a {
    color: inherit;
}

/* #region CartGift */
.cart-gift-mandatory-area {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: solid 1px #003770;
    margin-top: 20px;
}

    .cart-gift-mandatory-area .cart-gift-mandatory-label {
        display: flex;
        align-items: center;
        position: relative;
        padding: 14px 0;
        width: 100%;
        padding-left: 30px;
        margin-left: 16px;
        margin-bottom: 0;
        min-height: 25px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #333;
    }

        .cart-gift-mandatory-area .cart-gift-mandatory-label .cart-gift-mandatory-checkbox {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .cart-gift-mandatory-area .cart-gift-mandatory-label .cart-gift-mandatory-checkmark {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            height: 16px;
            width: 16px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

.cart-gift-mandatory-area .cart-gift-mandatory-label .cart-gift-mandatory-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cart-gift-mandatory-area .cart-gift-mandatory-label:hover input ~ .cart-gift-mandatory-checkmark {
    background-color: #ccc;
}

.cart-gift-mandatory-area .cart-gift-mandatory-label:hover input ~ .cart-gift-mandatory-checkmark {
    background-color: #ccc;
}

.cart-gift-mandatory-area .cart-gift-mandatory-label input:checked ~ .cart-gift-mandatory-checkmark:after {
    display: block;
}

.cart-gift-mandatory-area .cart-gift-mandatory-label input:checked ~ .cart-gift-mandatory-checkmark {
    background-color: #003770;
}

.cart-gift-mandatory-area .cart-gift-mandatory-label .cart-gift-mandatory-checkmark:after {
    left: 5px;
    top: 1px;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cart-gift-area {
    margin-top: 16px;
    border-radius: 4px;
    border: solid 1px #003770;
    overflow: hidden;
    transition: height 600ms;
}

.cart-gift-button {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    cursor: pointer;
    padding: 0 11px;
}

    .cart-gift-button.disabled {
        cursor: default;
    }

.cart-gift-icon {
    flex-shrink: 0;
    border-radius: 4px;
    border: solid 1px #003770;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 8px;
}

    .cart-gift-icon svg {
        width: 35.9px;
        height: 35.9px;
    }

.cart-gift-texts {
    flex-shrink: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 60%;
}

.cart-gift-text-header {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #255087;
}

.cart-gift-text-header2 {
    font-family: Open Sans;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #255087;
}
.cart-gift-text-sub-text {
    font-family: Open Sans;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.15px;
    text-align: left;
    color: #464646;
}

.cart-gift-text-product-title {
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cart-gift-text-product-attribute {
    font-family: Open Sans;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

.cart-gift-arrow {
    flex-shrink: 0;
    position: relative;
    width: 28px;
    height: 28px;
}

    .cart-gift-arrow svg {
        opacity: 0;
        transition: 1000ms;
        position: absolute;
    }

        .cart-gift-arrow svg.active {
            opacity: 1;
            fill: #000;
        }

        .cart-gift-arrow svg.rotated {
            transform: rotateX(180deg)
        }

.cart-gifts {
    display: flex;
    flex-direction: column;
    gap: 52px;
    width: 100%;
    overflow: auto;
}

.cart-gifts-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 100%;
}

.cart-gifts-info-header {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.22px;
    color: #222426;
}

.cart-gifts-info-text {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

.cart-gifts-info-progress {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

    .cart-gifts-info-progress .progress-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
        flex-shrink: 1;
        margin: 11px 5px;
    }

    .cart-gifts-info-progress .progress-line {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 40px);
        height: 10px;
        background-color: #c5cbd4;
    }

        .cart-gifts-info-progress .progress-line .progress-line-level {
            position: relative;
            height: 100%;
            border-radius: 70px;
            overflow: hidden;
            background-image: linear-gradient(to bottom, #0f59a6 0%, #22384f 100%);
        }

            .cart-gifts-info-progress .progress-line .progress-line-level::after {
                position: absolute;
                height: 100%;
                width: 100%;
                content: "";
                background-image: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/progress.png");
                background-repeat: space;
                background-size: 20px 100%;
                transform: skew(-30deg);
            }
            

    .cart-gifts-info-progress .progress-level {
        width: 72px;
        height: 72px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
    }

        .cart-gifts-info-progress .progress-level .svg-cover {
            padding: 12px;
            border: solid 1px #003770;
            background-color: #fff;
            border-radius: 50%;
        }

            .cart-gifts-info-progress .progress-level .svg-cover:nth-child(2) {
                padding: 15px;
            }

            .cart-gifts-info-progress .progress-level .svg-cover:nth-child(3) {
                padding: 14px;
            }

            .cart-gifts-info-progress .progress-level .svg-cover svg {
                overflow: visible;
            }

        .cart-gifts-info-progress .progress-level.inactive .svg-cover {
            border: solid 1px rgba(37, 80, 135, 0.5);
        }

            .cart-gifts-info-progress .progress-level.inactive .svg-cover * {
                opacity: 0.5;
            }

        .cart-gifts-info-progress .progress-level .progress-level-text {
            position: absolute;
            top: calc(100% + 10px);
            font-family: Open Sans;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.21;
            letter-spacing: normal;
            text-align: center;
            color: #000;
        }

        .cart-gifts-info-progress .progress-level.inactive .progress-level-text {
            opacity: 0.3;
        }

.cart-gifts-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
    .cart-gifts-content .gift-ranges {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
    }
        .cart-gifts-content .gift-ranges .gift-range {
            width: 100%;
            font-family: Open Sans;
            font-size: 12px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.42;
            letter-spacing: normal;
            text-align: left;
            color: #255087;
            border: solid 1px #d4d4d4;
            text-align: center;
            padding: 12px 0;
            transition: 100ms;
        }
            .cart-gifts-content .gift-ranges .gift-range.active {
                border-bottom: solid 1px #255087;
                border-right: solid 1px #255087;
            }
            .cart-gifts-content .gift-ranges .gift-range.inactive {
                color: #333333;
            }
            .cart-gifts-content .gift-ranges .gift-range.current {
                background-color: #e2f1ff;
            }
            .cart-gifts-content .gift-ranges .gift-range.inactive span  {
                opacity: 0.2;

            }

.cart-gifts-content {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    border: solid 1px #255087;
    border-start-end-radius: 5px;
    border-start-start-radius: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
    .cart-gifts-content .gift-slider {
        display: flex;
        flex-wrap: nowrap;
        height: 100%;
        overflow-y: hidden;
    }
        .cart-gifts-content .gift-slider .flex-control-nav.flex-control-paging {
            display: none;
        }

        .cart-gifts-content .gift-slider .flex-viewport {
            display: flex;
            flex-wrap: nowrap;
            height: 100%;
            max-height: 100%;
            overflow-y: hidden;
        }

            .cart-gifts-content .gift-slider .flex-viewport .gift-blocks {
                display: flex;
                flex-shrink: 0;
                flex-wrap: nowrap;
                height: 100%;
                overflow-y: hidden;
                width: 100%;
                height: 50vh;
            }
                .cart-gifts-content .gift-slider .flex-viewport .gift-blocks * {
                    transition: 0;
                }

                .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    height: 100%;
                    overflow: auto;
                    background: #fff;
                }

                    .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item {
                        position: relative;
                        display: flex;
                        padding: 16px 12px;
                        min-height: 121px;
                        justify-content: center;
                        align-content: center;
                        box-shadow: 0 -1px 0 0 #e6e6e6 inset;
                    }

                        .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item .item-radio {
                            position: absolute;
                            top: 12px;
                            left: 12px;
                            width: 23px;
                            height: 23px;
                        }
                            .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item .item-radio input {
                                width: 23px;
                                height: 23px;
                            }

                        .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item .gift-block-item-inner {
                            display: flex;
                            flex-wrap: nowrap;
                            gap: 8.5px;
                            width: 100%;
                            height: 100%;
                            justify-content: center;
                            align-items: center;
                        }
                                .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item .gift-block-item-inner .item-image img {
                                    width: 65px;
                                    height: 65px;
                                }
                            .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item .gift-block-item-inner .item-content {
                                display: flex;
                                flex-direction: column;
                                gap: 8px;
                            }
                                .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item .gift-block-item-inner .item-content .item-content-title {
                                    font-family: Open Sans;
                                    font-size: 14px;
                                    font-weight: 600;
                                    font-stretch: normal;
                                    font-style: normal;
                                    line-height: 1.21;
                                    letter-spacing: normal;
                                    text-align: left;
                                    color: #333;
                                    width: 134px;
                                }
                                .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item .gift-block-item-inner .item-content .item-content-info {
                                    display: flex;
                                    flex-wrap: nowrap;
                                    gap: 8px;
                                    justify-content: space-between;
                                    align-items: center;
                                }
                                    .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item .gift-block-item-inner .item-content .item-content-info .item-content-price {
                                        font-family: Open Sans;
                                        font-size: 14px;
                                        font-weight: 600;
                                        font-stretch: normal;
                                        font-style: normal;
                                        line-height: 1.21;
                                        letter-spacing: normal;
                                        text-align: left;
                                        color: rgba(51, 51, 51, 0.9);
                                        text-decoration: line-through;
                                    }
                                    .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block .gift-block-item .gift-block-item-inner .item-content .item-content-info .item-content-free {
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        padding: 4px 8px;
                                        border-radius: 4px;
                                        border: solid 0.8px #73bf44;
                                        font-family: Open Sans;
                                        font-size: 14px;
                                        font-weight: 600;
                                        font-stretch: normal;
                                        font-style: normal;
                                        line-height: 1.21;
                                        letter-spacing: normal;
                                        text-align: left;
                                        color: #73bf44;
                                    }
                    .cart-gifts-content .gift-slider .flex-viewport .gift-blocks .gift-block.inactive {
                        opacity: 0.5;
                        background: #fcfcfc;
                    }

/* #endregion */

[data-variant-discount-badge=True]::before {
    content: url("/Themes/mobile/Supplementler/Content/images/icon_fire.svg");
    position: absolute;
    top: -8px;
    right: 10px;
    z-index: 1;
}

[data-variant-discount-badge=True] {
    position: relative;
}
.kvkk-permission-title {
    color: #5a5a5a;
    font-size: 13px;
    line-height: 1.5;
}

.kvkk-permission-title > a {
    font-weight: bold;
    color: #5570ac;
    text-decoration: underline;
}
.sp-rates .sp-info-main {
    display: inline-flex;
}

.sp-rates .info-main {
    position: relative;
}

    .sp-rates .info-main i {
        width: 25px;
        height: 25px;
        display: inline-block;
        content: " ";
        background: url("https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/info.svg") no-repeat;
        margin: -2px 0 0 5px;
        float: left;
        cursor: pointer;
    }

    .sp-rates .info-main .detail {
        width: 170px;
        border-radius: 4px;
        background-color: #ffffff;
        border: solid 1px #166d36;
        padding: 5px;
        display: none;
        position: absolute;
        text-align: center;
        right: -90px;
        top: 25px;
        z-index: 99;
    }

        .sp-rates.info-main .detail strong {
            color: #166d36;
            font-size: 11px;
        }

        .sp-rates .info-main .detail p {
            line-height: normal;
            font-size: 10px;
            color: #166d36;
            margin: 0;
            padding: 0;
        }

        .sp-rates .info-main .detail:after {
            border-bottom: 8px solid #166d36;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            content: "";
            left: 40%;
            position: absolute;
            top: -8px;
        }

    .sp-rates .info-main:hover .detail {
        display: block;
    }

.m-popup.m-popup-custom {
    padding: 10px;
}

.m-popup-custom .close button {
    position: absolute;
    margin: 0;
    top: 5px;
    right: 15px;
}

.m-popup-custom .cart-gifts-info {
    gap: 0;
}

.m-popup-custom .cart-gifts-info-progress .progress-bar {
    margin: 5px;
}

.m-popup-custom .cart-gifts-content .gift-ranges .gift-range {
    padding: 8px 0;
}
.table-modifier {
    overflow-y: scroll;
    width: 95vw;
}

    .table-modifier table {
        table-layout: auto !important;
    }

    .table-modifier table, .table-modifier td, .table-modifier th, .table-modifier tr {
        border: 1px solid black;
        vertical-align: middle;
        width: 100%;
    }

    .table-modifier strong {
        font-weight: bold;
    }

    .table-modifier td {
        padding: 5px 7px;
    }

.combination-item .combination-image .double-quantity {
    padding: 5px 6px;
    border-radius: 40px;
    background-color: #497e3f;
    position: absolute;
    top: -8px;
    left: -8px;
    flex-grow: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
/*Tümünü Temizle*/
.cart-item-remove-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 16px 15px 9px 15px;
    padding-bottom: 4px;
    height: 24px;
    border-bottom: 2px solid rgba(51, 51, 51, 0.10);
}

.cart-item-count {
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: rgba(51, 51, 51, 0.75);
}

.cart-item-remove-button {
    display: flex;
    margin-right: 0px;
    cursor: pointer;
}

.clear-all-text {
    flex-grow: 0;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #333;
    text-decoration: none;
}

.clear-all-icon {
    background: url(/Themes/mobile/Supplementler/Content/images/trash-black.svg) center center no-repeat #fff;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 3px;
    margin-top: -2px;
}



.all-item-delete-message-container p {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #454545;
    padding: 32px 24px 29px 24px;
    font-family: "Open Sans", sans-serif;
}

.all-item-delete-message-container .button-wrapper {
    display: flex;
    margin-bottom: 24px;
    justify-content: center;
}

.all-item-delete-message-container .no-delete-button {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 14px 11px;
    border-radius: 6px;
    border: solid 1px #acacac !important;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    width: 120px;
    margin-right: 8px;
    text-decoration: none;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    background-color: initial !important;
}

.all-item-delete-message-container .all-item-delete-button {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 14px 11px;
    border-radius: 6px;
    background-color: #ed4500;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    width: 120px;
    text-decoration: none;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
}

.item-delete-divider {
    height: 2px;
    flex-grow: 0;
    background-color: rgba(51, 51, 51, 0.1);
    margin: 0px 16px 0px 15px;
}
/*Tümünü Temizle*/


.brand-search-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    position: relative;

}

    .brand-search-box .brand-search-text-box {
        width: 100%;
        border: 1px solid #ccc !important;
        outline: none !important;
        background: none;
        box-shadow: none;
        border-radius: 3px;
        font-size: 12px;
        text-align: left;
        margin: 0 10px 0 10px;
        padding: 0 0 0 5px;
        position: relative;
        height:30px;
    }

.brand-hidden {
    display: none !important;
}

.brand-search-box .brand-search-button {
    background: url(https://supplementler2.sm.mncdn.com/Themes/Supplementler/Content/images/ab-search.png) center center no-repeat #fff;
    width: 25px;
    height: 25px;
    -ms-background-size: 16px;
    background-size: 16px;
    position: absolute;
    top: 3px;
    right: 15px;
    overflow: hidden;
    text-indent: -99px;
    padding: 0;
}

#modal-otp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    flex-wrap: nowrap;
}

    #modal-otp .modal-content {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }

        #modal-otp .modal-content h3 {
            padding: 0px;
            margin: 0px;
            font-family: 'Open Sans';
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #333;
        }

        #modal-otp .modal-content p {
            font-family: 'Open Sans';
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #444;
        }

    #modal-otp .modal-field {
        width: 100%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

        #modal-otp .modal-field .info {
            height: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px;
            margin: 0px;
        }
            #modal-otp .modal-field .info span:first-child {
                font-family: 'Open Sans';
                font-size: 16px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.18px;
                text-align: left;
                color: #464646;
            }
            #modal-otp .modal-field .info span:last-child {
                display: flex;
                align-items: center;
                font-family: 'Open Sans';
                font-size: 12px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.18px;
                text-align: left;
                color: #464646;
            }

        #modal-otp .modal-field .inputs {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            #modal-otp .modal-field .inputs input {
                width: 63px;
                height: 48px;
                border-radius: 8px;
                border: solid 1px #d9d9d9;
                background-color: #f3f8ff;
                padding: 0px;
                text-align: center;
                font-family: 'Open Sans';
                font-size: 18px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.56;
                letter-spacing: normal;
                text-align: center;
                color: #333;
                border: solid 1px #d9d9d9;
                transition: border-color 400ms;
            }

                #modal-otp .modal-field .inputs input:focus {
                    width: 62px;
                    height: 47px;
                    border: solid 2px #0058ac;
                }

        #modal-otp .modal-field > span {
            margin-top: 6px;
            display: block;
            min-height: 16px;
            display: none;
            font-family: "Open Sans";
            font-size: 13px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #f04438;
        }

    #modal-otp .modal-action {
        width: 100%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 16px;
    }

        #modal-otp .modal-action button[type="submit"] {
            height: 48px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            background-color: #255087;
            font-family: 'Open Sans';
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #fff;
            border: none;
        }

        #modal-otp .modal-action button[type="button"] {
            height: 48px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 8px;
            padding: 8px;
            border-radius: 4px;
            background-color: #a1a1a1;
            font-family: 'Open Sans';
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #fff;
            border: none;
        }
    #modal-otp.error .modal-field {
        margin-bottom: 0px;
    }

        #modal-otp.error .modal-field .inputs input {
            border: solid 2px #f04438;
        }

        #modal-otp.error .modal-field > span {
            display: block;
        }

    #modal-otp.timeout .modal-field {
        margin-bottom: 0px;
    }

        #modal-otp.timeout .modal-field .inputs input {
            border: solid 2px #f04438;
        }

        #modal-otp.timeout .modal-field > span {
            display: block;
        }

    #modal-otp.timeout .modal-action {
        width: 100%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        #modal-otp.timeout .modal-action button[type="submit"] {
            background-color: #a1a1a1;
            cursor: not-allowed;
            pointer-events: none;
        }

        #modal-otp.timeout .modal-action button[type="button"] {
            background-color: #0058ac;
            color: #fff;
            cursor: pointer;
        }

    #modal-otp.limit .info img {
        display: none;
    }

#otp-mail-confirm .otp-confirm-box button {
    margin-top: 6px;
    height: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0;
    border-radius: 4px;
    border: solid 2px #255087;
    background: none;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: left;
    color: #255087;
}

#otp-mail-confirm .otp-confirm-box .otp-confirm-info {
    text-align: center;
    text-align: center;
    position: relative;
    width: 100%;
    margin-top: 18px;
    padding: 16px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    border-radius: 4px;
    color: #464646;
}

    #otp-mail-confirm .otp-confirm-box .otp-confirm-info:before {
        content: "";
        position: absolute;
        overflow: visible;
        left: 50%;
        transform: translateX(-50%);
        top: -18px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 10px 18px 10px;
        border-color: transparent transparent #fff transparent;
        -webkit-filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, .10));
        filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, .10))
    }


    #otp-mail-confirm .otp-confirm-box .otp-confirm-info span:first-child {
        font-size: 18px;
        color: #f73d04;
    }

    #otp-mail-confirm .otp-confirm-box .otp-confirm-info span:nth-child(3) {
        font-size: 16px;
        color: #f73d04;
    }

.deleteCardModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: rgba(52, 64, 84, 0.7);
    justify-content: center;
    align-items: end;
    overflow: auto;
}

.deleteCardModal-content {
    background-color: white;
    padding: 20px;
    border-radius: 12px 12px 0 0;
    height: 40%;
    width: 100%;
    max-width: 600px;
    min-height: 30%;
    text-align: center;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.deleteCardModal .close-btn {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

    .deleteCardModal .close-btn:hover,
    .deleteCardModal .close-btn:focus {
        color: black;
        text-decoration: none;
    }

.deleteCardModal-alert {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    padding: 4px;
    border-radius: 50%;
    border: solid 8px #fffaeb;
    background-color: #fef0c7;
    margin: 0 auto;
}

.deleteCardModal-title {
    height: 28px;
    align-self: stretch;
    flex-grow: 0;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #101828;
}

.deleteCardModal p {
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #667085;
}

.deleteCardModal-button-container {
    display: block;
    gap: 10px;
    justify-content: center;
    padding-top: 12px;
}

    .deleteCardModal-button-container button {
        width: 100%;
        height: 44px;
        margin-top: 12px;
    }

.deleteCardModal .bordered-button {
    border: solid 1px #d0d5dd;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    color: #333;
}

    .deleteCardModal .bordered-button:hover {
        box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.05);
        background-color: #fff;
        color: #333;
    }

.deleteCardModal .filled-button {
    border: solid 1px #0058ac;
    background-color: #0058ac;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .deleteCardModal .filled-button:hover {
        background-color: #0060b3;
    }

.cardlist-message {
    height: 19px;
    align-self: stretch;
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #000;
}

.cardlist-info-message {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-top: 16px;
}

.cardlist-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.cardlist-item {
    width: 100%;
    height: 66px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-radius: 8px;
    border: solid 2px #dfe3ec;
    margin-top: 16px;
}

    .cardlist-item:hover {
        box-shadow: 0 1px 2px 0 rgb(223 227 236), 0 2px 6px 0 rgb(223 227 236);
    }

    .cardlist-item .cardlist-item-name {
        height: 18px;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #444;
        width: 50%;
        bottom: 24px;
        text-transform: capitalize;
        text-wrap: nowrap;
    }

    .cardlist-item .cardlist-item-image {
        height: 18px;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #444;
        width: 88px;
        top: 24px;
    }

    .cardlist-item .cardlist-item-cardnumber {
        height: 18px;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 2px;
        text-align: left;
        color: #444;
        width: 100%;
        top: 50%;
    }

    .cardlist-item .cardlist-item-deleteIcon {
        height: 16px;
        width: 16px;
        align-self: stretch;
        text-align: left;
        color: #444;
        margin-top: 4px;
        top: 14px;
        right: 14px;
        border: 1px solid #d5d5d5;
        border-radius: 50%;
        padding: 3px;
    }

        .cardlist-item .cardlist-item-deleteIcon:hover {
            box-shadow: 0 1px 2px 0 rgb(223 227 236), 0 2px 6px 0 rgb(223 227 236);
        }

    .cardlist-item .cardlist-item-paymentImage {
        width: 32px;
        text-align: left;
        color: #444;
        bottom: 24px;
        right: 24px;
    }

    .cardlist-item.new-card {
        display: flex;
        width: 100%;
        align-items: center;
        color: white;
        height: 48px;
        flex-grow: 0;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin: 16px 0 0;
        padding: 8px;
        border-radius: 4px;
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
        background-color: #255087;
        border: none;
    }

    .cardlist-item .cardlist-add-new-card {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: white;
        display: flex;
        align-items: center;
    }

        .cardlist-item .cardlist-add-new-card img {
            padding-right: 12px;
        }

        .cardlist-item .cardlist-add-new-card img {
            padding-right: 12px;
        }

.cardlist-item .cardlist-item-deleteIcon {
    height: 24px;
    width: 27px;
    align-self: stretch;
    text-align: left;
    color: #444;
    top: 14px;
    right: 14px;
    border: 1px solid #d5d5d5;
    border-radius: 50%;
    padding: 3px;
}

    .cardlist-item .cardlist-item-deleteIcon:hover {
        box-shadow: 0 1px 2px 0 rgb(223 227 236), 0 2px 6px 0 rgb(223 227 236);
    }

.cardlist-item .delete-card {
    padding: 0px;
}

.cardlist-item .svg-white {
    filter: brightness(0) invert(1);
}



.customer-card-add {
    font-family: 'Open Sans', sans-serif;
    display: none;
}

.add-customer-card-add-form .dikey-group {
    margin-bottom: 8px;
}

.add-customer-card-add-form .dikey-group label {
    font-weight: 600;
    color: #555555;
}

.add-customer-card-add-form .dikey-group .text-danger {
    display: inline-block;
    margin-top: 3px;
    font-size: 12px;
    line-height: 20px;
    color: #e48787;
}

.add-customer-card-add-form .dikey-group-col {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 18px;
}

.add-customer-card-add-form .dikey-group-col .dikey-group:nth-child(1) {
    min-width: 160px;
    flex-shrink: 1;
}

.add-customer-card-add-form .dikey-group-col .dikey-group:nth-child(2) {
    flex-grow: 1;
}

.add-customer-card-add-form .submit-button {
    width: 100%;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 11px 0;
    border-radius: 4px;
    background-color: #255087;
    margin-bottom: 16px;
    cursor: pointer;
}

.add-customer-card-add-form-info {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.5px;
    text-align: left;
    color: #464646;
}

.add-customer-card-add-form-info  img {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    object-fit: contain;
}







.toast-modal.active {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
}

.toast-modal .toast {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 46px;
    background-color: #fef2f2;
    padding: 24px 8px 24px 8px;
    justify-content: space-between;
    border-radius: 4px;
    transform: translateX(calc(100% + 25px));
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
    box-shadow: 0 0 8px 0 rgba(20,19,19,0.35);
    z-index: 9999;
}

.toast-modal .toast-outer {
    position: absolute;
}

.toast-modal .toast-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    flex-grow: 0;
    background-color: #dfe3ec;
    border-radius: 50px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
}

.toast.active {
    width: 100%;
    transform: translateX(0);
    left: 0px;
}

.toast-modal .toast-text {
    height: 19px;
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #333;
    margin: 0px;
}

.toast-modal .toast-cart-text {
    height: 16px;
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.17px;
    text-align: left;
    color: #003366;
    text-decoration: none;
}

.toast i:last-child:hover {
    color: #333;
}

.toast-modal .first-row-popup {
    height: 22px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin: 0 0 7.5px;
    padding: 0;
}

/*#region Overlay */

#app-overlay {
    display: none;
    width: auto;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999990;
    background-color: rgba(52, 64, 84, 0.25);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

#app-overlay.active {
    display: block;
}

/*#endregion */

/*#region Toast */

#app-toast {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 12px 22px 8px;
    justify-content: space-between;
    border-radius: 0 0 4px 4px;
    transform: translateY(-100%);
    box-shadow: 0 0 8px 0 rgba(20, 19, 19, 0.35);
    z-index: 999999991;
    background-color: #ffffff;
}

#app-toast.animate {
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
}

#app-toast.active {
    transform: translateX(0);
}

#app-toast .app-toast-inner .app-toast-row {
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

#app-toast .app-toast-inner .app-toast-row .app-toast-icon {
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-grow: 0;
    border-radius: 99px;
}

#app-toast .app-toast-inner .app-toast-row .app-toast-icon .app-toast-icon-img {
    width: 32px;
    height: 32px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

#app-toast .app-toast-inner .app-toast-row .app-toast-message {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.22px;
    text-align: left;
    color: #333;
}

#app-toast .app-toast-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    flex-grow: 0;
    background-color: #dfe3ec;
    border-radius: 50px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: none;
    box-shadow: 0 4px 6px 0 rgba(52, 48, 48, 0.15);
}

#app-toast .app-toast-close .app-toast-icon-close {
    width: 10px;
    height: 10px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none"><path d="M5.891 5L8.565 7.674a.63.63 0 1 1-.891.891L5 5.891 2.326 8.565a.63.63 0 1 1-.891-.891L4.109 5 1.435 2.326a.63.63 0 1 1 .891-.891L5 4.109 7.674 1.435a.63.63 0 1 1 .891.891L5.891 5z" fill="%230f3665"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

/* Status: Warning */
#app-toast .app-toast-inner .app-toast-row .app-toast-icon.app-toast-status-warning {
    background-color: rgba(240, 68, 56, 0.2);
}

#app-toast .app-toast-inner .app-toast-row .app-toast-icon.app-toast-status-warning .app-toast-icon-img {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2214%22 height=%2214%22 viewBox=%220 0 14 14%22 fill=%22none%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.415 5.25a.584.584 0 0 1 1.167 0v2.333a.584.584 0 0 1-1.167 0V5.25zm0 4.083a.584.584 0 1 1 1.167 0 .584.584 0 0 1-1.167 0zm5.754 1.373c-.133.236-.393.377-.695.377H2.523c-.302 0-.562-.14-.695-.377a.567.567 0 0 1 .01-.593l4.474-7.42c.273-.45 1.1-.45 1.372 0l4.476 7.42a.568.568 0 0 1 .01.593zm.99-1.196L8.683 2.09c-.349-.578-.979-.923-1.685-.923-.706 0-1.336.345-1.684.924L.838 9.51a1.734 1.734 0 0 0-.027 1.768c.338.6.994.971 1.712.971h8.95c.719 0 1.374-.371 1.713-.97a1.734 1.734 0 0 0-.027-1.77z%22 fill=%22%23231F20%22/%3E%3Cmask id=%224nhwpykoia%22 style=%22mask-type:luminance%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%221%22 width=%2214%22 height=%2212%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.415 5.25a.584.584 0 0 1 1.167 0v2.333a.584.584 0 0 1-1.167 0V5.25zm0 4.083a.584.584 0 1 1 1.167 0 .584.584 0 0 1-1.167 0zm5.754 1.373c-.133.236-.393.377-.695.377H2.523c-.302 0-.562-.14-.695-.377a.567.567 0 0 1 .01-.593l4.474-7.42c.273-.45 1.1-.45 1.372 0l4.476 7.42a.568.568 0 0 1 .01.593zm.99-1.196L8.683 2.09c-.349-.578-.979-.923-1.685-.923-.706 0-1.336.345-1.684.924L.838 9.51a1.734 1.734 0 0 0-.027 1.768c.338.6.994.971 1.712.971h8.95c.719 0 1.374-.371 1.713-.97a1.734 1.734 0 0 0-.027-1.77z%22 fill=%22%23fff%22/%3E%3C/mask%3E%3Cg mask=%22url(%234nhwpykoia)%22%3E%3Cpath fill=%22%23ED3D31%22 d=%22M0 0h14v14H0z%22/%3E%3C/g%3E%3C/svg%3E');
}

/* Status: Warn */
#app-toast .app-toast-inner .app-toast-row .app-toast-icon.app-toast-status-warn {
    background-color: #FEF0C7;
}

    #app-toast .app-toast-inner .app-toast-row .app-toast-icon.app-toast-status-warn .app-toast-icon-img {
        background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2214%22 height=%2214%22 viewBox=%220 0 14 14%22 fill=%22none%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.415 5.25a.584.584 0 0 1 1.167 0v2.333a.584.584 0 0 1-1.167 0V5.25zm0 4.083a.584.584 0 1 1 1.167 0 .584.584 0 0 1-1.167 0zm5.754 1.373c-.133.236-.393.377-.695.377H2.523c-.302 0-.562-.14-.695-.377a.567.567 0 0 1 .01-.593l4.474-7.42c.273-.45 1.1-.45 1.372 0l4.476 7.42a.568.568 0 0 1 .01.593zm.99-1.196L8.683 2.09c-.349-.578-.979-.923-1.685-.923-.706 0-1.336.345-1.684.924L.838 9.51a1.734 1.734 0 0 0-.027 1.768c.338.6.994.971 1.712.971h8.95c.719 0 1.374-.371 1.713-.97a1.734 1.734 0 0 0-.027-1.77z%22 fill=%22%23231F20%22/%3E%3Cmask id=%224nhwpykoia%22 style=%22mask-type:luminance%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%221%22 width=%2214%22 height=%2212%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.415 5.25a.584.584 0 0 1 1.167 0v2.333a.584.584 0 0 1-1.167 0V5.25zm0 4.083a.584.584 0 1 1 1.167 0 .584.584 0 0 1-1.167 0zm5.754 1.373c-.133.236-.393.377-.695.377H2.523c-.302 0-.562-.14-.695-.377a.567.567 0 0 1 .01-.593l4.474-7.42c.273-.45 1.1-.45 1.372 0l4.476 7.42a.568.568 0 0 1 .01.593zm.99-1.196L8.683 2.09c-.349-.578-.979-.923-1.685-.923-.706 0-1.336.345-1.684.924L.838 9.51a1.734 1.734 0 0 0-.027 1.768c.338.6.994.971 1.712.971h8.95c.719 0 1.374-.371 1.713-.97a1.734 1.734 0 0 0-.027-1.77z%22 fill=%22%23fff%22/%3E%3C/mask%3E%3Cg mask=%22url(%234nhwpykoia)%22%3E%3Cpath fill=%22%23ED3D31%22 d=%22M0 0h14v14H0z%22/%3E%3C/g%3E%3C/svg%3E');
    }

/*#endregion */

.category-select .category-button .category-title {
    width: 65%;
}

.subEllipse {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 1px;
}

.subcriptionDiscount div {
    height: 20px;
}

.subcriptionDiscount span {
    color: #9d9d9d;
}
.subscription-approval {
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #ffffff;
    border: 2px solid #dadce0;
    border-radius: 20px;
    padding: 30px 20px;
    width: 350px;
    max-width: 80vw;
    font-size: 14px;
}

.payment-alert-info-subscription .payment-alert-info p {
    padding: 0 15px 15px 15px;
    color: #333333;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 5px 0px 17px;
}

.payment-alert-info-subscription .payment-alert-info span {
    display: flex;
    padding: 15px 0 0px 15px;
    font-size: 14px;
    font-weight: 700;
    color: #0061C5;
    font-family: 'Open Sans';
    align-items: center;
}

.payment-alert-info-subscription .payment-alert-info {
    width: 367px;
    background-color: #f1f5fe;
    color: #464646;
    border-radius: 5px;
    margin-top: 5px;
}

.order-complete > * {
    max-width: 100vw;
    overflow: hidden;
}


/*#region tab */
.tab-container {
    display: flex;
    border-bottom: 2px solid #ddd;
    margin: 20px 0 16px;
}

.tab-option {
    flex: 1;
    text-align: center;
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    transition: all 0.3s ease;
    background-color: white;
    font-family: 'OpenSans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #777;
}

    .tab-option.active {
        color: #0058ac;
        border-bottom: 4px solid #0058ac;
    }

        .tab-option:hover,
        .tab-option:active,
        .tab-option.active:hover,
        .tab-option.active:active {
            background-color: white;
        }

/*#endregion */

/*#region captcha overide*/
.g-recaptcha {
    position: relative;
    width: 100%;
    background: #f9f9f9;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

    .g-recaptcha > * {
        float: left;
        left: 0;
        margin: -2px -2px -4px;
    }

    .g-recaptcha::after {
        display: block;
        content: "";
        position: absolute;
        right: 0;
        left: 299px;
        top: 0;
        bottom: 0;
        background-color: #f9f9f9;
        clear: both;
    }
/*#endregion */

.btn-submit {
    background-color: #f73d04;
}



input[type="text"].dikey-control.input-validation-error,
input[type="text"].dikey-control.input-validation-error:focus,
input[type="email"].dikey-control.input-validation-error,
input[type="email"].dikey-control.input-validation-error:focus,
input[type="password"].dikey-control.input-validation-error,
input[type="password"].dikey-control.input-validation-error:focus {
    border: 2px solid #df4848 !important;
    box-shadow: none !important;
}


#related-combination .combination-text {
    margin-left:16px;
}

#related-combination .combination-item:first-child .combination-title a {
    max-height: 40px;
}

.combination-select .combination-select-list li {
    border-top: 1px solid #ccc;
    padding: 10px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    position: relative;
}

.combination-select .combination-select-list li:before {
    content: "";
    position: absolute;
    top: 45%;
    right: 8px;
    transform: translateY(-50%);
    background: url(https://vitaminler.mncdn.com/Themes/Supplementler/Content/images/icon-variant-check.svg) no-repeat;
    width: 20px;
    height: 15px;
    display: none;
}

.combination-select .combination-select-list li.active:before {
    display: block;
}

.loginform .rc-anchor-checkbox-label {
    color: #666;
    font-weight: 600;
    font-family: 'OpenSans', sans-serif;
}

#AddProductReview_Message::-webkit-scrollbar {
    width: 3px;
    height: 54px;
}

#AddProductReview_Message::-webkit-scrollbar-track {
    background: #B0ADAD;
    border-radius: 4px;
    box-shadow: inset 0 12px 0 #D9D9D9, inset 0 -12px 0 #B0ADAD;
}

#AddProductReview_Message::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 4px;
    min-height: 40px;
    border: 2px solid #B0ADAD;
}

#AddProductReview_Message::-webkit-scrollbar-button {
    display: none;
}
.app-modal {
    z-index: 1905 !important;
}

#discount-overlay {
    padding: 20px 16px 56px 16px !important;
}

.discountrule-content {
    background: #fff;
    position: relative;
    text-align: center;
}

    .discountrule-content h2 {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        margin-top: 12px;
        margin-bottom: 0px;
        padding: 0px;
    }

    .discountrule-content p {
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        width: 328px;
        margin: 0 auto;
        padding-top: 8px;
    }

.discountrule-close-button {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
    display: flex;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: #1C773D;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    margin: 24px 0px 0px;
}

.product-slider .flex-direction-nav a {
    text-indent: -999px;
    text-align: initial;
}

    .product-slider .flex-direction-nav a:before {
        display: none;
    }

.product-slider .flex-direction-nav .flex-prev,
.product-slider .flex-direction-nav .flex-next {
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e9e9e9;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(16, 24, 40, 0.15), 0 4px 8px rgba(16, 24, 40, 0.15);
}

.product-slider .flex-direction-nav .flex-prev {
    background-image: url("/Themes/mobile/Supplementler/Content/images/icons/slide-left.svg");
}

.product-slider .flex-direction-nav .flex-next {
    background-image: url("/Themes/mobile/Supplementler/Content/images/icons/slide-right.svg");
}