@charset "utf-8";
/* CSS Document */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700');

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden;
	line-height: 1.6;
	height: 100%;
}

/*Reset*/



body {
	background: #fff;
}

/*Misc*/
.hidden {
	display: none
}

.no-overflow {
	overflow: hidden
}

.left {
	float: left
}

.right {
	float: right
}

.clear {
	clear: both
}

.block {
	display: block
}

.inline {
	display: inline-block
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.fixed {
	position: fixed
}

.ucase {
	text-transform: uppercase
}

.tcase {
	text-transform: capitalize
}

.calign {
	text-align: center
}

.ralign {
	text-align: right
}

.malign {
	vertical-align: middle
}

.lspace {
	letter-spacing: 2px
}

.justify {
	text-align: justify
}

.underlined {
	border-bottom: 2px solid #fff
}

.box {
	box-sizing: border-box
}

.p10 {
	padding: 10px
}

.p20 {
	padding: 20px
}

.p50 {
	padding: 50px 0
}

.p5050 {
	padding: 50px
}




.featured-content {
	padding: 25px
}

.container3 {
	width: 50%;
	overflow: hidden
}

.container3 img {
	height: 100%;
	width: 100%
}

.mwidth {
	max-width: 100%;
	height: auto;
	margin: auto;
	width: 100%
}

.scrollup {
	height: 20px;
	width: 20px;
	font-size: 20px;
	line-height: 24px;
	padding: 10px;
	border-radius: 20px 20px 0 0;
	position: fixed;
	z-index: 101;
	bottom: 50px;
	left: 48%;
	display: none;
	background: rgba(0, 76, 69, 0.5);
	color: #fff
}

.relpar {
	height: 0;
	width: 100%
}

.switch2 {
	display: none
}

.myBtn {
	cursor: pointer
}

.switch {
	display: block;
}

/*bg-colors*/
.bg-gray {
	background: #ccc
}

.bg-white {
	background: #fff
}

.bg-black {
	background: #222
}

.bg-trans {
	background: rgba(255, 255, 255, 0.5)
}

.bg-trans1 {
	background: rgba(0, 0, 0, 0.6)
}

.bg-gold {
	background: #edc252
}

/*text colors*/
.white {
	color: #fff
}

.black {
	color: #222
}

.gray {
	color: #999
}

.gold {
	color: #edc252
}

/*text*/
h1,
h2,
h3,
h4 {
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 10px 0;
	letter-spacing: 2px
}

p {
	font-size: 14px;
	font-weight: 300;
	margin: 10px 0;
	line-height: 25px
}

p.big {
	font-size: 24px
}

.small {
	font-size: 11px
}

.heading {
	font-size: 24px;
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 10px 0;
	line-height: 24px;
	margin: .5em 0 .8em 0;
}

/*main container*/
header {
	max-height: 15vh
}

header .logo img {
	height: 30px;
	width: auto;
	margin: 20px auto
}

body {
	background: #000 !important;
}

.innerPage {
	padding-top: 66px !important;
}

nav.nav {
	position: relative;
    /* transform: skew(-20deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: skew(-20deg);
    -webkit-transform-origin: center center; */
   width: auto; 
    height: 53px;
    padding: 15px;
    margin: 0;
    z-index: 103;
}

ul.nav-menu {
	position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
}

ul.nav-menu li {
	display: inline-block;
	list-style: none;
	font-size: 14px;
	line-height: 14px;
	font-weight: 300
}

ul.nav-menu li a {
	display: block;
	padding: 0 15px;
	color: #000;
	border-right: 1px solid #000;
	transition: all .5s;
	text-rendering: optimizelegibility;
}

ul.nav-menu li:last-child a {
	border-right: none
}

/*floating panel*/
.floating-panel {
	z-index: 104;
	position: fixed;
	right: 0;
	top: 168px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 153px
}

a.buttons {
	background: #3d3d3d;
	background: -webkit-linear-gradient(top, #3d3d3d 0%, #000000 100%);
	background: linear-gradient(to bottom, #3d3d3d 0%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#000000', GradientType=0);
	display: block;
	width: 100%;
	height: 44px;
	color: #fff;
	padding-left: 11px;
	line-height: 44px;
	font-size: 16px;
	border-radius: 8px 0 0 8px;
	cursor: pointer;
	margin-bottom: 10px
}

a.buttons i {
	margin-right: 5px;
	font-size: 20px;
	vertical-align: middle
}

a.buttons:hover {
	background: #000000;
	background: -webkit-linear-gradient(top, #000000 0%, #3d3d3d 100%);
	background: linear-gradient(to bottom, #000000 0%, #3d3d3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3d3d3d', GradientType=0)
}

/*toggle menu*/
#toggle {
	display: block;
	position: relative;
	padding: 15px;
	width: 28px;
	height: 30px
}

#toggle span:after,
#toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -9px;
}

#toggle span:after {
	top: 9px;
}

#toggle span {
	position: relative;
	display: block;
	top: 9px
}

#toggle span,
#toggle span:after,
#toggle span:before {
	width: 100%;
	height: 3px;
	background: #edc252;
	transition: all 0.3s;
	backface-visibility: hidden
}

#toggle.on span {
	background: transparent;
}

#toggle.on span:before {
	transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on span:after {
	transform: rotate(-45deg) translate(7px, -8px);
}

#toggle.on+#menu {
	opacity: 1;
	visibility: visible;
}

#menu {
	position: absolute;
	padding-top: 10px;
	width: 175px;
	right: 13px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	z-index: 121;
	transition: opacity .4s;
	background: #edc252
}

#menu:after {
	position: absolute;
	top: -13px;
	right: 0;
	content: "";
	display: block;
	border-left: 15px solid transparent;
	border-right: 0 solid #edc252;
	border-bottom: 20px solid #edc252
}

#menu ul,
#menu ul li,
#menu ul li a {
	list-style: none;
	display: block;
	font-size: 14px;
	font-weight: 300
}

#menu li a {
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	transition: all .2s;
	line-height: 14px !important
}

#menu li a:hover,
#menu li a:focus {
	background: #000;
	color: #fff
}

/*banners*/
.banner {
	width: 100%
}

.banner-content {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: auto;
    padding: 0;
    text-align: center;
    transform: translate(-50%,-50%);
}

.banner-content .title {
	font-size: 28px;
	font-weight: 300;
	letter-spacing: 2px;
	margin: 20px 0;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9)
}

.banner-content .points {
	width: 60%;
    padding: 11px;
    margin: auto;
    border: 1px dashed rgba(255, 255, 255, 0.5);
}

.background-wrapper {
	height: 85vh;
	overflow: hidden
}

.point {
	counter-reset: my-badass-counter;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9)
}

.point dt {
	position: relative;
	text-align: left
}

.point dt:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	top: 0;
	font: bold 40px sans-serif;
	color: #edc252;
	transform: rotate(0deg);
	transition: all 0.5s
}

.point dt:hover:before {
	transform: rotate(0deg)
}

.point dt,
.faq dd {
	padding-left: 36px;
	line-height: 40px
}

.banners img {
	width: 100%;
	height: auto
}

/*content*/
.content {
	padding: 0;
}

.col-65 {
	width: 65%;
}

.col-50 {
	width: 50%;
}

.col-35 {
	width: 35%;
	overflow: hidden;
}

.col-35 img {
	width: 100%;
	height: 100%;
}

.col-25 {
	width: 25%;
}

.col-20 {
	width: 20%;
}

.row-80 {
	height: 80vh;
}

.row-60 {
	height: 60vh;
}

.row-20 {
	height: 20vh;
}

/*gallery*/
.gallery {}

.gallery img {
	width: 100% !important;
	height: auto;
}

.parallax {
	width: auto;
	height: auto;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	background-attachment: fixed;
}

/*amenities*/
.amenities {
	height: auto;
	width: 80vw;
	margin: auto;
}

/*map*/
#map {
	width: 100%;
	height: 640px;
	background: #fff
}

/*accordion*/
.accordion,
.accordion * {
	box-sizing: border-box;
	-webkit-transition: 0s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: 0s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.accordion {
	overflow: hidden;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	background: #f7f7f7
}

.accordion-section-title {
	width: 100%;
	padding: 10px 14px;
	display: inline-block;
	border-bottom: 2px solid #000;
	background: #262626;
	-webkit-transition: all linear 0.15s;
	transition: all linear 0.15s;
	font-size: 16px;
	text-shadow: 0px 1px 0px #1a1a1a;
	color: #fff;
}

.accordion-section-title span {
	display: block;
	font-size: 15px;
	margin: 6px 0 0 0;
	color: #999
}

.accordion-section-title.active,
.accordion-section-title:hover {
	background: #484848;
	text-decoration: none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom: none;
}

.accordion-section-content {
	padding: 15px;
	display: none;
	background: #1a1a1a;
	width: 100%;
	float: left;
}

.plan {
	width: 100%;
	border-bottom: 1px solid #313131;
	padding: 10px;
	background: #1a1a1a;
	float: left;
	-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 380ms;
	transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 380ms;
}

.plan:hover {
	background: #4c4c4c;
}

.plan:hover .plan-name {
	padding-left: 13px;
}

.plan img {
	width: 50%;
	height: auto;
	display: block
}

/*fixed form*/
.default {}

.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: 105;
	width: 100%;
	height: 50px
}

.fixed .logo {
	display: none
}

.fixed nav.nav {
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2)
}

/*list*/
.ul {
	margin-left: 12px
}

.ul li {
	font-size: 14px;
	line-height: 26px;
	list-style: url(images/bullet.png);
	padding: 0 0 0 10px;
	margin: 0
}

.ul2 {
	margin-left: 12px
}

.ul2 li {
	font-size: 14px;
	line-height: 26px;
	list-style: url(images/bullet.png);
	padding: 0 0 0 10px;
	margin: 0;
	width: 30%;
	float: left
}

/*map*/
.download {
	width: 29%;
	height: 200px;
	text-align: center;
	display: inline-block;
	margin: 1%;
	overflow: hidden;
	background: url(images/gallery/parallax.jpg);
	background-size: cover
}

.download a {
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	padding: 25px
}

.download img {
	margin: auto
}

.download p {
	font-size: 30px
}








/*enquiry*/
input.error,
textarea.error,
select.error,
.textbox.error {
	border-bottom: 2px solid #ff6969 !important;
	color: #fff
}

input.error:focus,
textarea.error:focus,
select.error:focus,
.textbox.error:focus {
	border: 0;
	color: #fff
}

.floating-form {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: rgba(95, 95, 95, 0.9);
	color: #fff;
	text-align: center;
	padding: 1em 0 1.5em 0;
	z-index: 111
}

.floating-form .input {
	width: 20%;
	float: none;
	margin: 0 2px;
	display: inline-block;
	max-width: 250px;
}

.floating-form .input input {
	width: 100%;
	background-color: #fff;
	font-size: 13px;
	color: #000;
	height: 33px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0px;
	padding-left: 10px;
}

.floating-form .input.submit-input {}

.floating-form .input.submit-input input {
	background: #000;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

.floating-form .input.submit-input input:hover {
	border: 1px solid #666;
	color: #666;
}

/*popup form model*/
#my-modal {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 111;
	display: block;
	background: rgba(0, 0, 0, 0.9) !important
}

.modal-content {
	width: 400px;
	height: 300px;
	position: absolute;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.contact-mail {
	width: 200px
}

.mailbox {
	width: 200px;
	height: 300px;
	background: #fff
}

.mailbox .model-header {
	padding: 10px 0;
	font-size: 14px 'poppins', sans-serif
}

.close {
	color: #fff;
	font-size: 32px;
	top: -40px;
	right: 0;
	position: absolute;
	cursor: pointer
}

.input-sml {
	width: 100%;
	color: #666;
	font: 14px 'poppins', sans-serif;
	padding: 3px 0;
	margin: 10px auto;
	border-bottom: 2px solid #aaa
}

.button-sml {
	padding: 3px 0;
	margin: 10px auto;
	font: bold 14px 'poppins', sans-serif;
	cursor: pointer;
	width: 100%
}

@media screen and (min-width: 240px) and (max-width: 1024px) {
	header .logo {
		padding: 0 10px
	}

	.container {
		padding: 0
	}

	.container2 {
		width: 100%;
		height: auto
	}

	.container2 img {
		height: auto;
		width: 100%
	}

	.container3 {
		width: 100%;
		height: auto
	}

	.container3 img {
		width: 100%;
		height: auto
	}

	.block1,
	.block2,
	.block3,
	.block4 {
		width: 100%
	}

	#toggle {
		display: block
	}

	.nav {
		display: none
	}

	.modal-content {
		width: 300px
	}

	.mailbox {
		width: 300px;
		height: 300px;
		background: #fff
	}

	.banner-content .title {
		font-size: 16px;
		margin: 10px 0
	}

	.banner-content .points {
		width: auto;
		padding: 0;
		margin: auto;
		border: 1px dashed rgba(255, 255, 255, 0.5)
	}

	.background-wrapper {
		height: 50vh;
		overflow: hidden
	}

	.point dt:before {
		font: bold 24px sans-serif;
		color: #edc252
	}

	.point dt,
	.faq dd {
		padding-left: 30px;
		line-height: 24px;
		padding-bottom: 15px;
	}

	.banners img {
		height: 50vh
	}

	.switch {
		display: none
	}

	

	p.big {
		font-size: 13px
	}

	p img {
		width: 100%;
		margin: 0 0 10px 0
	}

	h1,
	h2,
	h3,
	h4 {
		font: bold 14px 'poppins', sans-serif
	}

	p,
	ul,
	li,
	.ul li {
		font-size: 11px
	}

	.amenities {
		height: auto;
		width: 100%
	}

	.content {
		padding: 0 1%
	}

	.col-65 {
		width: 100%
	}

	.col-50 {
		width: 100%
	}

	.col-35 {
		width: 100%;
		overflow: hidden
	}

	.col-35 img {
		width: 100%;
		height: 100%
	}

	.col-25 {
		width: 50%
	}

	.col-20 {
		width: 50%
	}

	.row-80 {
		height: auto
	}

	.row-60 {
		height: auto
	}

	.row-20 {
		height: auto
	}

	.switch {
		display: none;
	}
}

/*icomoon*/
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?ehdubs');
	src: url('fonts/icomoon.eot?ehdubs#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?ehdubs') format('truetype'),
		url('fonts/icomoon.woff?ehdubs') format('woff'),
		url('fonts/icomoon.svg?ehdubs#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-back:before {
	content: "\e901";
}

.icon-next:before {
	content: "\e902";
}

.icon-rupee-light:before {
	content: "\e909";
}

.icon-up-arrow:before {
	content: "\e908";
}

.icon-possession:before {
	content: "\e90e";
}

.icon-return:before {
	content: "\e906";
}

.icon-rupee:before {
	content: "\e903";
}

.icon-size:before {
	content: "\e905";
}

.icon-office:before {
	content: "\e907";
}

.icon-form:before {
	content: "\e90a";
}

.icon-house:before {
	content: "\e90d";
}

.icon-phone:before {
	content: "\e900";
}

.icon-map:before {
	content: "\e949";
}

.icon-download:before {
	content: "\e904";
}

.icon-download2:before {
	content: "\e90b";
}

/*slick*/
.slider {
	width: 100%
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	margin: 0;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slider-nav img {
	border: 2px solid rgba(0, 0, 0, 1);
	border-bottom: 0;
	cursor: pointer
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff url(images/load.gif) center center no-repeat
}

.prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	cursor: pointer
}

.next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	cursor: pointer
}

.next,
.prev {
	font-size: 25px;
	font-weight: bold;
	background: none;
	border: 0;
	z-index: 2;
	color: #fff
}


/*lightbox*/
body.hidden-scroll {
	overflow: hidden
}

.sl-overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: .95;
	display: none;
	z-index: 1006
}

.sl-wrapper {
	z-index: 1000
}

.sl-wrapper button {
	border: 0;
	background: 0 0;
	font-size: 24px;
	padding: 0;
	cursor: pointer
}

.sl-wrapper button:hover {
	opacity: .7
}

.sl-wrapper .sl-close {
	display: none;
	position: fixed;
	right: 30px;
	top: 30px;
	z-index: 1015;
	color: #fff
}

.sl-wrapper .sl-counter {
	display: none;
	position: fixed;
	top: 30px;
	left: 30px;
	z-index: 1015;
	color: #fff
}

.sl-wrapper .sl-navigation {
	width: 100%;
	display: none
}

.sl-wrapper .sl-navigation button {
	position: fixed;
	top: 50%;
	margin-top: -10px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	z-index: 10001;
	font-family: arial sans-serif;
	color: #fff;
	background: #000
}

.sl-wrapper .sl-navigation button.sl-next {
	right: 0
}

.sl-wrapper .sl-navigation button.sl-prev {
	left: 0
}

.sl-wrapper .sl-image {
	position: fixed;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 10000
}

.sl-wrapper .sl-image img {
	margin: 0;
	padding: 0;
	display: block
}

.sl-wrapper .sl-image iframe {
	border: 0;
	background: #000
}

.sl-wrapper .sl-image .sl-caption {
	display: block;
	padding: 10px;
	color: #fff;
	background: #000;
	opacity: .8;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.sl-wrapper .sl-image .sl-caption.pos-top {
	bottom: auto;
	top: 0
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
	bottom: auto
}

.sl-wrapper .sl-image .sl-download {
	display: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #fff;
	z-index: 1005
}

.sl-spinner {
	display: none;
	border: 5px solid #333;
	border-radius: 40px;
	height: 40px;
	left: 50%;
	margin: -20px 0 0 -20px;
	opacity: 0;
	position: fixed;
	top: 50%;
	width: 40px;
	z-index: 1007;
	-webkit-animation: pulsate 1s ease-out infinite;
	-moz-animation: pulsate 1s ease-out infinite;
	-ms-animation: pulsate 1s ease-out infinite;
	-o-animation: pulsate 1s ease-out infinite;
	animation: pulsate 1s ease-out infinite
}

.sl-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@-webkit-keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: scale(1.2);
		opacity: 0
	}
}

@keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: scale(1.2);
		opacity: 0
	}
}

@-moz-keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: scale(1.2);
		opacity: 0
	}
}

@-o-keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: scale(1.2);
		opacity: 0
	}
}

@-ms-keyframes pulsate {

	0%,
	100% {
		opacity: 0
	}

	0% {
		transform: scale(.1)
	}

	50% {
		opacity: 1
	}

	100% {
		transform: scale(1.2)
	}
}

/*scroll div*/
.scrolldiv {
	overflow-x: hidden;
	overflow-y: scroll;
}

.scrolldiv::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.scrolldiv::-webkit-scrollbar-button {
	width: 5px;
	height: 5px;
}

.scrolldiv::-webkit-scrollbar-thumb {
	background: #edc252;
	border-radius: 50px;
}

.scrolldiv::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0);
	border: #ffffff none 0;
}

.scrolldiv::-webkit-scrollbar-corner {
	background: transparent;
}

.scrolldiv::-moz-scrollbar {
	width: 5px;
	height: 5px;
}

.scrolldiv::-moz-scrollbar-button {
	width: 5px;
	height: 5px;
}

.scrolldiv::-moz-scrollbar-thumb {
	background: #edc252;
	border: #ffffff none 0;
	border-radius: 50px;
}

.scrolldiv::-moz-scrollbar-track {
	background: rgba(255, 255, 255, 0);
	border: #ffffff none 0;
	border-radius: 50px;
}

.scrolldiv::-moz-scrollbar-corner {
	background: transparent;
}

footer {
	background: transparent !important;
}

.disclamer-popup {
	width: 45%;
	z-index: 1035;
	display: none;
	max-width: 80%;
	position: fixed;
	left: 50%;
	top: 22%;
	transform: translate(-50%, -50%)
}

.disclamer-popup .disclamer-content {
	padding: 15px;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	background: #fff;
	padding: 15px;
	border-radius: 5px;
	font-size: 1em;
	font-weight: 400;
	color: #444;
}

@media screen and (max-width:700px) {

	.innerPage header {
		top: 56px !important;
	}

	.disclamer-popup {
		width: 85%;
		top: 33%;
	}


}

.innerPage .ucase {
	font-weight: normal !important;
	font-size: 2rem;
	text-align: center;
}
.innerPage h1 {
    color: #000000 !important;
    text-align: center;
}
.ul2 li {
	font-size: 14px;
	line-height: 26px;
	list-style: url(images/bullet.png);
	padding: 0 0 0 0px;
	margin: 0;
	width: auto;
	float: none;
	text-align: left;
}

@media (max-width:768px){
	.innerPage .ucase {
		font-weight: normal !important;
		font-size: 1.3rem;
		text-align: center;
	}
	.ul2 li {
		font-size: 12px;
		line-height: 26px;
		list-style: url(images/bullet.png);
		padding: 0 0 0 0px;
		margin: 0;
		width: auto;
		float: none;
		text-align: left;
	}
	.banner-content {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		height: auto;
		padding: 0;
		text-align: center;
		transform: translate(-50%, -50%);
	}
	.ul2 {
	
		padding: 0 0 0 0px;
		margin: 0;
		
	}
	.ul {
		margin-left: 12px;
		padding: 0;
	}
}
.container-fluid{
	padding-top:30px ;
}

/**
 * Simple fade transition,
 */
 .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.125);
}
section{
	padding: 50px 0 0px 0;
}
.max-h{
	overflow: hidden;
	overflow-y: scroll;
	max-height: 400px;
}
.btn-read-more1, .btn-read-more {
    display: none;
	border: 1px solid #124f7d;
    background: #124f7d;
    color: #ffffff;
    padding: 5px;
    border-radius: 10px;
	margin-bottom: 5px;
}

@media (max-width:768px){
	.list-group-item {
		font-size: 12px;
		padding: .75rem 0.25rem;
		
	}
	section{
		padding: 30px 0 0px 0;
	}
	.mwidth1{
		max-width: 100%;
	}
	.text, .text1, .text2 {
		display: none;
	}
	.btn-read-more1, .btn-read-more {
		display: block;
	}
}