:root {
    --light_silver: #efefef;
    --black: #111111;
    --white: #ffffff;
    --orange: #f15a29;
    --red_orange: #f52a2a;
    --deep_red: #ac2925;
    --light_red: #eaacb5;
    --light_brown: #C29771;
    --brown: #994b1b;
    --light_green: #98eba9;
    --green: #0ba50b;
    --deep_green: #053605;
    --light_blue: #2faddc;
    --silver: #6b6969;
    --silver_trans: #6b696970;
    --maxWidthLv1: 1300px;
    --maxWidthLv2: 800px;
    --darkColor: #398622;
    --middleColor: #00a803;
    --whiteColor: #ffffff;
    --grayColor: #8d8a8a;
    --veryDarkColor: #0b2a02;
    --lightColor: #48a72c;
    --veryLightColor: #5cc13e;
    --goldColor: #FAA20A;
    --bgEffect: #a97111;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-BlackItalic.woff') format('woff');
    font-style: italic, oblique;
    font-weight: 900;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-Black.woff') format('woff');
    font-weight: 900;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-style: italic, oblique;
    font-weight: 800;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-BoldItalic.woff') format('woff');
    font-style: italic, oblique;
    font-weight: 700;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-SemiBoldItalic.woff') format('woff');
    font-style: italic, oblique;
    font-weight: 600;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-MediumItalic.woff') format('woff');
    font-style: italic, oblique;
    font-weight: 500;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-Italic.woff') format('woff');
    font-style: italic, oblique;
    font-weight: 400;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-LightItalic.woff') format('woff');
    font-style: italic, oblique;
    font-weight: 300;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-Light.woff') format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraLightItalic.woff') format('woff');
    font-style: italic, oblique;
    font-weight: 200;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-ThinItalic.woff') format('woff');
    font-style: italic, oblique;
    font-weight: 100;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
}

body {
    font-family: "montserrat", serif;
    font-size: 12pt;
    background-color: #efefef;
}

body * {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

a:hover {
    color: #000000;
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14pt;
}

h3,
h4,
h5 {
    font-size: 12pt;
}

ul {
    margin-top: unset;
    margin-bottom: unset;
    padding-left: unset;
    list-style-type: none;
}

input {
    outline: unset;
    border: unset;
}

button {
    background-color: var(--darkColor);
    outline: unset;
    border: unset;
}

.visible_lg {
    display: none;
}
tbody, td, tfoot, th, thead, tr{
    border-width: inherit;
}

/*BREADCRUMB*/

.breadcrumb {
    width: 100%;
    max-width: var(--maxWidthLv1);
    display: flex;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: unset;
    margin-bottom: unset;
}

.breadcrumb>.breadcrumb_item {
    font-weight: 700;
    font-size: 9pt;
    margin: unset;
    color: var(--darkColor);
}

.breadcrumb>.breadcrumb_item::after {
    content: "";
    width: 20px;
    background-image: url("/assets/images/svg/chevron_right_black.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.breadcrumb>a:hover {
    color: var(--bgEffect);
}

.breadcrumb>.breadcrumb_end {
    font-weight: 700;
    font-size: 9pt;
    margin: unset;
    color: var(--blackColor);
}

.breadcrumb>a::after,
.breadcrumb>p::after {
    font-weight: 700;
    font-size: 9pt;
    margin: unset;
    color: var(--darkColor);
    padding-right: 20px;
}


/*BREADCRUMB*/


/*PAGING*/

.paging {
    width: 100%;
    display: flex;
}

.paging_box {
    display: flex;
    margin: auto;
}

.paging_box>a {
    position: relative;
    padding: 7px;
    width: 35px;
    font-weight: 700;
    color: var(--blackColor);
    text-align: center;
    font-size: 10pt;
}

.paging_box>a:hover {
    color: var(--bgEffect);
}

.paging_box>a.paging_actived_page {
    color: var(--middleColor)
}

.paging_box>a.paging_first_page {
    background-image: url("/assets/images/svg/chevron_double_left_black.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.paging_box>a.paging_previous_page {
    background-image: url("/assets/images/svg/chevron_left_black.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.paging_box>a.paging_next_page {
    background-image: url("/assets/images/svg/chevron_right_black.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.paging_box>a.paging_last_page {
    background-image: url("/assets/images/svg/chevron_double_right_black.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.paging_box>a.paging_first_page:hover {
    background-image: url("/assets/images/svg/chevron_double_left_effect.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.paging_box>a.paging_previous_page:hover {
    background-image: url("/assets/images/svg/chevron_left_effect.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.paging_box>a.paging_next_page:hover {
    background-image: url("/assets/images/svg/chevron_right_effect.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.paging_box>a.paging_last_page:hover {
    background-image: url("/assets/images/svg/chevron_double_right_effect.svg");
    background-repeat: no-repeat;
    background-position: center;
}


/*PAGING*/


/* Order Block */

.order_qty_block {
    position: relative;
    display: flex;
}

.order_qty_block .order_minus_qty,
.order_qty_block .order_plus_qty {
    display: block;
    flex-shrink: 0;
    width: 30px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--veryLightColor);
}

.order_qty_block .order_plus_qty {
    background-image: url("/assets/images/svg/plus_black.svg");
}

.order_qty_block .order_minus_qty {
    background-image: url("/assets/images/svg/dash_black.svg");
}

.order_qty_block .order_minus_qty:hover,
.order_qty_block .order_plus_qty:hover {
    cursor: pointer;
}

.order_qty_block .order_qty {
    width: 60px;
    text-align: center;
    border: 1px solid var(--veryLightColor);
}


/* Order Block */


/* PREVENT MESSAGE */

.prevent_transparent_layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--grayColorOpacity);
    z-index: 20;
}

.prevent_transparent_layer_hidden {
    display: none;
}

.announce_board {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--light_red);
    padding: 15px 30px;
    width: 100%;
    max-width: 400px;
    display: grid;
    grid-gap: 10px;
}

.announce_board.announce {
    background-color: var(--light_green);
}

.announce_board .announce_header .announce_close {
    position: absolute;
    top: 5px;
    right: 5px;
    margin-left: auto;
    width: 20px;
    height: 20px;
    background-image: url("/assets/images/svg/x_black.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.announce_board .announce_header .announce_close:hover {
    cursor: pointer;
}

.announce_board .announce_command {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.announce_board .announce_command a {
    background-color: var(--deep_red);
    border-radius: 5px;
    padding: 5px 10px;
    color: var(--whiteColor);
}

.announce_board .announce_command a.announce {
    background-color: var(--darkColor);
}

.form_alert {
    color: var(--deep_red);
    font-size: 9pt;
}


/* PREVENT MESSAGE */

@media only screen and (min-width: 1200px) {
    .visible_sm {
        display: none;
    }
    .visible_lg {
        display: inline;
    }
    /*PAGING*/
    .paging_box>a {
        font-size: 11pt;
    }
    /*PAGING*/
}