@import "reset.css";
@import "fonts.css";
#back-to-top{
    background-color: #fab702;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    position: fixed;
    right: 50px;
    bottom: 80px;
    z-index: 999;
    opacity: 0;
    width: 40px;
    height: 40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:opacity ease 0.3s;
}
#back-to-top.show{opacity:1;}
.mburger {
    --mb-button-size: 60px;
    --mb-bar-width: 0.6;
    --mb-bar-height: 4px;
    --mb-bar-spacing: 10px;
    --mb-cross-timeout: 0.4s;
    background: 0 0;
    border: none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    height: var(--mb-button-size);
    padding: 0 0 0 var(--mb-button-size);
    margin: 0;
    line-height: var(--mb-button-size);
    vertical-align: middle;
    appearance: none;
    outline: 0;
    cursor: pointer;
}
#hamburger .mburger {
    margin-left: 0;
    --mb-button-size: 24px;
    --mb-bar-height: 2px;
    --mb-bar-width: 0.8;
    --mb-bar-spacing: 5px;
}
.mburger b {
    display: block;
    position: absolute;
    left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
    width: calc(var(--mb-button-size));
    height: var(--mb-bar-height);
    border-radius: calc(var(--mb-bar-height)/ 2);
    background: currentColor;
    color: inherit;
    opacity: 1;
}
.mburger b:nth-of-type(1) {
    bottom: calc(50% + var(--mb-bar-spacing));
    transition: bottom .2s ease,transform .2s ease;
}
.mburger--collapse b:nth-of-type(1) {
    transition: bottom .2s ease,margin .2s ease,transform .2s ease;
    transition-delay: .2s,0s,0s;
}
.mburger b:nth-of-type(2) {
    top: calc(50% - (var(--mb-bar-height)/ 2));
    transition: opacity .2s ease;
}
.mburger--collapse b:nth-of-type(2) {
    transition: top .2s ease,opacity 0s ease, width ease 0.3s;
    transition-delay: .3s,.3s;
}
.mburger b:nth-of-type(3) {
    top: calc(50% + var(--mb-bar-spacing));
    transition: top .2s ease,transform .2s ease;
}
.mm-wrapper_opened .mburger b:nth-of-type(1) {
    bottom: calc(50% - (var(--mb-bar-height)/ 2));
    transform: rotate(
        45deg
    );
}
.mm-wrapper_opened .mburger--collapse b:nth-of-type(1) {
    bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));
    margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));
    transform: rotate(
        45deg
    );
    transition-delay: calc(var(--mb-cross-timeout) + .1s),calc(var(--mb-cross-timeout) + .3s),calc(var(--mb-cross-timeout) + .3s);
}
.mm-wrapper_opened .mburger--collapse b:nth-of-type(2) {
    top: calc(50% + var(--mb-bar-spacing));
    opacity: 0;
    transition-delay: calc(var(--mb-cross-timeout) + 0s),calc(var(--mb-cross-timeout) + .2s);
}
.mm-wrapper_opened .mburger--collapse b:nth-of-type(3) {
    top: calc(50% - (var(--mb-bar-height)/ 2));
    transform: rotate(
        -45deg
    );
    transition-delay: calc(var(--mb-cross-timeout) + .3s),calc(var(--mb-cross-timeout) + .3s);
}
.mburger--collapse b:nth-of-type(1), .mburger--collapse b:nth-of-type(3) {
    width: 24px;
}
.mburger--collapse b:nth-of-type(2) {
    width: 24px;
}
.mm-wrapper_opened .mburger--collapse b{
    width: 24px;
}
#hamburger:focus {
    color: #fff;
}
/*.mburger.mburger--collapse b {*/
/*    transition: width ease 0.3s, top .2s ease,opacity 0s ease;*/
/*}*/
.mburger.mburger--collapse:hover b {
    width: 24px;
}
header {
    background: #fff;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.05);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.header_navs {
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    position: fixed;
    padding: 30px calc((100% - 1380px) / 2) 30px 20px;
    right: -100%;
    top: 88px;
    bottom: 0;
    transition: all ease-in-out 0.3s;
    visibility: hidden;
    opacity: 1;
}
.header_navs.show {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.header_main {
    padding: 15px 0;
}
.header_nav li {
    margin-top: 25px;
    text-align: right;
}
.header_nav a {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
.logo img {
    height: 50px;
}
.logo, .header_right {
    position: relative;
    z-index: 2;
}
.select_fake {
    font-size: 18px;
    margin-right: 10px;
    position: relative;
}
.select_fake i {
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translate(0, -50%);
    pointer-events: none;
}
.select_fake select {
    color: #885A36;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    border: none;
    padding-left: 10px;
}
.header_btn {
    background: #487629;
    height: 32px;
    width: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: 4px;
}
footer {
    background: #F4F4F4;
    padding: 60px 0 0 0;
}
.social img {
    height: 26px;
}
.social a:not(:last-child) {
    margin-right: 15px;
}
.links li:not(:last-child) ,
.infos li:not(:last-child) {
    margin-bottom: 10px;
}
.infos li span {
    font-weight: 500;
    margin-right: 5px;
}
.ft_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ft_flex h2 {
    height: 45px;
}
.copy {
    margin-top: 30px;
    padding: 15px 0;
    background: #192710;
    color: #fff;
    font-size: 14px;
}
main {
    padding-top: 88px;
}
.banner_item img {
    object-fit: cover;
    height: calc(100vh - 88px);
    width: 100%;
    transform: scale(1.1);
    opacity: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity .8s ease-in-out,-webkit-transform 10s;
    transition: opacity .8s ease-in-out,-webkit-transform 10s;
    -o-transition: transform 10s,opacity .8s ease-in-out;
    transition: transform 10s,opacity .8s ease-in-out;
    transition: transform 10s,opacity .8s ease-in-out,-webkit-transform 10s;
}
.banner_item.swiper-slide-active img{
    transform: scale(1);
    opacity: 1;
}
.banner_abs {
    display: flex;
    align-items: flex-end;
    padding-bottom: 90px;
}
.banner_abs p {
    color: #fff;
    font-size: 128px;
    font-style: italic;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-pagination-bullet {
    background: #fff;
    height: 10px;
    width: 10px;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: transparent;
    border: 2px solid #fff;
    width: 15px;
    height: 15px;
}
.title {
    font-size: 86px;
    text-align: center;
}
.desc_n {
    line-height: 1.5;
}
.product_item .zoom-img span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.product_item .zoom-img:before {
    padding-bottom: 72%;
}
.product_item .zoom-img img {
    max-height: 100%;
    height: unset;
    width: unset;
}
.product_item h2 {
    margin-top: 20px;
    text-align: center;
}
.product_item h2 a {
    font-size: 22px;
    text-transform: uppercase;
}
.product_item h2 a:hover {
    text-decoration: underline;
}
.pr_link {
    background: #234123;
    color: #fff;
    height: 50px;
    width: 170px;
}
.pr_link:hover {
    background: #885a36;
    color: #fff;
}
.swiper-button:after {
    color: #885a36;
    font-size: 24px;
}
.swiper-button-next {
    right: -60px;
}
.swiper-button-prev {
    left: -60px;
}
.products_slider {
    margin: 0 -50px;
}
.about {
    background:  url("../images/bg-1.png") no-repeat top left, url("../images/bg-2.png") no-repeat bottom 30% right;
    background-color: #FBFAF1;
}
.desc_p p {
    line-height: 1.5;
}
.desc_p p:not(:last-child) {
    margin-bottom: 15px;
}
.road_item {
    padding: 20px;
}
.road_img {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.road_item h4 {
    margin: 10px 0 20px 0;
}
.roads_flex {
    display: flex;
    flex-wrap: wrap;
}
.roads_flex > div {
    flex: 1
}
.rd_item .zoom-img:before {
    padding-bottom: 100%;
}
.rd_item .absolute {
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 60px 150px;
}
.partners_slider a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
}
.pdb-90 {
    padding-bottom: 90px;
}
.banner_page .zoom-img:before {
    padding-bottom: 27%;
}
.title_page {
    font-size: 44px;
    font-weight: 600;
}
.news_style_1 .zoom-img:before {
    padding-bottom: 62%;
}
.news_style_1 .font-300 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.row-30 {
    margin: 0 -30px;
}
.row-30 > div {
    padding: 0 30px;
    margin-bottom: 30px;
}
.date {
    color: #9D9595;
    font-weight: 300;
    font-size: 15px;
}
.news_style_1, .news_style_2 {
    background: #FEFAE0;
    border: 1px solid #885A36;
    border-radius: 15px;
    overflow: hidden;
}
.news_cache {
    padding: 20px 20px 60px 20px;
}
.news_cache h2 {
    line-height: 1;
    margin: 10px 0 10px 0;
    height: 48px;
    overflow: hidden;
}
.news_cache h2 a {
    font-size: 20px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_style_1 {
    height: 100%;
}
.load {
    background: #603813;
    color: #fff;
    height: 45px;
    width: 150px;
}
.load:hover {
    background: #487629;
    color: #fff;
}
.main_news {
    background: url("../images/bg-3.png") no-repeat right center, url("../images/bg-4.png") no-repeat bottom 120px left;
}
.main_news_tv {
    background: url("../images/bg-3.png") no-repeat right center, url("../images/bg-4.png") no-repeat bottom 420px left;
}
.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}
.news_style_2 {
    height: 100%;
}
.news_style_2 .font-300 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_style_2 .zoom-img:before {
    padding-bottom: 60%;
}
.lh {
    background: #FEFAE0;
}
.mgr-10 {
    margin-right: 30px;
}
.accordion-button::after {
    display: none;
}
.accordion-item {
    background: transparent;
    border-radius: 0;
    border: none;
}
.accordion-body {
    padding: 15px 0;
}
.accordion-header .accordion-button {
    background: transparent !important;
    border-radius: 0;
    border-bottom: none !important;
    font-size: 20px;
    font-weight: 500;
    color: #885A36;
    padding: 15px 0;
    position: relative;
}
.accordion-item:first-of-type>.accordion-header .accordion-button,
.accordion-item:first-of-type{
    border-radius: 0;
}
.accordion-button:focus,.accordion-button:not(.collapsed) {
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: #603813;
    padding-left: 15px;
}
.accordion-button:not(.collapsed):before {
    background: #603813;
    content: '';
    height: 29px;
    width: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.radius_15, .radius_15 img, .radius_15 iframe {border-radius: 15px}
.department .zoom-img:before {
    padding-bottom: 74%;
}
.department:not(:first-child),
.map:not(:first-child) {
    display: none;
}
:root {
    --bs-body-color: #885A36
}
.accordion {
    padding-left: 30px;
}
.pdt-90 {
    padding-top: 90px;
}
.franch {
    display: flex;
    justify-content: center;
    margin-top: 160px;
}
.fr_number span {
    background: #885A36;
    color: #fff;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 30px;
}
.franch_item {
    flex: 0 0 30%;
    position: relative;
}
.franch_top {
    position: absolute;
    left: 0;
    top: -70px;
}
.franch_bot {
    padding: 0 60px 0 50px;
}
.franch_bot ul {
    border-left: 1px dashed #885A36;
    padding-top: 60px;
}
.franch_bot li {
    height: 68px;
    padding: 0 0 20px 20px;
    position: relative;
}
.franch_bot li:before {
    background: #885A36;
    border-radius: 50%;
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    left: -5px;
    top: 5px;
}
.line {
    background: #885A36;
    position: absolute;
    top: 7px;
    width: 100%;
    height: 2px;
}
.line:before, .line:after {
    background: #885A36;
    border-radius: 50%;
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    top: -4px;
}
.line:after {
    right: 0;
}
.franch_box .zoom-img:before {
    padding-bottom: 27%;
}
.franch_box .absolute {
    background: rgba(0, 0, 0, 0.4);
}
.franch_box .absolute span {
    max-width: 660px;
    text-align: center;
}
.franch_3 {
    background: url("../images/bg-2.png") no-repeat right bottom 90px;
}
.fr_3_flex {
    display: flex;
    justify-content: center;
}
.fr_3_item {
    max-width: 570px;
    width: 100%;
}
.fr_3_item:not(:last-child) {
    margin-right: 120px;
}
.fr_logo {
    background: #F4F3F3;
    border-radius: 30px 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    width: 100%;
}
.fr_logo span {
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
}
.fr_3_item li {
    border-bottom: 1px dashed #885A36;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding: 15px 0;
}
.franch_4 {
    background: #FEFAE0;
}
.acc_map .accordion-button {
    text-transform: unset;
}
.franchise_2  {
    background: url("../images/bg-5.png") no-repeat top left;
}
article h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
}
.share {
    margin: 20px 0;
}
.share a {
    background: #885A36;
    border-radius: 50%;
    height: 46px;
    width: 46px;
    margin-right: 10px;
}
.share a:hover {
    background: #487629;
}
.detail {
    border: 1px solid #885A36;
    border-radius: 30px;
    padding: 20px;
}
.bres {
    position: fixed;
    top: 88px;
    padding: 10px 0;
    z-index: 998;
    left: 0;
    right: 0;
}
.scroll .bres {
    background: #fff;
}
.breads li a:after {
    content: '/';
    margin: 0 10px;
}
.breads li span {
    font-weight: 500;
}
.pr_right .product_item .zoom-img:before {
    padding-bottom: 95%;
}
.pr_right .product_item h2 a {
    font-size: 20px;
}
.link_bd {
    border: 1px solid #885A36;
    font-weight: 600;
    height: 45px;
    width: 150px;
}
.link_bd:hover {
    background: #885A36;
    color: #fff;
}
.pr_right .product_item {
    border-top: 1px solid #F6F6F4;
    padding: 30px 0;
}
.pr_right .product_item:first-child {
    border: none;
    padding-top: 0;
}
.cate_bot {
    background: url("../images/bg-1.png") no-repeat top left , url("../images/bg-2.png") no-repeat right center;
}
.modal {
    z-index: 10000;
}
.modal-dialog {
    background: #fff;
    max-width: unset;
    height: 100vh;
    margin: 0;
}
.modal-content {
    border: none;
    border-radius: 0;
}
.pro_gal_slider .zoom-img:before {
    padding-bottom: 90%;
}
.pro_thumb_slider .zoom-img:before {
    padding-bottom: 100%;
}
.pro_gal_slider .zoom-img span {
    border: 1px solid #DADADA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro_gal_slider .zoom-img img {
    height: unset;
    width: unset;
    max-height: 100%;
}
.pro_gals {
    padding-right: 60px;
}
.next { right: 30px}
.prev { left: 30px}
.pro_desc li:not(:last-child){
    margin-bottom: 10px;
}
.pro_desc li i {
    margin-right: 5px;
}
.pro_desc {
    border-bottom: 1px solid #DADADA;
    padding-bottom: 30px;
}
.close {
    position: absolute;
    top: -30px;
    right: 20%;
    z-index: 2;
    border: none;
    background: transparent;
    font-size: 24px;
    color: #885A36;
}
.share_pro {
    position: absolute;
    left: -50px;
    top: 0
}
.share_pro a {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.share_pro img {
    height: 24px;
}
.products .row {
    margin: 0 -45px;
}
.products .row > div {
    padding: 0 45px;
}
.product_item {
    padding: 0 30px 30px 30px;
}
.product_item_n {
    padding-bottom: 30px;
    position: relative;
}
.product_item_n:before {
    background: #F4F3F3;
    border-radius: 15px;
    content: '';
    position: absolute;
    top: 120px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.product_item_n:hover:before {
    background: #5F6F52;
}
.product_item_n:hover h2 a, .product_item_n:hover p {
    color: #fff;
}
.product_item_n:hover .load {
    background: #fff;
    color: #885A36;
}
.product_3 {
    background: url("../images/bg-4.png") no-repeat bottom 90px left;
}
.product_3 .product_item_n h2 a {
    font-weight: 500;
    line-height: 1.5;
    text-transform: unset;
}
.product_item h2 {
    height: 66px;
}
.contact .accordion {
    padding-left: 0;
}
.cover {
    margin-bottom: 20px;
}
.sticky-top {
    top: 134px;
}
.logo_ft img {
    height: 50px;
}
.header_btn {
    margin-left: 20px;
}
.lang a {
    display: none;
}
.lang a.active {
    display: flex;
    width: 30px;
}
body.hidden {
    overflow: hidden;
}
.header_nav li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.header_nav li ul {
    display: none;
    width: 100%;
}
.header_nav li li {
    margin-top: 15px;
}
.header_nav li li a {
    font-size: 18px;
    text-transform: unset;
}
.has-child {
    position: relative;
}
.has-child i {
    cursor: pointer;
    margin-right: 10px;
    font-size: 24px;
}
.header_nav {
    width: 300px;
}
/*.has-child.active:before {*/
/*    content: "\f106";*/
/*}*/
.header_nav li:hover:before {
    color: #5F6F52;
}
.cate_point {
    position: absolute;
    left: 0;
    top: -60px;
}
.header_navss {
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.header_navss li {
    position: relative;
    display: flex;
    align-items: center;
}
.header_navss li i {
    order: 2;
    margin: 0 0 0 10px;
}
.header_navss li ul {
    position: absolute;
    top: 68px;
    left: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 1);
    width: 240px;
    padding: 17px 0 5px 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
}
.header_navss li:hover ul {
    opacity: 1;
    visibility: visible;
    top: 58px;
}
.header_navss li ul a {
    align-items: center;
    display: flex;
    width: 100%;
    padding: 7px 15px;
}
.header_navss > li > a {
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
}