@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

/* font-family: 'Cinzel', serif;
font-family: 'Lato', sans-serif; */

:root {--darkBlue: #142038;--white: #fff;--golden:#DAA950; --darkGrey:#282727; --black:#000000;}
::-webkit-scrollbar{width:4px;background-color:#aaa}
::-webkit-scrollbar-thumb{background-color:var(--golden);}
::selection{background:#222;color:#fff}
::-moz-selection{background:#222;color:#fff}
html {scroll-behavior:smooth; font-size:16px;}
body {font-family: 'Lato', sans-serif; line-height: 1.4; color:var(--darkGrey);}
p{line-height: 2; letter-spacing: 1px; font-weight: 700;}
ul, li {margin: 0; padding: 0; list-style: none;}
a {color: inherit; text-decoration: none;}
a:hover{color: var(--golden);}
.fadeAnim {transition: all 0.3s ease-in-out;}
@media (min-width:991px) {html {font-size:14px}}
@media (min-width:1600px) {html {font-size:16px} .container {max-width:1520px}}
@media (min-width:1800px) {html {font-size:18px} .container {max-width:1600px}}

.blueColor{color: var(--darkBlue);}
.goldenColor{color: var(--golden);}
.whiteColor{color: var(--white);}

h2.title {text-transform: uppercase; font-family: 'Cinzel', serif; font-size: 2rem;  margin-bottom: 25px; font-weight: 600; line-height: 1.5;}

h3.otherTitle {text-transform: uppercase; font-family: 'Cinzel', serif; font-size: 1.7rem;  margin-bottom: 25px; font-weight: 600;line-height: 1.5;}

@media (max-width:1400px){
    h2.title {font-size: 2rem;}
 
} 
@media (max-width:991px){
    h2.title {font-size: 1.8rem;}
} 
@media (max-width:768px){
    h2.title {font-size: 1.6rem;}
    p{line-height: 1.7; letter-spacing: 2px; font-size: 14px;}
    h3.otherTitle{font-size: 1.3rem;}
} 
@media (max-width:575px){
    h2.title {font-size: 1.3rem;}
    h3.otherTitle{font-size: 1.1rem;}
} 


.ctaBtn { border:1px solid var(--white); background:var(--darkBlue); color: var(--white);  padding: 12px 30px; display: table;  position: relative; overflow: hidden; font-family: 'Cinzel', serif; text-transform: uppercase;}
.ctaBtn:hover{color: var(--white);}
.ctaBtn:before {content: "";transition: all .85s ease;position: absolute;top: 0;left: -100%;width: 60%; height: 100%;background:#dceaff;filter: blur(20px);opacity: .7;transform: skewX(-40deg)}
.ctaBtn:hover:before {left: 120%}



.blueCta {border:1px solid var(--golden); background:var(--darkBlue);}

.goldenCta { border:1px solid var(--golden); background:var(--golden);}
.greyBg{background: #f9f9f9;}
.goldenBg{background: var(--golden);}


/* animated css */
.animateThis {position:relative;will-change:opacity transform}
.slideLeft {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-moz-transform: translate3d(50px, 0px, 0px);-webkit-transform: translate3d(50px, 0px, 0px);-o-transform: translate3d(50px, 0px, 0px);-ms-transform: translate3d(50px, 0px, 0px);transform: translate3d(50px, 0px, 0px)}
.slideLeft.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.slideRight {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-moz-transform: translate3d(-50px, 0px, 0px);-webkit-transform: translate3d(-50px, 0px, 0px);-o-transform: translate3d(-50px, 0px, 0px);-ms-transform: translate3d(-50px, 0px, 0px);transform: translate3d(-50px, 0px, 0px)}
.slideRight.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.slideTop {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-moz-transform: translate3d(0px, 50px, 0px);-webkit-transform: translate3d(0px, 50px, 0px);-o-transform: translate3d(0px, 50px, 0px);-ms-transform: translate3d(0px, 50px, 0px);transform: translate3d(0px, 50px, 0px)}
.slideTop.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.fadeGrow {opacity:0;-moz-transition: all .7s ease;-webkit-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;-moz-transform:scale(.5);-webkit-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
.fadeGrow.in-view {opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.fadeIn {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.fadeIn.in-view {opacity:1}



/* Header */
header {position: absolute; top: 0; left: 0; z-index: 999; width: 100%;   transition: all 0.3s ease-in-out;}
.fixedHeader {background:var(--darkBlue); position: fixed; top: 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}



.logo {width:150px; transition: all 0.3s ease-in-out;}
.fixedHeader .logo {width:100px;}

.logo a img {width: 100%;}
@media(min-width:1500px){
    .logo {width: 150px;}
}

@media(max-width:575.99px){
    .logo {width: 120px;}
    .fixedHeader .logo {width: 80px;}

}

.loginBtn{border: 1px solid #858585;}
.loginBtn img{width: 25px;}

@media(max-width:768px){
    .loginBtn{padding: 5px;}
    .ctaBtn{font-size: .9rem;}

}


.searchBtn {width:22px;height:22px;border:0;background:transparent;color:#000;position:relative;padding:0}
.searchBtn span {transition:all .2s ease}
.searchBtn span.circle {width:19px;height:19px;display:block;border:2px solid var(--white);position:absolute;bottom:3px;left:0;border-radius:50%;transform:rotate(0deg);transform-origin:0% 50%}
.searchBtn span.line {width:8px;height:2px;display:block;background:var(--white);position:absolute;bottom:0;right:1px;transform:rotate(45deg);transform-origin:100% 50%;border-radius:2px}
.searchBtn.active span.circle {width:100%;height:2px;border-radius:0;border:0;background:var(--white);transform:rotate(-45deg);bottom:3px;left:3px}
.searchBtn.active span.line  {width:100%;bottom:3px;right:3px}

.searchWrapper {width:100%;height:350px;padding-bottom:50px;position:absolute;top:0;left:0;background:#1E1E1E;display:none;box-shadow:0 40px 40px rgba(0,0,0,.5);z-index:-1}
.searchWrapper .searchForm {width:100%;max-width:1400px;height:60px;border:0}
.searchWrapper .searchSubmit {width:40px;height:40px;background:#000;color:#fff;border:0;padding:10px}
.searchWrapper .searchSubmit svg {width:100%;height:auto}
.searchWrapper .searchSubmit:hover {background:var(--greenDark);color:var(--white)}
.searchWrapper .form-control {padding:10px;height:100%;font-size:2rem;font-weight:700;color:var(--white);background:transparent;border:0}
.searchWrapper .form-control:focus {outline:none;box-shadow:none}
.searchWrapper .form-control::-moz-placeholder{color:inherit;opacity:.6}
.searchWrapper .form-control::-ms-input-placeholder{color:inherit;opacity:.6}
.searchWrapper .form-control::-webkit-input-placeholder{color:inherit;opacity:.6}


.menuBtn {display: block; padding: 0; width:30px;height:30px;position:relative;background:transparent;border:0}
.menuBtn span {width:100%;height:2px;display:block;background:var(--white);margin:auto;position:absolute;left:0;right:0;transition:all .25s ease-in-out;border-radius:2px}
.menuBtn span:nth-child(1) {top:15%}
.menuBtn span:nth-child(2), .menuBtn span:nth-child(3) {top:50%}
.menuBtn span:nth-child(4) {top:85%}
.menuBtn.active span:nth-child(1), .menuBtn.active span:nth-child(4) {width:0;top:50%}
.menuBtn.active span:nth-child(2) {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.menuBtn.active span:nth-child(3) {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg)}

.dropdown li {position: relative; text-transform: capitalize;}
.dropdown .arw::before {content: ''; position: absolute; top: 50%; right: 15px; width: 10px; height: 10px; border-width: 2px 2px 0 0; border-style: solid; border-color: #212529; transform: translateY(-50%) rotate(45deg)}

.dropdownBtn {position: absolute;top: 0;width: 40px; height: 46px;right: 0;border: 0;display: block;border-left: 1px solid #ddd;  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>") center; background-repeat: no-repeat;}


.dropdownBtn.active {background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000'  viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") center; background-repeat: no-repeat;}




.dropdownBtn.active > li > a {color: var(--greenDark);}


.menuList > li > a {text-transform: uppercase; position: relative; transition: all .3s ease-in-out; font-family: 'Cinzel', serif;}
.menuList > li > a:after{width: 0; height: 2px; margin: 0 auto; background: var(--golden); position: absolute; bottom: 30px; left: 0; right: 0; content: ""; transition: all .3s ease-in-out;}
.menuList > li > a:hover:after{width: 100%; transition: all .3s ease-in-out;}

@media(max-width:1199.98px){
.menuWrp {display: block; z-index: 1;  position: fixed; top: 0; left: -120%; max-width: 600px; width: 80%; height: 100%; overflow-y: auto; transition: all .5s ease; background:var(--golden); box-shadow: 20px 0 40px rgba(0,0,0,.5);}
.menuWrp.active {left: 0; transition: all .5s ease;}
.menuList > li > a {padding:15px; display: block; border-bottom: 1px solid #b48a3e; font-size: 1rem; color: var(--white)!important;}
.subDropdown {position: relative;}
.menuList > li > a:after{display: none;}
.subDropdown::before {content: '+'; font-weight: 300; font-size: 2rem; transform: translateY(-50%); position: absolute; top: 50%; right: 15px;  color: var(--white);}
.subDropdown.active::before {content: '-';}
.dropdown {display: none; background: var(--white);}
.dropdown li a {padding: 10px 40px 10px 15px; font-size: 1.1rem; display: block; border-bottom: 1px solid #ddd; position: relative;}
.dropdown ul {display: none; background: #f1f1f1;}
.arw.active {color: var(--greenDark); }
.arw.active::before {border-color: var(--greenDark); transform: rotate(135deg); /*transform-origin:100% 100%*/}

.dropdownBtn {height: 40px;}

}

@media(min-width:1200px){



.menuList > li {margin:0 15px;}
.menuList > li > a {color: var(--white); font-weight: 500; font-size: 1rem; padding: 34px 0;}
.dropdown {background: var(--white);}

.dropdown li a {display: block; padding:12px 40px 12px 20px; border-bottom: 1px solid #ddd;}
/* .dropdown li:last-child a {border: 0;} */
.dropdown li a:hover, .dropdown li:hover > a  {background: rgb(157,0,255);
    background: linear-gradient(85deg, #DAA950, #142038 100%);  color: var(--white);}
.dropdown li:hover::before {border-color: #fff;}

    .menuList {display: flex; justify-content: center;}
    .menuList > li:hover > a{color: var(--golden);}
    .dropdown {width: 280px; filter: drop-shadow(0 30px 20px rgba(0,0,0,.3)); position: absolute; top: 100%; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out;}
    .menuList > li:hover .dropdown {visibility: visible; opacity: 1; transition: all 0.3s ease-in-out;}
    .dropdown ul {background: var(--white); width: 100%; position: absolute; top: 0; left: 100%; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out;}
    .dropdown li:hover ul {visibility: visible; opacity: 1; transition: all 0.3s ease-in-out;}
    .dropdown li:hover .dropdownBtn {border-left: 1px solid var(--white); background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>") center; background-repeat: no-repeat;}
}



@media(min-width:1400px){
    .menuList > li {margin:0 16px;}
}
@media(min-width:1800px){
    .menuList > li {margin:0 22px;}
}


/* footer css */

/*footer{background: var(--darkBlue); color: var(--white); letter-spacing: 2px; font-weight: 300;}*/

footer h4{color: var(--golden); font-family: 'Cinzel', serif;}
footer a:hover{color: var(--golden);}

footer li{margin-bottom: 15px;}
footer .usefulLinks a{display: block; transition: all .3s ease;}
footer .usefulLinks a:hover{padding-left: 5px; font-weight: 600;}

.sm li{margin-right: 10px;}
.sm a{width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--golden); display: block; transition: all .3s ease; display: flex; justify-content: center; align-items: center;}
.sm a:hover{background: var(--white);}
.sm a img{place-self: center;}

.footerTexture img{width: 100%; display: block;}

@media(max-width:768px){
.footerBotom{font-size: .9rem;}
}