/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Bodoni+Moda:300,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,500,700&display=swap');


/* ----------------------------------------------------------------
	REVOLUTION SLIDER SETTINGS
-----------------------------------------------------------------*/
.revo-slider-emphasis-text {
			font-size: 64px;
			font-weight: 700;
			letter-spacing: -1px;
			font-family: 'Poppins', sans-serif;
			padding: 15px 20px;
			border-top: 2px solid #FFF;
			border-bottom: 2px solid #FFF;
		}

		.revo-slider-desc-text {
			font-size: 20px;
			font-family: 'Lato', sans-serif;
			width: 650px;
			text-align: center;
			line-height: 1.5;
		}

		.revo-slider-caps-text {
			font-size: 16px;
			font-weight: 400;
			letter-spacing: 3px;
			font-family: 'Poppins', sans-serif;
		}
		.tp-video-play-button { display: none !important; }

		.tp-caption { white-space: nowrap; }


.dt-shadow{text-shadow:0px 10px 30px rgba(0,0,0,1)}#rev_slider_131_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_131_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_131_1 .uranus.tparrows:hover:before{opacity:0.75}.slotholder canvas { height: 100% !important; }






 #Emerald-Square-map {

    width: 100%;

    height: 450px;

    background-color: grey;

}






/* ----------------------------------------------------------------
	FLOATING FORM SETTINGS
-----------------------------------------------------------------*/
.floating-contact-wrap {
	    display: none;
        position: fixed;
	    right: -40px;
	    bottom: 60px;
	    z-index: 9;
	    -webkit-transition: left .2s ease;
	    -o-transition: left .2s ease;
	    transition: left .2s ease;
	}

	.stretched .floating-contact-wrap  { bottom: 360px; }

	.floating-contact-wrap .floating-contact-btn {
		position: absolute;
		right: 0px;
		top: 0;
		width: 60px;
		height: 160px;
		border-radius: 20px 0px 0px 20px;
		background-color: #cba739;
		color: #FFF;
		cursor: pointer;
		z-index: 3;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		transition: transform .3s ease;
	}


.floating-contact-text {
    width: 160px;
position: absolute;
	    top: 12%;
	    left: 65%;
	    font-size: 18px;
	    -webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    -webkit-transition-property: opacity, -webkit-transform;
	    transition-property: opacity, transform;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    -webkit-backface-visibility: hidden;

  /* Border is the new background */
  background: none;

  /* Rotate from top left corner (not default) */
  transform-origin: 0 0;
  transform: rotate(90deg);

}

	.floating-contact-wrap .floating-contact-btn:hover,
	.floating-contact-wrap.active .floating-contact-btn {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1);
		background-color: #222;
	}

	.floating-contact-wrap .floating-contact-btn .floating-contact-icon {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    font-size: 22px;
	    -webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    -webkit-transition-property: opacity, -webkit-transform;
	    transition-property: opacity, transform;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    -webkit-backface-visibility: hidden;
	}

	.floating-contact-wrap .floating-contact-btn .floating-contact-icon.btn-active,
	.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon {
	    opacity: 0;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}

	.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon.btn-active {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	    transform: translate(-50%, -50%) rotate(-45deg);
	}

	.floating-contact-wrap .floating-contact-box {
		opacity: 0;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 380px;
	    background-color: #fff;
	    border-radius: 6px;
	    z-index: 1;
	    -webkit-transform-origin: right bottom;
	    transform-origin: right bottom;
	    box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.07);
	    -webkit-transform: scale(.01);
	    transform: scale(.01);
	     -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    -webkit-backface-visibility: hidden;
	}

	.floating-contact-wrap.active .floating-contact-box {
		opacity: 1;
		-webkit-transform: scale(1);
	    transform: scale(1);
	}

	@media (max-width: 767.98px) { .floating-contact-wrap .floating-contact-box { width: 340px; } }

	.css3-spinner { background-color: rgba(255, 255, 255, 0.8) }

	#floating-contact-submitted,
	.floating-contact-success #floating-contact,
	.floating-contact-success .floating-contact-heading,
	body:not(.floating-contact-processing) .floating-contact-loader { display: none; }

	.floating-contact-success #floating-contact-submitted { display: block; }















/* ----------------------------------------------------------------
	HOTSPOT SETTINGS
-----------------------------------------------------------------*/
	/* <a href="https://www.jqueryscript.net/animation/">Animation</a> */
		@-webkit-keyframes
			pulsate {  0% {
				-webkit-transform: scale(1);
				transform: scale(1);
				opacity: 0.8;
			}
			 45% {
				-webkit-transform: scale(1.75);
				transform: scale(1.75);
				opacity: 0;
			}
		}
		@keyframes
			pulsate {  0% {
				-webkit-transform: scale(1);
				transform: scale(1);
				opacity: 0.8;
			}
				45% {
				-webkit-transform: scale(1.75);
				transform: scale(1.75);
				opacity: 0;
			}
		}	




.hotspot-img {
			background-size: cover;
			background-position: center center;
			position: relative;
		}

		.hotspot-img .img-responsive { max-width: 100%; }

		.hotspot-img .hot-spot {
			position: absolute;
			width: 26px;
			height: 26px;
			top: 5px;
			left: 5px;
			text-align: center;
			background-color: #000;
			color: #FFF;
			border-radius: 100%;
			cursor: pointer;
			font-size: 12px;
			line-height: 26px;
			transition: all .3s ease;
		}

		.hotspot-img .hot-spot .circle i {
			-webkit-transition: -webkit-transform .25s ease-out;
			transition: transform .25s ease-out;
		}

		.hotspot-img .hot-spot.hotspot-tooltip-open .circle i,
		.hotspot-img .hot-spot:not(.hotspot-on-click):hover .circle i {
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.hotspot-img .hot-spot .circle:after {
			content: '';
			display: block;
			position: absolute;
			top: 39%;
			left: 39%;
			width: 30px;
			height: 30px;
			margin: -1em auto auto -1em;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			border-radius: 50%;
			border: 10px solid #000;
			opacity: 0;
			-webkit-animation: pulsate 3s ease-out infinite;
			animation: pulsate 3s ease-out infinite;
		}

		.hotspot-img .hot-spot .tooltip {
			display: none;
			background-color: rgba(255, 255, 255, 0.96);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			font-size: 14px;
			opacity: 1.0;
			left: 0;
			padding: 15px;
			position: absolute;
			top: 35px;
			width: 280px;
			z-index: 999;
			box-shadow: 0 30px 102px rgba(0,0,0,0.33), 0 20px 51px rgba(0,0,0,0.18);
		}

		.hotspot-img .hot-spot .tooltip.ontop {
			top: auto;
			bottom: 35px;
		}

		.hotspot-img .hot-spot .tooltip .img-row {
			margin-bottom: 10px;
			display: block;
		}
		.hotspot-img .hot-spot .tooltip h4 { margin-bottom: 0; }

		.hotspot-img .hot-spot .tooltip p {
			font-size: 13px;
			line-height: 1.3rem !important;
			margin-bottom: 10px;
			color: #666 !important;
		}

		.hotspot-img .hot-spot .tooltip p:last-child { margin-bottom: 0; }

		@media (max-width: 991px) {
			.hotspot-img .hot-spot .tooltip {
				width: 200px;
				left: 30px;
				top: 35px;
			}

			.hotspot-img .hot-spot .tooltip .img-row {
				display: none;
			}
		}







.notopmargin { margin-top:0 !important; }
.nobottommargin { margin-bottom:0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom:0 !important; }





/* ----------------------------------------------------------------
	CUSTOM FONT SETTINGS
-----------------------------------------------------------------*/


.grey-font{color: #686868 !important;}
.white-font{color: #FFFFFF !important;}
.gold-font{color: #CBA739 !important;}
.DarkBlue-font{color: #002250 !important;}

.card-body-text{font: 40px !important;}

.capitalize {text-transform: capitalize !important;}


.Seperator-rera{
    
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    background: #002250 !important;
} 

.g-divider-center{
 margin-left: auto;
 margin-right: auto;
 margin-top:5px;
 margin-bottom:5px;
 width:80%;
 border-top:3px solid #CBA739;
}

.gold-submenu-btn{background-color:#686868 !important; margin-left: 10px;}
.current-gold-submenu-btn{background-color:#CBA739!important;}


.g-divider{
 margin-top:25px;
 margin-bottom:25px;
 height:3px;
 width:60%;
 border-top:1px solid #CBA739;
}

.heading-title{
    font-size: 40px;
	margin-bottom: 25px;
}

.heading-sub-title{
    margin-bottom: 15px;
	font-size: 20px;
    font-weight: 500;
    color: #000000;
}


.heading-details .heading:after{
    content: "";
    display: inline-block;
    height: 2px;
    width: 180px;
    background-color: #CBA739;
    margin-bottom: 16px;
    margin-left: 20px;
}
.heading-details .heading:before{
    content: "";
    display: inline-block;
    height: 2px;
    width: 180px;
    background-color: #CBA739;
    margin-bottom: 16px;
    margin-right: 20px;
}

.production-heading{
    text-transform: uppercase;
    font-family: 'Oswald',sans-serif;
    margin-bottom: 12px;
    transition: .5s ease;
    font-size: 24px !important;
    line-height: 1.2 !important;
}

.titleBodoniModa{
    font-size: 40px;
    font-family: 'Bodoni+Moda';
	font-weight: 500;
}

.titleOswald{
    font-size: 40px;
    font-family: 'Oswald', sans-serif;
    
}

 .TBsub-title{
	font-size: 20px;
    font-weight: 500;
    color: #000000;
}

.font-highlight-BodoniModa{
    font-family: 'Bodoni+Moda';
}

.font-highlight-Oswald{
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}


/* ----------------------------------------------------------------
	PARALLAX SECTIONS
-----------------------------------------------------------------*/


.sub-image-sec{
    background-image: url("../img/section-bg-marble.jpg");
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
	padding-top: 3.5rem;
	padding-right: 3.5rem;
	padding-left: 3.5rem;
	text-align: right;
}

.image-sec{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}




/* ===================================
        Header
   ====================================== */

/* nav top default */


.navbar-top-default{
    position: absolute;
    z-index: 98;
    overflow: hidden;
    width: 100%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    /*background: #FFFFFF;*/
    
}


.navbar-top-default #megaone{
    /*background: #909090;*/
    margin-right: 100px
}

/*Navbar Simple*/

.navbar-simple .navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 400;
   
    padding: 1rem  0.5rem;
}

.nav-box-round .navbar-nav .nav-link{
    border-radius: 20px;
}

/*nav line*/

.nav-line .navbar-nav .nav-link.active:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible;
    opacity: 1;
}

.nav-line .navbar-nav .nav-link:before {
    position: relative;
    content: '';
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: table;
    height: 3px;
    border-radius: 2px;
    bottom: -28px;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background: #243973;
    visibility: hidden;
    opacity: 0;
}





/* ----------------------------------------------------------------
	WHATSAPP SECTIONS
-----------------------------------------------------------------*/



.Whatsapp-floating{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
       font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.Whatsapp-float-button{
	margin-top:16px;
}

.CallNow-floating{
	position:fixed;
	width:60px;
	height:60px;
	bottom:110px;
	right:40px;
	background-color:#2d3b5f;
	color:#FFF;
	border-radius:50px;
	text-align:center;
       font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.CallNow-float-button{
	margin-top:16px;
}