/*@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap");*/
*,
*:after,
*:before {
	box-sizing: border-box
}

html,
body {
	overflow-x: hidden;
	min-height: 100vh;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #6A6B6B;
	font-weight: 300
}

html {
	font-size: 15px
}

@media (max-width: 767px) {
	html {
		font-size: 15px
	}
}

body {
	font-family: 'Anek Gurmukhi', sans-serif;
	font-size: 15px;
	line-height: 30px;
	position: relative;
	z-index: 1000
}

@media (max-width: 767px) {
	body {
		font-size: 15px
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Petrona', serif;
	color: #202A61;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	font-weight: 500;
}

h1 .highlight,
h2 .highlight,
h3 .highlight,
h4 .highlight,
h5 .highlight,
h6 .highlight {
	color: #7FB300;
	-webkit-text-fill-color: #7FB300
}

h1 .underline,
h2 .underline,
h3 .underline,
h4 .underline,
h5 .underline,
h6 .underline {
	display: inline-block;
	text-decoration: underline
}

h1 .heading-icon,
h2 .heading-icon,
h3 .heading-icon,
h4 .heading-icon,
h5 .heading-icon,
h6 .heading-icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: 15px auto
}

h2,
h3,
h4,
h5,
h6 {
	color: #EDBF5D
}

@media (max-width: 420px) {
	h2,
	h3,
	h4,
	h5,
	h6 {
		letter-spacing: 0px
	}
}

h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none !important;
	color: inherit;
	display: inline-block
}

h1 {
	font-family: 'Petrona', serif;
	font-size: 48px;
	line-height: 51px;
	padding-top: 3px;
	margin-bottom: 12px;
	color: #202A61
}

h1.max-540 {
	max-width: 540px
}

h1 .thin {
	font-weight: 300
}

h2 {
	font-size: 30px;
	line-height: 1.4;
	padding-top: 9px;
	margin-bottom: 10px;
	font-weight: 700;
}

@media (max-width: 420px) {
	h2 {
		font-size: 22px;
		letter-spacing: 0px
	}
}

h3 {
	font-size: 21px;
	line-height: 30px;
	padding-top: 6px;
	margin-bottom: 16px
}

h4 {
	font-size: 18px;
	line-height: 22px;
	padding-top: 30px;
	color: #fff;
	font-weight: 300;
}

h5 {
	font-size: 16px;
	line-height: 30px;
	padding-top: 8px;
	margin-bottom: 22px
}

h6 {
	font-size: 14px;
	line-height: 30px;
	padding-top: 9px;
	margin-bottom: 21px
}

p {
	padding-top: 0px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

p.intro-text {
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 21px
}

p.intro-text.spaced {
	line-height: 30px
}

p strong {
	font-weight: 500
}

a {
	color: #202A61;
	text-decoration: none
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

ul,
ol {
	margin-bottom: 15px
}

ul>li,
ol>li {
	font-size: 14px;
	line-height: 24px
}

/*ul.intro-text{
	display: inline-block;
}

ul.intro-text li{
	font-size: 17px;
	line-height: 27px;
	float: left;
	margin: 0px 60px 30px;
}*/

iframe[name='google_conversion_frame'] {
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin-top: -13px;
	float: left
}

.youtube-iframe {
	margin: 25px 0
}

p.small {
	font-size: 85%;
	line-height: 1.5
}

.text-gold{
	color: #EDBF5D;
}

.text-uppercase {
	text-transform: uppercase
}

.icon {
	display: inline-block;
	vertical-align: middle
}

section {
	padding: 70px 0px;
	overflow: hidden
}

@media (max-width: 767px) {
	section {
		padding: 30px 15px
	}
}

.narrow {
	max-width: 800px;
	margin: 0 auto 30px
}

#main {
	padding: 0
}

.seperator {
	margin: 45px 0
}

.seperator.medium {
	margin: 30px 0
}

.seperator.small {
	margin: 15px 0
}

@media (min-width: 768px) {
	.flex-row-desktop {
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		display: flex;
		flex-wrap: wrap
	}
	.flex-row-desktop .column {
		display: -webkit-flex;
		display: flex
	}
}

.flex-row {
	display: -webkit-flex;
	-webkit-align-items: center;
	display: flex !important;
	align-items: baseline
}

.inline-block {
	display: inline-block
}

.text-align-center {
	text-align: center
}

.text-align-left {
	text-align: left
}

.text-align-right {
	text-align: right
}

.text-align-justify {
	text-align: justify
}

@media (max-width: 540px) {
	.text-align-justify.justify-wide {
		text-align: left
	}
}

.margin-0 {
	margin: 0 !important
}

.margin-top-45 {
	margin-top: 45px
}

.margin-top-30 {
	margin-top: 30px
}

.margin-top-20 {
	margin-top: 20px
}

.margin-top-15 {
	margin-top: 15px
}

.margin-top-10 {
	margin-top: 10px
}

.margin-top-0 {
	margin-top: 0px
}

.margin-0 {
	margin: 0 !important
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px
}

.margin-bottom-15 {
	margin-bottom: 15px
}

.margin-bottom-10 {
	margin-bottom: 10px
}

.margin-bottom-0 {
	margin-bottom: 0px
}

.padding-0 {
	padding: 0px !important
}

.padding-top-30 {
	padding-top: 30px
}

.padding-top-20 {
	padding-top: 20px
}

.padding-top-15 {
	padding-top: 15px
}

.padding-top-10 {
	padding-top: 10px
}

.padding-top-0 {
	padding-top: 0px
}

.padding-bottom-30 {
	padding-bottom: 30px
}

.padding-bottom-20 {
	padding-bottom: 20px
}

.padding-bottom-15 {
	padding-bottom: 15px
}

.padding-bottom-10 {
	padding-bottom: 10px
}

.padding-bottom-0 {
	padding-bottom: 0px !important
}

.width-90-desktop-block {
	display: block;
}

@media (min-width: 768px) {
	.width-90-desktop-block {
		max-width: 90%
	}
}

.width-80-desktop-block {
	display: block;
	margin: 0 auto
}

@media (min-width: 768px) {
	.width-80-desktop-block {
		max-width: 80%
	}
}

.width-70-desktop-block {
	display: block;
	margin: 0 auto
}

@media (min-width: 768px) {
	.width-70-desktop-block {
		max-width: 70%
	}
}

.width-80-desktop {
	display: block
}

@media (min-width: 768px) {
	.width-80-desktop {
		max-width: 80%
	}
}

.full {
	width: 100%
}

.half {
	float: left;
	width: 50%
}

@media (max-width: 540px) {
	.half {
		width: 100%
	}
}

.third {
	float: left;
	width: 33.333333%
}

@media (max-width: 540px) {
	.third {
		width: 100%
	}
}

.font-reg{
	font-weight: 500;
}

@media (max-width: 599px) {
	#mqCheck-600 {
		display: none
	}
}

@media (max-width: 499px) {
	#mqCheck-500 {
		display: none
	}
}

@media (max-width: 767px) {
	#mqCheck-767 {
		display: none
	}
}

@media (max-width: 991px) {
	#mqCheck-991 {
		display: none
	}
}

@media (max-width: 1169px) {
	#mqCheck-1169 {
		display: none
	}
}

@media (max-width: 1199px) {
	#mqCheck-1199 {
		display: none
	}
}

.two-column {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2
}

@media (max-width: 359px) {
	.two-column {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1
	}
}

body.top-nav {
    padding-top: 75px;
    position: relative;
}
@media (max-width: 767px) {
	body.top-nav {
		padding-top: 60px;
		position: relative;
	}
}

header.position {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999
}

header.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999
}

header.fixed.h-bg {
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25)
}

header #brand {
	margin: 15px 0 10px
}

header #brand .brand-logo,
header #brand .brand-partner {
	position: relative
}

header #brand .brand-logo .link-partner,
header #brand .brand-partner .link-partner {
	position: absolute;
	display: block
}

@media (max-width: 767px) {
	header #brand .brand-logo img,
	header #brand .brand-partner img {
		width: 130px
	}
}

.hero{
	background: url('../img/banner-01.jpg')bottom center no-repeat;
	background-size: cover;
	min-height: 90vh;
}
@media (max-width:1200px) and (orientation:portrait) {
	.hero{
		min-height: 50vh;
	}
}
.hero .title{
	text-shadow: 2px 4px 7px rgba(0, 0, 0, 0.55);
	padding-top: 5%;
}

@media (max-width: 480px){
	.hero{
		background: url('../img/banner-mb-01.jpg')bottom center no-repeat;
		background-size: cover;
	}
}

p.heading-copy{
	font-size: 26px;
	line-height: 1.4;
	text-shadow: 2px 4px 7px #000;
	font-weight: 400;
	margin-bottom: 30px;
}

.sub-text{
	position: relative;
	font-size: 22px;
    line-height: 1.4;
    letter-spacing: 1px;
    text-shadow: 2px 4px 7px #000;
    margin-bottom: 30px;
    font-weight: 300;
}
.sub-text p{
	background: rgba(0, 0, 0, 0.65);
	padding: 5px 15px;
	font-size: 19px;
}
@media (max-width: 480px){
	.sub-text p{
		font-size: 16px;
	}
}
.sub-text.with-icon{
	display: flex;
	align-items: center;
}
.sub-text .price-sticker{
	width: 130px;
	left: 0;
	top: 0;
}

.highlights-section .item{
	width: 16.66666%;
	float: left;
}

@media (max-width: 768px){
	.sub-text .price-sticker{
		width: 90px;
	}
	.highlights-section .item{
	width: 33.33333%;
	float: left;
	}
}

@media (max-width: 480px){
	.highlights-section .item{
	width: 50%;
	float: left;
	}
}

.highlights-section .wrapper{
	transition: transform .3s;
	background: url(../img/card-bg.png) no-repeat;
	background-size: cover;
    padding: 40px 15px;
    border-radius: 15px;
    cursor: pointer;
    margin: 10px;
}

.highlights-section .wrapper:hover{
	box-shadow: 0 0 11px rgba(33,33,33,.2);
	transform: scale(1.1);
}

.perfect-img{
	position: absolute;
    top: 55px;
    left: 85px;
    width: 75%;
}

@media (max-width: 768px){
	.perfect-img{
    top: 30px;
    left: 50px;
	}
}

@media (max-width: 320px){
	.perfect-img{
    top: 20px;
    left: 35px;
	}
}

.time-section .wrapper {
    padding: 10px 50px 0;
}

@media (max-width: 768px){
    .time-section .wrapper{
	padding: initial;
    }
}

.time-section ul{
	list-style-type: none;
}

.time-section ul li{
	font-size: 18px;
	color: #283033;
	position: relative;
	margin-bottom: 35px;
	padding-left: 50px;
	font-weight: 500;
}

.time-section ul li:before{
	content: url('../img/timeicon-01.png');
	position: absolute;
	top: 0px;
    left: -38px;
    background: #212a61;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 4px #3333330d;
}

.time-section ul li.list-02:before{
	content: url('../img/timeicon-02.png');
	background: #fff;
}

.time-section ul li.list-03:before{
	content: url('../img/timeicon-03.png');
	padding: 10px 20px;
}

.time-section ul  li:hover.list-01:before{
	content: url('../img/timeiconhr-01.png');
	background: #fff;
}

.time-section ul  li:hover.list-02:before{
	content: url('../img/timeiconhr-02.png');
	background: #212a61;
}

.time-section ul  li:hover.list-03:before{
	content: url('../img/timeiconhr-03.png');
	background: #fff;
}

.bg-text{
	font-family: 'Petrona', serif;
	position: absolute;
    bottom: 0;
	background: linear-gradient(90deg, #40519B, #B74E8E);
	color: #fff;
    padding: 15px;
    width: 50%;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    opacity: 0.9;
}

@media (max-width: 768px){
    .bg-text{
		width: 100%;
		bottom: initial;
		top: 0;
    }
}

section.light-sec {
	background: #f8f8f8
}

.bg-light {
	background: #F8F8F8
}

.bg-bright {
	background: #fff
}

.bg-blue{
	background: #212A61;
}

.text-bright{
	color: #fff;
}

.text-black{
	color: #000;
}

.text-blue{
	color: #212A61;
}

.leadform {
	width: 100%
}

.leadform legend {
	display: block;
	background: #222;
	padding: 15px;
	color: #E9E9E9;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0px
}

.leadform .wrapper {
	padding: 30px 21px 15px;
	background: #fff
}

.leadform .form-group {
	position: relative
}

.leadform .form-group .f-lable {
	font-size: 14px;
	position: absolute;
	left: 15px;
	top: -7px;
	background: #fff;
	padding: 0 5px;
	line-height: 1;
	margin: 0;
	font-weight: 400;
	z-index: 1
}

.leadform .form-group .form-control {
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*border-radius: 5px;*/
	border: 0;
	border-color: #6A6B6B !important
}

.leadform .btn-brand {
	height: 45px;
	border-radius: 5px
}

.section-heading {
	font-size: 27px;
	color: #202A61;
	line-height: 1.2;
	padding: 0px
}

.section-heading strong {
	text-transform: uppercase
}

footer {
	background: #222;
	color: #fff;
	font-size: 12px;
	padding: 12px 0px
}

.footer-right{
    float: right;
}

@media (max-width: 480px) {
    footer {
    	text-align: center;
    }

    .footer-right{
        float: initial;
    }

}

@media (max-width: 768px){
    .btn-container{
        text-align: center;
    }
}

footer p {
	font-size: 15px;
	line-height: 1.5;
	margin-top: 10px
}

@media (max-width: 500px) {
	footer p {
		margin-bottom: 10px
	}
}
footer a {
    font-size: 14px;
    line-height: 1.5;
    margin: 10px;
    color: #fff;
}
@media (max-width: 500px) {
	footer a {
		margin-bottom: 10px
	}
}

.call-footer {
	padding: 15px;
	font-size: 20px;
	background: #7fb300;
	display: block;
	color: #fff !important;
	margin: 0;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	text-decoration: none !important;
	display: none
}

.call-footer.fixed {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0
}

@media (max-width: 500px) {
	.call-footer {
		display: block
	}
}

.thankyou-sec .row {
	min-height: 75vh;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.btn {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Anek Gurmukhi', sans-serif;
	font-weight: 500;
	font-size: 18px;
	padding: 6px 20px;
	line-height: 30px;
	outline: none !important;
	text-decoration: none !important
}

.btn.btn-default {
	color: #222;
	border-color: #fff
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
	background: #fff;
	color: #222
}

.btn.btn-default.dropdown-toggle:hover,
.btn.btn-default.dropdown-toggle:active,
.btn.btn-default.dropdown-toggle:focus {
	background: #F8F8F8;
	color: #202A61
}

.btn.btn-lg {
	padding-left: 21px;
	padding-right: 21px;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 2px
}

.btn.btn-sm {
	padding: 0px 12px 0px;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 1px
}

.btn.btn-wide {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 6px
}

.btn.btn-wide.btn-sm {
	padding-top: 0px
}

.btn.btn-wide.with-arrow {
	padding-right: 36px;
	position: relative
}

.btn.btn-wide.with-arrow .arrow {
	display: block;
	position: absolute;
	height: 15px;
	width: 15px;
	right: 15px;
	top: 1px;
	bottom: 0px;
	margin: auto auto
}

.btn.btn-brand {
	background: #EDBF5D;
	border: none !important;
	color: #232963;
	position: relative;
	padding-bottom: 4px
}

.btn.btn-brand:hover,
.btn.btn-brand:active,
.btn.btn-brand:focus {
	border-color: none !important
}

.btn.btn-cta {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background: #7FB300;
	color: #202A61;
	font-size: 15px;
	font-weight: bold;
	border: 2px solid #202A61;
	padding: 3px 24px 3px;
	margin: 0px 0px 15px;
	letter-spacing: 0.5px
}

.input-group {
	margin: 15px 0
}

.input-group .form-control {
	margin: 0px
}

.input-group .input-group-addon {
	border-color: #202A61;
	color: #202A61;
	background: #7FB300
}

.form-control {
	line-height: 30px;
	margin: 0px;
	height: 45px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #B1B1B1;
	border-color: #dedcd7 !important;
	outline: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.form-group label.error,
.form-group label.cust-error {
	color: #8b0000;
	font-size: 12px;
	padding: 3px;
	line-height: 1;
	padding: 0px;
	margin: 0px;
	padding-top: 6px;
	display: block;
	width: 100%;
	text-align: left;
	font-weight: 400
}

#leadform .form-group label.error,
#leadform .form-group label.cust-error {
	color: #fff;
	font-size: 12px;
	padding: 3px;
	line-height: 1;
	padding: 0px;
	margin: 0px;
	padding-top: 6px;
	display: block;
	width: 100%;
	text-align: left;
	font-weight: 400
}


section.dark {
	background: #202A61;
	color: #fff
}

section.dark h1,
section.dark h2,
section.dark h3,
section.dark h4,
section.dark h5,
section.dark h6 {
	color: #fff
}

.intl-tel-input {
	display: block;
	position: relaitve
}

.intl-tel-input .selected-flag {
	height: auto;
	top: 21px
}



p.footer-sub{
	width:80%;
	margin: auto;
	/*font-weight: 500;*/
}

@media(max-width: 480px){
	p.footer-sub{
	width:100%;
	margin-top: 5%;
	}
}

.mob-disp{
	display: block;
}

@media(max-width: 768px){
	.mob-disp{
	display: inline;
	}
}


.amenities-grid {
	display: block;
	margin: 30px -15px
}

.amenities-grid .item {
	display: block;
	float: left;
	width: 50%;
	padding: 5px
}

@media (max-width: 991px) {
	.amenities-grid .item {
		width: 50%
	}
}

@media (max-width: 767px) {
	.amenities-grid .item {
		width: 50%
	}
}

@media (max-width: 540px) {
	.amenities-grid .item {
		width: 100%
	}
}

.amenities-grid .item .wrapper {
	position: relative
}

.amenities-grid .item .wrapper .text-pane {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 70%); 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-align: left;
	padding: 21px 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.amenities-grid .item .wrapper .text-pane .title {

	color: #fff;
	font-weight: 400;
	font-size: 26px;
	line-height: 1.5;
	margin: 0px 0px 9px;
	padding: 0px
}

.amenities-grid .item .wrapper .text-pane .text {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	line-height: 1.8;
	margin: 0px;
	padding: 0px
}

.amenities-grid .item .wrapper .centered p{
	color: #fff;
}

.amenities-grid .item .wrapper:hover .text-pane {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.amenities-grid .item.mar-btm {
	padding-bottom: 0px;
}

@media (max-width: 480px){
	.amenities-grid .item.mar-btm {
	padding-bottom: 5px;
	}
}

@media (max-width: 1024px){
	h4 {
		font-size: 15px;
	}

	.highlights-section .wrapper{
		min-height: 240px;
	}

	.time-section ul li{
		font-size: 15px;
	}
}
.amenities-grid .item .wrapper .centered ul{
	padding-left: 15px;
}
@media (max-width: 768px){
    .amenities-grid .item .wrapper .text-pane{
		padding: 21px 30px;
		display: block;
		position: relative;
		opacity: 1;
    }
	.amenities-grid .item .wrapper .text-pane .text {
		font-size: 12px;
		margin-bottom: 5px !important;
	}
}

@media (max-width: 380px){
    .amenities-grid .item .wrapper .text-pane{
        padding: 21px 15px;
    }
    .amenities-grid .item .wrapper .text-pane .title {
	font-size: 22px;
	}
}

@media (max-width: 320px){
    .amenities-grid .item .wrapper .text-pane{
        padding: 21px 10px;
    }
    .amenities-grid .item .wrapper .text-pane .title {
	font-size: 20px;
	}
	.amenities-grid .item .wrapper .text-pane .text {
	font-size: 11px;
	line-height: 15px;
	}
}


#myModal .modal-content {
  position: relative;
  background: #57488e;
}
.modal-body.beforeLoad{max-height:250px;min-height:250px;overflow:hidden}
.modal-body.beforeLoad>*{opacity:0;height:0}
.modal-body.beforeLoad .modal-loader{display:block;opacity:1;height:100%;width:100%;display:-webkit-flex;-webkit-align-items:center;display:flex;align-items:center;position: absolute;
    text-align: center;}

.modal-loader{
	display: none;
}
.modal-loader span{
	color: #fff;
	width: 100%;
	display: block;
}
.slick-slide{
	outline: none !important;
}
.modal-slider .item{
	text-align: center;
}
.modal-slider .item h4{
	margin-bottom: 15px;
}
.modal-text{
	color: #fff;
	font-size: 14px;
}
#myModal .close {
	color: #eec05d;
	box-shadow: none;
	opacity: 1;
	outline: none;
}
#myModal .modal-header{
	border-bottom: 0;
}
/* #myModal .modal-content h4{
	font-weight: 700;
	font-size: 20px;
	color: #fff;
}

#myModal .modal-text{
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 15px;
	font-size: 16px;
	color: #fff;
}


#myModal .close {
    color: #eec05d;
    position: absolute;
    top: 17%;
    right: 34%;
    font-size: 30px;
    font-weight: bold;
    padding: 5px 10px;
    opacity: 1;
    z-index: 1;
}

#myModal .close:hover,
#myModal .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

#myModal .mySlides {
  display: none;
}

#myModal .cursor {
  cursor: pointer;
}

#myModal .prev,
#myModal .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

#myModal .prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

#myModal .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

#myModal .prev:hover,
#myModal .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px){
	#myModal .modal-content{
		width: 50%;
	}
	#myModal .close{
		right: 19%;
		right: 27%;
	}

}

@media (max-width: 480px){
	#myModal .modal-content{
		width: 80%;
	}
	#myModal .modal-content h4{
	font-size: 18px;
}

#myModal .modal-text{
	padding-left: 5%;
	padding-right: 5%;
	font-size: 15px;
}

#myModal .close{
	right: 10%;
}

}

@media (max-width: 320px){
	#myModal .modal-content{
		width: 95%;
	}

	#myModal .close{
	right: 5%;
	}


}


#myModal .numbertext {
  color: #fff;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

#myModal img {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  margin: auto;
}

#myModal .caption-container {
	display: none;
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

#myModal .demo {
  opacity: 0.6;
}

#myModal .active,
#myModal .demo:hover {
  opacity: 1;
} */

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


@media (max-width: 480px){
    h1{
        font-size: 28px;
        line-height: 35px;
    }
    p.heading-copy{
        font-size: 28px;
        line-height: 30px;
    }

    p.sub-text{
        font-size: 18px;
        line-height: 25px;
        letter-spacing: initial;
    }
    .btn{
        font-size: 16px;
    }

}

.pos{
	position: relative;
	z-index: 1;
}

.bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: rgba(31, 31, 31, 0.2);
    z-index: 0;
	}

	.time-section .flex-row{
		display: initial !important;
	}

.formMessage{
	display: none;
}

p.more{
	width: 70%;
	margin: auto;
}

p.testi-name{
	font-weight: 500;
	margin-top: 30px;
}

@media (max-width: 480px){
	p.more{
		width: 100%;
	}
}

.morecontent span{
	display:none;
}
.morelink{
	color: #000;
}

a.morelink:hover{
	color: #000 !important;
	text-decoration: underline;
}

/*slider css : BEGIN*/

.slider-container{
	position: relative;
}

.floorplan-slider .slick-arrow{
	background: transparent;
	border: 1px solid #000;
}

.floorplan-slider .slick-arrow.slick-next {
	right: -15px;
}
.floorplan-slider .slick-arrow.slick-prev:before, .floorplan-slider .slick-arrow.slick-next:before{
	color: #000;
}

.slick-arrow {
	background: rgba(0, 0, 0, 0.54);
	width: 35px;
	height: 35px;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	color: #fff;
	z-index: 1;
	border: 0;
	font-size: 0;
	outline: none;
	font-family: 'Glyphicons Halflings';
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity:1;
}

@media(max-width: 425px){
	.slick-arrow{
		top: -30px;
	}
}

.slick-arrow.slick-prev {
	left: 30px
}

@media(max-width: 425px){
	.slick-arrow.slick-prev {
	left: 0
	}
}

.slick-arrow.slick-prev:before {
	font-family: 'Glyphicons Halflings';
	content: "\e257";
	color: #ffffff;
	font-size: 16px;
	line-height: 2.2
}

.slick-arrow.slick-next {
	right: 30px
}

@media(max-width: 425px){
.slick-arrow.slick-next {
	right: 0
	}
}

.slick-arrow.slick-next:before {
	font-family: 'Glyphicons Halflings';
	content: "\e258";
	color: #ffffff;
	font-size: 16px;
	line-height: 2.2
}





.slick-dots {
	text-align: center;
	padding: 0;
	margin-bottom: 15px
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 2px;
	padding: 0;
	cursor: pointer
}

.slick-dots li:only-child {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 12px;
	height: 12px;
	padding: 0px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
}

.slick-dots li button:before,
.slick-dots li button::before {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0px;
	left: 0;
	right: 0px;
	left: 0px;
	margin: auto auto;
	width: 6px;
	height: 6px;
	background: none;
	background: #333434;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.slick-dots li.slick-active button:before,
.slick-dots li.slick-active button::before {
	background: #ffffff;
	width: 12px;
	height: 12px
}


/*slider css : END*/

.list-title{
	padding: 0;
	margin-bottom: 10px;
	color: #000;
	font-weight: 700;
}
.list-dis{
	font-size: 14px;
}
.anchor-sticky{
	position:fixed;
	/*z-index:998;*/
	right:0;
	top:30%;
	background:#6ba928;
	color:#fff;
	-webkit-text-fill-color:#fff;
	padding:5px 20px;
	text-decoration:none !important;
	font-weight:300;
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px
}
@media (max-width: 767px){
    .anchor-sticky{
        width:100%;
        text-align:center;
        font-style: normal !important;
    	font-size: 18px !important;
        right:initial;
        top:initial;
        bottom:0;
        left:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
        border-right: 1px solid #fff;
    }
    
}
.call-btn{
	background: -webkit-linear-gradient(180deg, #B74E8E 27%, #3E529C 100%);
    border-radius: 0;
    color: #fff !important;
    font-weight: 600;
    /* font-style: italic; */
    font-size: 15px;
    padding: 8px 20px;
    text-decoration: none !important;
    margin-left: 30px;

}
@media(max-width: 600px){
	.call-btn{
		display: none;
	}
}
@media(min-width: 601px){
	.anchor-sticky{
		display: none;
	}
}
.hero-banner{
    position: relative;
}
.hero-banner-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(45deg, rgb(0 0 0 / 60%), transparent);
    padding: 50px 0px;
}
.info.glimpse, .call-footer-fixed{
    background: linear-gradient(90deg, #40519B, #B74E8E);
}
.banner-title{
	color: #fff;
}
.hero-banner-content .sub-copy{
	color: #fff;
	font-size: 20px;
	margin-bottom: 5px;
}
.hero-banner-content .sub-copy .price{
	color: #EDBF5D;
}
@media(min-width: 500px){
    .floor-plans{
        width: 80%;
        padding: 30px;
    }
}
.imagebox {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
}
.imagebox img {
    margin: auto;
    margin-bottom: 20px;
    width: 55px;
    min-height: 55px;
}
.imagebox p {
    font-size: 14px;
    min-height: 40px;
}
.section-light{
	background: #F1F1F1;
}
.text-spec {
    color: #484546;
    margin-top: 20px !important;
}
.slick-arrow.slick-disabled{
	display: none !important;
}
.floor-plans h2{
	color: #000;
}
.floor-plans a.link{
	font-size: 14px;
	text-decoration: underline;
	color: #000 !important;
}
.banner-image{
	height: 90vh;
}
@media(max-width: 480px){
	.banner-image{
		height: 50vh;
	}
	.hero-banner-content{
		padding: 10px 0px;
	}
	.imagebox{
		padding: 5px;
	}
	.mob-blk{
		display: block;
	}
}