body {
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 200;
    overflow-x: hidden;
    color:#333333;
    font-size: 15px;
}
.page-wrapper{
    overflow-x: hidden;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
    font-weight: 400;
}
a{
    text-decoration: none !important;
    color:#333333;
}
a:hover{
    color: #B0782E
}
input:focus, textarea:focus {
    box-shadow: none;
    border-color: #B0782E;
}
.btn-red{
    background-color: #740A13;
}
.btn-yellow{
    background-color: #B0782E;
}
/***
====================================================================
HEADER
====================================================================
***/
/* TOPBAR */
.topbar {
    background-color: #0F4C81;
    color: #fff;
    font-size: 13px;
    z-index: 1040;
}
.topbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0;
}
.topbar ion-icon {
    margin-right: 5px;
    vertical-align: middle;
}
.topbar .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.25s ease-in-out;
    margin-top: 0;
    position: absolute !important;
    z-index: 9999;
    border-radius:0;
    border:none;
    top:30px;
}
.topbar .dropdown-menu .dropdown-item{
    background:none;
    font-size:13px;
}
.topbar .dropdown.show .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.topbar ul.dropdown-menu > li > a .qodef-menu-item-text {
    --qodef-underline-position-y: calc(100% - 2px);
    --qodef-underline-height: 1px;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);
    transition: background-size 0.4s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.27s ease-out;
    background-position: 100% var(--qodef-underline-position-y);
    background-size: 0 var(--qodef-underline-height);
}

.topbar ul.dropdown-menu > li:hover > a .qodef-menu-item-text {
    background-size: 100% var(--qodef-underline-height);
    background-position: 0 var(--qodef-underline-position-y);
}

/*--MAIN MENU--*/
.hero {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

.site-navbar-wrap {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0; }
/*.site-navbar-wrap a {
    color: #fff; }*/
.site-navbar-wrap .site-navbar-top {
    font-size: 0.8rem; }

.site-navbar-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

.site-navbar {
    margin-bottom: 0px;
    width: 100%; }
.site-navbar .site-logo {
    font-weight: 200;
    line-height: 0;
    position: relative; }
.site-navbar .site-logo a {
    font-weight: 200;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase; }
.site-navbar .site-navigation .site-menu {
    margin-bottom: 0; }
.site-navbar .site-navigation .site-menu a {
    text-decoration: none !important;
    display: inline-block;
}
.site-navbar .site-navigation .site-menu > li {
    display: inline-block;
    padding: 10px 5px; }
.site-navbar .site-navigation .site-menu > li > a {
    padding: 20px 15px;
    color: rgba(255, 255, 255, 1);
    font-size: 15px;
    text-decoration: none !important; }
.site-navbar .site-navigation .site-menu > li > a.active {
    color: #fff; }
/*.site-navbar .site-navigation .site-menu > li > a:hover {
    color: #fff; }*/
.site-navbar .site-navigation .site-menu > li:last-child {
    padding-right: 0; }
.site-navbar .site-navigation .site-menu > li:last-child > a {
    padding-right: 0; }
.site-navbar .site-navigation .site-menu .has-children {
    position: relative; }
.site-navbar .site-navigation .site-menu .has-children > a {
    position: relative;
    padding-right: 20px; }
.site-navbar .site-navigation .site-menu .has-children > a:before {
    position: absolute;
    content: "\F282";
    font-size: 10px;
    top: 50%;
    right: 3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'bootstrap-icons'; }
.site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 15px 0;
    margin-top: 20px;
    margin-left: 0px;
    background: #0A182C;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s;
    /*border-radius: 4px; */
    width:250px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
    position: absolute; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
    font-size: 14px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-transition: 0s all;
    -o-transition: 0s all;
    transition: 0s all;
    color: #343a40; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
    color: #B0782E; }
.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
    color: #fff !important; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 250px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li:first-child > a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li:last-child > a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
    padding: 5px 20px;
    display: block; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
    /*background: #ebeef0;*/
    color: #212529; }
/*.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
    content: "\e315";
    right: 20px; }*/
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
    left: 100%;
    top: 0; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
    /*background: #ebeef0;*/
    color: #212529; }
.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
    color: #fff; }
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
    cursor: pointer; }
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    margin-top: 0px;
    visibility: visible;
    opacity: 1; }

.site-mobile-menu {
    width: 300px;
    position: fixed;
    right: 0;
    z-index: 2000;
    background: #fff;
    height: calc(100vh);
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;

}

.offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
.site-mobile-menu .site-mobile-menu-header {
    width: 300px;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: right;
    margin-top: 8px;
    font-size:30px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
    color: #dee2e6; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
    display: inline-block;
    text-transform: uppercase; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
    max-width: 70px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
    text-decoration: none; }
.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
.site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
.site-mobile-menu .site-nav-wrap a {
    padding: 5px 20px;
    display: block;
    position: relative;
    color: #212529; }
.site-mobile-menu .site-nav-wrap .show {
    margin-bottom:20px;
}
.site-mobile-menu .site-nav-wrap a.active, .site-mobile-menu .site-nav-wrap a:hover {
    color: #B0782E; }
.site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block; }
/*.site-mobile-menu .site-nav-wrap li.active > a {
    color: #007bff; }*/
.site-mobile-menu .site-nav-wrap li.active > a.nav-link .qodef-menu-item-text{
    border-bottom:1px solid #000;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%; }
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
    /*background: #f8f9fa; */
}
.arrow-collapse-icon .qodef-menu-item-arrow.qodef-svg--menu-arrow {
    transform: rotate(45deg) translateZ(0);
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 12px;
    z-index: 20;
    font-family: 'bootstrap-icons';
    content: "\F282";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.site-mobile-menu .site-nav-wrap > li {
    display: block;
    position: relative;
    float: left;
    width: 100%; }
.site-mobile-menu .site-nav-wrap > li > a {
    padding-left: 20px;
}
.site-mobile-menu .site-nav-wrap > li > ul {
    padding: 0;
    margin: 0;
    list-style: none; }
.site-mobile-menu .site-nav-wrap > li > ul > li {
    display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > a {
    padding-left: 40px;
    font-size: 16px; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
    padding: 0;
    margin: 0; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
    display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
    font-size: 16px;
    padding-left: 60px; }

.sticky-wrapper {
    position: absolute;
    z-index: 100;
    width: 100%; 
    margin-top:15px;
}
.sticky-wrapper + .site-blocks-cover {
    margin-top: 96px; }
.sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
.sticky-wrapper .site-navbar ul li.active a {
    color: #fff; }
.sticky-wrapper.is-sticky .site-navbar {
    background-color: #B0782E;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li {
    display: inline-block;
    padding: 10px 5px; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child {
    padding-right: 0; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child > a {
    padding-right: 0; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li.has-children > a {
    padding-right: 20px; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
    padding: 10px 10px;
    /*color: rgba(0, 0, 0, 1);*/
    font-size: 15px; }
/*.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a:hover {
    color: #fff !important; }*/
/*.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a.active {
    color: #fff !important; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li.active a {
    color: #fff; }*/

.site-navbar > .linebottom-menu{
    border-bottom:1px solid #565C5D;
}
.is-sticky .site-navbar > .container{
    border-bottom:none;
}
.is-sticky .js-sticky-header{
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
#navbarNav > ul > li > a {
    position: relative;
    display: flex;

}
#navbarNav > ul > li > a .qodef-menu-item-text {
    --qodef-underline-position-y: calc(100% - 2px);
    --qodef-underline-height: 1px;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);
    transition: background-size 0.4s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.27s ease-out;
    background-position: 100% var(--qodef-underline-position-y);
    background-size: 0 var(--qodef-underline-height);
}
#navbarNav > ul > li.active > a .qodef-menu-item-text,
#navbarNav > ul > li:hover > a .qodef-menu-item-text {
    background-size: 100% var(--qodef-underline-height);
    background-position: 0 var(--qodef-underline-position-y);
}

#navbarNav > ul > li.has-children ul li > a .qodef-menu-item-text {
    --qodef-underline-position-y: calc(100% - 0px);
    --qodef-underline-height: 1px;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, rgb(176 120 46) 0, rgb(176 120 46) 100%);
    transition: background-size 0.4s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.27s ease-out;
    background-position: 100% var(--qodef-underline-position-y);
    background-size: 0 var(--qodef-underline-height);
}
#navbarNav > ul > li.has-children ul li > a {
    position: relative;
    display: flex;
    white-space: normal;
    margin: 10px 0;
    overflow: hidden;
    transition: padding 0.27s ease-out;
    color:#fff;
}
#navbarNav > ul > li.has-children ul li:hover > a .qodef-menu-item-text {
    background-size: 100% var(--qodef-underline-height);
    background-position: 0 var(--qodef-underline-position-y);
}
/***
====================================================================
	Banner Section
====================================================================
***/
.banner-section {
    position: relative;
    z-index: 1;
}

.banner-carousel {
    position: relative;
    z-index: 1;
}

.banner-carousel .slide-item {
    position: relative;
    display: block;
    background-color: #111111;
    color: #ffffff;
    overflow: hidden;
    height:100vh;
}

.banner-carousel .slide-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    z-index: 1;
}

.banner-carousel .slide-item .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.banner-carousel .active .slide-item .image-layer {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 7000ms linear;
    -moz-transition: all 7000ms linear;
    -ms-transition: all 7000ms linear;
    -o-transition: all 7000ms linear;
    transition: all 7000ms linear;
}

.banner-carousel .content-box {
    position: relative;
    z-index: 11;
}

.banner-carousel .content-box .content {
    position: relative;
    padding: 200px 0px 160px;
}

.banner-carousel .content-box .inner {
    position: relative;
    display: block;
    max-width: 600px;
}
.banner-carousel .content-box .inner h2{
    font-size:50px;
    margin-bottom:30px;
}
.banner-carousel .content-box .sub-title {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 200;
    letter-spacing: 0.1em;
    margin-bottom: 0px;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
}

.banner-carousel .content-box .sub-title:before {
    position: absolute;
    left: -5px;
    bottom: -21px;
    right: 0;
    height: 23px;
    width: 365px;
    background-repeat: no-repeat;
    content: "";
}

.banner-carousel .active .content-box .sub-title {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}

.banner-carousel .content-box h1 {
    position: relative;
    display: block;
    margin: 19px 0 43px;
    font-size: 150px;
    line-height: 149px;
    color: #ffffff;
    font-weight: 700;
    opacity: 0;
    text-transform: uppercase;
    letter-spacing: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
}

.banner-carousel .active .content-box h1 {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 1000ms ease;
    -webkit-transition-delay: 1300ms;
    -moz-transition-delay: 1300ms;
    -ms-transition-delay: 1300ms;
    -o-transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.banner-carousel .content-box .link-box {
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.banner-carousel .active .content-box .link-box {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    -ms-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
}

.banner-carousel .owl-nav {
    position: absolute;
    bottom: 0;
    width: 350px;
    height: 90px;
    text-align: right;
    right: 0;
    margin: 0;
    display:none;
}

.banner-carousel .owl-nav .owl-next,
.banner-carousel .owl-nav .owl-prev {
    position: relative;
    display: block;
    float: left;
    width: 175px;
    height: 90px;
    background: #ffffff !important;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 90px;
    text-align: center;
    opacity: 1;
    border-radius: 0%;
    outline: none;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    letter-spacing: 0.2em;
}

.banner-carousel .owl-nav .owl-next {
    background: var(--thm-black) !important;
    border-radius: 0 !important;
}

.banner-carousel .owl-nav .owl-next span,
.banner-carousel .owl-nav .owl-prev span {
    vertical-align: middle;
}

.banner-carousel .owl-nav .owl-next p,
.banner-carousel .owl-nav .owl-prev p {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.banner-carousel .owl-nav .owl-next p {
    display: inline-block;
    padding-right: 10px;
}

.banner-carousel .owl-nav .owl-prev span {
    color: var(--thm-black);
}

.banner-carousel .owl-nav .owl-prev p {
    color: var(--thm-black);
    padding-left: 10px;
}

.banner-carousel .owl-nav .owl-next:hover,
.banner-carousel .owl-nav .owl-prev:hover {
    opacity: 1;
}

.banner-section .owl-dots {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-section .owl-theme .owl-dots .owl-dot {
    position: relative;
    display: block;
    vertical-align: top;
    margin: 0px 4px;
    outline: none;
}

.banner-section .owl-theme .owl-dots .owl-dot span {
    position: relative;
    display: block;
    width: 40px;
    height: 5px;
    background: rgba(176, 120, 46, 0.5);
}

.banner-section .owl-theme .owl-dots .owl-dot.active span {
    background: #B0782E;
}
/***
====================================================================
	SOCIAL RIGHT
====================================================================
***/
@media (min-width: 601px) {
    .social-contact-box.social-bottomRight {
        right: 20px;
        bottom: 200px;
    }
}
.social-contact-box ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    width: 45px;
}
.social-contact-style2 ul li {
    margin-bottom: 0;
}
.social-contact-box {
    position: fixed;
    display: block;
    z-index: 999999;
}
.social-contact-style2 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.social-contact-box.social-bottomRight {
    right: 40px;
    bottom: 200px;
    z-index:99;
}

.social-contact-box {
    position: fixed;
    display: block;
    z-index: 999999;
}

.social-contact-style2 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.social-contact-item a img {
    width: 30px;
}
.social-contact-style2 .social-contact-item {
    display: block;
}
.social-contact-style2 .social-contact-item.social-contact-fb-ms a {
    color: #0080f7 !important;
}
.social-contact-style2 .social-contact-item.social-contact-zalo a {
    color: #0088ff !important;
}
.social-contact-style2 .social-contact-item.social-contact-phone a {
    color: #2cbb00 !important;
}
.social-contact-style2 .social-contact-item a.social-contact-link {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    overflow: hidden;
    background-color: #fff;
    color: #000;
    transition: all 0.3s;
    position: relative;
}
.social-contact-style2 .social-contact-item a.social-contact-link:after {
    display: block;
    border-bottom: solid 1px #dadada;
    width: 20px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
/***
====================================================================
	BACK TOK TOP
====================================================================
***/
.pxl-scroll-top {
    width: 25px;
    height: 45px;
    position: fixed;
    bottom: 110px;
    right: 35px;
    background-color: #B0782E;
    z-index: 9999;
    font-size: 38px;
    visibility: hidden;
    -webkit-transform: translateX(130%);
    -khtml-transform: translateX(130%);
    -moz-transform: translateX(130%);
    -ms-transform: translateX(130%);
    -o-transform: translateX(130%);
    transform: translateX(130%);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    overflow: hidden;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}
.pxl-scroll-top.pxl-on {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -khtml-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
}
/*.pxl-scroll-top:before, .pxl-scroll-top:after {
    content: "";
    display: block;
    width: 0;
    background-color: initial;
    height: 80%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 2px dashed rgba(255, 255, 255, 0.3);
}*/
.pxl-scroll-top:after {
    right: 6px;
}
.pxl-scroll-top:before {
    left: 6px;
}
.pxl-scroll-top i {
    line-height: 1;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.pxl-image-effect2 {
    animation: pxl_bottom_top_small 3s ease-out infinite;
    -webkit-animation: pxl_bottom_top_small 3s ease-out infinite;
}
@keyframes pxl_bottom_top_small {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.line-bottom{
    width:75px;
    height: 1px;
    background-color: #B0782E;
    margin:0 auto;
}
footer a {
    transition: all 0.3s ease;
}
footer a:hover {
    color: #B0782E;
    text-decoration: none;
}
.bg-dark{
    background: #0A182C !important;
}
/***
====================================================================
	PRODUC CARD
====================================================================
***/
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.product-card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product-card img {
    width: 100%;
    display: block;
    height: auto;
}

.product-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    background-color: #B0782E;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.98);
    transition: opacity 0.6s ease, transform 0.6s ease;
    will-change: transform, opacity;
}

.product-card:hover .product-overlay {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.product-overlay h5 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.product-overlay hr {
    width: 70px;
    opacity: 1;
    margin:25px auto 15px;
}

.product-overlay p {
    font-size: 0.875rem;
    margin: 0;
}
.product-overlay a {
    transition: all 0.3s ease;
}
    .product-overlay a:hover{
        text-decoration:underline;
    }
    .page-item .page-link {
    border: none;
}
.page-item a.page-link{color: #3c3a3a}
.page-item.active a{
    font-weight: 400;
    background: none;
    border-bottom: 1px solid #B0782E;
    border-radius: 0 !important;
}
.content-detail {
    text-align: justify;
    line-height: 28px;
}
.content-detail img{max-width: 100%;}
/*--------------------------------------------------------------
#  Page Header
--------------------------------------------------------------*/
.page-header {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    overflow: hidden;
    padding: 350px 0 0px;
    background-size: cover;
}

.page-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
}

.page-header .container {
    position: relative;
    text-align: center;
}

.page-header h2 {
    color: #ffffff;
    margin: 0;
    padding-bottom: 100px;
}

.thm-breadcrumb {
    display: -webkit-box;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    position:inherit;
    z-index:5;
}

.thm-breadcrumb li a.shop_style {
    color: #ffffff;
    background: var(--thm-primary);
    border-top-left-radius: 0;
}

.thm-breadcrumb li a,
.thm-breadcrumb li span {
    font-size: 12px;
    display: inline-block;
    padding: 0 0 40px;
}
/*--------------------------------------------------------------
#  share
--------------------------------------------------------------*/
.share-wrapper {
    /*transform: translateY(-50%);*/
    z-index: 1000;
}

.share-button {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-group {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.icon {
    background-color: #c8c4bd;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateX(20px);
    transition: all 0.3s ease;
    color: #333;
    font-size:13px;
}

.icon:nth-child(1) { transition-delay: 0.05s; }
.icon:nth-child(2) { transition-delay: 0.1s; }
.icon:nth-child(3) { transition-delay: 0.15s; }

.icon-group.show {
    opacity: 1;
    pointer-events: auto;
}

.icon-group.show .icon {
    opacity: 1;
    transform: translateX(0);
}

.icon:hover {
    background-color: #B0782E;
    color: #fff;
}
.content-detail{text-align: justify; line-height: 30px;}
.content-detail img{max-width: 100%;}
.solutions-item{padding-left: 32px; margin-bottom: 35px;}
/***
====================================================================
	PRODUCT GALLERY
====================================================================
***/
.product-gallery {

}

.main-image-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#mainImage {
    width: 100%;
    display: block;
}

#zoomLens {
    position: absolute;
    border: 1px solid #999;
    width: 100px;
    height: 100px;
    display: none;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 10;
}

.thumbnail-list {
    margin-top: 10px;
    display: flex;
    gap: 5px;
}

.thumbnail-list img.thumb {
    width: 151px;
    object-fit: cover;
    cursor: pointer;
    border: 1px solid transparent;
}

.thumbnail-list img.thumb.active {
    border-color: #B0782E;
}

.imgScrollWrap_3 {
    position: relative;
    height: 165px;
    overflow: hidden;
}

.imgScrollBtn01_3, .imgScrollBtn02_3 {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    /*background: url(images/mainBG.png) no-repeat 0 0;*/
    background: rgba(242, 242, 242, 0.8);
    border-radius: 50px;
    overflow: hidden;
    z-index: 2;
    transition: all 0.3s;
    padding-top: 3px;
    text-align: center;
}

.imgScrollBtn01_3 {
    top: 45%;
    left: 10px;
}

.imgScrollBtn02_3{
    top: 45%;
    right: 10px;
    /*background-position: -22px 0;*/
}

.imgScrollBtn01_3:hover, .imgScrollBtn02_3:hover {
    /*background-position: 0 -40px;*/
    background: #B0782E;
}
    a.imgScrollBtn01_3:hover, a.imgScrollBtn02_3:hover {
        color:#fff;
    }
/*.imgScrollBtn02_2:hover, .imgScrollBtn02_2:hover {
    background-position: -22px -40px;
}*/

.imgScrollList_3 {
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 1;
}

.imgScrollList_3 ul {
    position: relative;
    width: 9999px;
}

.imgScrollList_3 li {
    float: left;
    overflow: hidden;
}

.imgScrollList_3 li a {
    float: left;
    margin: 12px 6px;
    overflow: hidden;
}
.contact-form input,
.contact-form textarea {
    border: none;
    border-bottom: 1px solid #707070;
    border-radius: 0;
    padding-left: 0;
}

.contact-form input:focus,
.contact-form textarea:focus {
    box-shadow: none;
    border-color: #B0782E;
}
iframe {
    width: 100%; height: 500px;
    border: none;
}

/*  TOOL TIP    */
div.tooltip {
    outline: none;
    position: relative;
    cursor: pointer;
    /*border-radius: 35px 25px / 10px 25px;*/
}

    div.tooltip strong {
        line-height: 30px;
    }

    div.tooltip:hover {
        text-decoration: none;
    }

.tooltip_disblay {
    z-index: 10;
    /*display:none;*/
    margin-top: 9px;
    width: 90%;
    line-height: 16px;
    border: 1px solid #333;
    background: #fff;
}

.hover {
    margin-right: 5px;
}

.tooltip_disblay {
    display: block;
    position: absolute;
    left: 0;
    color: #fff;
    border-radius: 0 21px;
    text-align: center;
    height: 213px;
    width: 99%;
}

.bg {
    height: 100%;
    border-radius: 0 20px;
    color: #333;
    padding-top: 180px;
}

    .bg .save {
        background: #203e8f;
        padding: 10px 0;
        margin-top: 45px;
        cursor: pointer;
        color: #fff;
        vertical-align: middle;
    }

        .bg .save i {
            font-size: 20px;
        }

div.tooltip p {
    position: absolute;
    background: url("../images/bg_color.png") no-repeat;
    width: 65px;
    height: 65px;
    margin: 0;
}

.callout {
    z-index: 20;
    position: absolute;
    border: 0;
    bottom: 0;
    left: 53px;
    display: none;
}

.field-tip {
    position: relative;
    cursor: pointer;
}