* {
	margin: 0;
	padding: 0;
}

.rightSec ul li a {
	color: #000;
	font-family: "DIN-Regular";
	font-size: 13px;
	line-height: 1em;
	position: relative;
	text-align: center;
	display: block;
}

.rightSec li img {
	width: 20px;
	opacity: .8;
	margin: 0 auto;
}

.rightSec ul li {
	float: left;
	padding: 0 10px;
}

.rightSec ul li:first-child {
	padding-left: 0;
}

.rightSec ul {
	float: left;
	margin-top: 0px;
}

.sectionTitle span.icon {
	display: block;
	height: 56px;
	position: relative;
	width: 56px;
}

.sectionTitle span.icon:before,
.sectionTitle span.icon:after {
	border: 2px solid transparent;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	-webkit-animation: titleIconBox 1s 0.25s;
	animation: titleIconBox 1s 0.25s;
}

.sectionTitle span.icon svg {
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.sectionTitle span.icon {
	display: inline-block;
	float: left;
}

.sectionTitle span.icon {
	display: block;
	height: 56px;
	position: relative;
	width: 56px;
	border: solid #9D811C 2px;
}

.sectionTitle {
	position: relative;
	z-index: 1;
}

.content-home p {
	font-size: 18px;
	font-family: 'DIN-Regular';
	text-align: justify;
}

.lifestyleofthane .topSection .sectionTitle {
	display: inline-block;
	vertical-align: top;
	padding-right: 5%;
	width: 43%;
}

.sectionTitle p,
.sectionTitle h1,
.sectionTitle h2 {
	margin-left: 75px;
	padding: 0px 0 20px;
}

.sectionTitle p,
.sectionTitle h1,
.sectionTitle h2 {
	font-family: "DIN-Medium";
	font-size: 1.6rem;
	line-height: 1.2em;
	padding: 0px 0 20px;
	position: relative;
	text-transform: uppercase;
}

.sectionTitle h2 span {
	color: #9D811C;
	display: block;
}

.sectionTitle p:after,
.sectionTitle h1:after {
	background-color: #40413f;
	bottom: 0;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	width: 50px;
	-webkit-animation: titleBorder 1s;
	animation: titleBorder 1s;
}

.listHidden h4 {
	font-size: 14px;
}

.listHidden {
	margin-bottom: 30px;
}

.owl-item h3 {
	font-weight: 400;
	line-height: 27px;
}

.owl-item h5 {
	font-weight: 500;
	line-height: 27px;
}

.flot-left {
	float: left;
}

.arrow-img {
	margin-top: 13%;
}

.services-img img {
	margin: 0 auto 8%;
	display: block;
	width: 42%;
}
.price-banner h3 {
	font-size: 1.2rem!important;
}

/*-----------------------Price-----------------------------*/

.tablePricelistWrapper {
	margin: 10px 0px;
}

.tablePricelist {
	border-collapse: collapse; 
	font-size: 15px;
	width: 100%;
	table-layout: fixed;
}

.tablePricelist tr:hover {
	background-color: #f6f2e3;
}

.tablePricelist tr:nth-child(odd) {
	background-color: #f6f2e3;
}

.tablePricelist th:first-child,
.tablePricelist td:first-child {
	padding-left: 30px;
}

.tablePricelist th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #9D811C;
	color: white;
	font-size: 17px;
}

.tablePricelist td,
.tablePricelist th {
	padding: 14px 10px;
}

.tablePricelist th:first-child,
.tablePricelist td:first-child {
	padding-left: 30px;
}

.tablePricelist td,
.tablePricelist th {
	padding: 14px 10px;
}

.tablePricelist td p {
	margin-top: 0;
	margin-bottom: 0rem;
}

.location-heading {
	font-family: "DIN-Medium";
	font-size: 25px;
	line-height: 1.2em;
	padding: 15px 5px 5px;
	position: relative;
	text-transform: uppercase;
	text-align: left;
	color: #9D811C;
}


/*-----------------------AMENITIES-----------------------------*/

.listComponent {
	margin: 0;
	padding: 0;
}

.listComponent p {
	position: relative;
	font-size: 18px;
	text-align: left;
	padding-left: 34px;
}

.listComponent li:before,
.listComponent p:before {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background: #9D811C;
	position: absolute;
	left: 0;
	top: 15px;
}

.services .title::after {
	display: none;
}


/*-----------------------instagramfeeds-----------------------------*/

.instagramfeeds {
	float: left;
	width: 100%;
	margin: 0px!important;
	padding: 0px!important;
}

.instagramfeeds ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.instagramfeeds ul li {
	float: left;
	width: 16.5%;
	margin: 0px!important;
	padding: 0px!important;
}

.instagramfeeds ul li:nth-child(3) {
	display: none;
}

.instagramfeeds ul li:nth-child(6) {
	display: none;
}

.instagramfeeds ul li:nth-child(8) {
	display: none;
}

.instagramfeeds ul li:nth-child(9) {
	display: none;
}

.instagramfeeds ul li:nth-child(11) {
	display: none;
}

.instagramfeeds ul li a img {
	width: 100%;
}


/*-----------------------instagramfeeds ends-----------------------------*/


/*-----------------------Rerra-----------------------------*/


/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/

.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
	clear: both;
}

.panel-default>.panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEEEEE;
}

.panel-title {
	font-size: 14px;
	margin-bottom: 0px;
}

.panel-title>a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	font-family: "DIN-Regular";
	font-size: 20px;
	line-height: 1.2em;
	padding: 18px 40px 18px 25px;
	color: #000;
	background: #fff;
	width: 100%;
}

.panel-title>a :hover {
	color: #000;
}

.more-less {
	float: right;
	color: #212121;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #EEEEEE;
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-size: 34px;
	font-weight: bold;
	color: #9D811C;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-plus:before {
	content: "\002b";
}

.glyphicon-minus:before {
	content: "\2212";
}

.panel-body p {
	font-size: 16px;
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 25px;
}

.panel-body {
	float: left;
	padding: 18px 26px;
	width: 100%;
	border-top: 1px solid #e7e7e7;
	background: #fff;
}

.border-tb {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.nav-menu>ul>li :nth-child(7) {
	float: right;
	position: absolute;
	right: 0px;
	background: #9b802e;
	color: #fff;
	padding: 1px 17px;
}

.nav-menu>ul>li :nth-child(7) a {
	padding: 8px 5px 8px 5px;
}


/*------------------Our Awards Css---------------------*/

.border-full {
	max-width: 100%;
	border: 1px solid #bd9234;
	padding: 2% 0 0;
	text-align: center;
	margin: 0 2% 12%;
}

.border-top {
	background: #F5F2E3;
	border-top: 1px solid #bd9234 !important;
	padding: 5% 5%;
	overflow: hidden;
	text-align: center;
}

h3.hedding-color {
	text-align: center;
	font-size: 20px;
	color: #bd9234
}

p.para-awars {
	text-align: center !important;
	/* font-size: 15px; */
	font-style: normal !important;
	padding-bottom: 4%;
}

.about .section-title p.text-color {
	color: #bd9234
}


/*------------------End Our Awards Css---------------------*/


/*--------------------footer------------------------*/

footer {
	background: #000;
	color: #737373;
	float: left;
	padding: 16px 40px;
	width: 100%;
}

.lodhasvg {
	width: 100px;
}

footer .copy {
	float: left;
}

footer .copy p {
	padding: 0;
	color: #9D811C;
	font-size: 14px;
}

footer .midSec {
	float: left;
	padding: 2px 0 0 100px;
}

footer .midSec ul {
	float: left;
	padding: 7px 0 0;
}

footer .midSec ul li:first-child {
	border-left: none;
	padding-left: 0;
}

footer .midSec ul li {
	float: left;
	padding: 0 8px;
}

footer .midSec ul li a {
	color: #fff;
	font-size: 14px;
	line-height: 1em;
	font-family: DIN-Light;
	position: relative;
}

footer .midSec ul li a:after {
	background-color: #fff;
	bottom: -2px;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	right: 50%;
	visibility: hidden;
	-webkit-animation: left, right;
	-moz-animation: left, right;
	-ms-animation: left, right;
	-o-animation: left, right;
	animation: left, right;
	-webkit-transition: ease-out, .3s;
	-moz-transition: ease-out, .3s;
	-ms-transition: ease-out, .3s;
	-o-transition: ease-out, .3s;
	transition: ease-out, .3s;
}

footer .midSec ul li a:hover:after {
	left: 0;
	right: 0;
	visibility: visible;
}

footer .rightSec .lessLink,
footer .rightSec .moreLink {
	color: #9D811C;
	float: right;
	margin-top: 8px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1em;
	padding: 0 15px 0 0;
	position: relative;
	/* display: none; */
}

footer .rightSec .lessLink:after,
footer .rightSec .moreLink:after {
	top: 20px;
	content: "";
	background: url(../img/arrow-down-gold.png) 0 0 no-repeat;
	font-family: DIN-Light;
	font-size: 14px;
	font-size: 1.4rem;
	right: 24px;
	height: 12px;
	width: 12px;
	position: absolute;
	-webkit-transition: ease-in, .2s;
	-moz-transition: ease-in, .2s;
	-ms-transition: ease-in, .2s;
	-o-transition: ease-in, .2s;
	transition: ease-in, .2s;
}

.extendedFooter {
	padding: 0 230px;
}

.extendedFooter .extendedTop {
    margin: -158px 0 30px;
}

.extendedFooter .block-block-content ul li {
	margin: 12px 0 12px 12px;
	display: inline-block;
}

.extendedFooter ul li a {
	color: #fff;
	font-size: 1rem;
}

.extendedFooter .block-block-content:last-child {
	border: none;
	height: auto;
	width: 100%!important;
}

.extendedFooter .block-block-content {
	/* display: inline-block; */
	display: block;
	float: left;
	width: 30%;
	border-right: 1px solid #262626;
	margin: 0 15px 0 0;
	vertical-align: top;
	padding: 0;
}

.extendedFooter .extendedBottom {
	margin: 20px 0 0;
}

.extendedFooter .block-block-content ul li {
	margin: 12px 0 12px 12px;
}

.extendedFooter .extendedBottom li a {
	color: #858585;
}

.contact-btn {
	right: 0px;
	position: absolute;
	/* width: 25%; */
	margin-right: 30px;
	display: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #9D811C;
	border-color: #9D811C;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.contact-btn .fav-icon.svgBox svg rect,
.contact-btn .fav-icon .svgBox svg path,
.contact-btn .fav-icon.svgBox svg polygon,
.contact-btn .fav-icon.svgBox svg polygon {
	fill: #fff;
}

.contact-btn .fav-icon .svgBox svg path {
	fill: #fff;
}

.show-whendown {
	display: block
}

.td-view {
	width: 100px;
	float: right;
	text-align: center;
}

.price-banner {
	background-color: #f5f2e3;
	padding: 8px 0;
	position: fixed;
	width: 97.5%;
	bottom: -62px;
	z-index: 999;
}

.price-banner .wrapper {
	max-width: 880px;
	width: 100%;
	justify-content: flex-start;
	float: left;
}

.flex-wrp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.price-banner .flex-wrp p {
	padding: inherit;
	margin-right: 35px;
	font-size: 16px;
	font-family: DIN-Regular;
	color: #000!important;
}

.price-banner .wrapper {
	margin: 0px auto;
	padding: 0 4px;
}

.price-banner .next-line strong {
	display: inline-block;
}

.scroll-down {
	opacity: 1;
	-webkit-transition: all .5s ease-in 3s;
	transition: all .5s ease-in 3s;
}

.scroll-down {
	position: absolute;
	bottom: 118px;
	left: 50%;
	margin-left: -16px;
	display: block;
	width: 32px;
	height: 32px;
	border: 2px solid #86827e;
	background-size: 14px auto;
	border-radius: 50%;
	z-index: 2;
	-webkit-animation: bounce 2s infinite 2s;
	animation: bounce 2s infinite 2s;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.scroll-down:before {
	position: absolute;
	top: calc(50% - 8px);
	left: calc(50% - 6px);
	transform: rotate(-45deg);
	display: block;
	width: 12px;
	height: 12px;
	content: "";
	border: 2px solid #86827e;
	border-width: 0px 0 2px 2px;
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	60% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}


/* Style the sidenav links and the dropdown button */

.sidenav a,
.dropdown-btn {
	padding: 6px 8px 6px 20px;
	text-decoration: none;
	font-size: 17px;
	color: #000000;
	display: block;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	outline: none;
}


/* Main content */

.main {
	margin-left: 200px;
	/* Same as the width of the sidenav */
	font-size: 20px;
	/* Increased text to enable scrolling */
	padding: 0px 10px;
}


/* Add an active class to the active dropdown button */

.active {
	/* background-color: green; */
	color: #9D811C;
}


/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */

.dropdown-container {
	display: none;
	/* background-color: #262626; */
	padding-left: 8px;
}

button:focus {
	outline: none!important;
}


/* Optional: Style the caret down icon */

.fa-caret-down {
	float: right;
	padding-right: 8px;
}

.video-cap {
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 30%;
	width: 100%;
	z-index: 1;
}

.video-tm {
	margin-top: -11px;
}

.rightSecf li img {
	width: 20px;
	opacity: .8;
	margin: 4px auto;
}

.rightSecf ul {
	margin-top: 2px!important;
	margin-bottom: 5px;
}

.rightSecf ul li {
	display: inline-block;
}

.rightSecf ul li {
	padding: 0 9px;
}

@media screen and (max-width: 600px) {
	h1 {
		font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.callbacks_nav {
		top: 47%;
	}
	.about .about-content {
		padding: 20px 0px!important;
	}
	.nav-menu a {
		padding: 10px 0px 2px 0px!important;
		margin: 1px 8px!important;
	}
	footer {
		padding: 16px 0px!important;
	}
	footer .copy,
	footer .midSec ul,
	footer .rightSec {
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		left: 50%;
		position: relative;
	}
	footer>div.col-footer {
		width: 100%;
		display: block;
		justify-content: center;
	}
	footer>div.col-footer {
		padding-top: 0;
		padding-bottom: 21px;
	}
	footer .midSec {
		padding: 0px 0 41px 0px;
		width: 100%;
	}
	footer .midSec ul {
		position: relative;
		padding: 20px 0 0;
		margin: 0px 0;
	}
	footer .midSec ul:before {
		content: '';
		position: absolute;
		border-top: 1px solid #262626;
		border-bottom: 1px solid #262626;
		width: 100%;
		padding: 18px;
		top: 11px;
		margin: 0 auto;
		left: 0;
		right: 0;
		text-align: center;
	}
	footer .midSec ul li:first-child {
		border-left: none;
		padding-left: 0;
	}
	footer .midSec ul li {
		padding: 0 5px;
	}
	footer .midSec ul li {
		float: left;
	}
	footer .midSec ul li a {
		font-size: 14px;
		color: #858585;
	}
	footer .midSec ul li a:hover:after {
		left: 0;
		right: 0;
		visibility: visible;
	}
	.my-pad-tb-60 {
		padding: 35px 0px;
	}
	.first_tab {
		padding: 23px 0px;
	}
	.minimal.tabs>section {
		padding: 0px!important;
	}
	.minimal.tabs>ul {
		right: 10px!important;
	}
	.minimal {
		margin: 0px 0!important;
	}
	.show-whendown {
		display: none!important;
	}
	.price-banner {
		padding: 3px 0!important;
		bottom: -37px!important;
		width: 93%!important;
	}
	.price-banner .wrapper {
		line-height: 19px!important;
		display: block;
		width: 100%;
		justify-content: flex-start;
		float: left;
	}
	.price-banner .wrapper p {
		width: 50%!important;
		float: left;
		margin-right: 0;
		font-size: 12rpx!important;
		height: 18px;
	}
	.mob-0-pad {
		padding: 0px 0px!important;
	}
	.caption-2 {
		padding: 13px 10px!important;
		font-size: 17px!important;
	}
	.video-tour {
		height: 400px!important;
	}
	#portfolio .first_tab {
		padding: 0px 0px;
	}
	#portfolio {
		padding: 20px 0px 0px 0px!important;
		margin-bottom: 0px!important;
	}
	#contact {
		padding: 20px 0!important;
	}
	#portfolio .tab_wrapper .content_wrapper .tab_content {
		padding: 15px 20px 0px 20px!important;
	}
	#portfolio .tab_wrapper {
		margin: 10px 3px 0px 2px!important;
	}
	.icon-box {
		width: 50%!important;
	}
	.mob-3 {
		width: 32%!important;
	}
	.mob-2 {
		width: 50%!important;
	}
	.video-cap {
		font-size: 29px!important;
		line-height: 38px;
	}
	.mob-logo-s {
		width: 175px;
		margin-top: 10px!important;
		margin-left: 26%!important;
	}
	.rightSecf li img {
		width: 30px!important;
		margin: 2px auto!important;
	}
	.rightSecf {
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		left: 49%;
		position: relative;
	}
	.extendedFooter {
		padding: 0 0px!important;
	}
	.extendedFooter .block-block-content {
		width: 49%!important;
		margin: 0 1px 0 0!important;
	}
	.extendedFooter ul li a {
		font-size: 0.8rem!important;
	}
	.rightSecf ul li {
		padding: 0 19px!important;
	}
	.extendedFooter .extendedBottom {
		margin: 0px 0px 40px 0!important;
		width: 100%;
	}
	.price-banner h3 {
		font-size: 1rem!important;
		line-height: 24px!important;
	}
	.extendedFooter .block-block-content ul li {
		margin: 10px 0 10px 5px!important;
	}
	.scroll-down {
		bottom: 89px!important;
	}
}

@media screen and (max-width: 430px) {
	.mob-logo-s {
		width: 151px;
		margin-top: 4px!important;
		margin-left: 24%!important;
	}
	.rightSec ul {
		margin-top: 2px!important;
		margin-bottom: 5px;
	}
	.rightSecf ul li {
		padding: 0 13px!important;
	}
}

.Error {
	color: #f00;
	font-size: 1em;
}

.contact-li {
	display: none;
}

.no-f-page {
	display: none!important;
}

.mb-wbCall {
	xwidth: 100%!important;
}

@media (min-width: 786px) {
	#hero {
		height: calc(98vh - 114px);
	}
	h2.hedding-h2 {
    color: #9D811C;
    font-size: 31px;
}
}

 :root {
	--plyr-color-main: #BF933F;
}


/* Demo styles */


/* Gallery measures that will be applied */

.galleria {
	xheight: 600px;
	/* defines a static gallery height */
	max-width: 100%;
	/* defines a responsive width */
}

.plyr {
	xheight: 560px;
	/* defines a static gallery height */
	max-width: 100%;
	/* defines a responsive width */
}

.galleria-videoicon i {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 0 15px 25px;
	display: block;
	border-color: transparent transparent transparent #ffffff;
	margin: 21px 0 0 28px;
}

.galleria-videoicon {
	width: 75px;
	height: 75px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -30px 0 0 -30px;
	cursor: pointer;
	background: #000;
	background: rgb(189, 146, 52);
	border-radius: 3px;
	-webkit-transition: all 150ms;
	border-radius: 50%;
}

.galleria-theme-twelve .galleria-image-nav-left,
.galleria-theme-twelve .galleria-image-nav-right {
	display: none;
}

.btn-knowmore {
	color: #9D811C!important;
	background: #ffffff!important;
}

.btn-knowmore:hover {
	color: #fff!important;
	background: #9D811C!important;
}

.btn-outline-primary:hover {
	border-color: #9D811C;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
	box-shadow: none;
}

.video_background {
	border: 1px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 572px!important;
	width: 100%;
	margin-top: 67px;
}

h5 {
	font-family: 'DIN-Regular';
}


/*-----------------Timeline Css ----------------*/

h2 span {
	color: #bd9234;
}

h2.hedding-h2 {
	color: #9D811C;
	font-size: 30px;
}

h3.hedding-h3 {
	color: #9D811C;
	font-size: 3.03rem;
	text-align: center;
}

p.para {
	color: #9D811C;
	font-size: 1.13rem; 
	text-align: center;
}

.flot-left {
	float: left;
}

#timeline {
	width: 800px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	position: relative;
	/* background: url('../img/dot.gif') left 45px repeat-x; */
}

#dates {
	width: 800px;
	height: 88px;
	overflow: hidden;
}

#dates li {
	list-style: none;
	float: left;
	width: 100px;
	height: 70px;
	font-size: 24px;
	text-align: center;
	/*  background: url('../img/not-active.png') center bottom no-repeat; */
	padding-bottom: 4%;
}

#dates img {
	width: 65%;
	padding-top: 15px;
}


/*  #dates a {
          line-height: 38px;
          padding-bottom: 15px;
		  color:#9D811C;
        } */

#dates .selected {
	width: 85px;
	height:85px;
	border-radius:50%;
	border:2px solid #9D811C;
	display: block;
	/* font-size: 38px;
			  background: url(../img/active.png) center bottom no-repeat; */
}

#issues {
	width: 800px;
	height: auto;
	overflow: hidden;
	margin-left: 0px;
}

#issues li {
	width: 800px;
	height: auto;
	list-style: none;
	float: left;
	padding-left: 0;
}

#issues li.selected img {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

#issues li img {
	float: left;
	margin: 10px 30px 10px 50px;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
	/* IE 8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	/* IE 6 & 7 */
	zoom: 1;
	-webkit-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	-webkit-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
}

#issues li h1 {
	color: #9D811C;
	font-size: 28px;
	margin: 20px 0;
	/* text-shadow: #000 1px 1px 2px; */
}

#issues li p {
	font-size: 18px;
	margin-right: 70px;
	font-weight: normal;
	line-height: 22px;
	display: block;
	position: relative;
	padding: 0 0 18px 40px;
	text-align: justify;
}

#issues li p:before {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background: #bd9234;
	position: absolute;
	left: 0;
	top: 12px;
}

#grad_left,
#grad_right {
	width: 100px;
	height: auto;
	position: absolute;
	top: 0;
}

#grad_left {
	left: 0;
	background: url('../img/grad_left.png') repeat-y;
}

#grad_right {
	right: 0;
	background: url('../img/grad_right.png') repeat-y;
}

#next,
#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	/* top: 170px; */
	width: 37px;
	height: 32px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#next:hover,
#prev:hover {
	background-position: 0 -32px;
}

#next {
	right: 0;
	background-image: url('../img/right-arrow.png');
}

#prev {
	right: 48px;
	background-image: url('../img/left-arrow.png');
}

#next.disabled,
#prev.disabled {
	opacity: 0.2;
}

#dates li .dot {
	width: 20px;
	height: 20px;
	position: absolute;
	border-radius: 50%;
	left: 0;
	top: 2%;
	background-color: #1A1B26;
	border: none;
	transition: background-color 550ms 0ms ease;
	transition: border 550ms 0ms ease;
}

#dates li .line a.selected {
	height: 100%;
	width: 1px;
	position: absolute;
	left: 0;
	top: 2%;
	margin-right: 14.33333vw;
	border-left: 2px solid #1A1B26;
	transition: border-left 550ms 0ms ease;
	margin-left: 1%;
	padding-left: 2%;
}

@media (max-width:980px) {
	#timeline {
		width: 90%;
		height: auto;
		overflow: hidden;
		margin: 88px auto 0;
	}
	.nav-scroller-item {
		flex: 1 0 auto;
		display: block;
		font-size: 0.8rem;
		text-align: center;
		color: #000;
	}
	h2.hedding-h2 {
    color: #9D811C;
    font-size: 31px;
}
}


/*-------------------End Timeline Css-----------------*/


/*-------------------Sub menu Css-----------------*/

h2.theam-color {
	color: #bd9234;
}

.nav-scroller,
.nav-scroller-wrapper {
	display: flex;
	padding-top: 2%;
}

.nav-scroller {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 3%;
}

.nav-scroller-nav {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	z-index: 1;
	align-self: center;
	/*  padding-bottom: 30px;
  margin-bottom: -30px; */
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.nav-scroller-content,
.nav-scroller-items {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.nav-scroller-content {
	min-height: 44px;
	will-change: transform;
}

.nav-scroller-content:not(.no-transition) {
	transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

ul.nav-scroller-content {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-scroller-item,
.nav-scroller-group-title {
	padding: .25rem 1rem;
	margin: .25rem 0;
}

.nav-scroller-item {
	flex: 1 0 auto;
	display: block;
	font-size: 1.125rem;
	text-align: center;
	color: #000;
	/* border-left: 1px solid transparent;
  border-right: 1px solid #ddd; */
}

.nav-scroller-item:hover {
	color: #bd9234;
}

.nav-scroller-item:last-child {
	border-right-color: transparent;
}

.nav-scroller-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 44px;
	min-height: 44px;
	height: 100%;
	padding: .5rem;
	font-size: 1.25rem;
	color: #000;
	background: #fff;
	border: 1px solid #ddd;
	transition: color .3s, opacity .3s;
	cursor: pointer;
}

.nav-scroller-btn:hover {
	color: #666;
}

.nav-scroller-btn:focus {
	outline: 0;
}

.nav-scroller-btn:not(.active) {
	opacity: 0;
	pointer-events: none;
}

.nav-scroller-icon {
	display: inline-block;
	position: relative;
	top: -0.1em;
	width: 1em;
	height: 1em;
	fill: currentColor;
	vertical-align: middle;
}

.nav-scroller-btn--left {
	left: 0;
}

.nav-scroller-btn--right {
	right: 0;
}

.nav-scroller-logo {
	display: inline-block;
	padding: .5rem;
	margin-right: 1rem;
	font-size: 1.75rem;
	font-weight: bold;
}

.nav-scroller--controls-inline .nav-scroller-content {
	padding: 0 44px;
}

.nav-scroller--controls-inline .nav-scroller-btn:not(.active) {
	color: #ddd;
	opacity: 1;
}

.nav-scroller--expand .nav-scroller-nav,
.nav-scroller--expand .nav-scroller-content {
	width: 100%;
}

.nav-scroller--right .nav-scroller-nav {
	margin-left: auto;
}

.nav-scroller--snap .nav-scroller-nav {
	-ms-scroll-snap-type: x proximity;
	scroll-snap-type: x proximity;
	scroll-padding: 0 44px;
}

.nav-scroller--snap .nav-scroller-content:not(.no-transition) .nav-scroller-item {
	scroll-snap-align: start;
}

.nav-scroller--snap .nav-scroller-content:not(.no-transition).snap-align-end .nav-scroller-item {
	scroll-snap-align: end;
}

.nav-scroller-group {
	flex-direction: column;
	align-items: flex-start;
}

.nav-scroller-group:not(:first-child) {
	border-left: 1px solid #ddd;
	margin-left: -1px;
}

.nav-scroller-group-title {
	font-weight: bold;
}

.nav-scroller-items .nav-scroller-item {
	text-align: center;
	min-width: 80px;
}

@media (max-width: 980px) {
	.nav-scroller,
	.nav-scroller-wrapper {
		display: flex;
		padding-top: 10%;
		margin: 15% auto 0;
	}
}


/*-------------------End Sub menu Css-----------------*/


/*-------------------Tab menu Css-----------------*/

@charset "UTF-8";
.swichtab-controller {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 32%;
	margin: 0 auto;
}

.swichtab-controller>li {
	flex: 1 1 auto;
	border: #bd9234 1px solid;
	border-width: 1px 1px 1px 0;
}

.swichtab-controller>li:first-child {
	border-width: 1px;
}

.swichtab-controller>li>a {
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.swichtab-controller>li.is-active>a {
	background-color: #F5F2E3;
	color: #bd9234;
}

.swichtab-contents {
	padding: 20px 0;
	/* border: #bd9234 1px solid;
  border-width: 0 1px 1px 1px;
  overflow: hidden; */
}

.swichtab-panel {
	display: none;
}

@media (max-width:980px) {
	.swichtab-controller {
		width: 84%;
	}
}


/*-------------------End Tab menu Css-----------------*/

@media (max-width: 767px) {
	.plyr__poster {
		background-image: none!important;
	}
	#issues li {
		width: 416px;
		height: auto;
		list-style: none;
		float: left;
		padding-left: 0;
	}
}


/*=============Bagkground==============*/

.bg {
	background: #F5F2E3;
	padding: 2% 0 0;
	width: 100%;
}

.bg1 {
	background: #F5F2E3;
	overflow: hidden;
	width: 100%;
}

#myVideo {
	position: inherit;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	margin-top: -60px;
	z-index: -9999;
	height: calc(100vh - -130px);
}

#myBtn {
	/*width: 200px; */
	font-size: 18px;
	/* padding: 10px; */
	border: none;
	background: none;
	color: #9D811C;
	cursor: pointer;
	padding-left: 0;
	margin-bottom: 2%;
	font-weight: bold;
}

#myBtn:hover {
	background: none;
	color: #9D811C;
}

#myBtn1 {
	/*width: 200px; */
	font-size: 18px;
	/* padding: 10px; */
	border: none;
	background: none;
	color: #9D811C;
	cursor: pointer;
	padding-left: 0;
	margin-bottom: 2%;
	font-weight: bold;
}

#myBtn1:hover {
	background: none;
	color: #9D811C;
}

#myBtn2 {
	/*width: 200px; */
	font-size: 18px;
	/* padding: 10px; */
	border: none;
	background: none;
	color: #9D811C;
	cursor: pointer;
	padding-left: 0;
	margin-bottom: 2%;
	font-weight: bold;
}

#myBtn2:hover {
	background: none;
	color: #9D811C;
}

#myBtn3 {
	/*width: 200px; */
	font-size: 18px;
	/* padding: 10px; */
	border: none;
	background: none;
	color: #9D811C;
	cursor: pointer;
	padding-left: 0;
	margin-bottom: 2%;
	font-weight: bold;
}

#myBtn3:hover {
	background: none;
	color: #9D811C;
}

#myBtn4 {
	/*width: 200px; */
	font-size: 18px;
	/* padding: 10px; */
	border: none;
	background: none;
	color: #9D811C;
	cursor: pointer;
	padding-left: 0;
	margin-bottom: 2%;
	font-weight: bold;
}

#myBtn4:hover {
	background: none;
	color: #9D811C;
}

#myBtn5 {
	/*width: 200px; */
	font-size: 18px;
	/* padding: 10px; */
	border: none;
	background: none;
	color: #9D811C;
	cursor: pointer;
	padding-left: 0;
	margin-bottom: 2%;
	font-weight: bold;
}

#myBtn5:hover {
	background: none;
	color: #9D811C;
}

#myBtn6 {
	/*width: 200px; */
	font-size: 18px;
	/* padding: 10px; */
	border: none;
	background: none;
	color: #9D811C;
	cursor: pointer;
	padding-left: 0;
	margin-bottom: 2%;
	font-weight: bold;
}

#myBtn6:hover {
	background: none;
	color: #9D811C;
}

.video-logo {
	width: 100%;
	float: left;
	text-align: center;
}

.video-logo .logoimage {
	margin-top: 50px;
}

.video-content h1 {
	text-align: center;
	font-family: 'georgia_1';
	text-transform: inherit;
	margin-top: 72px;
	line-height: 35px;
	float: left;
	width: 100%;
	margin-bottom: 70px;
	font-size: 30px;
}

.video-content p {
	font-size: 12px;
	margin-top: 130px;
	text-align: center;
}

.video-discover {
	color: #fff!important;
	text-decoration: none;
	font-size: 13px;
	font-family: 'georgia_1';
	font-weight: 100;
}

.mobile-videocontent {
	text-align: center;
	font-family: 'georgia_1';
	text-transform: inherit;
	margin-top: 22px;
	line-height: 32px;
	color: #989898;
	font-size: 22px;
}


/*===================Box CSS Start=====================*/

.border1 {
	border: 1px solid #bd9234;
	padding: 0px 0px 20px 0px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

img.thumb-img {
	margin-bottom: 8%;
}

p.thumb-para {
	margin-bottom: 0;
}

.slider-tag {
	background-color: #bd9234;
	font-family: "DIN-Medium";
	color: white;
	text-transform: capitalize;
	font-size: 14px;
	font-size: 1.1rem;
	padding: 5px 15px;
	position: absolute;
	top: -15px;
}

.bg-popup {
	background: #F5F2E3;
	overflow: hidden;
}

.bg-popupborder {
	border: 1px solid #bd9234 !important;
}

h3.heading-color {
	font-size: 20px;
	color: #bd9234;
}


/*==================Box CSS end======================*/

.mobile-show {
	display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.video-content h1 {
		text-align: center;
		font-family: 'georgia_1';
		text-transform: inherit;
		margin-top: 81px;
		line-height: 41px;
		float: left;
		width: 100%;
		margin-bottom: 31px!important;
		font-size: 22px!important;
	}
}

@media (max-width: 767px) {
	.video-content h1 {
		margin-top: 138px;
		line-height: 23px;
		font-size: 16px;
	}
	.video-logo .logoimage {
		margin-top: 0px;
	}
	#myVideo {
		height: 100% !important;
		object-fit: cover;
		object-position: center top;
	}
	.video-logo {
		padding: 10px 0px;
	}
	.mobile-show .video-discover {
		color: #989898!important;
		text-decoration: none;
		font-size: 11px;
	}
	.mobile-videocontent {
		width: 92%;
		float: none;
		margin: 11px auto 0px;
		font-size: 21px;
	}
	.mobile-show {
		display: block!important;
	}
	.desktop-show {
		display: none!important;
	}
	.videowrap {
		position: relative!important;
		height: calc(100vh - 72px)!important;
		width: 100%!important;
	}
	.mb-nomob-5{
		margin-bottom:0px!important;
	}
	h3.hedding-h3 {
    font-size: 2.03rem!important;
	    margin-bottom: 0.02rem;
}
.mb-nomob-5 .mb-4{
    margin-bottom: 0.65rem!important;
}
 .sm-arrow-mob{
    width: 18px!important;
    margin-bottom: 2px;
}
h5,
.h5 {
	font-size: 1.00rem;
}
}