@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap');
html {
    height: 100%;
}
body {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Jost', sans-serif;
    line-height: 1.5;
    color: #030303;
    background-color: #f8f8f8;
    min-width: 320px;
}
.main {
    flex: 1 0 auto;
    background-color: #000;
}
.header,
.footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.1;
    font-weight: bold;
    font-family: inherit;
    color: #0a0a28;
}
.h1 {
    padding: 16px 15px;
    font-size: 22px;
    border-bottom: 1px solid #e1e8ed;
    background-color: #fff;
    margin: 0;
}
.h2 {
    padding: 19px 15px;
    font-size: 18px;
    border-bottom: 1px solid #e1e8ed;
    background-color: #fff;
    margin: 0;
}
.h3 {
    font-size: 18px;
    margin: 0 0 15px;
}
.h4 {
    font-size: 16px;
    color: #606060;
    margin: 0 0 5px;
}
.h5 {
    font-size: 14px;
    color: #606060;
    margin: 0 0 5px;
}
a {
    color: inherit;
    text-decoration: underline;
}
a:hover,
a:active {
    text-decoration: none;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row:after,
.container:after,
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
}
.hidden {
    display: none!important;
}
.center {
    text-align: center;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.nowrap {
    white-space: nowrap;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    text-align: left;
}
.table th,
.table td {
    padding: 8px;
    vertical-align: top;
    border: 1px solid #e8e8e1;
}
.table_striped tbody tr:nth-of-type(odd) {
    background-color: #f5f6f7;
}
.fit_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.label_block {
    display: block;
    margin-bottom: 5px;
}
/* Form */
.form_group {
    position: relative;
    margin-bottom: 20px;
}
.form_input {
    line-height: 44px;
    height:44px;
    background-color: #fff;
    border: 1px solid #e8e8e1;
    border-radius: 2px;
    padding: 0 15px;
    width: 100%;
    font-family: inherit;
    font-size: 12px;
}

.form_select {
    width: 100%;
    height: 39px;
    line-height: 35px;
    padding: 0 35px 0 15px;
    border: 2px solid #e1e8ed;
    border-radius: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../images/select_arrow.png);
    background-position: right 12px center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 5px;
}

.form_placeholder{
    transition: all 0.1s linear 0s;
    line-height: 1;
    display: table;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    cursor: text;
    font-family: inherit;
    color: rgb(146, 146, 146);
    font-size: 12px;
}
.form_placeholder.active,
.filled .form_placeholder,
.placeholder_focus.error ~ label ~ .form_placeholder,
.placeholder_focus:focus ~ .form_placeholder {
    font-size: 85%;
    background: rgb(255, 255, 255);
    padding: 0 5px;
    top: -5px;
    cursor: default;
    color: rgb(146, 146, 146);
}
.placeholder_focus:-webkit-autofill,
.placeholder_focus:-webkit-autofill:hover,
.placeholder_focus:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: inherit !important;
}
.form_placeholder.active,
.filled .form_placeholder,
.placeholder_focus.error ~ label ~ .form_placeholder,
.placeholder_focus:focus ~ .form_placeholder,
.placeholder_focus:-webkit-autofill ~ .form_placeholder,
.placeholder_focus:-webkit-autofill:focus ~ .form_placeholder,
.placeholder_focus:focus ~ .form_placeholder{
    font-size: 85%;
    background: rgb(255, 255, 255);
    padding: 0 5px;
    top: -5px;
    cursor: default;
    color: rgb(146, 146, 146);
}
.form_placeholder{
    pointer-events:none;
}
.form_textarea {
    display: block;
    width: 100%;
    border: 1px solid #e8e8e1;
    border-radius: 2px;
    background-color: #fff;
    padding: 15px;
    font-family: inherit;
    font-size: 12px;
}
.captcha {
    display: inline-block;
    vertical-align: top;
    margin: 0 17px 10px 0;
}
.form_captcha{
    display: inline-block;
    position: relative;
    margin: 0 0 0 17px;
    vertical-align: top;
}
.input_captcha {
    width: 130px;
    line-height: 38px;
    vertical-align: top;
    height:40px;
}
.secret_number {
    border: 1px solid #e8e8e1;
    padding: 9px;
    border-radius: 2px;
    background: #f5f8f9;
    display: inline-block;
    position: relative;
    text-shadow: 1px 1px #F3B796, -1px 1px mediumturquoise, -1px -1px mediumturquoise, 1px -1px mediumturquoise;
    color: white;
    font-weight: bold;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: pointer;
}
/*.secret_number:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -15px;
    bottom: -15px;
    left: 0;
    z-index: -1;
    background: linear-gradient(-45deg,
    rgba(72, 209, 204, 0) 2px, mediumturquoise 3px, rgba(72, 209, 204, 0) 3px ) repeat;
    background-size: 4px 4px;
}*/
.secret_number:after {
    content: attr(data-name);
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: -2;
    text-shadow: 1px 1px white,
    2px 2px white,
    3px 3px white,
    4px 4px white;
    color: white;
    transition: all 1s;
}
.message_error {
    clear: both;
    padding: 10px 20px;
    margin-bottom: 20px;
    color: #f00;
    background-color: #ffcaca;
    border: 1px dotted #ff4545;
}
.message_success {
    padding: 11px 23px;
    margin-bottom: 25px;
    color: #ffffff;
    background-color: #ff6600;
    text-transform: uppercase;
}
.error{
    color: #f00;
    display: block;
    font-size: 13px;
}
.header_bottom.fixed {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
}
#sm_logo {
    float: right;
    font-size: 0;
    margin-left: 25px;
    margin-top: -10px;
}
#sm_logo img {
    vertical-align: top;
}
.ya_map {
    width: 100%;
    min-height: 450px;
}
.promo_img {
    position: absolute;
    max-width: 60px;
    max-height: 60px;
    top: 0;
    left: 0;
}
.dropdown {
    display: none;
}
.active.cat_switch::after,
.active .angle_icon,
.sort_link.active_down span::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.block {
    background-color: #fff;
    margin-bottom: 25px;
}
.padding {
    padding: 20px 15px 25px;
}
header a,
.top_item,
.callback,
.search_button,
.button,
.slick-next::before,
.slick-prev::before,
.category_link,
.arrow_right,
.breadcrumbs a,
.coupon_button,
.page_link,
.tab_navigation a,
.active.cat_switch::after,
.angle_icon,
.sort_link.active_down span::after {
    transition: all 0.2s ease;
}
/*Кнопки*/
.button,
.disable_button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0px 25px;
    font-weight: bold;
    font-family: inherit;
    font-size: 12px;
    line-height: 36px;
    color: inherit;
    border: 1px solid #F3B796;
    border-radius: 2px;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
}
.button {
    cursor: pointer;
}
.button:hover {
    background-color: #F3B796;
    color: #fff;
}
.buy {
    padding: 0 20px;
    line-height: 32px;
    border: 1px solid #000;
    border-radius: 0;
}
.buy:hover {
    background-color: #000;
    color: white;
}

.btn_primary:hover {
    background-color: #fff;
    color: #000;
}
.btn_primary{
    border-color: #fff;
    border-radius: 0;
    margin: 0 0 20px;
    max-width: 100%;
    padding: 10px 30px;
    text-decoration: none;
    background-color: transparent;
    width: -moz-max-content;
    width: max-content;
    line-height: 1.2;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    margin-left: auto;
}



.comparison_button,
.wishlist_button {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 16px;
    height: 14px;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.wishlist_button {
    top: 30px;
    background-position: 0 -15px;
}
.comparison_button.selected {
    background-position: -34px 0;
}
.wishlist_button.selected {
    background-position: -34px -15px;
}
/* Header */
header {
    background-color: #fff;

}
header a {
    text-decoration: none;
}
.top_nav {
    border-bottom: 1px solid #e8e8e1;
}
.menu_switch {
    position: relative;
    float: left;
    height: 38px;
    width: 49px;
    margin-left: -15px;
    border-right: 1px solid #e8e8e1;
    color: #b8b7b7;
    font-size: 0;
    cursor: pointer;
}
.menu_switch::before {
    content: "";
    width: 18px;
    height: 12px;
    position: absolute;
    top: 13px;
    left: 15px;
    background: url(../images/sprite.png) no-repeat -46px -304px;
}
.openmenu .menu_switch::before {
    width: 14px;
    height: 14px;
    top: 12px;
    left: 17px;
    background-position: -48px -320px;
}
.informers {
    float: right;
}
.informer {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 22px;
    font-weight: bold;
    font-size: 0;
    min-width: 49px;
    text-align: center;
    border-left: 1px solid #e8e8e1;
    text-transform: capitalize;
    color: #686666;
}
.informer_name,
.informer_counter {
    vertical-align: top;
    font-size: 12px;
}
.informer_counter {
    margin-left: 4px;
}
.cur_switch,
.lang_switch {
    cursor: pointer;
}
.informer .dropdown {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #e8e8e1;
    top: 100%;
    right: -1px;
    min-width: calc(100% + 2px);
    font-size: 12px;
}
.informer .dropdown_item {
    display: block;
    padding: 5px 0;
    white-space: nowrap;
}
.informer .dropdown_item:hover {
    background-color: #e8e8e1;
}
.account_informer {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(../images/enter.png);
}
.wish_icon,
.compare_icon,
.angle_icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(../images/sprite.png);
}
.wish_icon{
    background-position: 0px -15px;
}
.compare_icon {
    background-position: 0px 0px;
}
.angle_icon    {
    height: 10px;
    background-position: 0px -32px;
}
.logo {
    display: block;
    font-size: 0;
    text-align: center;
    margin-top: 17px;
}
#cart_informer {
    float: right;
    margin-top: 15px;
}
.cart_info {
    display: inline-block;
    position: relative;
    min-height: 32px;
    padding-left: 45px;
    font-size: 13px;
    color: #fff;
}
.cart_info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 30px;
    height: 32px;
    background: url(../images/sprite.png) no-repeat 0 -111px;
}
.cart_counter {
    position: absolute;
    top: -5px;
    left: 18px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    border-radius: 100%;
    background-color: #F3B796;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}
.cart_total {
    display: block;
    font-weight: bold;
}
.times,
.phones {
    float: right;
    line-height: 21px;
    font-weight: bold;
    margin-top: 16px;
}
.times {
    font-size: 14px;
}
.phones {
    font-size: 17px;
}
.times_inner,
.phones_inner {
    position: relative;
    display: inline-block;
    padding-left: 45px;
}
.times_text {
    color: #686666;
    font-weight: normal;
}
.times_inner::before,
.phones_inner::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    top: 5px;
    left: 0;
    background: url(../images/sprite.png) no-repeat 0 -44px;
}
.phones_inner::before {
    top: 7px;
    background: url(../images/sprite.png) no-repeat 0 -77px;
}
.callback {
    display: block;
    float: left;
    padding: 11px 12px;
    border: 2px solid #929faf;
    border-radius: 2px;
    line-height: 1.2;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 18px;
}
.callback:hover {
    border-color: #F3B796;
}
.account {
    float: right;
    padding-top: 11px;
    font-size: 13px;
    margin-top: 10px;
}
.account_link {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding-left: 30px;
}
.account_link::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 32px;
    top: 4px;
    left: 0;
    background: url(../images/sprite.png) no-repeat 0 -145px;
}
.account_name {
    display: block;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 97px;
    overflow: hidden;
}
.header_bottom {
    background-color: #000;
}
.search {
    position: relative;
    //float: right;
    background-color: #ffffff;
    margin-top: 16px;
    width: calc(100% - 50px);
}
.search_input {
    width: 100%;
    height: 31px;
    padding: 0 45px 0 20px;
    border: none;
    background: none;
    font-size: 12px;
    color: #000;
}
.search_button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: #F3B796;
    width: 34px;
    height: 31px;
    line-height: 31px;
    padding: 0;
    font-size: 0;
    color: #fff;
    cursor: pointer;
}
.search_button:hover {
    background: #c07b58;
}
.search_icon {
    width: 16px;
    height: 18px;
    vertical-align: middle;
}
.categories {
    position: relative;
}
.categories_heading {
    float: left;
    line-height: 60px;
    padding-left: 10px;
    padding-right: 20px;
    color: #fff;
    background-color: #000;
    font-size: 0;
    cursor: pointer;
}
.menu_icon {
    vertical-align: middle;
}
.categories_heading span {
    font-size: 14px;
    margin-left: 15px;
    vertical-align: middle;
}
.categories_nav {
    display: none;
    background-color: #000;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    border-top: 1px solid #2f2f2f;
    position: absolute;
    z-index: 999;
    top: 60px;
    left: 0;
    min-width: 100%;
}
.category_item {
    position: relative;
}
.category_link {
    position: relative;
    display: block;
    padding: 10px 30px 10px 20px;
    border-bottom: 1px solid #2f2f2f;
}
.category_item .arrow_right {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 12px;
    margin-top: -8px;
    font-size: 0;
    color: #2f2f2f;
}
.cat_switch {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 31px;
}
.cat_switch::after {
    content: "";
    position: absolute;
    top: 11px;
    right: 15px;
    width: 16px;
    height: 8px;
    background: url(../images/sprite.png) no-repeat -23px -304px;
}
.payments_text {
    font-size: 14px;
    color: #0a0a28;
    display: block;
    margin: 0 0 10px;
}
/* Main page */
.advantages {
    background-color: #f2f6f7;
    font-weight: bold;
    line-height: 18px;
    font-size: 14px;
    color: #929faf;
}
.advantage {
    position: relative;
    padding-left: 55px;
    padding-top: 20px;
    padding-bottom: 15px;
}
.advantage::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    background-image: url(../images/home_sprite.png);
    background-repeat: no-repeat;
}
.advantage_1::before {
    top: 17px;
    height: 23px;
    background-position: 0 -98px;
}
.advantage_2::before {
    top: 13px;
    background-position: 0 -65px;
}
.advantage_3::before {
    top: 15px;
    height: 31px;
    background-position: 0 -33px;
}
.advantage_4::before {
    top: 13px;
    background-position: 0 0;
}
.banners {
    font-size: 0;
    margin-bottom: 40px;
}
.look_all {
    font-size: 12px;
    color: #606060;
    text-align: center;
}
.main_text {
    padding-top: 12px;
    color: #606060;
    opacity: .7;
}
/* Blog */
.news {
    position: relative;
}
.blog_item {
    border-bottom: 1px solid #e8e8e1;
    box-shadow: inset -1px 0 0 #e8e8e1;
    background-color: #fff;
    margin-bottom: 0;
}
.news_content,
.blog_content {
    padding: 25px 23px 30px;
    color: #606060;
}
.news_image,
.blog_image {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 52%;
    background-color: #f5f6f7;
    background-image: url(../images/post_img.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.news_img,
.blog_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    object-fit: cover;
}
.blog_annotation,
.news_annotation {
    opacity: .7;
    max-height: 105px;
    overflow: hidden;
}
.news_date,
.blog_date {
    margin: 12px 0 5px;
    opacity: .7;
}
/* Brands */
.all_brands {
    position: relative;
}
.brands {
    box-shadow: inset 0px -1px 0 #e8e8e1;
}
.all_brands_link,
.brand_link {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #606060;
    padding: 30px 25px;
}
.all_brands_link {
    border-left: 1px solid #e8e8e1;
}
.slick-current .all_brands_link {
    border-left: none;
}
.brand_item {
    border-bottom: 1px solid #e8e8e1;
    border-right: 1px solid #e8e8e1;
}
.brand_image,
.brand_name {
    height: 100px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
}
.brand_image {
    margin-bottom: 20px;
}
.brand_img {
    vertical-align: middle;
    max-height: 100%;
}
.brand .brand_item:hover,
.all_brands_link:hover,
#fn_content .products_item:hover {
    box-shadow: inset 0 0 0 1px #ccccc6;
}
/* Product preview */
.main_products {
    position: relative;
}
.preview {
    position: relative;
    padding: 30px 25px;
}
.products_item {
    /*border-bottom: 1px solid #e8e8e1;*/
    /*box-shadow: inset -1px 0 0 #e8e8e1;*/
    margin-bottom: 0;
    background-color: #fff;
}
.product_name {
    display: block;
    line-height: 21px;
    font-size: 16px;
    text-decoration: none;
    overflow: hidden;
    margin-bottom: 10px;
}
.preview_image {
    display: block;
    position: relative;
    height: 280px;
    line-height: 200px;
    text-align: center;
    padding: 0 0 20px;
}
.preview_img {
    vertical-align: middle;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.preview .price_container {
    font-weight: bold;
    line-height: 1.4;
    min-height: 42px;
}
.preview_form {
    padding-top: 3px;
}
.preview .price {
    font-size: 16px;
}
.preview .hidden + .price {
    margin-top: 7px;
}
.old_price {
    font-size: 13px;
    color: #606060;
    opacity: .7;
    text-decoration: line-through;
}
.remove_link {
    display: block;
    margin: -15px 0 15px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
}
.remove_link .remove_icon {
    margin-top: -2px;
    color: #e62e04;
}
.remove_link span {
    text-decoration: underline;
}
.remove_link:hover span {
    text-decoration: none;
}
.sort {
    border-bottom: 1px solid #e8e8e1;
    line-height: 17px;
    background-color: #fff;
    padding-left: 3px;
}
.sort_title {
    display: block;
    padding: 14px 12px 0;
    font-weight: bold;
    font-size: 16px;
}
.sort_link {
    float: left;
    padding: 14px 5px 14px 10px;
    text-decoration: none;
    font-size: 13px;
    border: none;
    background: none;
    cursor: pointer;
}
.sort_link.active_up,
.sort_link.active_down {
    color: #F3B796;
    font-weight: bold;
}
.sort_link span {
    display: inline-block;
    position: relative;
    padding-right: 21px;
}
.sort_link span::after {
    content: "";
    width: 16px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    background: url(../images/sprite.png) no-repeat -1px -303px;
}
.sort_link.no_after span::after {
    content: none;
}
/* Cart */
.purchase {
    width: 100%;
    margin-bottom: 40px;
}
.purchase th,
.purchase td {
    vertical-align: middle;
    text-align: center;
}
.purchase th {
    padding: 12px 8px;
    font-weight: bold;
    font-size: 13px;
    font-weight: bold;
    background-color: #fcfcfc;
}
.purchase td {
    border-top: 1px solid #e8e8e1;
    border-bottom: 1px solid #e8e8e1;
    padding: 8px;
    background-color: #fff;
}
.purchase_remove,
.purchase_image {
    font-size: 0;
}
.purchase_remove a {
    text-decoration: none;
}
.purchase_preorder,
.purchase_remove a:hover {
    color: #e62e04;
}
.remove_icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.amount {
    width: 123px;
    display: inline-flex;
    vertical-align: middle;
    border: 1px solid #e8e8e1;
    line-height: 34px;
}
.plus,
.minus {
    font-size: 20px;
    width: 34px;
    height: 34px;
    text-align: center;
    cursor: pointer;
    color: black;
    padding-bottom: 2px;
}
.input_amount {
    display: block;
    float: left;
    font-size: 14px;
    text-align: center;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #e8e8e1;
    border-right: 1px solid #e8e8e1;
    padding: 0;
    margin: 0;
    height: 34px;
    width: 55px;
}
.purchase_total td {
    font-weight: bold;
    font-size: 16px;
    border-bottom: none;
}
.purchase_total {
    font-weight: bold;
    font-size: 16px;
}
.purchase_total .total_sum {
    color: #F3B796;
    font-size: 18px;
}
.purchase_name {
    font-weight: bold;
    font-size: 13px;
    color: #F3B796;
}
.purchase .coupon,
.purchase .purchase_total {
    padding: 10px;
}
.input_coupon {
    vertical-align: top;
    width: 165px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #e8e8e1;
    border-radius: 2px;
    font-size: 13px;
    font-family: inherit;
}
.coupon_button {
    height: 34px;
    padding: 0 25px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background: #F3B796;
    border: none;
    border-radius: 2px;
    cursor:pointer;
}
.coupon_button:hover {
    background: #c07b58;
}
.coupon .message_error {
    margin: 0 0 10px;
    width: 285px;
}
.delivery {
    font-size: 13px;
}
.delivery_item {
    margin-bottom: 15px;
}
.delivery_description {
    margin-left: 25px;
    display: none;
}
.active + .delivery_description {
    display: block;
}
.input_delivery {
    float: left;
    margin: 7px 0 0;
}
.delivery_item img {
    vertical-align: middle;
    margin-right: 4px;
}
.delivery_name {
    display: block;
    padding-left: 25px;
}
.delivery_label {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    font-weight: 500;
}
.active.delivery_label {
    font-weight: bold;
}
.order_details    {
    width: 100%;
}
.order_details td {
    padding: 0 0 15px;
}
.order_notify{
    background-color: #fff;
    border: 2px solid rgb(56, 192, 243);
    margin-bottom: 25px;
    padding: 18px 20px 18px;
}
.order_heading{
    color: rgb(10, 10, 40);
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold;
    font-family: inherit;
    margin-bottom: 10px;
}
.order_thank{
    color: rgb(10, 10, 40);
    font-size: 18px;
    line-height: 1.2;
    font-family: inherit;
    margin-top: 10px;
}
.order_tag{
    color: #fff;
    line-height: inherit;
    padding: 0px 8px;
    font-size: 16px;
    border-radius: 4px;
    display: inline-block;
    background-color: rgb(56, 192, 243);
}
.order_heading_promo{
    color: rgb(10, 10, 40);
    font-size: 16px;
    line-height: 1.3;
}
.method_name {
    font-weight: bold;
    font-size: 16px;
}
.method_form {
    margin: 15px 0;
}
.method_description {
    margin-bottom: 15px;
}
.feedback_form {
    background-color: #f5f6f7;
    border: 1px solid #e8e8e1;
}
.feedback_inner {
    padding-top: 25px;
}
/* Pagination */
.pagination {
    list-style: none;
    text-align: center;
    background: #fff;
    padding: 15px 10px 5px;
    margin: -40px 0 40px;
}
.page_item {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 10px;
}
.page_link {
    display: block;
    padding: 3px 7px;
    min-width: 30px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #e8e8e1;
    background-color: #fff;
    color: #303030;
}
.page_link:hover,
.active .page_link {
    color: #fff;
    background-color: #F3B796;
    border-color: #F3B796;
}
/* Product Page */
.product_heading {
    font-size: 22px;
    color: #0a0a28;
    font-weight: bold;
    line-height: 1.1;
    margin: 5px 0 22px;
}
.sku {
    margin-top: -10px;
    margin-bottom: 16px;
    font-size: 13px;
}
.sku_nubmer {
    color: #adaaaa;
}
.product_brand_block{
    font-size: 13px;
    float: left;
    margin-right: 25px;
}
.product_image {
    position: relative;
    text-align: center;
    min-height: 340px;
    margin-bottom: 23px;
}
.product_image a{
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height:auto;
    min-height: 340px;
    border: 1px solid #e8e8e1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.product_img {
    position: relative;
    max-height: 100%;
    width: calc(100% - 40px);
    object-fit: cover;
}
.images {
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: 23px;
}
.images_item {
    float: left;
    width: 16.666667%;
    padding-left: 6px;
    padding-right: 6px;
}
.images_link {
    display: block;
    border: 1px solid #e8e8e1;
    height: 77px;
    line-height: 75px;
    text-align: center;
    font-size: 0;
}
.images_item img {
    vertical-align: middle;
}
.product_details {
    margin-bottom: 23px;
}
.product_wish {
    margin-bottom: 12px;
}
.product_wish,
.product_compare {
    position: relative;
    display: inline-block;
    color: #686666;
    font-size: 12px;
    padding-left: 27px;
}
.product_wish::before,
.product_compare::before {
    content: "";
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 2px;
    background-repeat: no-repeat;
    background-image: url(../images/sprite.png);
}
.product_wish::before {
    background-position: -17px -15px;
}
.product_wish.selected::before {
    background-position: -34px -15px;
}
.product_compare::before {
    background-position: -17px 0;
}
.product_compare.selected::before {
    background-position: -34px 0;
}
.product_wish::after,
.product_compare::after {
    content: attr(title);
}
.details_label {
    font-size: 13px;
    margin-right: 14px;
    display: inline-block;
}
.product_rating {
    display: inline-block;
    margin: 20px 0 16px;
    font-size: 13px;
}
.available {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
}
.in_stock,
.no_stock {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.no_stock {
    padding-left: 18px;
}
.in_stock::before,
.no_stock::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 11px;
    height: 8px;
    background: url(../images/sprite.png) no-repeat -37px -33px;
}
.no_stock::before {
    height: 9px;
    background: url(../images/sprite.png) no-repeat -52px -33px;
}
.quontity_label {
    /*margin-top: 34px;*/
}
.product_btn {
    color: black;
    border: 1px solid black;
    min-width: 220px;
}
.info_delivery,
.info_payment    {
    margin-top: 25px;
}
.product_btn:hover {
    background-color: black;
    color: #fff;
}
.product .old_price {
    font-weight: bold;
    font-size: 16px;
    margin-top: 25px;
}
.product .price {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.1;
    margin-top: 5px;
}
.product .hidden + .price {
    margin-top: 25px;
}
.product_buttons {
    margin-top: 25px;
}
.info_delivery,
.info_payment {
    border: 1px solid #e1e8ed;
    padding: 20px 18px 14px;
    font-size: 14px;
    position: relative;
}
.info_delivery::before,
.info_payment::before {
    content: "";
    position: absolute;
    bottom: 12px;
}
.info_delivery::before {
    width: 48px;
    height: 64px;
    right: 12px;
    background: url(../images/sprite.png) no-repeat 1px -178px;
}
.info_payment::before {
    width: 64px;
    height: 58px;
    right: 10px;
    background: url(../images/sprite.png) no-repeat 0px -243px;
}
.info_delivery .h5,
.info_payment .h5 {
    color: #030303;
    margin-bottom: 15px;
}
.info_delivery p,
.info_payment p {
    margin-bottom: 7px;
    opacity: .7;
}
.product_share {
    margin: 20px 0 25px;
}
.share_text {
    font-size: 13px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.product_share > div {
    display: inline-block;
    vertical-align: middle;
}
.product .pager {
    padding: 0;
}
.tab_navigation {
    overflow: hidden;
    z-index: 1;
}
.tab_navigation a {
    display: block;
    padding: 7px 10px;

    background-color: #f7f7f7;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #e1e8ed;
}

.tab_navigation a.selected {
    background-color: #fff;
    box-shadow: inset 0 2px 0 0 #2f2f2f;
}
.tab_container {
    overflow: hidden;
    border-top: 1px solid #e1e8ed;
    margin: -1px 0 0;
}
.tab {
    display: none;
    padding: 15px;
}
.product_description {
    line-height: 1.65;
}
.features {
    list-style: none;
    margin: 0;
    padding: 0;
}
.features li {
    padding: 0;
    margin-bottom: 7px;
    overflow: hidden;
    background-color: #fff;
}
.features_name,
.features_value {
    display: block;
    float: left;
    padding-left: 7px;
}
.features_value {
    width: 50%;
    padding-right: 15px;
}
.features_name {
    width: 50%;
    position: relative;
}
.features_name span {
    position: relative;
    padding-right: 10px;
    z-index: 1;
    background-color: #fff;
}
.features_name::before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #e1e8ed;
}
/* Comments */
.comment_item {
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(225, 232, 237);
    padding-bottom: 10px;
}
.admin_note {
    margin-top: 10px;
    margin-left: 15px;
    border-left: 3px solid rgba(56, 192, 243, 0.8);
    padding: 10px;
    border-bottom: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: rgb(248, 248, 248);
}
.comment_author {
    font-weight: bold;
    color: rgb(5, 72, 98);
    text-transform: uppercase;
    font-size: 13px;
}
.comment_date {
    opacity: .5;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 8px;
    display: block;
}
.comment_content {
    color: rgb(50, 50, 50);
    font-size: 13px;
    line-height: 1.4;
}
.no_comments {
    border-left: 3px solid rgba(139, 139, 139, 0.8);
    padding: 10px;
    background: rgb(248, 248, 248)
}
/* Post */
.post_date {
    opacity: .7;
    margin-bottom: 10px;
}
.post_share {
    margin: 20px 0;
}
.pager {
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 0;
    list-style: none;
    overflow: hidden;
}
.pager li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.pager li:nth-child(even) {
    text-align: right;
}
.pager a,
.pager a:hover span {
    text-decoration: none;
}
.pager a span {
    text-decoration: underline;
}
.change_pass {
    margin-bottom: 10px;
}
.change_pass span {
    cursor: pointer;
    border-bottom: 1px dotted;
}
.change_pass span:hover {
    border-color: transparent;
}
.password_remind {
    float: right;
    margin-top: 6px;
    font-size: 13px;
}
/* Filters */

.sidebar_top {
    background-color: #fff;
    margin-bottom: 20px;
}
.sidebar_center {
    background-color: #fff;
    margin-bottom: 20px;
}
.sidebar .h2 {
    padding-bottom: 10px;
    padding-top: 12px;
}
.filter_group {
    padding: 23px 23px 0;
}
.catalog_menu{
    padding: 20px 23px 0;
}
.selected_filter_boxes{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.selected_filter_box {
    position: relative;
    width: 100%;
    min-height: 1px;
    /*padding-right: 10px;*/
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}
.selected_filter_item{
    border: 1px solid #F3B796;
    border-radius: 3px;
    margin: 0 0 10px 0;
    max-width: 100%;
}
.filter_reset{
    font-size: 13px;
    color: #F3B796;
    font-weight: 500;
    overflow: hidden;
    display: inline-block;
    border: none;
    background: no-repeat;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
}
.selected_filter_box .s_filter_link{
    border: none;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    font-size: 12px;
    padding: 2px 8px 1px;
    cursor: pointer;
    color: #575757;
}
.selected_filter_box .s_filter_link span{
    margin-right: 5px;
    cursor: pointer;
    text-align: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 20px);
    -ms-flex: 0 0 calc(100% - 20px);
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
}
.selected_filter_box .s_filter_link svg{
    width: 16px;
    height: 16px;
    color: #999;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    max-width: 16px;
}
.selected_filter_box .selected_filter_item:hover .s_filter_link svg{
    color: #f25050;
}
.selected_filter_box .selected_filter_item:hover{
    background: #F3B796;
}
.selected_filter_box .selected_filter_item:hover .s_filter_link{
    color: #fff;
}
.filters_heading {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    padding: 9px 15px;
    cursor: pointer;
}
.filters_heading .angle_icon {
    position: absolute;
    right: 20px;
    top: 18px;
}
.filter_item {
    line-height: 24px;
    padding: 7px 0;
}
.catalog_item{
    padding: 0;
}
.filter_link {
    display: block;
    position: relative;
    padding-left: 36px;
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
    text-decoration: none;
    cursor: pointer;
    background: no-repeat;
    border: none;
    text-align: left;
}
.catalog_link {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative;
    padding-left: 0px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    padding: 7px 0px;

}
.catalog_link.sub_cat::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin-left: 1px;
    background-image: url(../images/select_arrow.png);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    max-width: 16px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.filter_indicator {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    border: 1px solid #e8e8e1;
    border-radius: 1px;
}
.checked .filter_indicator {
    background: url(../images/sprite.png) no-repeat 3px -316px;
}
.price_range {
    overflow: hidden;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 15px;
}
.price_label {
    float: left;
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
}
.max_price {
    text-align: right;
}
.max_input,
.min_input {
    max-width: 100%;
    padding: 0 8px;
    line-height: 30px;
    height: 32px;
    border: 1px solid #e8e8e1;
}
/* Browsed products */
.browsed {
    padding-top: 10px;
    padding-bottom: 15px;
}
.browsed_item {
    line-height: 50px;
    min-height: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
.browsed_item img {
    vertical-align: middle;
    display:block;
    width:100%;
}
/* Product Rating */
.rating_starOff {
    display: inline-block;
    vertical-align: top;
}
.rating_starOff,
.rating_starOn {
    width: 90px;
    height: 18px;
    background: url(../images/rating.png) repeat-x left top;
}
.rating_starOn {
    display: block;
    background-position: left bottom;
}
.rating_text {
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
}
/* BREADCRUMBS */
.breadcrumbs {
    padding: 10px 15px;
    margin: 25px 0;
    list-style: none;
    font-size: 12px;
    background-color: #fff;
}
.breadcrumbs li {
    display: inline-block;
    padding: 0;
    margin: 3px 0;
}
.breadcrumbs li + li:before {
    padding: 0 2px;
    content: "/\00a0";
}
/* Scroll to top */
.to_top {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 99;
    display: none;
    background-color: #b8b7b7;
    background-image: url(../images/up-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.to_top:hover {
    background-color: #F3B796;
}
/* POPUP WINDOW */
.popup {
    width: 320px;
    max-width: 100%;
    padding: 5px;
    text-align: center;
}
.popup_heading {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}
/* Comparison_page */
.comparison_page {
    padding-bottom: 40px;
}
.comparison_left {
    float: left;
    width: 30%;
}
.comparison_products {
    float: right;
    width: 70%;
    position: relative;
    margin: 0;
    border-left: 1px solid #e8e8e1;
}
.comparison_item {
    border-right: 1px solid #e8e8e1;
}
.cell {
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e1;
}
.comparison_item .cell,
.comparison_item .cprs_rating {
    text-align: center;
}
.cprs_rating {
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e1;
    border-top: 1px solid #e8e8e1;
}
.cell:nth-child(odd) {
    background: #efefef;
}
.compare_controls {
    position: relative;
}
.compare_show {
    position: absolute;
    left: 0px;
    bottom: 25px;
}
.compare_show a {
    display: inline-block;
    padding: 6px 11px;
    text-decoration: none;
    margin: 0 5px 5px 15px;
}
.compare_show a:hover,
.compare_show .active {
    background: #fff;
    border: 1px solid #e8e8e1;
    padding: 5px 10px;
    color: #030303;
}
.compare_show a span {
    border-bottom: 1px dashed;
}
.compare_show a:hover span,
.compare_show .active span {
    border-color: transparent;
}
.preorder_label{
    padding: 0 5px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    background: #F3B796;
    border: none;
    border-radius: 2px;
}
.callback_form .captcha{
    display: block;
    margin: 0 0px 20px 0;
}
.callback_form .captcha .secret_number{
    width: 95px;
}
.callback_form .captcha .form_captcha{
    width: calc(100% - 117px);
}
.callback_form .button{
    display: block;
    width: 100%;
}

.order_notify_v2{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    background: #fff;
    padding: 20px 0px;
}
.order_notify_v2 .o_notify_v2_head{
    vertical-align: middle;
    margin-bottom: 20px;
}
.order_notify_v2 svg{
    width: 44px;
    height: 44px;
    color: #74B636;
    margin-right: 12px;
    vertical-align: middle;
}
.order_notify_v2 .o_notify_v2_heading{
    font-size: 32px;
    font-weight: 600;
    vertical-align: middle;
}
.o_notify_v2_content{
    margin-bottom: 25px;
}
.o_notify_v2_content .o_notify_v2_content_inner{
    max-width: 660px;
    display: inline-block;
}
.o_notify_v2_order_id .o_notify_v2_order_id_box{
    display: inline-block;
    border: 2px solid #FFC007;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.2;
    background: #fff;
    text-transform: uppercase;
    font-weight: 600;
    color: #414141;
}
.o_notify_v2_order_id .o_notify_v2_order_id_box .o_notify_v2_order_id_bold{
    font-weight: bold;
    font-size: 17px;
    line-height: 1;
    margin-top: 3px;
    display: block;
    color: #000;
}

/* main menu */
.menu_group_header{
    float: left;
}

.menu_list_1{
    padding-left: 0px;
    list-style: none;
}
.menu_list_2,
.menu_list_3,
.menu_list_4{
    padding-left: 15px;
    list-style: none;
}
.menu_list{
    margin: 5px 0px 0px 0px;
}
.menu_item{
    margin-bottom: 5px;
}

/* menu 404 */

menu_group_404 .menu_list{
    margin: 0px;
    padding-left: 15px;
}
.menu_404{
    margin-top: 30px;
}
.menu_404 .text_404{
    margin: 0 0 40px;
}
.menu_404 .text_404 {
    font-weight: 500;
    font-family: inherit;
    color: rgb(89, 89, 89);
    font-size: 18px;
    line-height: 1.3;
}
.menu_group_404 .menu_list{
    padding: 0px;
    list-style: none;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin-right: -20px;
    margin-left: -20px;
}
.menu_group_404 .menu_list_2{
    display: none!important;
}
.menu_group_404 .menu_list .menu_item{
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    margin-bottom: 20px;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.menu_group_404 .menu_list .menu_link{
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #F3B796;
    border: 1px solid #F3B796;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: none;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    width: 100%;
}
.menu_group_404 .menu_list .menu_link:hover {
    color: rgb(255, 255, 255);
    background-color: #cc9c7f;
}

/* menu footer */

/********************************************************* Indents  */
.m-q {margin: 0.25rem 0.25rem !important;}
.mt-q {margin-top: 0.25rem !important;}
.mb-q { margin-bottom: 0.25rem !important;}
.ml-q {margin-left: 0.25rem !important;}
.mx-q {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
.my-q {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}

.m-h {margin: 0.5rem 0.5rem !important;}
.mt-h {margin-top: 0.5rem !important;}
.mr-h {margin-right: 0.5rem !important;}
.mb-h {margin-bottom: 0.5rem !important;}
.ml-h {margin-left: 0.5rem !important;}
.mx-h {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
.my-h {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}

.m-0 {margin: 0 0 !important;}
.mt-0 { margin-top: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.ml-0 {margin-left: 0 !important;}
.mx-0 {margin-right: 0 !important;margin-left: 0 !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}

.m-1 {margin: 1rem 1rem !important;}
.mt-1 {margin-top: 1rem !important;}
.mr-1 {margin-right: 1rem !important;}
.mb-1 {margin-bottom: 1rem !important;}
.ml-1 {margin-left: 1rem !important;}
.mx-1 { margin-right: 1rem !important;margin-left: 1rem !important;}
.my-1 {margin-top: 1rem !important;margin-bottom: 1rem !important;}

.m-2 {margin: 1.5rem 1.5rem !important;}
.mt-2 {margin-top: 1.5rem !important;}
.mr-2 {margin-right: 1.5rem !important;}
.mb-2 {margin-bottom: 1.5rem !important;}
.ml-2 { margin-left: 1.5rem !important;}
.mx-2 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
.my-2 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}

.m-3 {margin: 3rem 3rem !important;}
.mt-3 {margin-top: 3rem !important;}
.mr-3 {margin-right: 3rem !important;}
.mb-3 {margin-bottom: 3rem !important;}
.ml-3 {margin-left: 3rem !important;}
.mx-3 {margin-right: 3rem !important;margin-left: 3rem !important;}
.my-3 {margin-top: 3rem !important;margin-bottom: 3rem !important;}

.p-q {padding: 0.25rem 0.25rem !important;}
.pt-q {padding-top: 0.25rem !important;}
.pr-q {padding-right: 0.25rem !important;}
.pb-q {padding-bottom: 0.25rem !important;}
.pl-q {padding-left: 0.25rem !important;}
.px-q {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
.py-q {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}

.p-h {padding: 0.5rem 0.5rem !important;}
.pt-h {padding-top: 0.5rem !important;}
.pr-h {padding-right: 0.5rem !important;}
.pb-h {padding-bottom: 0.5rem !important;}
.pl-h {padding-left: 0.5rem !important;}
.px-h {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
.py-h {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}

.p-0 {padding: 0 0 !important;}
.pt-0 {padding-top: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pl-0 {padding-left: 0 !important;}
.px-0 {padding-right: 0 !important;padding-left: 0 !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}

.p-1 {padding: 1rem 1rem !important;}
.pt-1 {padding-top: 1rem !important;}
.pr-1 {padding-right: 1rem !important;}
.pb-1 {padding-bottom: 1rem !important;}
.pl-1 {padding-left: 1rem !important;}
.px-1 {padding-right: 1rem !important;padding-left: 1rem !important;}
.py-1 {padding-top: 1rem !important;padding-bottom: 1rem !important;}

.p-2 {padding: 1.5rem 1.5rem !important;}
.pt-2 {padding-top: 1.5rem !important;}
.pr-2 {padding-right: 1.5rem !important;}
.pb-2 {padding-bottom: 1.5rem !important;}
.pl-2 {padding-left: 1.5rem !important;}
.px-2 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
.py-2 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}

.p-3 {padding: 3rem 3rem !important;}
.pt-3 {padding-top: 3rem !important;}
.pr-3 {padding-right: 3rem !important;}
.pb-3 {padding-bottom: 3rem !important;}
.pl-3 {padding-left: 3rem !important;}
.px-3 {padding-right: 3rem !important;padding-left: 3rem !important;}
.py-3 {padding-top: 3rem !important;padding-bottom: 3rem !important;}

@media (min-width: 576px) {

     .m-sm-q {margin: 0.25rem 0.25rem !important;}
    .mt-sm-q {margin-top: 0.25rem !important;}
    .mb-sm-q { margin-bottom: 0.25rem !important;}
    .ml-sm-q {margin-left: 0.25rem !important;}
    .mx-sm-q {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
    .my-sm-q {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}

     .m-sm-h {margin: 0.5rem 0.5rem !important;}
    .mt-sm-h {margin-top: 0.5rem !important;}
    .mr-sm-h {margin-right: 0.5rem !important;}
    .mb-sm-h {margin-bottom: 0.5rem !important;}
    .ml-sm-h {margin-left: 0.5rem !important;}
    .mx-sm-h {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
    .my-sm-h {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}

     .m-sm-0 {margin: 0 0 !important;}
    .mt-sm-0 { margin-top: 0 !important;}
    .mr-sm-0 {margin-right: 0 !important;}
    .mb-sm-0 {margin-bottom: 0 !important;}
    .ml-sm-0 {margin-left: 0 !important;}
    .mx-sm-0 {margin-right: 0 !important;margin-left: 0 !important;}
    .my-sm-0 {margin-top: 0 !important;margin-bottom: 0 !important;}

     .m-sm-1 {margin: 1rem 1rem !important;}
    .mt-sm-1 {margin-top: 1rem !important;}
    .mr-sm-1 {margin-right: 1rem !important;}
    .mb-sm-1 {margin-bottom: 1rem !important;}
    .ml-sm-1 {margin-left: 1rem !important;}
    .mx-sm-1 { margin-right: 1rem !important;margin-left: 1rem !important;}
    .my-sm-1 {margin-top: 1rem !important;margin-bottom: 1rem !important;}

     .m-sm-2 {margin: 1.5rem 1.5rem !important;}
    .mt-sm-2 {margin-top: 1.5rem !important;}
    .mr-sm-2 {margin-right: 1.5rem !important;}
    .mb-sm-2 {margin-bottom: 1.5rem !important;}
    .ml-sm-2 { margin-left: 1.5rem !important;}
    .mx-sm-2 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
    .my-sm-2 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}

     .m-sm-3 {margin: 3rem 3rem !important;}
    .mt-sm-3 {margin-top: 3rem !important;}
    .mr-sm-3 {margin-right: 3rem !important;}
    .mb-sm-3 {margin-bottom: 3rem !important;}
    .ml-sm-3 {margin-left: 3rem !important;}
    .mx-sm-3 {margin-right: 3rem !important;margin-left: 3rem !important;}
    .my-sm-3 {margin-top: 3rem !important;margin-bottom: 3rem !important;}

     .p-sm-q {padding: 0.25rem 0.25rem !important;}
    .pt-sm-q {padding-top: 0.25rem !important;}
    .pr-sm-q {padding-right: 0.25rem !important;}
    .pb-sm-q {padding-bottom: 0.25rem !important;}
    .pl-sm-q {padding-left: 0.25rem !important;}
    .px-sm-q {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
    .py-sm-q {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}

     .p-sm-h {padding: 0.5rem 0.5rem !important;}
    .pt-sm-h {padding-top: 0.5rem !important;}
    .pr-sm-h {padding-right: 0.5rem !important;}
    .pb-sm-h {padding-bottom: 0.5rem !important;}
    .pl-sm-h {padding-left: 0.5rem !important;}
    .px-sm-h {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
    .py-sm-h {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}

     .p-sm-0 {padding: 0 0 !important;}
    .pt-sm-0 {padding-top: 0 !important;}
    .pr-sm-0 {padding-right: 0 !important;}
    .pb-sm-0 {padding-bottom: 0 !important;}
    .pl-sm-0 {padding-left: 0 !important;}
    .px-sm-0 {padding-right: 0 !important;padding-left: 0 !important;}
    .py-sm-0 {padding-top: 0 !important;padding-bottom: 0 !important;}

     .p-sm-1 {padding: 1rem 1rem !important;}
    .pt-sm-1 {padding-top: 1rem !important;}
    .pr-sm-1 {padding-right: 1rem !important;}
    .pb-sm-1 {padding-bottom: 1rem !important;}
    .pl-sm-1 {padding-left: 1rem !important;}
    .px-sm-1 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .py-sm-1 {padding-top: 1rem !important;padding-bottom: 1rem !important;}

     .p-sm-2 {padding: 1.5rem 1.5rem !important;}
    .pt-sm-2 {padding-top: 1.5rem !important;}
    .pr-sm-2 {padding-right: 1.5rem !important;}
    .pb-sm-2 {padding-bottom: 1.5rem !important;}
    .pl-sm-2 {padding-left: 1.5rem !important;}
    .px-sm-2 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
    .py-sm-2 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}

     .p-sm-3 {padding: 3rem 3rem !important;}
    .pt-sm-3 {padding-top: 3rem !important;}
    .pr-sm-3 {padding-right: 3rem !important;}
    .pb-sm-3 {padding-bottom: 3rem !important;}
    .pl-sm-3 {padding-left: 3rem !important;}
    .px-sm-3 {padding-right: 3rem !important;padding-left: 3rem !important;}
    .py-sm-3 {padding-top: 3rem !important;padding-bottom: 3rem !important;}

}
@media (min-width: 768px) {

    .m-md-q {margin: 0.25rem 0.25rem !important;}
    .mt-md-q {margin-top: 0.25rem !important;}
    .mb-md-q { margin-bottom: 0.25rem !important;}
    .ml-md-q {margin-left: 0.25rem !important;}
    .mx-md-q {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
    .my-md-q {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}

    .m-md-h {margin: 0.5rem 0.5rem !important;}
    .mt-md-h {margin-top: 0.5rem !important;}
    .mr-md-h {margin-right: 0.5rem !important;}
    .mb-md-h {margin-bottom: 0.5rem !important;}
    .ml-md-h {margin-left: 0.5rem !important;}
    .mx-md-h {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
    .my-md-h {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}

    .m-md-0 {margin: 0 0 !important;}
    .mt-md-0 { margin-top: 0 !important;}
    .mr-md-0 {margin-right: 0 !important;}
    .mb-md-0 {margin-bottom: 0 !important;}
    .ml-md-0 {margin-left: 0 !important;}
    .mx-md-0 {margin-right: 0 !important;margin-left: 0 !important;}
    .my-md-0 {margin-top: 0 !important;margin-bottom: 0 !important;}

    .m-md-1 {margin: 1rem 1rem !important;}
    .mt-md-1 {margin-top: 1rem !important;}
    .mr-md-1 {margin-right: 1rem !important;}
    .mb-md-1 {margin-bottom: 1rem !important;}
    .ml-md-1 {margin-left: 1rem !important;}
    .mx-md-1 { margin-right: 1rem !important;margin-left: 1rem !important;}
    .my-md-1 {margin-top: 1rem !important;margin-bottom: 1rem !important;}

    .m-md-2 {margin: 1.5rem 1.5rem !important;}
    .mt-md-2 {margin-top: 1.5rem !important;}
    .mr-md-2 {margin-right: 1.5rem !important;}
    .mb-md-2 {margin-bottom: 1.5rem !important;}
    .ml-md-2 { margin-left: 1.5rem !important;}
    .mx-md-2 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
    .my-md-2 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}

    .m-md-3 {margin: 3rem 3rem !important;}
    .mt-md-3 {margin-top: 3rem !important;}
    .mr-md-3 {margin-right: 3rem !important;}
    .mb-md-3 {margin-bottom: 3rem !important;}
    .ml-md-3 {margin-left: 3rem !important;}
    .mx-md-3 {margin-right: 3rem !important;margin-left: 3rem !important;}
    .my-md-3 {margin-top: 3rem !important;margin-bottom: 3rem !important;}

    .p-md-q {padding: 0.25rem 0.25rem !important;}
    .pt-md-q {padding-top: 0.25rem !important;}
    .pr-md-q {padding-right: 0.25rem !important;}
    .pb-md-q {padding-bottom: 0.25rem !important;}
    .pl-md-q {padding-left: 0.25rem !important;}
    .px-md-q {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
    .py-md-q {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}

    .p-md-h {padding: 0.5rem 0.5rem !important;}
    .pt-md-h {padding-top: 0.5rem !important;}
    .pr-md-h {padding-right: 0.5rem !important;}
    .pb-md-h {padding-bottom: 0.5rem !important;}
    .pl-md-h {padding-left: 0.5rem !important;}
    .px-md-h {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
    .py-md-h {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}

    .p-md-0 {padding: 0 0 !important;}
    .pt-md-0 {padding-top: 0 !important;}
    .pr-md-0 {padding-right: 0 !important;}
    .pb-md-0 {padding-bottom: 0 !important;}
    .pl-md-0 {padding-left: 0 !important;}
    .px-md-0 {padding-right: 0 !important;padding-left: 0 !important;}
    .py-md-0 {padding-top: 0 !important;padding-bottom: 0 !important;}

    .p-md-1 {padding: 1rem 1rem !important;}
    .pt-md-1 {padding-top: 1rem !important;}
    .pr-md-1 {padding-right: 1rem !important;}
    .pb-md-1 {padding-bottom: 1rem !important;}
    .pl-md-1 {padding-left: 1rem !important;}
    .px-md-1 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .py-md-1 {padding-top: 1rem !important;padding-bottom: 1rem !important;}

    .p-md-2 {padding: 1.5rem 1.5rem !important;}
    .pt-md-2 {padding-top: 1.5rem !important;}
    .pr-md-2 {padding-right: 1.5rem !important;}
    .pb-md-2 {padding-bottom: 1.5rem !important;}
    .pl-md-2 {padding-left: 1.5rem !important;}
    .px-md-2 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
    .py-md-2 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}

    .p-md-3 {padding: 3rem 3rem !important;}
    .pt-md-3 {padding-top: 3rem !important;}
    .pr-md-3 {padding-right: 3rem !important;}
    .pb-md-3 {padding-bottom: 3rem !important;}
    .pl-md-3 {padding-left: 3rem !important;}
    .px-md-3 {padding-right: 3rem !important;padding-left: 3rem !important;}
    .py-md-3 {padding-top: 3rem !important;padding-bottom: 3rem !important;}

}
@media (min-width: 992px) {

    .m-lg-q {margin: 0.25rem 0.25rem !important;}
    .mt-lg-q {margin-top: 0.25rem !important;}
    .mb-lg-q { margin-bottom: 0.25rem !important;}
    .ml-lg-q {margin-left: 0.25rem !important;}
    .mx-lg-q {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
    .my-lg-q {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}

    .m-lg-h {margin: 0.5rem 0.5rem !important;}
    .mt-lg-h {margin-top: 0.5rem !important;}
    .mr-lg-h {margin-right: 0.5rem !important;}
    .mb-lg-h {margin-bottom: 0.5rem !important;}
    .ml-lg-h {margin-left: 0.5rem !important;}
    .mx-lg-h {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
    .my-lg-h {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}

    .m-lg-0 {margin: 0 0 !important;}
    .mt-lg-0 { margin-top: 0 !important;}
    .mr-lg-0 {margin-right: 0 !important;}
    .mb-lg-0 {margin-bottom: 0 !important;}
    .ml-lg-0 {margin-left: 0 !important;}
    .mx-lg-0 {margin-right: 0 !important;margin-left: 0 !important;}
    .my-lg-0 {margin-top: 0 !important;margin-bottom: 0 !important;}

    .m-lg-1 {margin: 1rem 1rem !important;}
    .mt-lg-1 {margin-top: 1rem !important;}
    .mr-lg-1 {margin-right: 1rem !important;}
    .mb-lg-1 {margin-bottom: 1rem !important;}
    .ml-lg-1 {margin-left: 1rem !important;}
    .mx-lg-1 { margin-right: 1rem !important;margin-left: 1rem !important;}
    .my-lg-1 {margin-top: 1rem !important;margin-bottom: 1rem !important;}

    .m-lg-2 {margin: 1.5rem 1.5rem !important;}
    .mt-lg-2 {margin-top: 1.5rem !important;}
    .mr-lg-2 {margin-right: 1.5rem !important;}
    .mb-lg-2 {margin-bottom: 1.5rem !important;}
    .ml-lg-2 { margin-left: 1.5rem !important;}
    .mx-lg-2 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
    .my-lg-2 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}

    .m-lg-3 {margin: 3rem 3rem !important;}
    .mt-lg-3 {margin-top: 3rem !important;}
    .mr-lg-3 {margin-right: 3rem !important;}
    .mb-lg-3 {margin-bottom: 3rem !important;}
    .ml-lg-3 {margin-left: 3rem !important;}
    .mx-lg-3 {margin-right: 3rem !important;margin-left: 3rem !important;}
    .my-lg-3 {margin-top: 3rem !important;margin-bottom: 3rem !important;}

    .p-lg-q {padding: 0.25rem 0.25rem !important;}
    .pt-lg-q {padding-top: 0.25rem !important;}
    .pr-lg-q {padding-right: 0.25rem !important;}
    .pb-lg-q {padding-bottom: 0.25rem !important;}
    .pl-lg-q {padding-left: 0.25rem !important;}
    .px-lg-q {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
    .py-lg-q {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}

    .p-lg-h {padding: 0.5rem 0.5rem !important;}
    .pt-lg-h {padding-top: 0.5rem !important;}
    .pr-lg-h {padding-right: 0.5rem !important;}
    .pb-lg-h {padding-bottom: 0.5rem !important;}
    .pl-lg-h {padding-left: 0.5rem !important;}
    .px-lg-h {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
    .py-lg-h {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}

    .p-lg-0 {padding: 0 0 !important;}
    .pt-lg-0 {padding-top: 0 !important;}
    .pr-lg-0 {padding-right: 0 !important;}
    .pb-lg-0 {padding-bottom: 0 !important;}
    .pl-lg-0 {padding-left: 0 !important;}
    .px-lg-0 {padding-right: 0 !important;padding-left: 0 !important;}
    .py-lg-0 {padding-top: 0 !important;padding-bottom: 0 !important;}

    .p-lg-1 {padding: 1rem 1rem !important;}
    .pt-lg-1 {padding-top: 1rem !important;}
    .pr-lg-1 {padding-right: 1rem !important;}
    .pb-lg-1 {padding-bottom: 1rem !important;}
    .pl-lg-1 {padding-left: 1rem !important;}
    .px-lg-1 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .py-lg-1 {padding-top: 1rem !important;padding-bottom: 1rem !important;}

    .p-lg-2 {padding: 1.5rem 1.5rem !important;}
    .pt-lg-2 {padding-top: 1.5rem !important;}
    .pr-lg-2 {padding-right: 1.5rem !important;}
    .pb-lg-2 {padding-bottom: 1.5rem !important;}
    .pl-lg-2 {padding-left: 1.5rem !important;}
    .px-lg-2 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
    .py-lg-2 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}

    .p-lg-3 {padding: 3rem 3rem !important;}
    .pt-lg-3 {padding-top: 3rem !important;}
    .pr-lg-3 {padding-right: 3rem !important;}
    .pb-lg-3 {padding-bottom: 3rem !important;}
    .pl-lg-3 {padding-left: 3rem !important;}
    .px-lg-3 {padding-right: 3rem !important;padding-left: 3rem !important;}
    .py-lg-3 {padding-top: 3rem !important;padding-bottom: 3rem !important;}

}
@media (min-width: 1200px) {

    .m-xl-q {margin: 0.25rem 0.25rem !important;}
    .mt-xl-q {margin-top: 0.25rem !important;}
    .mb-xl-q { margin-bottom: 0.25rem !important;}
    .ml-xl-q {margin-left: 0.25rem !important;}
    .mx-xl-q {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
    .my-xl-q {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}

    .m-xl-h {margin: 0.5rem 0.5rem !important;}
    .mt-xl-h {margin-top: 0.5rem !important;}
    .mr-xl-h {margin-right: 0.5rem !important;}
    .mb-xl-h {margin-bottom: 0.5rem !important;}
    .ml-xl-h {margin-left: 0.5rem !important;}
    .mx-xl-h {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
    .my-xl-h {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}

    .m-xl-0 {margin: 0 0 !important;}
    .mt-xl-0 { margin-top: 0 !important;}
    .mr-xl-0 {margin-right: 0 !important;}
    .mb-xl-0 {margin-bottom: 0 !important;}
    .ml-xl-0 {margin-left: 0 !important;}
    .mx-xl-0 {margin-right: 0 !important;margin-left: 0 !important;}
    .my-xl-0 {margin-top: 0 !important;margin-bottom: 0 !important;}

    .m-xl-1 {margin: 1rem 1rem !important;}
    .mt-xl-1 {margin-top: 1rem !important;}
    .mr-xl-1 {margin-right: 1rem !important;}
    .mb-xl-1 {margin-bottom: 1rem !important;}
    .ml-xl-1 {margin-left: 1rem !important;}
    .mx-xl-1 { margin-right: 1rem !important;margin-left: 1rem !important;}
    .my-xl-1 {margin-top: 1rem !important;margin-bottom: 1rem !important;}

    .m-xl-2 {margin: 1.5rem 1.5rem !important;}
    .mt-xl-2 {margin-top: 1.5rem !important;}
    .mr-xl-2 {margin-right: 1.5rem !important;}
    .mb-xl-2 {margin-bottom: 1.5rem !important;}
    .ml-xl-2 { margin-left: 1.5rem !important;}
    .mx-xl-2 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
    .my-xl-2 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}

    .m-xl-3 {margin: 3rem 3rem !important;}
    .mt-xl-3 {margin-top: 3rem !important;}
    .mr-xl-3 {margin-right: 3rem !important;}
    .mb-xl-3 {margin-bottom: 3rem !important;}
    .ml-xl-3 {margin-left: 3rem !important;}
    .mx-xl-3 {margin-right: 3rem !important;margin-left: 3rem !important;}
    .my-xl-3 {margin-top: 3rem !important;margin-bottom: 3rem !important;}

    .p-xl-q {padding: 0.25rem 0.25rem !important;}
    .pt-xl-q {padding-top: 0.25rem !important;}
    .pr-xl-q {padding-right: 0.25rem !important;}
    .pb-xl-q {padding-bottom: 0.25rem !important;}
    .pl-xl-q {padding-left: 0.25rem !important;}
    .px-xl-q {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
    .py-xl-q {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}

    .p-xl-h {padding: 0.5rem 0.5rem !important;}
    .pt-xl-h {padding-top: 0.5rem !important;}
    .pr-xl-h {padding-right: 0.5rem !important;}
    .pb-xl-h {padding-bottom: 0.5rem !important;}
    .pl-xl-h {padding-left: 0.5rem !important;}
    .px-xl-h {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
    .py-xl-h {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}

    .p-xl-0 {padding: 0 0 !important;}
    .pt-xl-0 {padding-top: 0 !important;}
    .pr-xl-0 {padding-right: 0 !important;}
    .pb-xl-0 {padding-bottom: 0 !important;}
    .pl-xl-0 {padding-left: 0 !important;}
    .px-xl-0 {padding-right: 0 !important;padding-left: 0 !important;}
    .py-xl-0 {padding-top: 0 !important;padding-bottom: 0 !important;}

    .p-xl-1 {padding: 1rem 1rem !important;}
    .pt-xl-1 {padding-top: 1rem !important;}
    .pr-xl-1 {padding-right: 1rem !important;}
    .pb-xl-1 {padding-bottom: 1rem !important;}
    .pl-xl-1 {padding-left: 1rem !important;}
    .px-xl-1 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .py-xl-1 {padding-top: 1rem !important;padding-bottom: 1rem !important;}

    .p-xl-2 {padding: 1.5rem 1.5rem !important;}
    .pt-xl-2 {padding-top: 1.5rem !important;}
    .pr-xl-2 {padding-right: 1.5rem !important;}
    .pb-xl-2 {padding-bottom: 1.5rem !important;}
    .pl-xl-2 {padding-left: 1.5rem !important;}
    .px-xl-2 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
    .py-xl-2 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}

    .p-xl-3 {padding: 3rem 3rem !important;}
    .pt-xl-3 {padding-top: 3rem !important;}
    .pr-xl-3 {padding-right: 3rem !important;}
    .pb-xl-3 {padding-bottom: 3rem !important;}
    .pl-xl-3 {padding-left: 3rem !important;}
    .px-xl-3 {padding-right: 3rem !important;padding-left: 3rem !important;}
    .py-xl-3 {padding-top: 3rem !important;padding-bottom: 3rem !important;}

}
@media (min-width: 1400px) {

    .m-xxl-q {margin: 0.25rem 0.25rem !important;}
    .mt-xxl-q {margin-top: 0.25rem !important;}
    .mb-xxl-q { margin-bottom: 0.25rem !important;}
    .ml-xxl-q {margin-left: 0.25rem !important;}
    .mx-xxl-q {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
    .my-xxl-q {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}

    .m-xxl-h {margin: 0.5rem 0.5rem !important;}
    .mt-xxl-h {margin-top: 0.5rem !important;}
    .mr-xxl-h {margin-right: 0.5rem !important;}
    .mb-xxl-h {margin-bottom: 0.5rem !important;}
    .ml-xxl-h {margin-left: 0.5rem !important;}
    .mx-xxl-h {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
    .my-xxl-h {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}

    .m-xxl-0 {margin: 0 0 !important;}
    .mt-xxl-0 { margin-top: 0 !important;}
    .mr-xxl-0 {margin-right: 0 !important;}
    .mb-xxl-0 {margin-bottom: 0 !important;}
    .ml-xxl-0 {margin-left: 0 !important;}
    .mx-xxl-0 {margin-right: 0 !important;margin-left: 0 !important;}
    .my-xxl-0 {margin-top: 0 !important;margin-bottom: 0 !important;}

    .m-xxl-1 {margin: 1rem 1rem !important;}
    .mt-xxl-1 {margin-top: 1rem !important;}
    .mr-xxl-1 {margin-right: 1rem !important;}
    .mb-xxl-1 {margin-bottom: 1rem !important;}
    .ml-xxl-1 {margin-left: 1rem !important;}
    .mx-xxl-1 { margin-right: 1rem !important;margin-left: 1rem !important;}
    .my-xxl-1 {margin-top: 1rem !important;margin-bottom: 1rem !important;}

    .m-xxl-2 {margin: 1.5rem 1.5rem !important;}
    .mt-xxl-2 {margin-top: 1.5rem !important;}
    .mr-xxl-2 {margin-right: 1.5rem !important;}
    .mb-xxl-2 {margin-bottom: 1.5rem !important;}
    .ml-xxl-2 { margin-left: 1.5rem !important;}
    .mx-xxl-2 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
    .my-xxl-2 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}

    .m-xxl-3 {margin: 3rem 3rem !important;}
    .mt-xxl-3 {margin-top: 3rem !important;}
    .mr-xxl-3 {margin-right: 3rem !important;}
    .mb-xxl-3 {margin-bottom: 3rem !important;}
    .ml-xxl-3 {margin-left: 3rem !important;}
    .mx-xxl-3 {margin-right: 3rem !important;margin-left: 3rem !important;}
    .my-xxl-3 {margin-top: 3rem !important;margin-bottom: 3rem !important;}

    .p-xxl-q {padding: 0.25rem 0.25rem !important;}
    .pt-xxl-q {padding-top: 0.25rem !important;}
    .pr-xxl-q {padding-right: 0.25rem !important;}
    .pb-xxl-q {padding-bottom: 0.25rem !important;}
    .pl-xxl-q {padding-left: 0.25rem !important;}
    .px-xxl-q {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
    .py-xxl-q {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}

    .p-xxl-h {padding: 0.5rem 0.5rem !important;}
    .pt-xxl-h {padding-top: 0.5rem !important;}
    .pr-xxl-h {padding-right: 0.5rem !important;}
    .pb-xxl-h {padding-bottom: 0.5rem !important;}
    .pl-xxl-h {padding-left: 0.5rem !important;}
    .px-xxl-h {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
    .py-xxl-h {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}

    .p-xxl-0 {padding: 0 0 !important;}
    .pt-xxl-0 {padding-top: 0 !important;}
    .pr-xxl-0 {padding-right: 0 !important;}
    .pb-xxl-0 {padding-bottom: 0 !important;}
    .pl-xxl-0 {padding-left: 0 !important;}
    .px-xxl-0 {padding-right: 0 !important;padding-left: 0 !important;}
    .py-xxl-0 {padding-top: 0 !important;padding-bottom: 0 !important;}

    .p-xxl-1 {padding: 1rem 1rem !important;}
    .pt-xxl-1 {padding-top: 1rem !important;}
    .pr-xxl-1 {padding-right: 1rem !important;}
    .pb-xxl-1 {padding-bottom: 1rem !important;}
    .pl-xxl-1 {padding-left: 1rem !important;}
    .px-xxl-1 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .py-xxl-1 {padding-top: 1rem !important;padding-bottom: 1rem !important;}

    .p-xxl-2 {padding: 1.5rem 1.5rem !important;}
    .pt-xxl-2 {padding-top: 1.5rem !important;}
    .pr-xxl-2 {padding-right: 1.5rem !important;}
    .pb-xxl-2 {padding-bottom: 1.5rem !important;}
    .pl-xxl-2 {padding-left: 1.5rem !important;}
    .px-xxl-2 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
    .py-xxl-2 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}

    .p-xxl-3 {padding: 3rem 3rem !important;}
    .pt-xxl-3 {padding-top: 3rem !important;}
    .pr-xxl-3 {padding-right: 3rem !important;}
    .pb-xxl-3 {padding-bottom: 3rem !important;}
    .pl-xxl-3 {padding-left: 3rem !important;}
    .px-xxl-3 {padding-right: 3rem !important;padding-left: 3rem !important;}
    .py-xxl-3 {padding-top: 3rem !important;padding-bottom: 3rem !important;}

}



.grid {
    --bs-columns: 12;
    --bs-gap: .5rem;
    --bs-rows: 1;
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 1.5rem)
}
.grid.c-1{ --bs-columns: 1;}
.grid.c-2{ --bs-columns: 2;}
.grid.c-3{ --bs-columns: 3;}
.grid.c-4{ --bs-columns: 4;}
.grid.c-5{ --bs-columns: 5;}
.grid.c-6{ --bs-columns: 6;}
.grid.c-7{ --bs-columns: 7;}
.grid.c-8{ --bs-columns: 8;}
.grid.c-9{ --bs-columns: 9;}
.grid.c-10{ --bs-columns: 10;}
.grid.c-11{ --bs-columns: 11;}
.grid.c-12{ --bs-columns: 12;}

.grid.r-1{ --bs-rows: 1;}
.grid.r-2{ --bs-rows: 2;}
.grid.r-3{ --bs-rows: 3;}
.grid.r-4{ --bs-rows: 4;}
.grid.r-5{ --bs-rows: 5;}
.grid.r-6{ --bs-rows: 6;}
.grid.r-7{ --bs-rows: 7;}
.grid.r-8{ --bs-rows: 8;}
.grid.r-9{ --bs-rows: 9;}
.grid.r-10{ --bs-rows: 10;}
.grid.r-11{ --bs-rows: 11;}
.grid.r-12{ --bs-rows: 12;}

.grid .gc-1 {    grid-column: auto/span 1 }
.grid .gc-2 {    grid-column: auto/span 2 }
.grid .gc-3 {    grid-column: auto/span 3 }
.grid .gc-4 {    grid-column: auto/span 4 }
.grid .gc-5 {    grid-column: auto/span 5 }
.grid .gc-6 {    grid-column: auto/span 6 }
.grid .gc-7 {    grid-column: auto/span 7 }
.grid .gc-8 {    grid-column: auto/span 8 }
.grid .gc-9 {    grid-column: auto/span 9 }
.grid .gc-10 {    grid-column: auto/span 10 }
.grid .gc-11 {    grid-column: auto/span 11 }
.grid .gc-12 {    grid-column: auto/span 12 }
.grid .gcs-1 {    grid-column-start: 1 !important; }
.grid .gcs-2 {    grid-column-start: 2 !important; }
.grid .gcs-3 {    grid-column-start: 3 !important; }
.grid .gcs-4 {    grid-column-start: 4 !important; }
.grid .gcs-5 {    grid-column-start: 5 !important; }
.grid .gcs-6 {    grid-column-start: 6 !important; }
.grid .gcs-7 {    grid-column-start: 7 !important; }
.grid .gcs-8 {    grid-column-start: 8 !important; }
.grid .gcs-9 {    grid-column-start: 9 !important; }
.grid .gcs-10 {    grid-column-start: 10 !important; }
.grid .gcs-11 {    grid-column-start: 11 !important; }
.grid .gr-1 {    grid-row: auto/span 1 }
.grid .gr-2 {    grid-row: auto/span 2 }
.grid .gr-3 {    grid-row: auto/span 3 }
.grid .gr-4 {    grid-row: auto/span 4 }
.grid .gr-5 {    grid-row: auto/span 5 }
.grid .gr-6 {    grid-row: auto/span 6 }
.grid .gr-7 {    grid-row: auto/span 7 }
.grid .gr-8 {    grid-row: auto/span 8 }
.grid .gr-9 {    grid-row: auto/span 9 }
.grid .gr-10 {    grid-row: auto/span 10 }
.grid .gr-11 {    grid-row: auto/span 11 }
.grid .gr-12 {    grid-row: auto/span 12 }
.grid .grs-1 {    grid-row-start: 1 !important; }
.grid .grs-2 {    grid-row-start: 2 !important; }
.grid .grs-3 {    grid-row-start: 3 !important; }
.grid .grs-4 {    grid-row-start: 4 !important; }
.grid .grs-5 {    grid-row-start: 5 !important; }
.grid .grs-6 {    grid-row-start: 6 !important; }
.grid .grs-7 {    grid-row-start: 7 !important; }
.grid .grs-8 {    grid-row-start: 8 !important; }
.grid .grs-9 {    grid-row-start: 9 !important; }
.grid .grs-10 {    grid-row-start: 10 !important; }
.grid .grs-11 {    grid-row-start: 11 !important; }
@media (min-width: 576px) {
    .grid.c-sm-1{ --bs-columns: 1;}
    .grid.c-sm-2{ --bs-columns: 2;}
    .grid.c-sm-3{ --bs-columns: 3;}
    .grid.c-sm-4{ --bs-columns: 4;}
    .grid.c-sm-5{ --bs-columns: 5;}
    .grid.c-sm-6{ --bs-columns: 6;}
    .grid.c-sm-7{ --bs-columns: 7;}
    .grid.c-sm-8{ --bs-columns: 8;}
    .grid.c-sm-9{ --bs-columns: 9;}
    .grid.c-sm-10{ --bs-columns: 10;}
    .grid.c-sm-11{ --bs-columns: 11;}
    .grid.c-sm-12{ --bs-columns: 12;}

    .grid.r-sm-1{ --bs-rows: 1;}
    .grid.r-sm-2{ --bs-rows: 2;}
    .grid.r-sm-3{ --bs-rows: 3;}
    .grid.r-sm-4{ --bs-rows: 4;}
    .grid.r-sm-5{ --bs-rows: 5;}
    .grid.r-sm-6{ --bs-rows: 6;}
    .grid.r-sm-7{ --bs-rows: 7;}
    .grid.r-sm-8{ --bs-rows: 8;}
    .grid.r-sm-9{ --bs-rows: 9;}
    .grid.r-sm-10{ --bs-rows: 10;}
    .grid.r-sm-11{ --bs-rows: 11;}
    .grid.r-sm-12{ --bs-rows: 12;}

    .grid .gc-sm-1 {    grid-column: auto/span 1 }
    .grid .gc-sm-2 {    grid-column: auto/span 2 }
    .grid .gc-sm-3 {    grid-column: auto/span 3 }
    .grid .gc-sm-4 {    grid-column: auto/span 4 }
    .grid .gc-sm-5 {    grid-column: auto/span 5 }
    .grid .gc-sm-6 {    grid-column: auto/span 6 }
    .grid .gc-sm-7 {    grid-column: auto/span 7 }
    .grid .gc-sm-8 {    grid-column: auto/span 8 }
    .grid .gc-sm-9 {    grid-column: auto/span 9 }
    .grid .gc-sm-10 {    grid-column: auto/span 10 }
    .grid .gc-sm-11 {    grid-column: auto/span 11 }
    .grid .gc-sm-12 {    grid-column: auto/span 12 }
    .grid .gcs-sm-1 {    grid-column-start: 1 !important; }
    .grid .gcs-sm-2 {    grid-column-start: 2 !important; }
    .grid .gcs-sm-3 {    grid-column-start: 3 !important; }
    .grid .gcs-sm-4 {    grid-column-start: 4 !important; }
    .grid .gcs-sm-5 {    grid-column-start: 5 !important; }
    .grid .gcs-sm-6 {    grid-column-start: 6 !important; }
    .grid .gcs-sm-7 {    grid-column-start: 7 !important; }
    .grid .gcs-sm-8 {    grid-column-start: 8 !important; }
    .grid .gcs-sm-9 {    grid-column-start: 9 !important; }
    .grid .gcs-sm-10 {    grid-column-start: 10 !important; }
    .grid .gcs-sm-11 {    grid-column-start: 11 !important; }
    .grid .gr-sm-1 {    grid-row: auto/span 1 }
    .grid .gr-sm-2 {    grid-row: auto/span 2 }
    .grid .gr-sm-3 {    grid-row: auto/span 3 }
    .grid .gr-sm-4 {    grid-row: auto/span 4 }
    .grid .gr-sm-5 {    grid-row: auto/span 5 }
    .grid .gr-sm-6 {    grid-row: auto/span 6 }
    .grid .gr-sm-7 {    grid-row: auto/span 7 }
    .grid .gr-sm-8 {    grid-row: auto/span 8 }
    .grid .gr-sm-9 {    grid-row: auto/span 9 }
    .grid .gr-sm-10 {    grid-row: auto/span 10 }
    .grid .gr-sm-11 {    grid-row: auto/span 11 }
    .grid .gr-sm-12 {    grid-row: auto/span 12 }
    .grid .grs-sm-1 {    grid-row-start: 1 !important; }
    .grid .grs-sm-2 {    grid-row-start: 2 !important; }
    .grid .grs-sm-3 {    grid-row-start: 3 !important; }
    .grid .grs-sm-4 {    grid-row-start: 4 !important; }
    .grid .grs-sm-5 {    grid-row-start: 5 !important; }
    .grid .grs-sm-6 {    grid-row-start: 6 !important; }
    .grid .grs-sm-7 {    grid-row-start: 7 !important; }
    .grid .grs-sm-8 {    grid-row-start: 8 !important; }
    .grid .grs-sm-9 {    grid-row-start: 9 !important; }
    .grid .grs-sm-10 {    grid-row-start: 10 !important; }
    .grid .grs-sm-11 {    grid-row-start: 11 !important; }
}
@media (min-width: 768px) {
    .grid.c-md-1{ --bs-columns: 1;}
    .grid.c-md-2{ --bs-columns: 2;}
    .grid.c-md-3{ --bs-columns: 3;}
    .grid.c-md-4{ --bs-columns: 4;}
    .grid.c-md-5{ --bs-columns: 5;}
    .grid.c-md-6{ --bs-columns: 6;}
    .grid.c-md-7{ --bs-columns: 7;}
    .grid.c-md-8{ --bs-columns: 8;}
    .grid.c-md-9{ --bs-columns: 9;}
    .grid.c-md-10{ --bs-columns: 10;}
    .grid.c-md-11{ --bs-columns: 11;}
    .grid.c-md-12{ --bs-columns: 12;}

    .grid.r-md-1{ --bs-rows: 1;}
    .grid.r-md-2{ --bs-rows: 2;}
    .grid.r-md-3{ --bs-rows: 3;}
    .grid.r-md-4{ --bs-rows: 4;}
    .grid.r-md-5{ --bs-rows: 5;}
    .grid.r-md-6{ --bs-rows: 6;}
    .grid.r-md-7{ --bs-rows: 7;}
    .grid.r-md-8{ --bs-rows: 8;}
    .grid.r-md-9{ --bs-rows: 9;}
    .grid.r-md-10{ --bs-rows: 10;}
    .grid.r-md-11{ --bs-rows: 11;}
    .grid.r-md-12{ --bs-rows: 12;}

    .grid .gc-md-1 {    grid-column: auto/span 1 }
    .grid .gc-md-2 {    grid-column: auto/span 2 }
    .grid .gc-md-3 {    grid-column: auto/span 3 }
    .grid .gc-md-4 {    grid-column: auto/span 4 }
    .grid .gc-md-5 {    grid-column: auto/span 5 }
    .grid .gc-md-6 {    grid-column: auto/span 6 }
    .grid .gc-md-7 {    grid-column: auto/span 7 }
    .grid .gc-md-8 {    grid-column: auto/span 8 }
    .grid .gc-md-9 {    grid-column: auto/span 9 }
    .grid .gc-md-10 {    grid-column: auto/span 10 }
    .grid .gc-md-11 {    grid-column: auto/span 11 }
    .grid .gc-md-12 {    grid-column: auto/span 12 }
    .grid .gcs-md-1 {    grid-column-start: 1 !important; }
    .grid .gcs-md-2 {    grid-column-start: 2 !important; }
    .grid .gcs-md-3 {    grid-column-start: 3 !important; }
    .grid .gcs-md-4 {    grid-column-start: 4 !important; }
    .grid .gcs-md-5 {    grid-column-start: 5 !important; }
    .grid .gcs-md-6 {    grid-column-start: 6 !important; }
    .grid .gcs-md-7 {    grid-column-start: 7 !important; }
    .grid .gcs-md-8 {    grid-column-start: 8 !important; }
    .grid .gcs-md-9 {    grid-column-start: 9 !important; }
    .grid .gcs-md-10 {    grid-column-start: 10 !important; }
    .grid .gcs-md-11 {    grid-column-start: 11 !important; }
    .grid .gr-md-1 {    grid-row: auto/span 1 }
    .grid .gr-md-2 {    grid-row: auto/span 2 }
    .grid .gr-md-3 {    grid-row: auto/span 3 }
    .grid .gr-md-4 {    grid-row: auto/span 4 }
    .grid .gr-md-5 {    grid-row: auto/span 5 }
    .grid .gr-md-6 {    grid-row: auto/span 6 }
    .grid .gr-md-7 {    grid-row: auto/span 7 }
    .grid .gr-md-8 {    grid-row: auto/span 8 }
    .grid .gr-md-9 {    grid-row: auto/span 9 }
    .grid .gr-md-10 {    grid-row: auto/span 10 }
    .grid .gr-md-11 {    grid-row: auto/span 11 }
    .grid .gr-md-12 {    grid-row: auto/span 12 }
    .grid .grs-md-1 {    grid-row-start: 1 !important; }
    .grid .grs-md-2 {    grid-row-start: 2 !important; }
    .grid .grs-md-3 {    grid-row-start: 3 !important; }
    .grid .grs-md-4 {    grid-row-start: 4 !important; }
    .grid .grs-md-5 {    grid-row-start: 5 !important; }
    .grid .grs-md-6 {    grid-row-start: 6 !important; }
    .grid .grs-md-7 {    grid-row-start: 7 !important; }
    .grid .grs-md-8 {    grid-row-start: 8 !important; }
    .grid .grs-md-9 {    grid-row-start: 9 !important; }
    .grid .grs-md-10 {    grid-row-start: 10 !important; }
    .grid .grs-md-11 {    grid-row-start: 11 !important; }
}
@media (min-width: 992px) {
    .grid.c-lg-1{ --bs-columns: 1;}
    .grid.c-lg-2{ --bs-columns: 2;}
    .grid.c-lg-3{ --bs-columns: 3;}
    .grid.c-lg-4{ --bs-columns: 4;}
    .grid.c-lg-5{ --bs-columns: 5;}
    .grid.c-lg-6{ --bs-columns: 6;}
    .grid.c-lg-7{ --bs-columns: 7;}
    .grid.c-lg-8{ --bs-columns: 8;}
    .grid.c-lg-9{ --bs-columns: 9;}
    .grid.c-lg-10{ --bs-columns: 10;}
    .grid.c-lg-11{ --bs-columns: 11;}
    .grid.c-lg-12{ --bs-columns: 12;}

    .grid.r-lg-1{ --bs-rows: 1;}
    .grid.r-lg-2{ --bs-rows: 2;}
    .grid.r-lg-3{ --bs-rows: 3;}
    .grid.r-lg-4{ --bs-rows: 4;}
    .grid.r-lg-5{ --bs-rows: 5;}
    .grid.r-lg-6{ --bs-rows: 6;}
    .grid.r-lg-7{ --bs-rows: 7;}
    .grid.r-lg-8{ --bs-rows: 8;}
    .grid.r-lg-9{ --bs-rows: 9;}
    .grid.r-lg-10{ --bs-rows: 10;}
    .grid.r-lg-11{ --bs-rows: 11;}
    .grid.r-lg-12{ --bs-rows: 12;}

    .grid .gc-lg-1 {    grid-column: auto/span 1 }
    .grid .gc-lg-2 {    grid-column: auto/span 2 }
    .grid .gc-lg-3 {    grid-column: auto/span 3 }
    .grid .gc-lg-4 {    grid-column: auto/span 4 }
    .grid .gc-lg-5 {    grid-column: auto/span 5 }
    .grid .gc-lg-6 {    grid-column: auto/span 6 }
    .grid .gc-lg-7 {    grid-column: auto/span 7 }
    .grid .gc-lg-8 {    grid-column: auto/span 8 }
    .grid .gc-lg-9 {    grid-column: auto/span 9 }
    .grid .gc-lg-10 {    grid-column: auto/span 10 }
    .grid .gc-lg-11 {    grid-column: auto/span 11 }
    .grid .gc-lg-12 {    grid-column: auto/span 12 }
    .grid .gcs-lg-1 {    grid-column-start: 1 !important; }
    .grid .gcs-lg-2 {    grid-column-start: 2 !important; }
    .grid .gcs-lg-3 {    grid-column-start: 3 !important; }
    .grid .gcs-lg-4 {    grid-column-start: 4 !important; }
    .grid .gcs-lg-5 {    grid-column-start: 5 !important; }
    .grid .gcs-lg-6 {    grid-column-start: 6 !important; }
    .grid .gcs-lg-7 {    grid-column-start: 7 !important; }
    .grid .gcs-lg-8 {    grid-column-start: 8 !important; }
    .grid .gcs-lg-9 {    grid-column-start: 9 !important; }
    .grid .gcs-lg-10 {    grid-column-start: 10 !important; }
    .grid .gcs-lg-11 {    grid-column-start: 11 !important; }
    .grid .gr-lg-1 {    grid-row: auto/span 1 }
    .grid .gr-lg-2 {    grid-row: auto/span 2 }
    .grid .gr-lg-3 {    grid-row: auto/span 3 }
    .grid .gr-lg-4 {    grid-row: auto/span 4 }
    .grid .gr-lg-5 {    grid-row: auto/span 5 }
    .grid .gr-lg-6 {    grid-row: auto/span 6 }
    .grid .gr-lg-7 {    grid-row: auto/span 7 }
    .grid .gr-lg-8 {    grid-row: auto/span 8 }
    .grid .gr-lg-9 {    grid-row: auto/span 9 }
    .grid .gr-lg-10 {    grid-row: auto/span 10 }
    .grid .gr-lg-11 {    grid-row: auto/span 11 }
    .grid .gr-lg-12 {    grid-row: auto/span 12 }
    .grid .grs-lg-1 {    grid-row-start: 1 !important; }
    .grid .grs-lg-2 {    grid-row-start: 2 !important; }
    .grid .grs-lg-3 {    grid-row-start: 3 !important; }
    .grid .grs-lg-4 {    grid-row-start: 4 !important; }
    .grid .grs-lg-5 {    grid-row-start: 5 !important; }
    .grid .grs-lg-6 {    grid-row-start: 6 !important; }
    .grid .grs-lg-7 {    grid-row-start: 7 !important; }
    .grid .grs-lg-8 {    grid-row-start: 8 !important; }
    .grid .grs-lg-9 {    grid-row-start: 9 !important; }
    .grid .grs-lg-10 {    grid-row-start: 10 !important; }
    .grid .grs-lg-11 {    grid-row-start: 11 !important; }
}
@media (min-width: 1200px) {
    .grid.c-xl-1{ --bs-columns: 1;}
    .grid.c-xl-2{ --bs-columns: 2;}
    .grid.c-xl-3{ --bs-columns: 3;}
    .grid.c-xl-4{ --bs-columns: 4;}
    .grid.c-xl-5{ --bs-columns: 5;}
    .grid.c-xl-6{ --bs-columns: 6;}
    .grid.c-xl-7{ --bs-columns: 7;}
    .grid.c-xl-8{ --bs-columns: 8;}
    .grid.c-xl-9{ --bs-columns: 9;}
    .grid.c-xl-10{ --bs-columns: 10;}
    .grid.c-xl-11{ --bs-columns: 11;}
    .grid.c-xl-12{ --bs-columns: 12;}

    .grid.r-xl-1{ --bs-rows: 1;}
    .grid.r-xl-2{ --bs-rows: 2;}
    .grid.r-xl-3{ --bs-rows: 3;}
    .grid.r-xl-4{ --bs-rows: 4;}
    .grid.r-xl-5{ --bs-rows: 5;}
    .grid.r-xl-6{ --bs-rows: 6;}
    .grid.r-xl-7{ --bs-rows: 7;}
    .grid.r-xl-8{ --bs-rows: 8;}
    .grid.r-xl-9{ --bs-rows: 9;}
    .grid.r-xl-10{ --bs-rows: 10;}
    .grid.r-xl-11{ --bs-rows: 11;}
    .grid.r-xl-12{ --bs-rows: 12;}

    .grid .gc-xl-1 {    grid-column: auto/span 1 }
    .grid .gc-xl-2 {    grid-column: auto/span 2 }
    .grid .gc-xl-3 {    grid-column: auto/span 3 }
    .grid .gc-xl-4 {    grid-column: auto/span 4 }
    .grid .gc-xl-5 {    grid-column: auto/span 5 }
    .grid .gc-xl-6 {    grid-column: auto/span 6 }
    .grid .gc-xl-7 {    grid-column: auto/span 7 }
    .grid .gc-xl-8 {    grid-column: auto/span 8 }
    .grid .gc-xl-9 {    grid-column: auto/span 9 }
    .grid .gc-xl-10 {    grid-column: auto/span 10 }
    .grid .gc-xl-11 {    grid-column: auto/span 11 }
    .grid .gc-xl-12 {    grid-column: auto/span 12 }
    .grid .gcs-xl-1 {    grid-column-start: 1 !important; }
    .grid .gcs-xl-2 {    grid-column-start: 2 !important; }
    .grid .gcs-xl-3 {    grid-column-start: 3 !important; }
    .grid .gcs-xl-4 {    grid-column-start: 4 !important; }
    .grid .gcs-xl-5 {    grid-column-start: 5 !important; }
    .grid .gcs-xl-6 {    grid-column-start: 6 !important; }
    .grid .gcs-xl-7 {    grid-column-start: 7 !important; }
    .grid .gcs-xl-8 {    grid-column-start: 8 !important; }
    .grid .gcs-xl-9 {    grid-column-start: 9 !important; }
    .grid .gcs-xl-10 {    grid-column-start: 10 !important; }
    .grid .gcs-xl-11 {    grid-column-start: 11 !important; }
    .grid .gr-xl-1 {    grid-row: auto/span 1 }
    .grid .gr-xl-2 {    grid-row: auto/span 2 }
    .grid .gr-xl-3 {    grid-row: auto/span 3 }
    .grid .gr-xl-4 {    grid-row: auto/span 4 }
    .grid .gr-xl-5 {    grid-row: auto/span 5 }
    .grid .gr-xl-6 {    grid-row: auto/span 6 }
    .grid .gr-xl-7 {    grid-row: auto/span 7 }
    .grid .gr-xl-8 {    grid-row: auto/span 8 }
    .grid .gr-xl-9 {    grid-row: auto/span 9 }
    .grid .gr-xl-10 {    grid-row: auto/span 10 }
    .grid .gr-xl-11 {    grid-row: auto/span 11 }
    .grid .gr-xl-12 {    grid-row: auto/span 12 }
    .grid .grs-xl-1 {    grid-row-start: 1 !important; }
    .grid .grs-xl-2 {    grid-row-start: 2 !important; }
    .grid .grs-xl-3 {    grid-row-start: 3 !important; }
    .grid .grs-xl-4 {    grid-row-start: 4 !important; }
    .grid .grs-xl-5 {    grid-row-start: 5 !important; }
    .grid .grs-xl-6 {    grid-row-start: 6 !important; }
    .grid .grs-xl-7 {    grid-row-start: 7 !important; }
    .grid .grs-xl-8 {    grid-row-start: 8 !important; }
    .grid .grs-xl-9 {    grid-row-start: 9 !important; }
    .grid .grs-xl-10 {    grid-row-start: 10 !important; }
    .grid .grs-xl-11 {    grid-row-start: 11 !important; }
}
@media (min-width: 1400px) {
    .grid.c-xxl-1{ --bs-columns: 1;}
    .grid.c-xxl-2{ --bs-columns: 2;}
    .grid.c-xxl-3{ --bs-columns: 3;}
    .grid.c-xxl-4{ --bs-columns: 4;}
    .grid.c-xxl-5{ --bs-columns: 5;}
    .grid.c-xxl-6{ --bs-columns: 6;}
    .grid.c-xxl-7{ --bs-columns: 7;}
    .grid.c-xxl-8{ --bs-columns: 8;}
    .grid.c-xxl-9{ --bs-columns: 9;}
    .grid.c-xxl-10{ --bs-columns: 10;}
    .grid.c-xxl-11{ --bs-columns: 11;}
    .grid.c-xxl-12{ --bs-columns: 12;}

    .grid.r-xxl-1{ --bs-rows: 1;}
    .grid.r-xxl-2{ --bs-rows: 2;}
    .grid.r-xxl-3{ --bs-rows: 3;}
    .grid.r-xxl-4{ --bs-rows: 4;}
    .grid.r-xxl-5{ --bs-rows: 5;}
    .grid.r-xxl-6{ --bs-rows: 6;}
    .grid.r-xxl-7{ --bs-rows: 7;}
    .grid.r-xxl-8{ --bs-rows: 8;}
    .grid.r-xxl-9{ --bs-rows: 9;}
    .grid.r-xxl-10{ --bs-rows: 10;}
    .grid.r-xxl-11{ --bs-rows: 11;}
    .grid.r-xxl-12{ --bs-rows: 12;}

    .grid .gc-xxl-1 {    grid-column: auto/span 1 }
    .grid .gc-xxl-2 {    grid-column: auto/span 2 }
    .grid .gc-xxl-3 {    grid-column: auto/span 3 }
    .grid .gc-xxl-4 {    grid-column: auto/span 4 }
    .grid .gc-xxl-5 {    grid-column: auto/span 5 }
    .grid .gc-xxl-6 {    grid-column: auto/span 6 }
    .grid .gc-xxl-7 {    grid-column: auto/span 7 }
    .grid .gc-xxl-8 {    grid-column: auto/span 8 }
    .grid .gc-xxl-9 {    grid-column: auto/span 9 }
    .grid .gc-xxl-10 {    grid-column: auto/span 10 }
    .grid .gc-xxl-11 {    grid-column: auto/span 11 }
    .grid .gc-xxl-12 {    grid-column: auto/span 12 }
    .grid .gcs-xxl-1 {    grid-column-start: 1 !important; }
    .grid .gcs-xxl-2 {    grid-column-start: 2 !important; }
    .grid .gcs-xxl-3 {    grid-column-start: 3 !important; }
    .grid .gcs-xxl-4 {    grid-column-start: 4 !important; }
    .grid .gcs-xxl-5 {    grid-column-start: 5 !important; }
    .grid .gcs-xxl-6 {    grid-column-start: 6 !important; }
    .grid .gcs-xxl-7 {    grid-column-start: 7 !important; }
    .grid .gcs-xxl-8 {    grid-column-start: 8 !important; }
    .grid .gcs-xxl-9 {    grid-column-start: 9 !important; }
    .grid .gcs-xxl-10 {    grid-column-start: 10 !important; }
    .grid .gcs-xxl-11 {    grid-column-start: 11 !important; }
    .grid .gr-xxl-1 {    grid-row: auto/span 1 }
    .grid .gr-xxl-2 {    grid-row: auto/span 2 }
    .grid .gr-xxl-3 {    grid-row: auto/span 3 }
    .grid .gr-xxl-4 {    grid-row: auto/span 4 }
    .grid .gr-xxl-5 {    grid-row: auto/span 5 }
    .grid .gr-xxl-6 {    grid-row: auto/span 6 }
    .grid .gr-xxl-7 {    grid-row: auto/span 7 }
    .grid .gr-xxl-8 {    grid-row: auto/span 8 }
    .grid .gr-xxl-9 {    grid-row: auto/span 9 }
    .grid .gr-xxl-10 {    grid-row: auto/span 10 }
    .grid .gr-xxl-11 {    grid-row: auto/span 11 }
    .grid .gr-xxl-12 {    grid-row: auto/span 12 }
    .grid .grs-xxl-1 {    grid-row-start: 1 !important; }
    .grid .grs-xxl-2 {    grid-row-start: 2 !important; }
    .grid .grs-xxl-3 {    grid-row-start: 3 !important; }
    .grid .grs-xxl-4 {    grid-row-start: 4 !important; }
    .grid .grs-xxl-5 {    grid-row-start: 5 !important; }
    .grid .grs-xxl-6 {    grid-row-start: 6 !important; }
    .grid .grs-xxl-7 {    grid-row-start: 7 !important; }
    .grid .grs-xxl-8 {    grid-row-start: 8 !important; }
    .grid .grs-xxl-9 {    grid-row-start: 9 !important; }
    .grid .grs-xxl-10 {    grid-row-start: 10 !important; }
    .grid .grs-xxl-11 {    grid-row-start: 11 !important; }
}



.menu_group_header .menu_item_1 .menu_link{}
.menu_group_header .menu_item_1 .menu_link .btn{
    background-color: #121212;
    color: #fff;
    padding: 0.2rem 1rem;
}