/*
<!-- Header section Css-->
*/
.header-area {padding: 0 34px;position: relative;z-index: 2;margin-bottom: -100px;background: #ffffff;}
.header-menu {text-align: center;}
.header-menu ul{float: right;}
.form-btn-list li a{position: relative;padding: 1px 15px !important;margin-top: 5px;}
.brochure-dwnd a{z-index: 0;background: linear-gradient(167deg, #e8a225 21%, #f4eb78, #e8a225);color: #000 !important;}
.brochure-dwnd a::before{position: absolute;content: "";width: 0;height: 100%;left: 50%;top: 0;transition: 0.5s;background: #fff !important;z-index: -1;}
.brochure-dwnd a:hover{color: #000 !important;}
.brochure-dwnd a:hover::before{width: 100%;left: 0;}
.form-btn-list li a::before{position: absolute;content: "";width: 0;height: 100%;left: 50%;top: 0;transition: 0.5s;background: linear-gradient(167deg, #e8a225 21%, #f4eb78, #e8a225);z-index: -1;}
.header-menu .form-btn-list li a:hover{color: #000;}
.form-btn-list li a:hover::before{width: 100%;left: 0;}
.header-menu ul li {display: inline-block;margin-right: 25px;}
.header-menu ul li a {display: inline-block;font-size: 12px;line-height: 35px;color: #ffffff;font-weight: 600;font-family: "Lora";text-transform: uppercase;padding: 10px 0;transition: 0.5s;letter-spacing: 0.5px;}
.header-menu ul li a:hover {color: #e8a225;}
.header-menu ul li i {font-size: 11px;color: #ffff;left: 8px;position: relative;top: 0px;transition: 0.5s;}
.header-menu ul li a:hover i {color: #e8a225;  }

/*sub-menu*/

.header-menu ul li.menu-item-has-children {position: relative;}
.header-menu ul li .sub-menu {position: absolute;width: 200px;display: block;text-align: left;background: #fff;opacity: 0;visibility: hidden;transition: 0.5s;top: 150%;z-index: 2;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);border-top: 5px solid #e8a225;border-radius: 3px 3px 0 0;}
.header-menu ul li:hover .sub-menu {opacity: 1;top: 100%;visibility: visible;}
.header-menu ul li .sub-menu li a {display: block;padding: 0px 19px;color: #1e1e1e;width: 200px;text-transform: capitalize;font-size: 16px;font-weight: 500;transition: 0.5s;position: relative;z-index: 1;}
.header-menu ul li .sub-menu li a:hover {color: #fff;}
.header-menu ul li .sub-menu li a:before {position: absolute;content: "";width: 100%;height: 0;left: 0;bottom: 0;background: #e8a225;z-index: -1;transition: 0.5s;}
.header-menu ul li .sub-menu li a:hover:before {height: 100%;top: 0;}

/*sub-menu-two*/

li.sub-menu-style-two {position: relative;}
li.sub-menu-style-two a i {color: #000;display: inline-block;position: relative;left: 90px;transition: 0.5s;}
.sub-menu li a:hover i {color: #fff !important;}
ul.sub-menu-two{left:270px;position:absolute;top:0;background:#ffff;opacity:0;transition:.5s;width:200px;filter:drop-shadow(0 5px 15px rgba(204,204,204,.25));border-top:5px solid #e8a225;visibility:hidden}
li.sub-menu-style-two:hover ul.sub-menu-two{left:200px;opacity:1;z-index:9;visibility:visible}
.header-button{text-align:right;position:relative}
.header-button:before{position:absolute;content:"";width:32px;height:1px;left:93px;bottom:-10px;background:#fff;right:0;margin:auto;transition:.5s}
.header-button:hover:before{background:#e8a225}
.header-button a{display:inline-block;font-size:16px;text-transform:uppercase;color:#fff;font-weight:500;font-family:"Lora";border:1px solid #fff;padding:11px 27px;position:relative;z-index:1;transition:.5s}
.header-button a:hover{border:1px solid #e8a225;color:#fff}
.header-button a:before{position:absolute;content:"";width:0;height:100%;left:50%;top:0;background:#e8a225;z-index:-1;transition:.5s}
.header-button a:hover:before,.sticky{width:100%;left:0}
.sticky{margin:auto;position:fixed!important;top:0;-webkit-box-shadow:0 2px 5px -2px rgba(0,0,0,.1);box-shadow:0 2px 5px -2px #000000a6;background:#fff !important;transition:.5s!important;z-index:922;-webkit-animation:300ms running fadeInDown;animation:500ms running fadeInUp;animation-name:slideInDown}
/*---=================================
<!--Royella Hero Area Css-->
==================================---*/

.hero-area{background:url(../images/home-1/hero-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;height:950px;text-align:center;position:relative}
.hero-area.style-two{background:url(../images/home-1/hero-bg2.jpg)}
.hero-content h1,.hero-content h4{color:#fff;text-transform:uppercase}
.hero-content h4{font-size:16px;letter-spacing:2px;margin:25px 0 23px}
.hero-content h1{font-size:60px;line-height:61px}
.hero-contact{position:absolute;left:-55px;top:50%;transform:rotate(-90deg)}
.hero-contact i{display:inline-block;color:#c19e68;margin-right:12px}
.hero-contact a{display:inline-block;font-size:16px;color:#fff;font-weight:400;font-family:"Lora";border:1px solid #fff;padding:10px 30px}
.owl-next,.owl-prev{position:absolute;right:95px;bottom:38px}
.floor-plan-button a,.owl-next i,.owl-prev i{display:inline-block;color:#fff;position:relative;z-index:1}
.owl-next i,.owl-prev i{border:1px solid #ffffff8a;width:50px;height:50px;line-height:50px;text-align:center}
.floor-plan-button a:before,.owl-next i:after,.owl-prev i:after{position:absolute;content:"";height:100%;top:0;z-index:-1;transition:.5s}
.owl-next i:after,.owl-prev i:after{width:100%;left:0;background:#e8a225;transform:scale(0)}
.owl-next i:hover:after,.owl-prev i:hover:after{transform:scale(1)}
.owl-next{right:35px;bottom:39px}
.floor-plan-button{margin-top:31px;position:relative}
.floor-plan-button li:before{position:absolute;content:"";width:30px;height:1px;left:0;right:153px;bottom:-11px;background:#e8a225;margin:auto}
.floor-plan-button a{background:linear-gradient(167deg, #e8a225 21%, #f4eb78, #e8a225);padding:13px 28px;font-size:16px;text-transform:uppercase;font-weight:500;font-family:"Lora";border:1px solid #e8a225;transition:.5s;color: #000;}
.floor-plan-button a:hover{color:#000}
.floor-plan-button a:before{width:0;left:50%;background:#fff}
.floor-plan-button a:hover:before{width:100%;left:0}
/*
<!-- =================== -->
<!--Booking Area-->
<!-- ===================-->*/

.row.add-bg {background: #2b2a29;position: relative;padding: 35px 15px 38px;border-top: 4px solid #e8a225;margin-top: -98px;z-index: 1;    background-image: url(../images/unnamed.png);background-repeat: repeat;}
.booking-button {position: absolute;right: -86%;top: 58px;display: inline-block;}

/*
<!-- =================== -->
<!--club Area-->
<!-- ===================-->*/

.club-title-area{background-color:#f8f6f3;padding:25px 0;}
.club-house-img,.cont-center{display:flex;justify-content:center}
.club-house-img{position:relative;transition:.3s ease-in-out}
.club-house-img img{-webkit-mask-image:url(../images/img2.png);mask-image:url(../images/img2.png);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-repeat:no-repeat}
.club-house-img:hover .overlay-content::before{width:100%}
.club-house-img:hover .overlay-content{visibility:visible}
.club-house-img:hover img{mask-image:none}
.cont-center{flex-direction:column}
.club-house-content p{text-align:start;color:#000}

/*amenities-section*/

.amenities-section,.room-details-button span{padding:20px 0 50px;z-index:1;position:relative}
.amenities-content{position:relative;margin:0 3px}
.amenities-item{position:relative;overflow:hidden}
.amenities-item img{width:100%;transition:.5s}
.amenities-content:hover .amenities-item img{transform:scale(1.1)}
.room-details-button{position:absolute;bottom:0;left:-300px;transition:.5s}
.amenities-content:hover .room-details-button{left:0}
.room-details-button span{display:inline-block;background:#1e1e1e;font-size:12px;text-transform:uppercase;color:#fff;font-weight:500;font-family:"Lora";padding:9px 30px}
.room-details-button span:before{position:absolute;content:"";width:0;height:100%;left:50%;top:0;background:#e8a225;z-index:-1;transition:.5s}
.room-details-button span:hover:before{width:100%;left:0}
.room-details-button i,.room-pricing span{display:inline-block;font-size:14px;position:relative}
.room-details-button i{left:7px;top:1px}
.room-pricing{background:#c29d69;display:inline-block;padding:3px 21px;position:absolute;top:10px;right:10px}
.room-pricing span{color:#fff;font-weight:400;font-family:"Lora";text-transform:uppercase;padding-right:18px}
.room-pricing span:last-child{padding-right:0}
.room-pricing span:before{position:absolute;content:"";width:1px;height:10px;top:8px;left:-11px;background:#fff}
.room-pricing span.dolar:before{background:0 0}
.room-bottom,.room-content{border:1px solid rgba(30,30,30,.1)}
.room-content{padding:16px 32px 7px;border-top:transparent;background:#fff}
.room-content h4{font-size:14px;color:#e8a225;font-weight:600;text-transform:uppercase}
.room-content a{font-size:28px;color:#1e1e1e;font-weight:600;font-family:"Lora";margin:14px 0 17px;transition:.5s}
.room-content a:hover{color:#c29d69}
.room-bottom-icon span,.room-content p{font-size:14px;color:#616161;font-weight:400;font-family:"Lora"}
.room-bottom{border-top:none;padding:15px 25px 18px;display:flex;justify-content:space-between}
.room-bottom-icon span{display:inline-block;font-size:16px;position:relative}
.room-bottom-icon span:before{position:absolute;content:"";width:1px;height:24px;right:-74px;top:4px;background:rgba(30,30,30,.1)}
.room-bottom-icon img{margin-right:10px;display:inherit!important}
.coustomar-rating ul li,.room-content a{display:inline-block}
.coustomar-rating ul li i{display:inline-block;color:#c29d69;margin-left:3px}
.amenities-section .owl-dots{position:relative;text-align:center;left:0;bottom:-30px;margin:auto}
.amenities-section .owl-dot,.amenities-section .owl-dot.active{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:6px}
.amenities-section .owl-dot{border:2px solid rgba(30,30,30,.1);margin-top:48px}
.amenities-section .owl-dot.active{background:#c19e66;margin-top:11px;border:transparent}

/*All-section-title*/

.section-title{margin-bottom:40px}
.section-title.center{position:relative;z-index:1}
.section-thumb{position:relative}
.section-thumb:after,.section-thumb:before{position:absolute;content:"";width:95px;height:1px;left:-163px;right:0;top:27px;background:#61616142;margin:auto}
.section-thumb:after{left:0;right:-156px}
.section-title h1,.section-title.two h1{font-size:38px;line-height:60px;text-transform:uppercase;color:#1e1e1e}
p.section-desc-1{width:50%;margin:4px auto 0}
.section-title.two h4{font-size:13px;color:#e8a225;font-weight:600;text-transform:uppercase;margin-bottom:21px;letter-spacing: 1px;}
.section-title.two h1{line-height:35px}
p.section-desc-2{width:96%;margin:18px 0 0;color:#000}

/*
<!-- =================== -->
<!--About Area-->
<!-- ===================-->*/

@-webkit-keyframes MOVE-BG{0%{transform:translateX(0)}
to{transform:translateX(470px)}}
@keyframes MOVE-BG{0%{transform:translateX(0)}
to{transform:translateX(470px)}}
.about-area{padding:10px 0 0px}
.about-thumb{position:relative;margin:35px}
.about-area .col-lg-6.upper{padding-left:43px;margin-bottom:47px}
.about-area .section-title{margin-bottom:4px}
.about-conuter-box{display:inline-block;margin-right:95px}
.about-counter-content h4{font-size:70px;color:#e8a225;font-weight:500;display:inline-block;margin:0}
.about-counter-content span{font-size:50px;color:#e8a225;font-weight:500;display:inline-block}
.about-counter-content p{margin-top:10px}
.animation-bar{background:#e8e8e8;width:100%;height:1px;margin-top:14px;position:relative}
.animation-bar:before{position:absolute;content:"";width:50px;height:1px;top:0;left:0;background:#e8a225;transition:.5s;-webkit-animation-duration:6s;-webkit-animation-timing-function:linear;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:MOVE-BG}
.about-area .floor-plan-button:before{margin:0}

/*--about-owlcoursole*/

.about-area .owl-dots {position: relative;text-align: center;left: 0;bottom: 71px;margin: auto;background: #fff;width: 17%;height: 36px;padding: 8px 0 13px;}
.about-area .owl-dot {display: inline-block;border: 2px solid rgba(30, 30, 30, 0.1);width: 13px;height: 13px;border-radius: 50%;margin-right: 6px;}
.about-area .owl-dot.active {display: inline-block;background: #e8a225;width: 13px;height: 13px;border-radius: 50%;margin-right: 6px;border: transparent;}

/*
<!-- =================== -->
<!--stilt section-->
<!-- ===================-->*/

.stilt-section{background:#1e1e1e;padding:50px 0 90px;background-image:url(../images/unnamed.png);background-repeat:repeat}
.stilt-section .section-title.center{margin-bottom:58px}
.stilt-section .section-title h1{color:#fff}
.stilt-section p.section-desc-1{color:#acacac}
.stilt-level-content p{text-align:start;color:#fff}
.single-feature-box{border:1px solid #353535;text-align:center;padding:37px 0 27px;transition:.5s;position:relative;z-index:1;margin-bottom:20px}
.single-feature-box::before{position:absolute;top:0;left:0;content:"";background-color:#dfac2d87;width:3%;height:100%;transition:.3s ease}
.single-feature-box:hover::before{width:100%;z-index:3}
.single-feature-box:after{position:absolute;content:"";width:0;height:100%;left:0;top:0;background:#272727;transition:.5s;z-index:-1}
.single-feature-box.active:after{width:100%}
.stilt-content h4{font-size:15px;color:#fff;font-weight:500;margin-top:20px;position:relative;z-index:3}

/* master plan */
.master-plan-section{padding:50px 0}
.master-plan-bck{background-color:#f7f6f4}
.master-plan-content p{text-align:start;color:#000}
.mt-master{margin-top:-135px;padding:73px 58px 66px}
.master-plan-img{display:flex;justify-content:center;transition:.3s ease-in-out}
.imgs-mp{transition:.3s}
.overlay-content{position:absolute;visibility:hidden;padding:0 40px;display:flex;justify-content:center}
.overlay-content p{color:#000;z-index:5;position:relative;width:100%;font-size:50px;margin-bottom:0;padding:15px}
.overlay-content::before{position:absolute;background-color:#e8a225;content:"";width:1%;height:100%;transition:.3s ease-in-out}
.master-plan-img:hover .overlay-content{visibility:visible}
.master-plan-img:hover .overlay-content::before{width:100%}
.master-plan-img:hover .imgs-mp{transform:scale(1.1)}

/*
<!-- =================== -->
<!--Floor plan-->
<!-- ===================-->*/

.floor-plan-section{padding:0 0 87px}
.floor-plan-section .section-title{margin-bottom:51px}
.floor-plan-section .floor-plan-button{margin-top:0;display:flex;justify-content:end;border:0}
.floor-plan-section .floor-plan-button li{margin-right:25px;position:relative}
.floor-plan-section .floor-plan-button li:before{right:115px;background:#1e1e1e}
.floor-plan-section .floor-plan-button a{color:#1e1e1e;border:1px solid #1e1e1e;background:0 0;font-weight:600;font-size:15px;border-radius:0}
.floor-plan-section .floor-plan-button a:before{background:#e8a225}
.dark figcaption,.floor-plan-section .floor-plan-button a:hover{color:#fff}
.floor-img,.overlay-content-2{position:relative;display:flex;justify-content:center}
.overlay-content-2{position:absolute;visibility:hidden;padding:0 20px;top:0;flex-direction:column;align-items:center}
.overlay-content-2::before{position:absolute;background-color:#e8a225;content:"";width:1%;height:100%;transition:.3s ease-in-out}
.overlay-content-2 p{font-size:20px}
.overlay-content-2 p,span{z-index:2;font-weight:500;color:#000}
figcaption{text-align:center;font-size:20px;color:#000}
.floor-img:hover .overlay-content-2{visibility:visible}
.floor-img:hover .overlay-content-2::before{width:100%}
.floor-img:hover .imgs-mp{transform:scale(1.1)}
.nav-link.active{background-color:transparent!important}
#profile-1.active,#profile.active{display:block!important;opacity:1}
#profile,#profile-1{display:none!important;opacity:0}
.dark .floor-plan-section .floor-plan-button a{color:#fff!important}
#profile-1.active{opacity:1!important}

/*
<!-- =================== -->
<!--specification-->
<!-- ===================-->*/

.specification-section{background-color:#f8f6f3;padding:20px 0 50px;background-image: url(../images/unnamed.png);background-repeat: repeat;}
.accordion-header{margin:0}
.accordion-item{background:0 0;border:0;margin-bottom:20px}
.accordion-button{border-radius: 30px !important;background-color: transparent !important;color: #000 !important;font-weight: 500;font-size: 14px;letter-spacing: 0.5px;border: 2px solid #e8a225;}
.accordion-button:focus{box-shadow:none;border: 2px solid #e8a225;}
.accordion-body{position:relative;margin:0 15px}
.accordion-body::after,.accordion-body::before{content:"";position:absolute;width:2px;height:80%;top:10%;background-color:#e8a225}
.accordion-body::before{left:0}
.accordion-body::after{right:0}
/* .accordion-button::after{background: #e8a225db;border-radius: 3px;} */

/*
<!-- =================== -->
<!--Footer Area-->
<!-- ===================-->*/

.footer-area{background:#1e1e1e;padding:50px 0 25px}
.footer-widget-logo{margin-bottom:36px}
.footer-widget-content.upper{margin-left:23px}
.footer-widget-title h4{font-size:20px;line-height:38px;text-transform:uppercase;color:#fff;font-weight:500;position:relative;margin-bottom:10px}
.footer-widget-title h4:before{position:absolute;content:"";width:20px;height:1px;left:0;bottom:0;background:#c29d68}
.footer-widget-social-icon{margin-top:82px}
.footer-widget-social-icon ul li{display:inline-block}
.copy-footer-social a,.footer-widget-social-icon ul li i{display:inline-block;height:35px;width:35px;text-align:center}
.footer-widget-social-icon ul li i{color:#848484;font-size:15px;border:1px solid #848484;line-height:35px;border-radius:50%;margin-right:8px;position:relative;z-index:1;transition:.5s}
.copy-footer-social a i,.footer-widget-social-icon ul li i:hover{color:#fff}
.footer-widget-social-icon ul li i:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:#c19e68;transform:scale(0);z-index:-1;border-radius:50%;transition:.5s}
.footer-widget-social-icon ul li i:hover:after{transform:scale(1)}
.footer-widget-menu ul li a{display:inline-block;font-size:15px;line-height:32px;color:#acacac;font-weight:400;font-family:"Lora";position:relative}
.footer-widget-menu ul li a:hover{margin-left:14px;color:#e8a225}
.footer-widget-menu ul li a:before{position:absolute;content:"";width:5px;height:5px;left:-16px;top:14px;background:#e8a225;border-radius:50%;opacity:0;transition:.5s}
.footer-widget-menu ul li a:hover:before{opacity:1}
.list-links li{color:#acacac}
.raj-logo-footer img{width:80px;background-color:#fff;border-radius:3px;margin-bottom:15px}
.footer-bottom-area{background:#161616;padding:15px 0}
.copy-footer-social{display: flex; justify-content: end;}
.copy-footer-social a{padding: 3px 0;border: 1px solid #fff;border-radius: 100%;display: flex;align-items: center;display: inline-block;height: 35px;width: 35px;display: flex;align-items: center;justify-content: center;margin: 5px;}
.footer-bottom-content h4{font-size:16px;color:#acacac;font-weight:400;font-family:"Lora"}

/*--dot-button-home-three*/
.footer-bottom-social-icon ul li i {display: inline-block;color: #fff;border: 1px solid #ffffff4f;width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50%;margin-left: 9px;position: relative;z-index: 1;}
.footer-bottom-social-icon ul li i:after {position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background: #C19C67;border-radius: 50%;transform: scale(0);transition: 0.5s;z-index: -1;}

/*
<!-- ========================================-->
<!--Start Room Details Area -->
<!-- ========================================-->*/

.room-details{padding:124px 0 107px}
.room-details-content{margin-top:38px}
.room-details-content h4{font-size:16px;line-height:14px;color:#c29d68;font-weight:600;text-transform:uppercase}
.room-details-content h1{font-size:40px;color:#1e1e1e;font-weight:600}
p.room-detils-desc{width:93%;margin-top:15px}
.room-details-check-box{display:inline-block;margin-right:145px;margin-bottom:29px}
.room-details-check-box.upper{margin-right:0}
.room-details-check-content span{display:inline-block;font-size:26px;line-height:26px;color:#1e1e1e;font-weight:600;font-family:"Lora";margin:38px 0 24px}
.room-details-check-content img{margin-right:9px;margin-bottom:5px}
h1.room-detils-title-2{font-size:32px;color:#1e1e1e}
p.room-detils-desc.upper{margin-bottom:49px}
.room-detls-list-item{margin-top:24px}
.room-detls-list-item ul li{margin-bottom:11px}
.room-detls-list-item ul li i{display:inline-block;color:#e8a225;font-size:22px;position:relative;top:3px;margin-right:10px}
.room-details-amenities-content h4{font-size:30px;font-weight:600;padding-bottom:13px}
.room-amenities-item ul li{color:#616161;font-size:15px;border-bottom:1px solid #61616129;padding-bottom:15px;padding-top:15px}
.room-amenities-item ul li:last-child{border:transparent}
.room-amenities-item ul li img{margin-right:14px;margin-bottom:6px}

/*
<!-- ============================================================== -->
<!--Scrollup Button Section -->
<!-- ============================================================== -->*/

/*------back-to-top------------*/
.prgoress_indicator,.prgoress_indicator::after,.prgoress_indicator::before{height:46px;width:46px;cursor:pointer;display:block;transition:all 200ms linear!important}
.prgoress_indicator{position:fixed;right:26px;bottom:35px;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(22,93,245,.2);z-index:9999999999;opacity:0;visibility:hidden;transform:translateY(15px)!important}
.prgoress_indicator.active-progress{opacity:1;visibility:visible;transform:translateY(0)!important}
.prgoress_indicator::after,.prgoress_indicator::before{position:absolute;content:"";font-family:"Font Awesome 5 Free";text-align:center;line-height:46px;font-size:18px;font-weight:900;left:0;top:0}
.prgoress_indicator::after{color:#e8a225;z-index:1}
.prgoress_indicator::before{opacity:0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:2}
.prgoress_indicator:hover ::after{color:#e8a225}
.prgoress_indicator:hover ::before{opacity:1}
.prgoress_indicator svg path{fill:none}
.prgoress_indicator svg.progress-circle path{stroke:#e8a225;stroke-width:4;box-sizing:border-box;transition:all 200ms linear!important}

/*dark-button css*/

.dark-button{position:fixed;right:18px;top:47%;z-index:999}
input[type=checkbox].toggle-switch{transform:rotate(90deg);appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;width:4em;height:1.5em;border-radius:3em;background-color:#ebebeb;transition:background-color .09s ease-in-out;position:relative;outline:0;border:transparent}
input[type=checkbox].toggle-switch:active::after{background-color:#f2f2f2;padding-right:.8em}
input[type=checkbox].toggle-switch::after{content:"";width:2em;height:2em;background-color:#fff;border-radius:3em;position:absolute;left:-5px;top:50%;transform:translateY(-50%);transition:left .3s cubic-bezier(.175,.885,.32,1.275),padding .3s ease,margin .3s ease;box-shadow:2px 0 5px 0 rgba(0,0,0,.15)}
input[type=checkbox].toggle-switch:checked{background-color:#fff}
input[type=checkbox].toggle-switch:checked:active::after{margin-left:-.8em}
input[type=checkbox].toggle-switch:checked::after{left:2em;background-color:#e8a225;}

/*===========================
<--  Loader Css -->
=============================*/

@keyframes fillLq{0%,10%{background-position:0 120px}
90%,to{background-position:0 0}}
.loader-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;transition:.5s ease;z-index:9999}
.loader,.loader:before{position:absolute;border-radius:50%;z-index:9999}
.loader{width:120px;height:120px;box-shadow:inset 0 0 20px -5px rgba(193,157,104,.5),inset 0-40px 40px -20px rgba(193,157,104,.5);background:linear-gradient(167deg, #e8a225 20%, #f4eb78 40%, #e8a225 150px,transparent 0) no-repeat;background-position:0 120px;animation:fillLq 4s linear infinite alternate;left:47%;top:45%;transition:1s 3.1s ease}
.loader img{position:absolute;display:flex;align-items:center;justify-content:center;left:30%;top:30%}
.loader:before{content:"";width:40%;height:25%;top:20px;left:10px;background:rgba(255,255,255,.1);transform:rotate(-45deg)}
.loader-wrapper .loder-section{position:fixed;top:0;width:50%;height:100%;background:#111;z-index:1}
.loader-wrapper .loder-section.left-section{left:0;transition:1s 3.1s ease}
.loader-wrapper .loder-section.right-section{right:0;transition:1s 3.1s ease}

/*/ When page loaded /*/

.loaded .loder-section.left-section {left: 0;opacity: 0;}
.loaded .loder-section.right-section {right: 0;opacity: 0;}
.loaded .loader-wrapper {visibility: hidden;}
.loaded .loader {opacity: 0;}

/*===========================
<-- Royella Sidbar Css -->
=============================*/

.nav-btn.navSidebar-button{display:inline-block}
.nav-btn.navSidebar-button a i{font-size:24px;display:inline-block;color:#e8a225;transition:.5s}
.xs-sidebar-group .xs-overlay,.xs-sidebar-widget{position:fixed;top:0;width:100%;visibility:hidden;opacity:0}
.xs-sidebar-group .xs-overlay{left:100%;z-index:101;height:100%;-webkit-transition:all .4s ease-in .8s;-o-transition:all .4s ease-in .8s;transition:all .4s ease-in .8s}
.xs-sidebar-group .widget-heading{position:absolute;top:23px;right:0;padding:25px}
.xs-sidebar-widget{right:-100%;bottom:0;max-width:360px;z-index:999999;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#272727;-webkit-transition:all .5s cubic-bezier(.9,.03,0,.96) .6s;-o-transition:all .5s cubic-bezier(.9,.03,0,.96) .6s;transition:all .5s cubic-bezier(.9,.03,0,.96) .6s}
.xs-sidebar-group.isActive .xs-overlay{opacity:.7;visibility:visible;-webkit-transition:all .8s ease-out 0s;-o-transition:all .8s ease-out 0s;transition:all .8s ease-out 0s;left:0}
.xs-sidebar-group.isActive .xs-sidebar-widget{opacity:1;visibility:visible;right:0;-webkit-transition:all .7s cubic-bezier(.9,.03,0,.96) .4s;-o-transition:all .7s cubic-bezier(.9,.03,0,.96) .4s;transition:all .7s cubic-bezier(.9,.03,0,.96) .4s}
.sidebar-textwidget{padding:40px 32px}
.close-side-widget i{color:#e8a225;font-size:28px;display:block}
.sidebar-widget-container{position:relative;top:150px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in .3s;-o-transition:all .3s ease-in .3s;transition:all .3s ease-in .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.xs-sidebar-group.isActive .sidebar-widget-container{top:0;opacity:1;visibility:visible;-webkit-transition:all 1s ease-out 1.2s;-o-transition:all 1s ease-out 1.2s;transition:all 1s ease-out 1.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.xs-overlay{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.5;z-index:0}
.xs-bg-black{background-color:#e8a225}

/*html css*/

.nav-logo{margin:0 0 50px}
.contact-info h2,.content-box h2{color:#fff;font-size:26px;font-weight:600}
.content-box p{display:inline-block;color:#fff;padding:15px 0 0}
a.theme-btn.btn-style-two span{color:#fff;font-size:20px}
a.theme-btn.btn-style-two i{color:#e8a225}
.contact-info h2{margin-bottom:15px}
ul.list-style-one li{display:block;list-style:none;color:#fff;padding:16px 0 0;overflow:hidden;font-family:"Fira Sans"}
ul.list-style-one li span{font-size:20px;font-weight:600;color:#e8a225;margin:0 10px 0 0}
ul.social-box{margin:30px 0 0}
ul.social-box li{display:inline-block;list-style:none;margin:0 6px 0 0}
ul.social-box li a{display:inline-block;width:35px;height:35px;line-height:36px;text-align:center;background:#fff;color:#e8a225;transition:.5s;font-size:18px;border-radius:3px}
ul.social-box li a:hover{background:#e8a225;color:#fff}

/*singUp-Csss*/

/* Full-width input fields */

input[type=text],input[type=password] {width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-sizing: border-box;outline: 0;}
/* Center the image and position the close button */

.imgcontainer {text-align: center;margin: 24px 0 12px 0;position: relative;}
img.avatar {width: 40%;border-radius: 50%;}
.container_form{padding:16px}
.container_form button{background:#c19e68;color:#fff;border:transparent;padding:12px 32px;width:100%;margin-top:26px}
.container_form label{font-size:14px;color:#616161;font-weight:400;font-family:"Lora"}
.container_bottom{background:#fff;padding:12px 18px;border-top:1px solid #616161}
.container_bottom button{background:#c19e68;color:#fff;border:transparent;padding:10px 25px}
span.psw{float:right;padding-top:16px}

/* The Modal (background) */

.modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.4);padding-top: 60px;}

/* Modal Content/Box */

.modal-content {background-color: #fefefe;margin: 5% auto 15% auto;border: 1px solid #888;width: 30%;}

/* The Close Button (x) */

.close {position: absolute;right: 25px;top: 0;color: #000;font-size: 35px;font-weight: bold;}

/* Add Zoom Animation */

.animate {-webkit-animation: animatezoom 0.6s;animation: animatezoom 0.6s}

@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}}

@keyframes animatezoom {
from {transform: scale(0)}
to {transform: scale(1)}}


/*mouse Pointer css*/

.curser {position: fixed;top: 0;left: 0;width: 50px;height: 50px;border: 1px solid #e8a225;border-radius: 50%;pointer-events: none;transform: translate(-50%, -50%);z-index: 9999;transition: .1s;}
.curser2 {position: fixed;top: 0;left: 0;width: 8px;height: 8px;background: #e8a225;border-radius: 50%;pointer-events: none;transform: translate(-50%, -50%);z-index: 9999;transition: .15s;animation: Ripple 1.6s ease-in-out infinite;-webkit-animation: Ripple 1.6s ease-in-out infinite;-moz-animation: Ripple 1.6s ease-in-out infinite;}
.raj-logo img{width: 70px;background-color: #fff;border-radius: 3px;}
/* .project-highlight-content {text-align: center;}
.projects-hightlight-inner{display: flex;justify-content: center;align-items: center;margin: 12px 0px 12px 0px;} */
/* .project-highlight-content figure img{border: 1px dotted #fff;padding: 20px;transform: rotate(0deg);transition: .3s ease;}
.project-highlight-content:hover figure img{transform: rotate(-25deg);} */
/* .project-highlight-content figcaption {color: #e8a225;font-size: 15px;} */
.prj-h1{color: #fff !important;}
.img-section img{width: 100%;}
.image-1-section{padding: 0px 0px 50px 0px;}
.image-1-section img{width: 100%;}
.image-1-section .container-fluid{padding: 0;}

iframe{width: 100%;}

.single-feature{text-align: center;}
.feature-content p{font-size: 15px;}
.feature-content h5{color: #fff;}
.mt{margin-top: 55px;}
.icon{position: relative;transition: 0.5 ease-in-out;display: inline-block;}
.icon::before {position: absolute; top: 4px;right: 0px;width: 40px;height: 40px;background-color: #e8a225;content: "";z-index: -1;border-radius: 100%;animation: anim 2.5s infinite linear;}
/* .single-feature:hover .icon::before{background-color: #e1a232;transition: 0.5 ease-in-out;} */

@keyframes anim{
0%, 100% {scale: 1;}
25%{scale: 0.5;}
50% {scale: 0;}
}
.icon img{border: 1px dotted #fff;padding: 15px;}



p{
    margin-bottom: 10px !important;
    color:  #000 !important;
}
img{width: 100%;}
.investor-details{    width: 100%;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    padding: 20px 25px;
    border-radius: 10px;
    border-top: 2px solid rgba(255, 0, 0, 0.336);
    min-height: 365px;margin-bottom: 20px;}
.title h2{text-align: center;margin: 15px 0 20px;text-transform: uppercase;color: red;    font-size: 25px;}
.investor-details h5{ color: red; font-weight: 600;    margin-bottom: 15px;font-size: 19px;}
.ph{font-style: italic;}
.footer-section{padding: 35px 0 15px; }
.contact-investor{padding-top: 15px; padding-bottom: 40px;}
.footer-title h3{ color: red; margin-bottom: 20px;}
.header-logo{text-align: center;}
.header-logo a h5{text-transform: uppercase;font-size: 16px;}
.header-logo a p{font-size: 14px; }
.banner-section{    margin-top: 100px;}

[data-cue="zoomIn"], [data-cues="zoomIn"]>*{
    opacity: 1 !important;
}
/* .footer-widget-title a{text-align: center;} */
.footer-widget-title a h5{color: #fff;}
.footer-widget-title a p{color: #fff !important;}

.dwn-pdf{margin-top: 25px;
    text-align: center;}
.dwn-pdf a{    padding: 10px;
    background: red;
    /* margin-top: 20px; */
    color: #fff;}
.dwn-pdf-m{margin-top: 60px;}