:root {
    --gray: #F6F6F6;
    --gray1: #DDD;
    --gray2: #999;
    --white: #FFF;
    --primary: hsl(230, 55%, 40%);
    --money: hsla(40, 100%, 50%, 1);
    --color1: hsl(230, 55%, 40%);
    --color2: hsla(40, 100%, 50%, 1);
    --color3: #F00;
    --tag_01: hsla(40, 100%, 50%, 1);
    --tag_02: hsl(230, 55%, 40%);
}

body {
    font-size: 16px;
}
.header_nav {
    box-shadow: 1px 1px 3px hsla(0, 0%, 0%, .1);
}
.header_nav nav>ul>li{
    float: none;
    display: inline-block;
    font-size: 0;
}
.header_nav nav ul li a{
    color: #333;    
}

.header_nav nav ul li a::after{
    background-color: hsla(230, 55%, 90%, .5);
    background-blend-mode: multiply;
    width: 100%;
    height: 0;
    bottom: 0;
}
.header_nav nav ul li a:hover::after{
    height: 100%;
    cursor: none;
    pointer-events: none;
}
.header_nav nav>ul>li:first-child a{
    background-color: hsla(-10, 80%, 70%, 1);
    color: #fff;
    border-radius: 6px 6px 0 0;

}
.header_nav nav .sub_menu{
    border: 2px dashed var(--primary);
}

.header .navbar-brand {
    width: 100%;
    height: auto;
    max-height: unset;
}

@media (min-width: 992px) {
    .header .navbar-brand img {
        width: 100%;
        height: auto;
    }
    .header .navbar-brand .img-fluid.logo_scale{
        width: auto;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .header .navbar-brand img{
        width: auto;
        max-width: 80%;
        height: 55px;
        margin: 0;
    }
}

.page_main {
    margin-top: 8.9em;
}
@media (max-width: 1199.5px) {
    .page_main {
        margin-top: 8em !important;
    }
}
@media (max-width: 991px) {
    .page_main {
        margin-top: 5em !important;
    }
}

.section_title i {
    color: var(--color1);
}

.sidebar .sidebar_content {
    border-top: 3px solid var(--color1);
}

.issue_section .issue_button .btn_pdf {
    color: var(--color2);
}

.issue_section .issue_button .btn_pdf:hover, .issue_section .issue_button .btn_pdf:focus {
    color: var(--color1);
}

.issue_section .issue_button .btn_online {
    color: var(--color2);
}

.issue_section .issue_button .btn_online:hover, .issue_section .issue_button .btn_online:focus {
    color: var(--color1);
}

.footer_area {
    background-color: #eee;
}



@media (max-width: 768px) {
    .footer_area h2 {
        border-color: var(--color1);
    }
}

@media (max-width: 576px) {
    .footer_area h2 {
        border-color: #D2D2D2;
    }
}

.footer_copyright, .footer_copyright a {
    font-size: 14px;
}

.section_footer .copyright {
    color: #666;
    font-size: 14px;
}

.sidebar_donate a {
    background-color: var(--color1);
    opacity: .6;
}

.sidebar_donate a:hover, .sidebar_donate a:focus, .sidebar_donate a:active {
    background-color: var(--color1);
    opacity: 1;
}

.sidebar_cart {
    background: none;
    background-color: var(--color2);
    opacity: .6;
}

.sidebar_cart:hover, .sidebar_cart:focus, .sidebar_cart:active {
    background: none;
    background-color: var(--color2);
    opacity: 1;
}

.go_top {
    opacity: .6;
}

.go_top:hover {
    opacity: 1;
}

.photo_section:before{
    background:hsla(230, 55%, 80%, .6);
}
.custom_column{
    margin-bottom: 1rem;
}
.custom_column .custom_wrap .custom_content{
    padding: 1rem .8rem 1.5rem;
}

@media (min-width: 992px) {
    .slick_brand .brand_item a {
        background: hsla(230, 55%, 90%, 1);
    }
}
.brand_section .section_title .section_title_wrap .title_img{
    display: none;
}

a.crcf:hover{ color: #fff !important;}

.cart_content .pay_group button{
    margin-top: 5px;
}
.pay_group button img{
    max-height: 26px;
}