body{font-family:"Open Sans",sans-serif;background:#0c0b09;color:#fff;text-transform:capitalize}
a{color:#cda45e;text-decoration:none}
a:hover{color:#d9ba85;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",serif}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0c0b09}
::-webkit-scrollbar-thumb{background:#cda45e}
html[lang='ar'] h1,html[lang='ar'] h3{font-family:'Noto Nastaliq Urdu',serif !important}
html[lang='ar'] h2,html[lang='ar'] p{font-family:'Marhey',cursive !important}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;background:#1a1814}
#preloader .loader{font-size:40px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;display:inline-block;color:#cda45e;letter-spacing:2px;position:relative;box-sizing:border-box}
html[lang='ar'] #preloader .loader{font-family:'Noto Nastaliq Urdu',serif !important;font-size:50px !important}
#preloader .loader::after{content:'BRAM HAMAM';position:absolute;left:0;top:0;color:#FFF;width:100%;height:100%;overflow:hidden;box-sizing:border-box;animation:animloader 6s linear infinite}
html[lang='ar'] #preloader .loader::after{content:'TuerkHamam' !important}@keyframes animloader{0%{height:100%}100%{height:0}}
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;width:44px;height:44px;border-radius:50px;transition:all .4s;border:2px solid #cda45e}
.back-to-top i{font-size:28px;color:#cda45e;line-height:0}
.back-to-top:hover{background:#cda45e;color:#1a1814}
.back-to-top:hover i{color:#444}
.back-to-top.active{visibility:visible;opacity:1}@media screen and (max-width:768px){
[data-aos-delay]{transition-delay:0 !important}}
#topbar{height:40px;font-size:12px;transition:all .5s;z-index:996}
#topbar.topbar-scrolled{top:-40px}
#topbar .contact-info i{font-style:normal;color:#d9ba85}
#topbar .contact-info i span{padding:0 5px;color:#fff}
#topbar .languages ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;color:#cda45e}
#topbar .languages ul a{color:white}
#topbar .languages ul li+li{padding:0 10px}
#topbar .languages ul li+li::before{display:inline-block;padding:0 10px;color:rgba(255,255,255,0.5);content:"/"}
#header{background:rgba(12,11,9,0.6);border-bottom:1px solid rgba(12,11,9,0.6);transition:all .5s;z-index:997;padding:15px 0;top:0px}
#header.header-scrolled{top:0;background:rgba(0,0,0,0.85);border-bottom:1px solid #37332a}
#header .logo{font-size:25px;margin:0;padding:0;line-height:1;font-weight:300;letter-spacing:1px;text-transform:uppercase;font-family:"Poppins",sans-serif}
#header .logo a{color:#fff}
#header .logo img{max-height:45px}
.navbar{padding:0}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.navbar li{position:relative}
.navbar a{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;color:#fff;white-space:nowrap;transition:.3s;font-size:14px}
.navbar a i{font-size:12px;line-height:0;margin-left:5px}
.navbar a:hover,.navbar .active,.navbar li:hover>a{color:#d9ba85}
.mobile-nav-toggle{color:#fff;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}@media(max-width:991px){
.mobile-nav-toggle{display:block}
.navbar ul{display:none}}
.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.9);transition:.4s;z-index:999}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}
.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:6px;overflow-y:auto;transition:.3s}
.navbar-mobile a{padding:10px 20px;font-size:20px;color:#fff}
.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:#cda45e}
.navbar-mobile .getstarted{margin:15px}#hero{width:100%;height:100vh;background:url("../img/hero.jpg") top center;background-size:cover;position:relative;padding:0}
#hero:before{content:"";background:rgba(0,0,0,0.5);position:absolute;bottom:0;top:0;left:0;right:0}
#hero .container{padding-top:110px}@media(max-width:992px){
#hero .container{padding-top:98px}}
#hero a{color:#fff}#hero a:hover{color:#cda45e}
#hero h1{margin:0;font-size:48px;font-weight:700;line-height:56px;color:#fff;font-family:"Poppins",sans-serif}
#hero h1 span,#hero h2 span{color:#cda45e}
#hero h2{color:#eee;margin-bottom:10px 0 0 0;font-size:22px}
#hero .btns{margin-top:30px}
#hero .btn-menu,#hero .btn-book{font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase;display:inline-block;padding:12px 30px;border-radius:50px;transition:.3s;line-height:1;color:white;border:2px solid #cda45e}
#hero .btn-menu:hover,#hero .btn-book:hover{background:#cda45e;color:#fff}
#hero .btn-book{margin-left:15px}
#hero .play-btn{width:94px;height:94px;background:radial-gradient(#cda45e 50%,rgba(205,164,94,0.4) 52%);border-radius:50%;display:block;position:relative;overflow:hidden}
#hero .play-btn::after{content:'';position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:100;transition:all 400ms cubic-bezier(0.55,0.055,0.675,0.19)}
#hero .play-btn::before{content:'';position:absolute;width:120px;height:120px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation:pulsate-btn 2s;animation:pulsate-btn 2s;-webkit-animation-direction:forwards;animation-direction:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps;animation-timing-function:steps;opacity:1;border-radius:50%;border:5px solid rgba(205,164,94,0.7);top:-15%;left:-15%;background:rgba(198,16,0,0)}
#hero .play-btn:hover::after{border-left:15px solid #cda45e;transform:scale(20)}
#hero .play-btn:hover::before{content:'';position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:200;-webkit-animation:none;animation:none;border-radius:0}@media(min-width:1024px){
#hero{background-attachment:fixed}}@media(max-width:992px){
#hero .play-btn{margin-top:30px}}@media(max-height:500px){
#hero{height:auto}
#hero .container{padding-top:130px;padding-bottom:60px}}@media(max-width:768px){
#hero h1{font-size:28px;line-height:36px}
#hero h2{font-size:18px;line-height:24px}}@-webkit-keyframes pulsate-btn{0%{transform:scale(0.6,0.6);opacity:1}100%{transform:scale(1,1);opacity:0}}@keyframes pulsate-btn{0%{transform:scale(0.6,0.6);opacity:1}100%{transform:scale(1,1);opacity:0}}
section{padding:60px 0;overflow:hidden}.section-bg{background-color:#1a1814}
.section-title{padding-bottom:40px}
.section-title h2{font-size:14px;font-weight:500;padding:0;line-height:1px;margin:0 0 5px 0;letter-spacing:2px;text-transform:uppercase;color:#aaa;font-family:"Poppins",sans-serif}
.section-title h2::before{content:"";width:60px;height:1px;display:inline-block;background:rgba(255,255,255,0.2);margin:4px 10px}
.section-title h2::after{content:"";width:60px;height:1px;display:inline-block;background:rgba(255,255,255,0.2);margin:4px 10px}
.section-title p{margin:0;margin:0;font-size:36px;font-weight:700;font-family:"Playfair Display",serif;color:#cda45e}
.breadcrumbs{padding:15px 0;background:#1d1b16;margin-top:110px}@media(max-width:992px){
.breadcrumbs{margin-top:98px}}
.breadcrumbs h2{font-size:26px;font-weight:300}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px}
.breadcrumbs ol li+li{padding-left:10px}
.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#37332a;content:"/"}@media(max-width:768px){
.breadcrumbs .d-flex{display:block !important}
.breadcrumbs ol{display:block}
.breadcrumbs ol li{display:inline-block}}
.about{background:url("../img/hammam-bg.jpg") center center;background-size:cover;position:relative;padding:80px 0}
.about:before{content:"";background:rgba(0,0,0,0.8);position:absolute;bottom:0;top:0;left:0;right:0}
.about .about-img{position:relative;transition:.5s}
.about h2{color:#cda45e}
.about .about-img img{max-width:100%;border:4px solid rgba(255,255,255,0.2);position:relative}
.about .about-img::before{position:absolute;left:20px;top:20px;width:60px;height:60px;z-index:1;content:'';border-left:5px solid #cda45e;border-top:5px solid #cda45e;transition:.5s}
.about .about-img::after{position:absolute;right:20px;bottom:20px;width:60px;height:60px;z-index:2;content:'';border-right:5px solid #cda45e;border-bottom:5px solid #cda45e;transition:.5s}
.about .about-img:hover{transform:scale(1.03)}
.about .about-img:hover::before{left:10px;top:10px}
.about .about-img:hover::after{right:10px;bottom:10px}
.about .content{padding:0 25px}
.about .content h3{font-weight:600;font-size:26px}
.about .content ul{list-style:none;padding:0}
.about .content ul li{padding-bottom:10px}
.about .content ul i{font-size:20px;padding-right:4px;color:#cda45e}
.about .content p:last-child{margin-bottom:0}@media(min-width:1024px){
.about{background-attachment:fixed}}
.about .swiper-pagination{margin-top:30px;position:relative}
.about .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:rgba(255,255,255,0.4);opacity:1}
.about .swiper-pagination .swiper-pagination-bullet-active{background-color:#cda45e}

.gallery .gallery-item{overflow:hidden;border-right:3px solid #454035;border-bottom:3px solid #454035}
.gallery .gallery-item img{transition:all ease-in-out .4s}
.gallery .gallery-item:hover img{transform:scale(1.1)}
.contact .info{width:100%}
.contact .info i{font-size:20px;float:left;width:44px;height:44px;background:#cda45e;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}html[lang='ar'] .contact .info i{float:right !important}
.contact .info h4{padding:0 60px;font-size:18px;font-weight:500;margin-bottom:5px;font-family:"Poppins",sans-serif}
.contact .info p{padding:0 60px;margin-bottom:0;font-size:14px;color:#bab3a6}
.contact .info .open-hours,.contact .info .email,.contact .info .phone{margin-top:40px}
.contact .php-email-form{width:100%}.contact .php-email-form .form-group{padding-bottom:8px}
.contact .php-email-form .validate{display:none;color:red;margin:0 0 15px 0;font-weight:400;font-size:13px}
.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:center;padding:15px;font-weight:600}
.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}
.contact .php-email-form .loading{display:none;text-align:center;padding:15px}
.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #cda45e;border-top-color:#1a1814;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}
.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px;background:#0c0b09;border-color:#625b4b;color:white}
.contact .php-email-form input::-webkit-input-placeholder,.contact .php-email-form textarea::-webkit-input-placeholder{color:#a49b89}
.contact .php-email-form input::-moz-placeholder,.contact .php-email-form textarea::-moz-placeholder{color:#a49b89}
.contact .php-email-form input::placeholder,.contact .php-email-form textarea::placeholder{color:#a49b89}
.contact .php-email-form input:focus,.contact .php-email-form textarea:focus{border-color:#cda45e}
.contact .php-email-form input{height:44px}.contact .php-email-form textarea{padding:10px 12px}
.contact .php-email-form button[type="submit"]{background:#cda45e;border:0;padding:10px 35px;color:#fff;transition:.4s;border-radius:50px}
.contact .php-email-form button[type="submit"]:hover{background:#d3af71}@-webkit-keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
#footer{background-image:linear-gradient(0,rgba(0,0,0,0.733) 0,rgba(0,0,0,0.208) 0,#000 0,rgba(0,0,0,0.008) 100%,rgba(0,0,0,0) 0),url("../img/land.png");background-size:100% 100%;background-position:bottom;background-repeat:no-repeat;position:relative;padding:80px 0;color:#fff;font-size:14px}
#footer:before{content:"";background:rgba(0,0,0,0.8);position:absolute;bottom:0;top:0;left:0;right:0;z-index:-1}
#footer .footer-top .footer-info{margin-bottom:30px}
#footer .footer-top .footer-info h3{font-size:24px;margin:0 0 20px 0;padding:2px 0 2px 0;line-height:1;font-weight:300;text-transform:uppercase;font-family:"Poppins",sans-serif}
#footer .footer-top .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;font-family:"Playfair Display",serif;color:#fff}
#footer .footer-top .social-links a{font-size:18px;display:inline-block;background:#28251f;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}
#footer .footer-top .social-links a:hover{background:#cda45e;color:#fff;text-decoration:none}
#footer .footer-top h4{font-size:16px;font-weight:600;color:#fff;position:relative;padding-bottom:12px}
#footer .footer-top .footer-links{margin-bottom:30px}
#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0}
#footer .footer-top .footer-links ul i{padding-right:2px;color:#cda45e;font-size:18px;line-height:1}
#footer .footer-top .footer-links ul li{padding:10px 0;display:flex;align-items:center}
#footer .footer-top .footer-links ul li:first-child{padding-top:0}
#footer .footer-top .footer-links ul a{color:#fff;transition:.3s;display:inline-block;line-height:1}
#footer .footer-top .footer-links ul a:hover{color:#cda45e}
#footer .footer-top .footer-newsletter form{margin-top:30px;background:#28251f;padding:6px 10px;position:relative;border-radius:50px;border:1px solid #454035}
#footer .footer-top .footer-newsletter form input[type="email"]{border:0;padding:4px;width:calc(100% - 110px);background:#28251f;color:white}
#footer .footer-top .footer-newsletter form input[type="submit"]{position:absolute;top:-1px;right:-1px;bottom:-1px;border:0;background:0;font-size:16px;padding:0 20px 2px 20px;background:#cda45e;color:#fff;transition:.3s;border-radius:50px}
#footer .footer-top .footer-newsletter form input[type="submit"]:hover{background:#d3af71}
#footer .copyright{text-align:center;padding-top:30px}
#footer .credits{padding-top:10px;text-align:center;font-size:13px;color:#fff}