*{margin: 0;padding: 0;}
html,body {   font-size: 14px;   font-family: 'Sailec',sans-serif;  color: #000;  font-weight: 300;  letter-spacing:0.5px;}
ul{margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;}
a, .btn, a:focus, a.active, a:hover, input, button{outline:0!important; box-shadow:inherit!important;}
@media only screen and (max-width:1190px) {.container{max-width: 94%;}}
@media only screen and (max-width:767px) {.container{max-width:100%;}}
@media only screen and (min-width: 1200px){.container{max-width: 94%;}}
@media only screen and (min-width: 1400px){.container{max-width:1200px}}
@media only screen and (min-width:1600px) {.container{max-width:1350px}.p-108{padding:0 108px}}

.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: inherit;}

 .headerInfoBar  p {margin: 0;}
.headerInfoBar {padding: 11px 0 8px; position: relative;}
.headerInfoBar .closeInfoBar {
  color: #fff;
  position: absolute;
  right: 20px;
}

header{box-shadow:0 3px 16px #0000000F;padding:0 0 6px;position:sticky;transition:all 0.6s;top:-100%;z-index: 9;}
.headerTops{display:inline-block;width:100%;background:#000;position:relative;padding:10px 0}
.headerTopListes {display: flex;align-items: center;}
.headerTopListes .phoneHeader{margin-right: 25px;}
.headerTopListes li img {width:19px; margin-right:11px;}
.headerTopListes li a {color:#fff; font-size:12px; line-height:17px; letter-spacing:0.72px;text-decoration:none;text-transform:uppercase;}
.headerTops .topMsg{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%}
.headerTops p{margin:0;color:#fff;text-align:center;font-size:12px;line-height:17px;font-weight:400; letter-spacing:0.36px;}
.headerTopListes li .dropdown-toggle::after {display:none;}
.headerTopListes li img.art {width:13px;height:10px;margin:-4px 0 0 8px}
.loginHeader .dropdown-menu{left:auto!important;right:0;border:1px solid #D9D9D9;width:220px;padding:20px 11px;border-radius:0 0 3px 3px;transform:inherit!important;top:26px!important;background:#fff}
.loginHeader .dropdown-menu a{margin: 0 0 20px;padding:0;font-size:13px;color:#004340;line-height:19px; letter-spacing:0.65px; font-weight:300}
.loginHeader .dropdown-menu a:last-child{margin: 0 0 00px;}
.loginHeader .dropdown-menu a img{margin-right:12px; width:13px;}
.headerMiddle {padding: 20px 0;}
.middleBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.hdClass {width:33.3%;}
.middleLeft a{text-decoration:none;display:flex;align-items:center;gap:11px;color:#000;font-size:14px;letter-spacing:.72px;line-height:17px;font-weight:300}
.middleRight ul{display:flex;align-items:end;justify-content:end}
.middleRight li {margin-right:31px;position: relative;}
.middleRight li:last-child {margin-right:0;}
.middleRight li a{text-decoration:none;}
.middleRight li.hertCount span{position:absolute;left:revert;top:3px;right:8px;color:#fff;font-size:12px}
.scroll-header{position:fixed;padding: 0;left:0;top:0;z-index:9;width:100%;background:#fff}
.scroll-header .headerTops {display:none;}
.scroll-header .headerMiddle {  padding: 3px 0 9px; }
.scroll-header .logo img {width:190px}
.scroll-header  .navigations { margin:0 0 7px;}
.searchpopUp{background:#d0a355;padding:10px 20px;position:absolute;top:-100%;width:100%;left:0;transition:all .3s cubic-bezier(0,0,.38,1);opacity:0;visibility:hidden;z-index:9}
.searchpopUp.searchpopUpOpen{top:0;transition:all .3s cubic-bezier(0,0,.38,1);visibility:visible;opacity:1}
.searchpopUp form{display:flex;width:100%;justify-content:space-between;align-items:center}
.searchpopUp .input-group{max-width:440px;margin:auto}
.searchpopUp .closeSearch{color:#fff;font-size:18px; margin-left: 16px;}
.searchpopUp .form-control{width:100%;height:41px}
.searchpopUp button{position:absolute;right:0;top:0%;z-index:9;height:100%;padding:0 13px;border:none;width:50px;     background-color: #ddddddb3;}
.subscribewraps{background:url(../images/subscribewraps.png);height:360px;margin:70px 0 0;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;align-items:center;flex-wrap:wrap}
.subscribeBoxes{max-width:800px;float:right;width:100%}
.subscribeBoxes h3{font-family:'charterregular';font-size:40px;letter-spacing: 0.4px;line-height:49px;margin:0 0 19px;color:#fff}
.subscribeBoxes p{color:#fff;margin:0 0 38px;font-size:20px;letter-spacing:0;line-height:28px}
.formWraps{position:relative}
.formWraps .form-control{height:60px;width:100%;box-shadow:0 3px 16px #0000000A!important;border:1px solid #D8DDD6;border-radius:5px;color:#284162;font-size:18px;line-height:26px;letter-spacing:0}
.formWraps .subscribeBtn{box-shadow:0 3px 16px #0000000A!important;border-radius:0 5px 5px 0;background:#D0A55B;border:none;position:absolute;top:0;right:0;height:100%;width:130px;color:#fff;z-index:1;cursor:pointer;font-size:12px;line-height:17px;letter-spacing:1.44px}
.formWraps .subscribeBtn:hover{background: #86601E;}
footer {margin-top:81px;}
.footerBox{display:flex;justify-content:space-between;  gap:20px}
.footerCol{width:18%}
.footerCol:last-child{width:25%}
.footerBox h3{font-size:22px;line-height:29px;letter-spacing:0;margin:0 0 35px;color:#000}
.footerBox li a{color:#000;font-weight:300;margin:0 0 4px;display:inline-block;width:100%;text-decoration:none;font-size:14px;line-height:34px;letter-spacing:1.28px}
.footerBox li a:hover {color: #d0a55b;}
.socialIcons{display:flex;margin:0 0 22px;gap:15px}
.socialIcons img{width:25px}
.contactDetals li {display:flex;gap:15px;font-size: 14px;margin-bottom: 13px;}
.contactDetals li a { font-size: 14px;}
.bookAppointment .btn{ margin-left:30px;}
.mt-70 {margin-top: 70px;}

/*--------popup----------*/
.popupOverlay{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgb(0 0 0 / .7);z-index:9999}
.popupWindow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:100%;max-width:680px;max-height:95%}
.closeMe{position:absolute;top:10px;right:12px;color:#000;font-size:20px;z-index:9;text-decoration:none!important}
.popupWindow .popUprightForm{padding:20px 20px}
.popupWindow h3{font-size:22px;letter-spacing:1px;margin:0}
.popupWindow input[type="text"]{width:100%;float:left;border:1px solid #ddd;height:45px;font-size:16px;color:#000;margin-bottom:15px;line-height:45px;padding:0 10px}
.btn-popup{background:#000;cursor:pointer;color:#fff;text-transform:uppercase;width:100%;border:1px solid #000;height:45px;display:block;font-size:14px}
.popupWindow .popupTitle{font-size:14px;margin:13px 0 20px;color:#666;font-weight:300;line-height:23px}
.popupWindow .minamount{font-size:12px;margin:20px 0;color:#666;font-weight:300}
.popupTextBox img{width:100%;height:auto;object-fit:cover}
#subcriptionDiv.msg {background: inherit;border: none;padding: 7px 0 0;color: #ff6b6b;font-size: 16px;position: absolute;
  bottom: -42px;}
.SubscribeForm {
  position: relative;
}

@media only screen and (max-width:575px) {
  .closeMe{color:#ffffff;}
}


#subcriptionDiv.msg.alert-success {
  color: #3ae43a!important;
}

.scroll-header .headerInfoBar {  
  display: none;
}



@media only screen and (min-width:993px) 
{
.mbHide {display:none;}
.navigations{position:relative;margin:0 0 11px}
.mainNav{display:flex;align-items:center;justify-content:center}
nav ul li a.sectionMenu{font-weight:300;text-decoration:none;padding:0 16px;color:#000;text-transform:capitalize;font-size:14px;line-height:17px;letter-spacing:1.44px}
nav ul li a.sectionMenu:hover{color:#d0a355;}
.navication ul>li .megamenuWapper{max-height:0;overflow:hidden;position:absolute;z-index:999;left:0;right:0;top:17px;transition:all .8s linear;display:none}
.navication ul>li:not([disabled]):hover .megamenuWapper{max-height:1000px;display:block}
.menuInnerBox{border-top:solid 1px #ececec!important;margin:10px 0 0;background-color:#fff;border-bottom:1px solid #f4f4f4;padding:25px 0}
.navCatList li.mainItem{padding:0 20px;width:21%}
nav ul li a.subMenuTitle{padding:0 0 5px;color:#000;border-bottom:solid 1px #bbb;margin:0 0 10px;font-weight:300;font-size:14px;line-height:17px;letter-spacing:1.44px;text-decoration:none}
nav ul li a.subMenuTitle:hover{color:#d0a355;}
.navCatChildList{margin-top:18px}
.navCatList li .navCatChildList a{color:#000;font-weight:300;font-size:12px;line-height:17px;letter-spacing:1.44px;text-decoration:none} 
.navCatList li .navCatChildList a:hover{color:#d0a355;} 

}


@media only screen and (max-width:1240px) 
{
.headerTopListes li img {margin-right:5px;}
.headerTopListes .phoneHeader{margin-right:15px} 

}

@media only screen and (max-width:1100px) 
{
.headerTops .topMsg{display:none}
.subscribeBoxes{max-width:570px}
.subscribewraps {margin: 0px 0 0;}
}

@media only screen and (max-width:992px) 
{
.dsHide {display:none!important;}
.headerTopListes{justify-content:space-between}    
.heartIcon{width:33px!important;}   
.headerMiddle{padding:10px 0 0}
.logo img{width:180px}

header nav{margin:0;padding:0;width:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgb(0 0 0 / .4);overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:-1}
header nav.showMainNav{visibility:visible;opacity:1;z-index:99999}
header nav .navication{padding:0;margin:0;width:300px;height:100vh;background-color:#fff;left:-300px;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
nav.showMainNav .navication{left:0;visibility:visible;opacity:1}
.navHeader{padding: 6px 10px 6px; margin:0 0 11px;background:#f6f6f6}
.navHeader img{width:140px}
.btnNavToggles{position:absolute;right:20px;color:#000;top:13px}
header nav .navication .mainNav li a{display:flex;justify-content:space-between;border-bottom:solid 1px #e6e6e6;width:100%;color:#000;text-decoration:none;padding:10px 15px;font-size:12px; letter-spacing:1.44px;}
nav ul li .megamenuWapper{display:none}
header nav .navication .mainNav li.ddYes a::after{content:"\f107";font-family:'FontAwesome'}
header nav .container{max-width:100%;padding:0;margin:0}
.navCatList{background:#f2f2f2}
.navCatChildList{margin:0;padding:0;padding-bottom:0;padding-bottom:0;padding-bottom:0;display:block!important;list-style:none;position:fixed;background:#fff;height:calc(100vh);overflow-y:auto;z-index:999;width:300px;top:0;left:-100%;transition:all 0.4s ease-in-out;padding-bottom:200px}
.navCatChildList.showSubcategery{left:0}
.subMenu{background:#f2f2f2;display:flex;justify-content:space-between}
.subMenu a.closeDropdown{text-align:right;float:right;position:absolute;right:0;display:block!important}
.subMenu a.closeDropdown::after {display:none}
.subMenu a::after {display:none}

 .scroll-header .headerMiddle {   border-bottom: solid 1px #eaeaea;}
.footerBox{display:flex;justify-content:start;gap:0;flex-wrap:wrap}
.footerCol {  width:25%;}
.footerBox li a {font-size:14px;letter-spacing:1px;}
.footerBox h3 {margin:0 0 15px; }
.footerCol:last-child{width:100%;text-align:center;margin:40px 0 0}
.socialIcons {justify-content: center;}
.contactDetals li {justify-content: center;}
.subscribewraps{ background-position: left;}

.subscribewraps{height:280px}
.subscribeBoxes{max-width:400px}
.subscribeBoxes h3{font-size:30px;margin:0 0 6px}
.subscribeBoxes p{margin:0 0 25px;font-size:16px;line-height:23px}
 .scroll-header .headerTops {
  display: block;
}
.scroll-header .navigations {  margin: 0;}

}



 @media only screen and (max-width:767px) 
{
.footerCol {width: 100%;}
.ftpNav {display:none;padding:15px 0 10px 10px;}    
.footerBox h3.mobileTitle{cursor: pointer;font-size:18px;border-bottom:solid 1px #d0a55b;padding:10px 7px;margin:0;display:flex;justify-content:space-between;align-items:center}
.footerBox h3.mobileTitle:after {content:'+'; color:#d0a55b;}
.footerBox h3.mobileTitle.active:after {content:'-'; color:#d0a55b;}
.middleRight li {margin-right: 0;position: relative;}

.hdClass {width: 74%;}
.middleLeft, .middleRight  {width:auto;}
 .logo img {
    width: 100%;
  }
  .logo {
  width: 181px;
  display: block;
  margin: auto;
}
  .headerTopListes li span {display: none;}  
}