/*------------Template override------------*/
#sp-header:not(.header-sticky){
    display: none;
}
#sp-header.header-sticky{
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span{
    padding: 15px 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items{
    margin-right: 10px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span{
    font-size: 14px !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    left: 0;
    padding: 0 10px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover:after,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:after{
    color: inherit;
    transition: inherit;
}
.offcanvas-inner .menu-child>li{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#sp-footer{
    padding-top: 90px;
    padding-bottom: 30px;
}
#sp-title{
    padding-top: 50px;
}
/*------------End Template override------------*/
#bannerImgWrapper{
    padding: 0 20px 25px 30px;
    position: relative;
    background-color: #f6f6f6;
    display: inline-block;
}
#bannerImgWrapper:before{
    content: "";
    background: linear-gradient(var(--ang, 0deg),#f0f0f0 54%,#996138 75%,#e7b481 90%,#996138 137%);
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    z-index: -1;
    animation: rot 10s linear infinite;
}
@property --ang {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
@supports (-ms-user-select: none) {
    #bannerImgWrapper:before{
        background: linear-gradient(0turn,#f0f0f0 54%,#996138 75%,#e7b481 90%,#996138 137%);
        animation: rot-alt;
    }
}
@keyframes rot {
    to {--ang: 1turn;}
}
@keyframes rot-alt {
    to {background-image: linear-gradient(1turn,#f0f0f0 54%,#996138 75%,#e7b481 90%,#996138 137%);}
}

#bannerImgWrapper>img{
    margin-top: -40px
}
#sh-language{
    width: 41px;
    height: 41px;
    line-height: 34px;
    background-color: var(--primary-color);
}
#sh-lang-list{
    min-width: 50px;
    right: -5px !important;
}
#sh-lang-list>li{
    background: none;
    text-align: center;
}
#sh-lang-list>li>a{
    color: white;
}
#sh-lang-list li>a:hover,
#sh-lang-list .lang-active>a{
    color: var(--secondary-color);
}
#newsLetterBtn:before{
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    background-color: var(--fourth-color);
    transition: width 1s ease;
}
#newsLetterBtn:hover{
    color: white;
}
#newsLetterBtn:hover:before{
    width: 100%;
}
#footerBg{
    background: url("../images/footer-bg.png") no-repeat center center;
    background-size: cover;
    min-height: 300px;
    margin: 30px 0 40px 0;
}
#footer-desc p:not(:last-child){
    font-family: title-regular, serif;
    font-size: 29px;
    line-height: 44px;
}
#footer-desc p:last-child{
    font-family: title-semi-bold, serif;
    font-size: 30px;
}
.footer-column-title{
    border: 2px solid #fff;
    position: relative;
}
.footer-column-title:before{
    width: 51px;
    height: 2px;
}
.footer-column-title:after{
    width: 2px;
    height: 18px
}
.footer-column-title:before,
.footer-column-title:after{
    right: -2px;
    top: -2px;
    position: absolute;
    content: '';
    background-color: var(--secondary-color);
}
#footerPhoneNumber a>span{
    font-size: 17px;
}
.footer-social{
    padding-right: 60px;
    position: relative;
}
.footer-social:not(:hover){
    color: white !important;
}
.footer-social:before,
.footer-social:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    transition: all 300ms linear 0ms;
}
.footer-social:before {
    width: 46px;
    height: 2px;
    z-index: 1;
    background-color: #fff;
}
.footer-social:after {
    width: 23px;
    height: 2px;
    background-color: var(--secondary-color);
    z-index: 2;
}
.footer-social:hover:after {
    width: 46px;
}