﻿
*,
div
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    outline: none;
    list-style: none;
}

body
{
    font-size: 1.05rem;
    background: #FFF;
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

main,
.container_default
{
    margin: 0 auto;
    margin: 0;
    padding: 0;
    border: none;
}

h1
{
    font-size: 1.7rem;
}

h2
{
    font-size: 1.6rem;
}

h3
{
    font-size: 1.5rem;
}

h4
{
    font-size: 1.4rem;
}

h5
{
    font-size: 1.3rem;
}

h6
{
    font-size: 1.2rem;
}

p
{
    font-size: 1.2rem;
    line-height: 1.5;
}

a
{
    outline: none;
    text-decoration: none;
}

.footer_lower_container a,
.footer_lower_container p
{
    display: block;
    margin: 0 auto;
    padding: 10px;
    background: transparent;
    color: var(--ThemeColor);
    font-size: 0.8rem;
    outline: none;
    text-decoration: none;
    transition: all 0.5s ease;
}

.footer_lower_container a:hover
{
    background: var(--ThemeBackgroundColorPseudo);
}

.item_header_lead
{
    font-size: 1.25rem;
    letter-spacing: 0.1rem;
}

img
{
    width: 100%;
}

.img_circle
{
    margin: 0 auto;
    border-radius: 100%;
}

.hr_a
{
    width: 100%;
    padding: 10px;
    border: 0;
    background: #cc4754;
    border-radius: 40%;
}

.center_max_width_lg,
.center_max_width_10
{
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.hr_container
{
    margin: 0 auto;
}

.hr_theme_1
{
    width: 100%;
    border: 0;
    border-radius: 20%;
    text-align: center;
    background: #E5662E;
    padding: 0;
    padding-top: 1px;
    padding-bottom: 1px;
}

.hr_theme_2
{
    width: 100%;
    margin: 0 auto;
    padding: 2px 0;
    border: 0;
    background: #E5662E;
}

.text_white_1
{
    color: #FFF;
}

.Center
{
    margin: 0 auto;
    padding: 0;
}

.text_center
{
    text-align: center;
}

.tint,
.tint_2,
.TintA,
.TintB
{
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.tint
{
    background: rgba(0, 0, 0, 0.5);
}

.tint_2
{
    background: #ffffffff;
}

.tint_1,
.tint_2____
{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.tint_1
{
    background-color: hsla(0,0%,100%,.34);
}

.TintA
{
    background: rgba(255, 255, 255, 0.4);
    background: rgba(0, 0, 0, 0.6);
}

.TintB
{
    background: rgba(0, 0, 0, 0.7);
}

.ThemeA,
.ThemeB
{
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 1.2rem;
}

.ThemeA
{
    background: var(--ThemeA);
    color: var(--ThemeAColor);
}

.ThemeB
{
    background: var(--ThemeB);
    color: var(--ThemeBColor);
}

.CallToActionContainer
{
    width: 100%;
    margin: 0 auto;
    background: url('../images/GlassesPen.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
}

.CheckAll
{
    padding-left: 42px;
}

@media (min-width: 768px)
{
    .CheckAll
    {
        padding-left: 80px;
    }
}

.pdfFile,
.PdfFile
{
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
}

.text_red_3
{
    color: #c10000;
}

.iten_container_theme_1
{
    display: block;
    margin: 5px;
    padding: 0;
    min-height: 650px;
    border: none;
    border-radius: 80px;
    background-image: linear-gradient(to bottom, #afcbff, #e2ecff);
    outline: none;
    text-decoration: none;
    transition: all 0.5s ease;
}

@media (min-width: 992px)
{
    .iten_container_theme_1
    {
        margin-bottom: 30px;
    }
}

.iten_container_theme_1 a:hover,
.iten_container_theme_1 a:active,
.iten_container_theme_1 a:focus,
.iten_container_theme_1:hover,
.iten_container_theme_1:active,
.iten_container_theme_1:focus
{
    background-image: linear-gradient(to bottom, #97b6f5, #eff4ff);
    outline: none;
    text-decoration: none;
}

.text_container_theme_1
{
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

@media (min-width: 480px)
{
    .text_container_theme_1
    {
        padding-left: 30px;
        padding-right: 30px;
    }
}


.GridItemTextContainer
{
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

@media (min-width: 480px)
{
    .GridItemTextContainer
    {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        min-height: 28.0rem;
        min-height: 20.0rem;
    }
}

.GridImage
{
    background-image: linear-gradient(to bottom, #e05518, #DEE8FB);
}

.PadTopA
{
    padding-top: 50px;
}

.PadBottomA
{
    padding-bottom: 50px;
}

.MarginTopA
{
    padding-top: 50px;
}

.MarginBottomA
{
    padding-bottom: 50px;
}

.TextThemeA
{
    color: #868686;
    letter-spacing: 0.15rem;
}

.TextThemeB
{
    color: #90000d;
    letter-spacing: 0.2rem;
}

.TextThemeC
{
    color: #ba031c;
    letter-spacing: 0.14rem;
}

.TextThemeD
{
    color: #255f00;
    letter-spacing: 0.13rem;
}

.HeaderLowerTextA
{
    color: #c60315;
    letter-spacing: 0.25rem;
}

.HeaderLowerTextB
{
    color: #244400;
    letter-spacing: 0.2rem;
}

.text_normal
{
    font-weight: 500;
    letter-spacing: 0.01rem;
}

.SelectCartItem
{
    display: none
}

.item_a
{
    background: #FFF;
}

.item_b
{
    background: #e9f3ff;
}

.container_basic
{
    width: 100%;
    max-width: 60rem;
    margin: 1.0rem auto;
    padding: 1.0rem;
}

.zero_auto
{
    margin: 0 auto;
}

.small_screen_container
{
    display: block;
}

.large_screen_container
{
    display: none;
}

@media (min-width: 768px)
{
    .small_screen_container
    {
        display: none;
    }

    .large_screen_container
    {
        display: block;
    }
}

.display_block
{
    display: block;
}

.ImageButtonContainer,
.section_container_default,
.section_container
{
    margin: 0 auto;
    background: #ffffffff;
    padding-top: 40px;
    padding-bottom: 40px;
}

/*stop xxx*/
.ImageButtonContainer p
{
    font-weight: 500;
    letter-spacing: 0.01rem;
}

.banner_title_span
{
    display: inline-block;
    color: #ffffffeb;
    border-bottom: solid 2px #ff5900;
}

.letter_spacing_2
{
    letter-spacing: 0.13rem;
}

.toggle_visibility
{
    display: none;
}

@media (min-width: 320px)
{
    .toggle_visibility
    {
        display: block;
    }
}
