:root {
--f1: 'Glacial Indifference', sans-serif;
--f2:'Marcellus', serif;
--gold:#B99A5B;
--black:#171717;
--grey:#F7F7F5; 
--pad1:max(0.5px, 0.0630916 * (clamp(0px, 100 * 1cqw * 1, min(9999px, 99999999999px)) - 0px));
--padbtnTB:max(0.5px, 0.0062499 * (clamp(0px, 100 * 1cqw * 1, min(9999px, 99999999999px)) - 15px));
--padbtnLR:max(0.5px, 0.0117186 * (clamp(0px, 100 * 2cqw * 1, min(9999px, 99999999999px)) - 15px));
}

*{margin:0;padding:0;box-sizing:border-box;}
html,body{font-size:14px; font-family:var(--f1); color:var(--black); letter-spacing:0.5px;}
button {text-decoration: none;box-shadow:inherit; outline:0;}
input {box-shadow:inherit; outline:0;}
a {color:var(--black);text-decoration: none;box-shadow:inherit; outline:0; }
a:hover{text-decoration: none;color:var(--gold);}
a:focus, a:active{background-color: unset !important; box-shadow: none; outline: none;}
button:focus, button:active{background-color: unset; box-shadow: none; outline: none;}
.btn-light:focus, .btn-light:focus {box-shadow: none !important;background-color: #fff !important; outline: none!important;}
.btn-primary:focus, .btn-primary:focus {box-shadow: none !important; background-color: #000 !important;outline: none!important;}
.btn-outline:focus, .btn-outline:focus {box-shadow: none !important;background-color: #000 !important;outline: none!important;}
ul,li {padding:0;margin:0;}
h5{font-size:22px;} 

h1,h2,h3,h4,h5,h6 {font-family: var(--f2);}

.mt50 { margin-top: 50px;}

@media (max-width:1500px) { .container {max-width:100%;padding:0 var(--pad1);}}
@media (max-width:1000px) { .container {padding:0 20px;}}
@media (min-width:1501px) { .container {max-width:100%;padding:0 var(--pad1);} }

.btn-primary{background:var(--black);line-height: 26px;text-transform:uppercase;color:#fff;font-size:14px; padding: var(--padbtnTB) var(--padbtnLR); display: inline-block; text-align: center; cursor: pointer;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-radius: 0; border: none;}
.btn-primary:hover{background:var(--gold);color:#fff;}
.btn-outline{background:inherit;line-height:26px;text-transform:uppercase;color:var(--black);font-size:14px;padding: var(--padbtnTB) var(--padbtnLR);display: inline-block; text-align: center;cursor: pointer;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;border-radius: 0; border: none;}
.btn-outline:hover{background:inherit;color:var(--gold);text-decoration: underline;}

.homeTitle-Primary {color: var(--black); font-size: 35px; font-family: var(--f2);}
.homeTitle-Secondary {color: var(--black); font-size: 30px; font-family: var(--f2);}
.smallTitle {color: var(--gold); font-size: 16px; text-transform: uppercase;font-weight: 600;    letter-spacing: 0.2em;}

.topHeader {background:var(--gold); padding:6px 0;}
.topHeader ul {list-style-type:none;display:flex;gap:15px;}
.topHeader li a{color:#fff;}
.headerMiddle { padding:20px 0;}
.logo img {width:232px;}
.search-box{background:#fff;box-shadow:0 1px 3px 0 #ccc;padding:0px;width:280px;position:absolute;right:0;top:0;z-index:99}
.search-box .form-control{padding:0 10px;width:100%;height:40px}
.searchBtn{position:absolute;right:0;top:0;height:auto;border:none;background:#b99a5b!important;color:#fff!important;border-radius:0;font-weight:400;padding:0 16px 0;font-size:16px;height:40px;box-shadow:inherit!important}

.navbar-nav>li.show .dropdown-menu{left:inherit;right:0}
.searchDivs.show .dropdown-menu{display:block}

header { position: relative;  width: 100%; background-color: #fff; box-shadow: none; transition: box-shadow 0.5s ease; }
.loginBoxDrop {
  border: none;
  background: inherit;
  color: #fff;
}

 header  .dropdown-menu .dropdown-item{
  color: #000;
}
body.scroll-header header { position: fixed;top: 0; left: 0; z-index: 999; box-shadow: 0 0 3px #d5d5d5; }

 body.scroll-header .topHeader   {  display: none;}
 body.scroll-header .headerMiddle    {  display: none;}
 
body.scroll-header .logo img {display: none;}

footer {background-color: var(--grey); padding: 50px 0 0 0; position: relative;}
footer h3.footerTitle {color: var(--black); font-size: 28px; font-family: var(--f2);}
footer h4.footerTitle {color: var(--gold); font-size: 18px; font-family: var(--f1); letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600;}
footer p { font-size: 16px;line-height: 24px; color: var(--black);}
footer p.font14 {font-size: 14px;color: var(--black);}
footer ul { padding-left: 0;}
footer ul li{ list-style: none; font-size: 16px; line-height: 24px;color: var(--black);}  
footer .copyrightText, footer .copyrightText a {text-align: center;color: #8f8f89;}
footer .bottomHr {background-color: var(--gold);}
footer::before{background:url(../images/home/ftlogo.png);content:"";width:350px;background-repeat:no-repeat;background-size:contain;display:block;position:absolute;left:55%;height:350px;top:40%;background-position:center;transform:translate(-50%,-50%)}
.blueText span {color: #467AF7;}
p.footerSocial {display: flex; gap: 15px;}
.footerTitle a {color: var(--gold); text-decoration: underline;}

@media only screen and (min-width:992px)
{

.mainNavList {justify-content:space-between;align-items:center;}
.mainNavList li a {text-transform:uppercase;color:var(--black) !important;font-size: 16px;}
.mainNavList li a:hover {color:var(--gold);}
.mainNavList>li .megamenuWapper {max-height:0px;overflow:hidden;position:absolute;box-shadow:1px 1px 8px -7px #ccc;z-index:999;left:0;right:0;top:100%;background-color:#fff;border-top: solid 1px #f0eaea;padding:0px;transition:all .8s linear;}
.mainNavList>li:hover .megamenuWapper { max-height: 1000px;}
.mainNavList>li .megamenuWapper ul{ max-width: 100%; margin:auto; padding:20px var(--pad1); display:flex; flex-wrap:wrap;}
.mainNavList>li .megamenuWapper ul li {width: 25%;float: left;text-align: left; list-style: none;}
.mainNavList>li .megamenuWapper ul li a.nav-cat{font-size:15px;font-weight:500;color:var(--black);text-transform: uppercase;    position: relative; border-bottom: solid 1px #18453B;    margin:15px 0 10px;  display: inline-block;}
.mainNavList>li .megamenuWapper ul.navCatChildList { padding:0;}
.mainNavList>li .megamenuWapper ul.navCatChildList li {width:100%;float: left;}
.mainNavList>li .megamenuWapper ul.navCatChildList li a { margin: 0 0 8px; display: inline-block; width: 100%;color: var(--black);text-transform:unset;}
.mainNavList>li .megamenuWapper ul.navCatChildList li a:hover {color: var(--gold);}
.megamenuWapper li .navTitle span{ display: none;}

}

@media only screen and (max-width:991px){
.navLogo img {   width: 190px!important;}
.navbar-collapse:before {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0,0,0,.6);    content: '';    z-index: -999;    opacity: 0;    visibility: hidden;    transition: all 1s;}
.navbar-collapse.show:before {   z-index: 99999;    opacity: 1;    visibility: visible;}
.topNav { left:-100%; position:fixed; width:100%; text-align:left;  background:#fff;  z-index:99999;    transition: all 1s;    padding:0px 0px 120px;    height: 100vh;    top: 0;}
.navbar-collapse.show .topNav{ left:0;display:block;}
.mobNavHeader { padding: 20px 20px;  display: flex;  align-items: center; justify-content: space-between;}
.megamenuWapper {display:none;}
.mainNavList {margin: 0px 0 0;}
.mainNavList>li {  margin: 0;    padding:0;    border-bottom: 1px solid #d5d5d5;    position: relative;}
.mainNavList>li a.nav-links {    font-size: 16px;    padding:9px 15px;     display: inline-block;     width: 100%;        text-transform: uppercase;}
.mainNavList>li.ddYes>a::before { content:""; width:10px;height:10px; border-right:1px solid #474242;  border-bottom:1px solid #474242; transform:rotate(45deg); float:right; margin-top:2px; margin-right:0px;}
.mainNavList>li .megamenuWapper {    overflow: hidden;    position: relative;    margin: 0;    z-index: 1;    display: none;}
.mainNavList > li.show.ddYes .megamenuWapper {      background: #f2f2f2;  display: block;}
.megamenuWapper li {    padding: 0px;    border-bottom: solid 1px #d5d5d5;}
.megamenuWapper li:last-child {    border-bottom:none;}
.megamenuWapper li a.navTitle{padding:10px 20px 7px;display:inline-block;width:100%;background:#B99A5B;color:#fff}
.megamenuWapper li a{padding:10px 20px 7px;display:inline-block;width:100%}
.megamenuWapper li i{float:right;font-size:15px;color:#fff}
.navCatChildList{position:fixed;width:100%;left:-300%;height:100vh;transition:all 1s;background:#fff;top:110px;z-index:999;height:-moz-calc(100vh - 50px);height:-webkit-calc(100vh - 50px);height:calc(100vh - 50px);overflow-y:auto}
.navCatChildList.showSubmenu{left:0;display:block}
.subnavHeading{width:100%;float:left;background:#B99A5B;font-size:15px;padding:2px 10px 2px}
.subnavHeading a{padding:0 7px; color:#fff;}
.subnavHeading a:hover {color:#000;}
.logo img{width:150px;margin:10px 0 0}
.headerMiddle{position:relative;padding:0}
.headerMiddle .navbar-toggler{position:absolute;top:53%;left:10px;transform:translateY(-50%);background:0 0;border:none}
.topHeader ul{list-style-type:none;display:flex;gap:15px;justify-content:space-between;align-items:center}
.topHeader li span{display:none}
.scrool-logo img{width:190px}
.mainNavList>li a.nav-links i{float:right;font-size:15px}
.shonavicon a{position: relative;}
.shonavicon a:after{font-family: "iconfont" !important; content: "\e610"; position: absolute; top:0; right:10px; font-size: 20px;}
 .btn-primary {width: auto;        font-size: 14px;}
        .btn-outline {width: auto;        font-size: 14px;}
        .homeTitle-Secondary {
    font-size: 20px;
}
.homeTitle-Primary {
    font-size: 27px;
}
}

@media only screen and (max-width:767px){
    footer h4.mobAcc {
        background: var(--gold);
        padding: 11px 10px 9px;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        position: relative;
        cursor: pointer;
        text-align: left;
        width: 100%;
        color: #fff;
    }
        footer h4.mobAcc:before {
        content: '+';
        position: absolute;
        right: 6px;
        font-size: 16px;
        transform: translateY(-50%);
        top: 40%;
        color: #fff;
                font-size: 29px;
    }
        .ftpNav {
        display: none;
        padding: 15px;
    }
    footer::before {width: 250px;}
    .mt50 {
    margin-top: 20px;
}
    }

    @media only screen and (max-width:680px){
        .btn-primary {min-width: 60%; line-height: 32px;}
        .btn-outline {min-width: 60%; line-height: 32px;}
        footer ul li {line-height: 30px;}
    }

     @media only screen and (max-width:520px){
        .btn-primary {min-width: 100%;}
        .btn-outline {min-width: 100%;}
    }